Nx - Project Crystal

[@nxdevtools]

Blog post: dev.to/nx/what-if-nx-plugins-were-more-like-vscode-extensions-4oh0

[@JohanVrolix]

How to migrate a 17 nx monorepo to this, because NX disables the plugins when using nx migrate

[@AlexanderMazuruk]

Definitely intriguing move, how to find so much time & focus to keep up with the ever changing approaches.

[@JackHsu83]

No need to switch over if Nx is already working well for your projects. The setup using project.json and executors are not going away.

[@Supaship6000]

project crystal doesn't really break anything legacy, it's more just opening up new possibilities.

[@AlexanderMazuruk]

@@Supaship6000 That's the whole point. Your inventions are too delicious just to ignore them or postpone them for long

[@malikrajat]

Great, Good to see these exciting changes. I was expecting one more in NX 18, run angular and react in a single project like in case of micro frontend angular is the host and react run as remote under an angular host

[@RobertKing]

looking forward to this :) the very last bit of the video about speeding up e2e test.. i'm a bit stuck sometimes wondering if i should mock the database (can be difficult for complex usecases) or to use a transaction so tests can run in parallel, or make the tests so they are safe to run in parallel of the same database, or provide a new database to every test.

[@Supaship6000]

it always depends. I like e2e tests that are truly isolated, so resetting the db and any stateful service to clean between each test on e2e is where I trend. Using Nx Agents can let you run in multiple machines at the same time - that's huge for speeding up those tests!

[@pawan29121991]

Amazing. How can we add environemnt variables & ignore in command and dependencies?

[@keteremillpario]

Does this work for `package-based` monorepos too? And what should I do to use this features, is it enough to install the new version (Nx 18) by doing a migration? (I'm asking about a package-based monorepo that's already using Nx)

[@alextarasenko4228]

Am I missing smth or `watch` option is missing in cypress component tests?

[@ankushkalia6982]

Nice.. would love to see how it works with vitest workspace feature. Can I create workspace level config at once?

[@AlexanderMazuruk]

100% spot on

[@yassinebouchoucha]

should we start the migration or wait for the @19 release in April ?

[@JackHsu83]

You can try it out right now, especially if you want to e2e splitting with cypress/playwright. Note that not all official plugins can infer tasks (e.g. Angular), although most of them do. We are working on bringing all the plugins into Project Crystal.

[@teachernr1]

Great news, JiT for my migration from yarn workspaces to nx

[@Bielik20]

I must say I have been anticipating it. Makes it easier to maintain large code bases where almost every project.json is the same. Question: I know this may be difficult, but are there any plans to make plugins created in repository to be used without publishing, just like you are handling executors and generators? I know it may be more difficult with plugins, but I just would like to know if there are plans for that. Also, I would love to see plugins be more configurable. As it stands today I couldn't use them in a more complex setup, as inputs and configurations are more complicated.

[@craigorycoppola1313]

Local plugins should already work for inference

[@Bielik20]

@@craigorycoppola1313 I have just checked and it doesn't work with local plugins, when I add in nx.json: "plugins": ["@my-scope/my-local-package/src/plugin"] Plugin file contains createNodes. when I run npx nx graph it fails. So I don't think locally created plugins work without a need to publish.

[@Bielik20]

@@craigorycoppola1313 I have just checked and using locally created plugins inside "plugins" array in nx.json doesn't work.

[@JackHsu83]

@@Bielik20 It should work, but we might have an example of it in the actual Nx repo soon.

[@Bielik20]

@@JackHsu83 Thanks Jack! That would be great. I have an example PR in my nx-plugins repo showcasing the issue, but YT doesn't allow me to paste a link here :/

[@stavrojacobi3173]

🤪 "Promo SM"

[@canergurelsoy6875]

very one; but I'm fighting to setup my monorepo with MF faced with errors errors errors... pls I need some littler help. from this command npx nx g @nx/angular:host host --directory=apps/host I'm getting this error message " > NX Cannot read properties of undefined (reading 'executor')" I've nx 18.0.x installed

[@goblin3731]

i get the frustration 💢 i do this *npx nx g @nx/react:app apps/react-app* and it generates react in *apps/react-app* folder try this may be this work for you also don't forget to install nx in root *npm i nx@latest -D* && *npx nx add @nx/react* or *@nx/angular* *npx nx g @nx/angular:host workspace-name/angular-app-folder* if still have the error try changing your tsconfig.base.json with some famous angular project or ask chat-gpt for it it is the base of many errors.