fix: properly resolve file path in nx workspace

[dmitry-stepanenko]

In Nx workspaces applications live under the nested dir (e.g. apps/myapp). Looks like the path resolution is broken in this case, specifically at this line

styled-vanilla-extract/src/vite.ts

Line 272 in efa92bb

return `import "${rootRelativeId}";`

. rootRelativeId there is relative to project root, not workspace, thus the import statement points to an invalid file

To reproduce:

1. run npx create-nx-workspace@latest --preset=qwik-nx
2. install vanilla extract in the same way it's added to regular qwik project: add vanilla extract dependencies to package.json, plugin to the vite config and a sample route that uses it
3. notice the error

[wmertens]

Thank you, I'll take a look shortly!

I also saw you writing that qwik add is broken for NX, do you know why?

[dmitry-stepanenko]

@wmertens it's not broken, it's just incompatible, as qwik cli can only work with the standard workspace layout with 1 app.

qwik-nx recreates some of the integrations, more to come 🙂

[wmertens]

Thanks!

[wmertens]

@dmitry-stepanenko actually, can you walk me through what happens? So a single Vite is running across multiple workspaces?
What I don't understand is that you now import relative paths, no matter where the file is in the tree, so that might cause issues. Why doesn't it work with the absolute paths?

Ah nevermind I get it, the imports in nx need to include the workspace, right? And the relative paths are needed to maintain consistent content hashes across machines

[dmitry-stepanenko]

@wmertens prior to this commit it would create paths to files assuming the project and repository roots are the same (e.g. src/file.css, which is resolved as /Users/dmitriy/myproj/src/file.css later).

This does not work for monorepos because particular project lives at nested folder like apps/myapp. With that in place when it generates path src/file.css, it will still be resolved as /Users/dmitriy/myproj/src/file.css, while it should actually be /Users/dmitriy/myproj/apps/myapp/src/file.css