@nx/next 16.0.0-beta.1

package/src/generators/application/lib/create-application-files.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-application-files.helpers.js","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/create-application-files.helpers.ts"],"names":[],"mappings":";;;AAAA,SAAgB,YAAY,CAAC,IAAY;IACvC,OAAO;;;;;;sBAMa,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmYvB,CAAC;AACJ,CAAC;AA3YD,oCA2YC;AAED,SAAgB,gBAAgB;IAC9B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4XN,CAAC;AACJ,CAAC;AA9XD,4CA8XC"}

package/src/generators/application/lib/create-application-files.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createApplicationFiles = void 0;
+const path_1 = require("path");
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const create_application_files_helpers_1 = require("./create-application-files.helpers");
+function createApplicationFiles(host, options) {
+    const templateVariables = Object.assign(Object.assign(Object.assign({}, (0, devkit_1.names)(options.name)), options), { tmpl: '', rootTsConfigPath: (0, js_1.getRelativePathToRootTsConfig)(host, options.appProjectRoot), appContent: (0, create_application_files_helpers_1.createAppJsx)(options.name), styleContent: (0, create_application_files_helpers_1.createStyleRules)(), pageStyleContent: `.page {}`, stylesExt: options.style === 'less' || options.style === 'styl'
+            ? options.style
+            : 'css' });
+    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/common'), options.appProjectRoot, templateVariables);
+    if (options.appDir) {
+        (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/app'), (0, path_1.join)(options.appProjectRoot, 'app'), templateVariables);
+    }
+    else {
+        (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/pages'), (0, path_1.join)(options.appProjectRoot, 'pages'), templateVariables);
+    }
+    if (options.unitTestRunner === 'none') {
+        host.delete(`${options.appProjectRoot}/specs/${options.fileName}.spec.tsx`);
+    }
+    // SWC will be disabled if custom babelrc is provided.
+    // Check for `!== false` because `create-nx-workspace` is not passing default values.
+    if (options.swc !== false) {
+        host.delete(`${options.appProjectRoot}/.babelrc`);
+    }
+    if (options.styledModule) {
+        host.delete(`${options.appProjectRoot}/pages/${options.fileName}.module.${options.style}`);
+    }
+    if (options.style !== 'styled-components') {
+        host.delete(`${options.appProjectRoot}/pages/_document.tsx`);
+    }
+    if (options.js) {
+        host.delete(`${options.appProjectRoot}/index.d.ts`);
+        (0, devkit_1.toJS)(host);
+        host.delete(`${options.appProjectRoot}/next-env.d.js`);
+    }
+}
+exports.createApplicationFiles = createApplicationFiles;
+//# sourceMappingURL=create-application-files.js.map

package/src/generators/application/lib/create-application-files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-application-files.js","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/create-application-files.ts"],"names":[],"mappings":";;;AAAA,+BAA4B;AAC5B,uCAA8D;AAC9D,+BAAuD;AAGvD,yFAG4C;AAE5C,SAAgB,sBAAsB,CAAC,IAAU,EAAE,OAAyB;IAC1E,MAAM,iBAAiB,iDAClB,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,GACnB,OAAO,KACV,IAAI,EAAE,EAAE,EACR,gBAAgB,EAAE,IAAA,kCAA6B,EAC7C,IAAI,EACJ,OAAO,CAAC,cAAc,CACvB,EACD,UAAU,EAAE,IAAA,+CAAY,EAAC,OAAO,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,IAAA,mDAAgB,GAAE,EAChC,gBAAgB,EAAE,UAAU,EAC5B,SAAS,EACP,OAAO,CAAC,KAAK,KAAK,MAAM,IAAI,OAAO,CAAC,KAAK,KAAK,MAAM;YAClD,CAAC,CAAC,OAAO,CAAC,KAAK;YACf,CAAC,CAAC,KAAK,GACZ,CAAC;IAEF,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,iBAAiB,CAAC,EAClC,OAAO,CAAC,cAAc,EACtB,iBAAiB,CAClB,CAAC;IAEF,IAAI,OAAO,CAAC,MAAM,EAAE;QAClB,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,cAAc,CAAC,EAC/B,IAAA,WAAI,EAAC,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,EACnC,iBAAiB,CAClB,CAAC;KACH;SAAM;QACL,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,gBAAgB,CAAC,EACjC,IAAA,WAAI,EAAC,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,EACrC,iBAAiB,CAClB,CAAC;KACH;IAED,IAAI,OAAO,CAAC,cAAc,KAAK,MAAM,EAAE;QACrC,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,cAAc,UAAU,OAAO,CAAC,QAAQ,WAAW,CAAC,CAAC;KAC7E;IAED,sDAAsD;IACtD,qFAAqF;IACrF,IAAI,OAAO,CAAC,GAAG,KAAK,KAAK,EAAE;QACzB,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,cAAc,WAAW,CAAC,CAAC;KACnD;IAED,IAAI,OAAO,CAAC,YAAY,EAAE;QACxB,IAAI,CAAC,MAAM,CACT,GAAG,OAAO,CAAC,cAAc,UAAU,OAAO,CAAC,QAAQ,WAAW,OAAO,CAAC,KAAK,EAAE,CAC9E,CAAC;KACH;IAED,IAAI,OAAO,CAAC,KAAK,KAAK,mBAAmB,EAAE;QACzC,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,cAAc,sBAAsB,CAAC,CAAC;KAC9D;IAED,IAAI,OAAO,CAAC,EAAE,EAAE;QACd,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,cAAc,aAAa,CAAC,CAAC;QACpD,IAAA,aAAI,EAAC,IAAI,CAAC,CAAC;QACX,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,cAAc,gBAAgB,CAAC,CAAC;KACxD;AACH,CAAC;AAlED,wDAkEC"}

package/src/generators/application/lib/normalize-options.d.ts

@@ -0,0 +1,13 @@
+import { Tree } from '@nx/devkit';
+import { Schema } from '../schema';
+export interface NormalizedSchema extends Schema {
+    projectName: string;
+    appProjectRoot: string;
+    e2eProjectName: string;
+    e2eProjectRoot: string;
+    parsedTags: string[];
+    fileName: string;
+    styledModule: null | string;
+    js?: boolean;
+}
+export declare function normalizeOptions(host: Tree, options: Schema): NormalizedSchema;

package/src/generators/application/lib/normalize-options.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeOptions = void 0;
+const assertion_1 = require("@nx/react/src/utils/assertion");
+const devkit_1 = require("@nx/devkit");
+const linter_1 = require("@nx/linter");
+function normalizeOptions(host, options) {
+    var _a;
+    const { layoutDirectory, projectDirectory } = (0, devkit_1.extractLayoutDirectory)(options.directory);
+    const appDirectory = projectDirectory
+        ? `${(0, devkit_1.names)(projectDirectory).fileName}/${(0, devkit_1.names)(options.name).fileName}`
+        : (0, devkit_1.names)(options.name).fileName;
+    const appsDir = layoutDirectory !== null && layoutDirectory !== void 0 ? layoutDirectory : (0, devkit_1.getWorkspaceLayout)(host).appsDir;
+    const appProjectName = appDirectory.replace(new RegExp('/', 'g'), '-');
+    const e2eProjectName = `${appProjectName}-e2e`;
+    const appProjectRoot = (0, devkit_1.joinPathFragments)(appsDir, appDirectory);
+    const e2eProjectRoot = (0, devkit_1.joinPathFragments)(appsDir, `${appDirectory}-e2e`);
+    const parsedTags = options.tags
+        ? options.tags.split(',').map((s) => s.trim())
+        : [];
+    const fileName = 'index';
+    const appDir = (_a = options.appDir) !== null && _a !== void 0 ? _a : false;
+    const styledModule = /^(css|scss|less|styl)$/.test(options.style)
+        ? null
+        : options.style;
+    (0, assertion_1.assertValidStyle)(options.style);
+    return Object.assign(Object.assign({}, options), { appDir, name: (0, devkit_1.names)(options.name).fileName, projectName: appProjectName, linter: options.linter || linter_1.Linter.EsLint, unitTestRunner: options.unitTestRunner || 'jest', e2eTestRunner: options.e2eTestRunner || 'cypress', style: options.style || 'css', appProjectRoot,
+        e2eProjectRoot,
+        e2eProjectName,
+        parsedTags,
+        fileName,
+        styledModule });
+}
+exports.normalizeOptions = normalizeOptions;
+//# sourceMappingURL=normalize-options.js.map

package/src/generators/application/lib/normalize-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-options.js","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/normalize-options.ts"],"names":[],"mappings":";;;AAAA,6DAAiE;AACjE,uCAMoB;AACpB,uCAAoC;AAepC,SAAgB,gBAAgB,CAC9B,IAAU,EACV,OAAe;;IAEf,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,IAAA,+BAAsB,EAClE,OAAO,CAAC,SAAS,CAClB,CAAC;IAEF,MAAM,YAAY,GAAG,gBAAgB;QACnC,CAAC,CAAC,GAAG,IAAA,cAAK,EAAC,gBAAgB,CAAC,CAAC,QAAQ,IAAI,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QACvE,CAAC,CAAC,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IAEjC,MAAM,OAAO,GAAG,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,IAAA,2BAAkB,EAAC,IAAI,CAAC,CAAC,OAAO,CAAC;IAEpE,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IACvE,MAAM,cAAc,GAAG,GAAG,cAAc,MAAM,CAAC;IAE/C,MAAM,cAAc,GAAG,IAAA,0BAAiB,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,IAAA,0BAAiB,EAAC,OAAO,EAAE,GAAG,YAAY,MAAM,CAAC,CAAC;IAEzE,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI;QAC7B,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAC9C,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,QAAQ,GAAG,OAAO,CAAC;IAEzB,MAAM,MAAM,GAAG,MAAA,OAAO,CAAC,MAAM,mCAAI,KAAK,CAAC;IAEvC,MAAM,YAAY,GAAG,wBAAwB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QAC/D,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;IAElB,IAAA,4BAAgB,EAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEhC,uCACK,OAAO,KACV,MAAM,EACN,IAAI,EAAE,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAClC,WAAW,EAAE,cAAc,EAC3B,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,eAAM,CAAC,MAAM,EACvC,cAAc,EAAE,OAAO,CAAC,cAAc,IAAI,MAAM,EAChD,aAAa,EAAE,OAAO,CAAC,aAAa,IAAI,SAAS,EACjD,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,KAAK,EAC7B,cAAc;QACd,cAAc;QACd,cAAc;QACd,UAAU;QACV,QAAQ;QACR,YAAY,IACZ;AACJ,CAAC;AAlDD,4CAkDC"}

package/src/generators/application/lib/set-defaults.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+import { NormalizedSchema } from './normalize-options';
+export declare function setDefaults(host: Tree, options: NormalizedSchema): void;

package/src/generators/application/lib/set-defaults.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setDefaults = void 0;
+const devkit_1 = require("@nx/devkit");
+function setDefaults(host, options) {
+    const nxJson = (0, devkit_1.readNxJson)(host);
+    nxJson.generators = nxJson.generators || {};
+    nxJson.generators['@nrwl/next'] = nxJson.generators['@nrwl/next'] || {};
+    const prev = nxJson.generators['@nrwl/next'];
+    nxJson.generators = Object.assign(Object.assign({}, nxJson.generators), { '@nrwl/next': Object.assign(Object.assign({}, prev), { application: Object.assign({ style: options.style, linter: options.linter }, prev.application) }) });
+    (0, devkit_1.updateNxJson)(host, nxJson);
+}
+exports.setDefaults = setDefaults;
+//# sourceMappingURL=set-defaults.js.map

package/src/generators/application/lib/set-defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-defaults.js","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/set-defaults.ts"],"names":[],"mappings":";;;AAAA,uCAA4D;AAI5D,SAAgB,WAAW,CAAC,IAAU,EAAE,OAAyB;IAC/D,MAAM,MAAM,GAAG,IAAA,mBAAU,EAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;IAC5C,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IACxE,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,mCACZ,MAAM,CAAC,UAAU,KACpB,YAAY,kCACP,IAAI,KACP,WAAW,kBACT,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,MAAM,EAAE,OAAO,CAAC,MAAM,IACnB,IAAI,CAAC,WAAW,OAGxB,CAAC;IACF,IAAA,qBAAY,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC7B,CAAC;AAnBD,kCAmBC"}

package/src/generators/application/lib/update-jest-config.d.ts

@@ -0,0 +1,3 @@
+import { NormalizedSchema } from './normalize-options';
+import { Tree } from '@nx/devkit';
+export declare function updateJestConfig(host: Tree, options: NormalizedSchema): void;

package/src/generators/application/lib/update-jest-config.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateJestConfig = void 0;
+function updateJestConfig(host, options) {
+    if (options.unitTestRunner !== 'jest') {
+        return;
+    }
+    const configPath = `${options.appProjectRoot}/jest.config.${options.js ? 'js' : 'ts'}`;
+    const originalContent = host.read(configPath, 'utf-8');
+    const content = originalContent
+        .replace('transform: {', "transform: {\n    '^(?!.*\\\\.(js|jsx|ts|tsx|css|json)$)': '@nrwl/react/plugins/jest',")
+        .replace(`'babel-jest'`, `['babel-jest', { presets: ['@nrwl/next/babel'] }]`);
+    host.write(configPath, content);
+}
+exports.updateJestConfig = updateJestConfig;
+//# sourceMappingURL=update-jest-config.js.map

package/src/generators/application/lib/update-jest-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-jest-config.js","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/update-jest-config.ts"],"names":[],"mappings":";;;AAGA,SAAgB,gBAAgB,CAAC,IAAU,EAAE,OAAyB;IACpE,IAAI,OAAO,CAAC,cAAc,KAAK,MAAM,EAAE;QACrC,OAAO;KACR;IAED,MAAM,UAAU,GAAG,GAAG,OAAO,CAAC,cAAc,gBAC1C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IACtB,EAAE,CAAC;IACH,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,eAAe;SAC5B,OAAO,CACN,cAAc,EACd,wFAAwF,CACzF;SACA,OAAO,CACN,cAAc,EACd,mDAAmD,CACpD,CAAC;IACJ,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAClC,CAAC;AAnBD,4CAmBC"}

package/src/generators/application/schema.d.ts

@@ -0,0 +1,19 @@
+import { Linter } from '@nx/linter';
+import { SupportedStyles } from '@nx/react';
+
+export interface Schema {
+  name: string;
+  style?: SupportedStyles;
+  skipFormat?: boolean;
+  directory?: string;
+  tags?: string;
+  unitTestRunner?: 'jest' | 'none';
+  e2eTestRunner?: 'cypress' | 'none';
+  linter?: Linter;
+  js?: boolean;
+  setParserOptionsProject?: boolean;
+  swc?: boolean;
+  customServer?: boolean;
+  skipPackageJson?: boolean;
+  appDir?: boolean;
+}

package/src/generators/application/schema.json

@@ -0,0 +1,131 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "NxNextApp",
+  "title": "Create a Next.js Application for Nx",
+  "description": "Create a Next.js Application for Nx.",
+  "type": "object",
+  "properties": {
+    "name": {
+      "description": "The name of the application.",
+      "type": "string",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the application?",
+      "pattern": "^[a-zA-Z].*$",
+      "x-priority": "important"
+    },
+    "directory": {
+      "description": "The directory of the new application.",
+      "type": "string",
+      "alias": "d",
+      "x-priority": "important"
+    },
+    "style": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css",
+      "alias": "s",
+      "x-prompt": {
+        "message": "Which stylesheet format would you like to use?",
+        "type": "list",
+        "items": [
+          { "value": "css", "label": "CSS" },
+          {
+            "value": "scss",
+            "label": "SASS(.scss)       [ http://sass-lang.com          ]"
+          },
+          {
+            "value": "less",
+            "label": "LESS              [ http://lesscss.org            ]"
+          },
+          {
+            "value": "styled-components",
+            "label": "styled-components [ https://styled-components.com ]"
+          },
+          {
+            "value": "@emotion/styled",
+            "label": "emotion           [ https://emotion.sh            ]"
+          },
+          {
+            "value": "styled-jsx",
+            "label": "styled-jsx        [ https://www.npmjs.com/package/styled-jsx ]"
+          },
+          {
+            "value": "none",
+            "label": "None"
+          },
+          {
+            "value": "styl",
+            "label": "Stylus(.styl)     [ http://stylus-lang.com        ] (DEPRECATED)"
+          }
+        ]
+      }
+    },
+    "linter": {
+      "description": "The tool to use for running lint checks.",
+      "type": "string",
+      "enum": ["eslint"],
+      "default": "eslint"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    },
+    "unitTestRunner": {
+      "type": "string",
+      "enum": ["jest", "none"],
+      "description": "Test runner to use for unit tests.",
+      "default": "jest"
+    },
+    "e2eTestRunner": {
+      "type": "string",
+      "enum": ["cypress", "none"],
+      "description": "Test runner to use for end to end (E2E) tests.",
+      "default": "cypress"
+    },
+    "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
+    },
+    "swc": {
+      "description": "Enable the Rust-based compiler SWC to compile JS/TS files.",
+      "type": "boolean",
+      "default": true
+    },
+    "customServer": {
+      "description": "Use a custom Express server for the Next.js application.",
+      "type": "boolean",
+      "default": false
+    },
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add dependencies to `package.json`.",
+      "x-priority": "internal"
+    },
+    "appDir": {
+      "type": "boolean",
+      "default": false,
+      "description": "Enable experimental app directory for the project",
+      "x-prompt": "Do you want to use experimental app/ in this project?"
+    }
+  },
+  "required": [],
+  "examplesFile": "../../../docs/application-examples.md"
+}

package/src/generators/component/component.d.ts

@@ -0,0 +1,15 @@
+import { Tree } from '@nx/devkit';
+import type { SupportedStyles } from '@nx/react';
+interface Schema {
+    name: string;
+    project: string;
+    style: SupportedStyles;
+    directory?: string;
+    flat?: boolean;
+    pascalCaseFiles?: boolean;
+    pascalCaseDirectory?: boolean;
+    skipFormat?: boolean;
+}
+export declare function componentGenerator(host: Tree, options: Schema): Promise<import("@nx/devkit").GeneratorCallback>;
+export default componentGenerator;
+export declare const componentSchematic: (generatorOptions: Schema) => (tree: any, context: any) => Promise<any>;

package/src/generators/component/component.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentSchematic = exports.componentGenerator = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const react_1 = require("@nx/react");
+const styles_1 = require("../../utils/styles");
+function getDirectory(host, options) {
+    const workspace = (0, devkit_1.getProjects)(host);
+    const projectType = workspace.get(options.project).projectType;
+    return options.directory
+        ? options.directory
+        : projectType === 'application'
+            ? 'components'
+            : undefined;
+}
+/*
+ * This schematic is basically the React one, but for Next we need
+ * extra dependencies for css, sass, less, styl style options.
+ */
+function componentGenerator(host, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const componentInstall = yield (0, react_1.componentGenerator)(host, Object.assign(Object.assign({}, options), { directory: getDirectory(host, options), classComponent: false, routing: false, skipFormat: true }));
+        const styledInstall = (0, styles_1.addStyleDependencies)(host, options.style);
+        if (!options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(host);
+        }
+        return (0, devkit_1.runTasksInSerial)(styledInstall, componentInstall);
+    });
+}
+exports.componentGenerator = componentGenerator;
+exports.default = componentGenerator;
+exports.componentSchematic = (0, devkit_1.convertNxGenerator)(componentGenerator);
+//# sourceMappingURL=component.js.map

package/src/generators/component/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../packages/next/src/generators/component/component.ts"],"names":[],"mappings":";;;;AAAA,uCAMoB;AAEpB,qCAA0E;AAE1E,+CAA0D;AAa1D,SAAS,YAAY,CAAC,IAAU,EAAE,OAAe;IAC/C,MAAM,SAAS,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IACpC,MAAM,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC;IAE/D,OAAO,OAAO,CAAC,SAAS;QACtB,CAAC,CAAC,OAAO,CAAC,SAAS;QACnB,CAAC,CAAC,WAAW,KAAK,aAAa;YAC/B,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,SAAsB,kBAAkB,CAAC,IAAU,EAAE,OAAe;;QAClE,MAAM,gBAAgB,GAAG,MAAM,IAAA,0BAAuB,EAAC,IAAI,kCACtD,OAAO,KACV,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,EACtC,cAAc,EAAE,KAAK,EACrB,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,IAAI,IAChB,CAAC;QAEH,MAAM,aAAa,GAAG,IAAA,6BAAoB,EAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAEhE,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YACvB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;QAED,OAAO,IAAA,yBAAgB,EAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;IAC3D,CAAC;CAAA;AAhBD,gDAgBC;AAED,kBAAe,kBAAkB,CAAC;AACrB,QAAA,kBAAkB,GAAG,IAAA,2BAAkB,EAAC,kBAAkB,CAAC,CAAC"}

package/src/generators/component/schema.json

@@ -0,0 +1,119 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "NxNextReactComponent",
+  "title": "Create a React Component for Next",
+  "description": "Create a React Component for Next.",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "alias": "p",
+      "$default": {
+        "$source": "projectName"
+      },
+      "x-prompt": "What is the name of the project for this component?",
+      "x-priority": "important"
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the component?",
+      "x-priority": "important"
+    },
+    "style": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "alias": "s",
+      "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)       [ http://sass-lang.com          ]"
+          },
+          {
+            "value": "less",
+            "label": "LESS              [ http://lesscss.org            ]"
+          },
+          {
+            "value": "styled-components",
+            "label": "styled-components [ https://styled-components.com ]"
+          },
+          {
+            "value": "@emotion/styled",
+            "label": "emotion           [ https://emotion.sh            ]"
+          },
+          {
+            "value": "styled-jsx",
+            "label": "styled-jsx        [ https://www.npmjs.com/package/styled-jsx ]"
+          },
+          {
+            "value": "none",
+            "label": "None"
+          },
+          {
+            "value": "styl",
+            "label": "Stylus(.styl)     [ http://stylus-lang.com        ] (DEPRECATED)"
+          }
+        ]
+      }
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "When true, does not create `spec.ts` test files for the new component.",
+      "default": false,
+      "x-priority": "internal"
+    },
+    "directory": {
+      "type": "string",
+      "description": "Create the component under this directory (can be nested).",
+      "alias": "dir",
+      "x-priority": "important"
+    },
+    "export": {
+      "type": "boolean",
+      "description": "When true, the component is exported from the project index.ts (if it exists).",
+      "alias": "e",
+      "default": false
+    },
+    "js": {
+      "type": "boolean",
+      "description": "Generate JavaScript files rather than TypeScript files.",
+      "default": false
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Create component at the source root rather than its own directory.",
+      "default": false
+    },
+    "pascalCaseFiles": {
+      "type": "boolean",
+      "description": "Use pascal case component file name (e.g. `App.tsx`).",
+      "alias": "P",
+      "default": false
+    },
+    "pascalCaseDirectory": {
+      "type": "boolean",
+      "description": "Use pascal case directory name (e.g. `App/App.tsx`).",
+      "alias": "R",
+      "default": false
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "required": ["name", "project"],
+  "examplesFile": "../../../docs/component-examples.md"
+}

package/src/generators/custom-server/custom-server.d.ts

@@ -0,0 +1,4 @@
+import type { Tree } from '@nx/devkit';
+import { CustomServerSchema } from './schema';
+export declare function customServerGenerator(host: Tree, options: CustomServerSchema): Promise<void>;
+export declare const customServerSchematic: (generatorOptions: CustomServerSchema) => (tree: any, context: any) => Promise<any>;

package/src/generators/custom-server/custom-server.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customServerSchematic = exports.customServerGenerator = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+function customServerGenerator(host, options) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const project = (0, devkit_1.readProjectConfiguration)(host, options.project);
+        if (((_b = (_a = project.targets) === null || _a === void 0 ? void 0 : _a.build) === null || _b === void 0 ? void 0 : _b.executor) !== '@nrwl/next:build') {
+            devkit_1.logger.error(`Project ${options.project} is not a Next.js project. Did you generate it with "nx g @nrwl/next:app"?`);
+            return;
+        }
+        const outputPath = (_e = (_d = (_c = project.targets) === null || _c === void 0 ? void 0 : _c.build) === null || _d === void 0 ? void 0 : _d.options) === null || _e === void 0 ? void 0 : _e.outputPath;
+        const root = (_h = (_g = (_f = project.targets) === null || _f === void 0 ? void 0 : _f.build) === null || _g === void 0 ? void 0 : _g.options) === null || _h === void 0 ? void 0 : _h.root;
+        if (!root ||
+            !outputPath ||
+            !((_l = (_k = (_j = project.targets) === null || _j === void 0 ? void 0 : _j.build) === null || _k === void 0 ? void 0 : _k.configurations) === null || _l === void 0 ? void 0 : _l.development) ||
+            !((_p = (_o = (_m = project.targets) === null || _m === void 0 ? void 0 : _m.build) === null || _o === void 0 ? void 0 : _o.configurations) === null || _p === void 0 ? void 0 : _p.production)) {
+            devkit_1.logger.error(`Project ${options.project} has invalid config. Did you generate it with "nx g @nrwl/next:app"?`);
+            return;
+        }
+        if (((_q = project.targets) === null || _q === void 0 ? void 0 : _q['build-custom-server']) ||
+            ((_r = project.targets) === null || _r === void 0 ? void 0 : _r['serve-custom-server'])) {
+            devkit_1.logger.warn(`Project ${options.project} has custom server targets already: build-custom-server, serve-custom-server. Remove these targets from project and try again.`);
+            return;
+        }
+        (0, devkit_1.generateFiles)(host, (0, devkit_1.joinPathFragments)(__dirname, 'files'), project.root, Object.assign(Object.assign({}, options), { offsetFromRoot: (0, devkit_1.offsetFromRoot)(project.root), projectRoot: project.root, tmpl: '' }));
+        project.targets.build.dependsOn = ['build-custom-server'];
+        project.targets.serve.options.customServerTarget = `${options.project}:serve-custom-server`;
+        project.targets.serve.configurations.development.customServerTarget = `${options.project}:serve-custom-server:development`;
+        project.targets.serve.configurations.production.customServerTarget = `${options.project}:serve-custom-server:production`;
+        project.targets['build-custom-server'] = {
+            executor: '@nrwl/js:tsc',
+            defaultConfiguration: 'production',
+            options: {
+                outputPath,
+                main: `${root}/server/main.ts`,
+                tsConfig: `${root}/tsconfig.server.json`,
+                clean: false,
+                assets: [],
+            },
+            configurations: {
+                development: {},
+                production: {},
+            },
+        };
+        project.targets['serve-custom-server'] = {
+            executor: '@nrwl/js:node',
+            defaultConfiguration: 'development',
+            options: {
+                buildTarget: `${options.project}:build-custom-server`,
+            },
+            configurations: {
+                development: {
+                    buildTarget: `${options.project}:build-custom-server:development`,
+                },
+                production: {
+                    buildTarget: `${options.project}:build-custom-server:production`,
+                },
+            },
+        };
+        (0, devkit_1.updateProjectConfiguration)(host, options.project, project);
+        (0, devkit_1.updateJson)(host, 'nx.json', (json) => {
+            var _a, _b;
+            var _c;
+            (_a = json.tasksRunnerOptions) !== null && _a !== void 0 ? _a : (json.tasksRunnerOptions = {});
+            (_b = (_c = json.tasksRunnerOptions).default) !== null && _b !== void 0 ? _b : (_c.default = { options: {} });
+            json.tasksRunnerOptions.default.options.cacheableOperations = [
+                ...json.tasksRunnerOptions.default.options.cacheableOperations,
+                'build-custom-server',
+            ];
+            return json;
+        });
+    });
+}
+exports.customServerGenerator = customServerGenerator;
+exports.customServerSchematic = (0, devkit_1.convertNxGenerator)(customServerGenerator);
+//# sourceMappingURL=custom-server.js.map

package/src/generators/custom-server/custom-server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-server.js","sourceRoot":"","sources":["../../../../../../packages/next/src/generators/custom-server/custom-server.ts"],"names":[],"mappings":"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"}

package/src/generators/custom-server/files/server/main.ts__tmpl__

@@ -0,0 +1,46 @@
+/*
+ * This is only a minimal custom server to get started.
+ * You may want to consider using Express or another server framework, and enable security features such as CORS.
+ *
+ * For more examples, see the Next.js repo:
+ * - Express: https://github.com/vercel/next.js/tree/canary/examples/custom-server-express
+ * - Hapi: https://github.com/vercel/next.js/tree/canary/examples/custom-server-hapi
+ */
+import { createServer } from 'http';
+import { parse } from 'url';
+import * as path from 'path';
+import next from 'next';
+
+// Next.js server options:
+// - The environment variable is set by `@nrwl/next:server` when running the dev server.
+// - The fallback `__dirname` is for production builds.
+// - Feel free to change this to suit your needs.
+const dir = process.env.NX_NEXT_DIR || path.join(__dirname, '..');
+const dev = process.env.NODE_ENV === 'development';
+
+// HTTP Server options:
+// - Feel free to change this to suit your needs.
+const hostname = process.env.HOST || 'localhost';
+const port = process.env.PORT ? parseInt(process.env.PORT) : 4200;
+
+async function main() {
+  const nextApp = next({ dev, dir });
+  const handle = nextApp.getRequestHandler();
+
+  await nextApp.prepare();
+
+  const server = createServer((req, res) => {
+    const parsedUrl = parse(req.url, true);
+    handle(req, res, parsedUrl);
+  });
+
+  server.listen(port, hostname);
+
+  console.log(`[ ready ] on http://${hostname}:${port}`)
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
+

package/src/generators/custom-server/files/tsconfig.server.json__tmpl__

@@ -0,0 +1,15 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "noEmit": false,
+    "incremental": true,
+    "tsBuildInfoFile": "<%= offsetFromRoot %>/tmp/buildcache/<%= projectRoot %>/server",
+    "types": [
+      "node"
+    ]
+  },
+  "include": [
+    "server/**/*.ts"
+  ]
+}