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>
111 lines
3.7 KiB
JSON
111 lines
3.7 KiB
JSON
{
|
|
"name": "application",
|
|
"factory": "./src/generators/application/application#reactNativeApplicationGeneratorInternal",
|
|
"schema": {
|
|
"cli": "nx",
|
|
"$id": "NxReactNativeApplication",
|
|
"$schema": "https://json-schema.org/schema",
|
|
"title": "Create a React Application for Nx",
|
|
"description": "Create a React Application for Nx.",
|
|
"examples": [
|
|
{
|
|
"command": "nx g @nx/react-native:app myapp --directory=nested",
|
|
"description": "Generate `apps/nested/myapp`"
|
|
},
|
|
{
|
|
"command": "nx g @nx/react-native:app myapp --classComponent",
|
|
"description": "Use class components instead of functional components"
|
|
}
|
|
],
|
|
"type": "object",
|
|
"properties": {
|
|
"directory": {
|
|
"description": "The directory of the new application.",
|
|
"type": "string",
|
|
"$default": { "$source": "argv", "index": 0 },
|
|
"x-prompt": "Which directory do you want to create the application in?"
|
|
},
|
|
"name": {
|
|
"description": "The name of the application.",
|
|
"pattern": "^[a-zA-Z][^:]*$",
|
|
"type": "string"
|
|
},
|
|
"displayName": {
|
|
"description": "The display name to show in the application. Defaults to name.",
|
|
"type": "string"
|
|
},
|
|
"skipFormat": {
|
|
"description": "Skip formatting files",
|
|
"type": "boolean",
|
|
"default": false,
|
|
"x-priority": "internal"
|
|
},
|
|
"linter": {
|
|
"description": "The tool to use for running lint checks.",
|
|
"type": "string",
|
|
"enum": ["eslint", "none"],
|
|
"default": "none",
|
|
"x-priority": "important"
|
|
},
|
|
"unitTestRunner": {
|
|
"type": "string",
|
|
"enum": ["jest", "none"],
|
|
"description": "Test runner to use for unit tests",
|
|
"default": "none",
|
|
"x-priority": "important"
|
|
},
|
|
"tags": {
|
|
"type": "string",
|
|
"description": "Add tags to the application (used for linting).",
|
|
"alias": "t"
|
|
},
|
|
"js": {
|
|
"type": "boolean",
|
|
"description": "Generate JavaScript files rather than TypeScript files",
|
|
"default": false
|
|
},
|
|
"setParserOptionsProject": {
|
|
"type": "boolean",
|
|
"description": "Whether or not to configure the ESLint `parserOptions.project` option. We do not do this by default for lint performance reasons.",
|
|
"default": false
|
|
},
|
|
"e2eTestRunner": {
|
|
"description": "Adds the specified e2e test runner.",
|
|
"type": "string",
|
|
"enum": ["playwright", "cypress", "detox", "none"],
|
|
"default": "none",
|
|
"x-priority": "important"
|
|
},
|
|
"install": {
|
|
"type": "boolean",
|
|
"description": "Runs `pod install` for native modules before building iOS app.",
|
|
"x-prompt": "Run 'pod install' for native modules?",
|
|
"default": true
|
|
},
|
|
"skipPackageJson": {
|
|
"description": "Do not add dependencies to `package.json`.",
|
|
"type": "boolean",
|
|
"default": false,
|
|
"x-priority": "internal"
|
|
},
|
|
"bundler": {
|
|
"description": "The bundler to use.",
|
|
"type": "string",
|
|
"enum": ["vite", "webpack"],
|
|
"x-prompt": "Which bundler do you want to use to build the application?",
|
|
"default": "webpack",
|
|
"x-priority": "important"
|
|
}
|
|
},
|
|
"required": ["directory"],
|
|
"presets": []
|
|
},
|
|
"aliases": ["app"],
|
|
"x-type": "application",
|
|
"description": "Create a React Native application.",
|
|
"implementation": "/packages/react-native/src/generators/application/application#reactNativeApplicationGeneratorInternal.ts",
|
|
"hidden": false,
|
|
"path": "/packages/react-native/src/generators/application/schema.json",
|
|
"type": "generator"
|
|
}
|