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>
127 lines
4.1 KiB
JSON
127 lines
4.1 KiB
JSON
{
|
|
"name": "preset",
|
|
"factory": "./src/generators/preset/preset#presetGenerator",
|
|
"schema": {
|
|
"$schema": "https://json-schema.org/schema",
|
|
"$id": "NxWorkspacePreset",
|
|
"cli": "nx",
|
|
"title": "Creates applications in a new workspace",
|
|
"description": "Creates applications in a new workspace.",
|
|
"type": "object",
|
|
"properties": {
|
|
"preset": { "description": "The name of the preset.", "type": "string" },
|
|
"name": {
|
|
"description": "The name of the application.",
|
|
"type": "string"
|
|
},
|
|
"linter": {
|
|
"description": "The tool to use for running lint checks.",
|
|
"type": "string",
|
|
"enum": ["eslint", "none"],
|
|
"default": "eslint"
|
|
},
|
|
"routing": {
|
|
"description": "Add routing to the generated application.",
|
|
"type": "boolean",
|
|
"default": true
|
|
},
|
|
"style": {
|
|
"description": "The file extension to be used for style files.",
|
|
"type": "string",
|
|
"default": "css",
|
|
"x-prompt": {
|
|
"message": "Which stylesheet format would you like to use?",
|
|
"type": "list",
|
|
"items": [
|
|
{ "value": "css", "label": "CSS" },
|
|
{
|
|
"value": "scss",
|
|
"label": "SASS(.scss) [ https://sass-lang.com ]"
|
|
},
|
|
{
|
|
"value": "less",
|
|
"label": "LESS [ https://lesscss.org ]"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
"standaloneApi": {
|
|
"description": "Use Standalone Components if generating an Angular application.",
|
|
"type": "boolean",
|
|
"default": false
|
|
},
|
|
"standaloneConfig": {
|
|
"description": "Split the project configurations into `<projectRoot>/project.json` rather than including it inside `workspace.json`.",
|
|
"type": "boolean",
|
|
"default": true,
|
|
"x-deprecated": "Nx only supports standaloneConfig"
|
|
},
|
|
"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"]
|
|
},
|
|
"bundler": {
|
|
"description": "The bundler to use for building the application.",
|
|
"type": "string",
|
|
"enum": ["webpack", "vite", "rspack", "esbuild"],
|
|
"default": "vite"
|
|
},
|
|
"docker": {
|
|
"description": "Generate a Dockerfile",
|
|
"type": "boolean",
|
|
"default": false
|
|
},
|
|
"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
|
|
}
|
|
},
|
|
"required": ["preset", "name"],
|
|
"presets": []
|
|
},
|
|
"description": "Create application in an empty workspace.",
|
|
"x-use-standalone-layout": true,
|
|
"hidden": true,
|
|
"implementation": "/packages/workspace/src/generators/preset/preset#presetGenerator.ts",
|
|
"aliases": [],
|
|
"path": "/packages/workspace/src/generators/preset/schema.json",
|
|
"type": "generator"
|
|
}
|