ec5a5e6360
This PR updates app and lib generators in the following packages such that they will generate files with the TS solution setup if it is detected. - `@nx/react` - `@nx/next` - `@nx/remix` - `@nx/expo` - `@nx/react-native` React apps and libs will be linked using npm/pnpm/yarn/bun workspaces feature rather than through tsconfig paths. This means that local aliases like `@/` will work with Next.js and Remix apps. Note: This will be behind `--workspaces` flag when using `npx create-nx-workspace` and choosing React stack. If you use the None/TS stack then adding plugins like `nx add @nx/react` then generating apps, it will automatically pick up the new TS solution setup. <!-- If this is a particularly complex change or feature addition, you can request a dedicated Nx release for this pull request branch. Mention someone from the Nx team or the `@nrwl/nx-pipelines-reviewers` and they will confirm if the PR warrants its own release for testing purposes, and generate it for you if appropriate. --> ## Current Behavior React generators are not compatible with TS solution setup (i.e. workspaces + TS project references). ## Expected Behavior React generators work with new TS solution setup (Plain, Next.js, Remix, Expo, React Native). ## Related Issue(s) #28322 --------- Co-authored-by: Leosvel Pérez Espinosa <leosvel.perez.espinosa@gmail.com> Co-authored-by: Nicholas Cunningham <ndcunningham@gmail.com>
109 lines
3.4 KiB
JSON
109 lines
3.4 KiB
JSON
{
|
|
"name": "new",
|
|
"factory": "./src/generators/new/new#newGenerator",
|
|
"schema": {
|
|
"$schema": "https://json-schema.org/schema",
|
|
"$id": "NxWorkspaceNew",
|
|
"title": "Create an empty workspace",
|
|
"description": "Create an empty workspace.",
|
|
"type": "object",
|
|
"cli": "nx",
|
|
"properties": {
|
|
"name": {
|
|
"description": "The name of the workspace.",
|
|
"type": "string",
|
|
"$default": { "$source": "argv", "index": 0 },
|
|
"x-prompt": "What name would you like to use for the workspace?"
|
|
},
|
|
"style": {
|
|
"description": "The file extension to be used for style files.",
|
|
"type": "string",
|
|
"default": "css"
|
|
},
|
|
"routing": {
|
|
"description": "Add routing to the generated application.",
|
|
"type": "boolean",
|
|
"default": true
|
|
},
|
|
"standaloneApi": {
|
|
"description": "Use Standalone Components if generating an Angular application.",
|
|
"type": "boolean",
|
|
"default": false
|
|
},
|
|
"defaultBase": {
|
|
"type": "string",
|
|
"description": "Default base branch for affected."
|
|
},
|
|
"skipInstall": {
|
|
"description": "Skip installing dependency packages.",
|
|
"type": "boolean",
|
|
"default": false
|
|
},
|
|
"preset": {
|
|
"description": "What to create in the new workspace.",
|
|
"type": "string"
|
|
},
|
|
"appName": { "type": "string", "description": "Application name." },
|
|
"linter": {
|
|
"description": "The tool to use for running lint checks.",
|
|
"type": "string",
|
|
"enum": ["eslint", "none"],
|
|
"default": "eslint"
|
|
},
|
|
"packageManager": {
|
|
"description": "The package manager used to install dependencies.",
|
|
"type": "string",
|
|
"enum": ["npm", "yarn", "pnpm", "bun"]
|
|
},
|
|
"framework": {
|
|
"description": "The framework which the application is using",
|
|
"type": "string",
|
|
"enum": ["express", "koa", "fastify", "nest", "none"]
|
|
},
|
|
"nextAppDir": {
|
|
"description": "Enable the App Router for this project.",
|
|
"type": "boolean",
|
|
"default": true
|
|
},
|
|
"nextSrcDir": {
|
|
"description": "Generate a `src` directory for this project.",
|
|
"type": "boolean",
|
|
"default": true
|
|
},
|
|
"e2eTestRunner": {
|
|
"description": "The tool to use for running e2e tests.",
|
|
"type": "string",
|
|
"enum": ["playwright", "cypress", "jest", "detox", "none"]
|
|
},
|
|
"ssr": {
|
|
"description": "Enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering) for the Angular application.",
|
|
"type": "boolean",
|
|
"default": false
|
|
},
|
|
"prefix": {
|
|
"description": "The prefix to use for Angular component and directive selectors.",
|
|
"type": "string"
|
|
},
|
|
"formatter": {
|
|
"description": "The tool to use for code formatting.",
|
|
"type": "string",
|
|
"enum": ["none", "prettier"],
|
|
"default": "none"
|
|
},
|
|
"workspaces": {
|
|
"description": "Whether to use package manager workspaces.",
|
|
"type": "boolean",
|
|
"default": false
|
|
}
|
|
},
|
|
"additionalProperties": true,
|
|
"presets": []
|
|
},
|
|
"description": "Create a workspace.",
|
|
"hidden": true,
|
|
"implementation": "/packages/workspace/src/generators/new/new#newGenerator.ts",
|
|
"aliases": [],
|
|
"path": "/packages/workspace/src/generators/new/schema.json",
|
|
"type": "generator"
|
|
}
|