@nx/next 23.0.0-beta.1 → 23.0.0-beta.11

package/index.d.ts

@@ -1,5 +1,4 @@
 export * from './src/utils/types';
-export { createGlobPatternsOfDependentProjects } from './src/utils/generate-globs';
 export { applicationGenerator } from './src/generators/application/application';
 export { componentGenerator } from './src/generators/component/component';
 export { libraryGenerator } from './src/generators/library/library';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/next/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,qCAAqC,EAAE,MAAM,4BAA4B,CAAC;AAEnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/next/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC"}

package/index.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.composePlugins = exports.withNx = exports.pageGenerator = exports.libraryGenerator = exports.componentGenerator = exports.applicationGenerator = exports.createGlobPatternsOfDependentProjects = void 0;
+exports.composePlugins = exports.withNx = exports.pageGenerator = exports.libraryGenerator = exports.componentGenerator = exports.applicationGenerator = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./src/utils/types"), exports);
-var generate_globs_1 = require("./src/utils/generate-globs");
-Object.defineProperty(exports, "createGlobPatternsOfDependentProjects", { enumerable: true, get: function () { return generate_globs_1.createGlobPatternsOfDependentProjects; } });
 var application_1 = require("./src/generators/application/application");
 Object.defineProperty(exports, "applicationGenerator", { enumerable: true, get: function () { return application_1.applicationGenerator; } });
 var component_1 = require("./src/generators/component/component");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/next",
-  "version": "23.0.0-beta.1",
+  "version": "23.0.0-beta.11",
   "private": false,
   "description": "The Next.js plugin for Nx contains executors and generators for managing Next.js applications and libraries within an Nx workspace. It provides:\n\n\n- Scaffolding for creating, building, serving, linting, and testing Next.js applications.\n\n- Integration with building, serving, and exporting a Next.js application.\n\n- Integration with React libraries within the workspace. \n\nWhen using Next.js in Nx, you get the out-of-the-box support for TypeScript, Playwright, Cypress, and Jest. No need to configure anything: watch mode, source maps, and typings just work.",
   "repository": {
@@ -36,25 +36,25 @@
     "next": ">=14.0.0 <17.0.0"
   },
   "dependencies": {
-    "@nx/devkit": "23.0.0-beta.1",
+    "@nx/devkit": "23.0.0-beta.11",
     "@babel/plugin-proposal-decorators": "^7.22.7",
-    "@svgr/webpack": "^8.1.0",
+    "@svgr/webpack": "^8.0.1",
     "copy-webpack-plugin": "^14.0.0",
-    "ignore": "^5.0.4",
+    "ignore": "^7.0.5",
     "semver": "^7.6.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "@nx/js": "23.0.0-beta.1",
-    "@nx/eslint": "23.0.0-beta.1",
-    "@nx/react": "23.0.0-beta.1",
-    "@nx/web": "23.0.0-beta.1",
-    "@nx/webpack": "23.0.0-beta.1",
-    "@phenomnomnominal/tsquery": "~6.1.4"
+    "@nx/js": "23.0.0-beta.11",
+    "@nx/eslint": "23.0.0-beta.11",
+    "@nx/react": "23.0.0-beta.11",
+    "@nx/web": "23.0.0-beta.11",
+    "@nx/webpack": "23.0.0-beta.11",
+    "@phenomnomnominal/tsquery": "~6.2.0"
   },
   "devDependencies": {
-    "@nx/cypress": "23.0.0-beta.1",
-    "@nx/playwright": "23.0.0-beta.1",
-    "nx": "23.0.0-beta.1"
+    "@nx/cypress": "23.0.0-beta.11",
+    "@nx/playwright": "23.0.0-beta.11",
+    "nx": "23.0.0-beta.11"
   },
   "publishConfig": {
     "access": "public"

package/plugins/with-nx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with-nx.d.ts","sourceRoot":"","sources":["../../../../packages/next/plugins/with-nx.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAGL,KAAK,uBAAuB,EAE7B,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,EAAE,CAAC,EAAE;QACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,gBAAgB,CAAC,EAAE;YAAE,OAAO,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACvD,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA+ED;;GAEG;AACH,iBAAS,MAAM,CACb,WAAW,GAAS,aAAa,EACjC,OAAO,GAAE,aAAkC,GAC1C,YAAY,CA4Hd;AAED,wBAAgB,aAAa,CAC3B,UAAU,GAAS,aAAa,EAChC,OAAO,GAAE,aAAkC,GAC1C,UAAU,CAiIZ;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,uBAAuB,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAC9B,IAAI,GAAG,MAAM,CAcf;AAGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,IAAI,QAM3D;AASD,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"with-nx.d.ts","sourceRoot":"","sources":["../../../../packages/next/plugins/with-nx.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAGL,KAAK,uBAAuB,EAE7B,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,EAAE,CAAC,EAAE;QACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,gBAAgB,CAAC,EAAE;YAAE,OAAO,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACvD,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA+ED;;GAEG;AACH,iBAAS,MAAM,CACb,WAAW,GAAS,aAAa,EACjC,OAAO,GAAE,aAAkC,GAC1C,YAAY,CAkHd;AAED,wBAAgB,aAAa,CAC3B,UAAU,GAAS,aAAa,EAChC,OAAO,GAAE,aAAkC,GAC1C,UAAU,CAiIZ;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,uBAAuB,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAC9B,IAAI,GAAG,MAAM,CAcf;AAGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,IAAI,QAM3D;AASD,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/plugins/with-nx.js

@@ -112,17 +112,9 @@ function withNx(_nextConfig = {}, context = getWithNxContext()) {
             };
         }
         else {
-            const { createProjectGraphAsync, joinPathFragments, offsetFromRoot, workspaceRoot, } = require('@nx/devkit');
-            let graph;
-            try {
-                graph = await createProjectGraphAsync({
-                    exitOnError: false,
-                    resetDaemonClient: true,
-                });
-            }
-            catch (e) {
-                throw new Error('Could not create project graph. Please ensure that your workspace is valid.', { cause: e });
-            }
+            const { readCachedProjectGraph, joinPathFragments, offsetFromRoot, workspaceRoot, } = require('@nx/devkit');
+            // Since this is invoked by an Nx task, the graph is already cached.
+            const graph = readCachedProjectGraph();
             const originalTarget = {
                 project: process.env.NX_TASK_TARGET_PROJECT,
                 target: process.env.NX_TASK_TARGET_TARGET,

package/src/executors/build/build.impl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/executors/build/build.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAKhB,MAAM,YAAY,CAAC;AAWpB,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAQ5D,wBAA8B,aAAa,CACzC,OAAO,EAAE,uBAAuB,EAChC,OAAO,EAAE,eAAe;;GAoGzB"}
+{"version":3,"file":"build.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/executors/build/build.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAKhB,MAAM,YAAY,CAAC;AAUpB,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAS5D,wBAA8B,aAAa,CACzC,OAAO,EAAE,uBAAuB,EAChC,OAAO,EAAE,eAAe;;GAsGzB"}

package/src/executors/build/build.impl.js

@@ -7,7 +7,6 @@ const path_1 = require("path");
 const node_fs_1 = require("node:fs");
 const promises_1 = require("node:fs/promises");
 const semver_1 = require("semver");
-const semver_2 = require("@nx/devkit/src/utils/semver");
 const update_package_json_1 = require("./lib/update-package-json");
 const create_next_config_file_1 = require("./lib/create-next-config-file");
 const check_project_1 = require("./lib/check-project");
@@ -15,8 +14,10 @@ const child_process_1 = require("child_process");
 const create_cli_options_1 = require("../../utils/create-cli-options");
 const internal_1 = require("@nx/devkit/internal");
 const runtime_version_utils_1 = require("../../utils/runtime-version-utils");
+const deprecation_1 = require("../../utils/deprecation");
 let childProcess;
 async function buildExecutor(options, context) {
+    (0, deprecation_1.warnNextBuildExecutorDeprecation)();
     // Cast to any to overwrite NODE_ENV
     process.env.NODE_ENV ||= 'production';
     const projectRoot = context.projectGraph.nodes[context.projectName].data.root;
@@ -30,7 +31,7 @@ async function buildExecutor(options, context) {
     const reactDomVersion = packageJson?.dependencies?.['react-dom'] ??
         rootPackageJson.dependencies?.['react-dom'];
     const hasReact18 = reactDomVersion &&
-        (0, semver_1.gte)((0, semver_2.checkAndCleanWithSemver)('react-dom', reactDomVersion), '18.0.0');
+        (0, semver_1.gte)((0, internal_1.checkAndCleanWithSemver)('react-dom', reactDomVersion), '18.0.0');
     if (hasReact18) {
         process.env['__NEXT_REACT_ROOT'] ||= 'true';
     }

package/src/executors/build/schema.json

@@ -6,6 +6,7 @@
   "title": "Next Build",
   "description": "Build a Next.js app.",
   "type": "object",
+  "x-deprecated": "The `@nx/next:build` executor is deprecated and will be removed in Nx v24. Run `nx g @nx/next:convert-to-inferred` to migrate to the `@nx/next/plugin` inferred plugin. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.",
   "properties": {
     "outputPath": {
       "type": "string",

package/src/executors/server/schema.json

@@ -6,6 +6,7 @@
   "title": "Next Serve",
   "description": "Serve a Next.js app.",
   "type": "object",
+  "x-deprecated": "The `@nx/next:server` executor is deprecated and will be removed in Nx v24. Run `nx g @nx/next:convert-to-inferred` to migrate to the `@nx/next/plugin` inferred plugin. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.",
   "properties": {
     "dev": {
       "type": "boolean",

package/src/executors/server/server.impl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/executors/server/server.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAIhB,MAAM,YAAY,CAAC;AAGpB,OAAO,EAEL,uBAAuB,EACxB,MAAM,mBAAmB,CAAC;AAQ3B,wBAA+B,aAAa,CAC1C,OAAO,EAAE,uBAAuB,EAChC,OAAO,EAAE,eAAe;;;cAqHzB"}
+{"version":3,"file":"server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/executors/server/server.impl.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAIhB,MAAM,YAAY,CAAC;AAGpB,OAAO,EAEL,uBAAuB,EACxB,MAAM,mBAAmB,CAAC;AAQ3B,wBAA+B,aAAa,CAC1C,OAAO,EAAE,uBAAuB,EAChC,OAAO,EAAE,eAAe;;;cAuHzB"}

package/src/executors/server/server.impl.js

@@ -2,15 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = serveExecutor;
 const tslib_1 = require("tslib");
+const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const child_process_1 = require("child_process");
 const custom_server_impl_1 = tslib_1.__importDefault(require("./custom-server.impl"));
 const create_cli_options_1 = require("../../utils/create-cli-options");
-const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
 const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
 const runtime_version_utils_1 = require("../../utils/runtime-version-utils");
+const deprecation_1 = require("../../utils/deprecation");
 async function* serveExecutor(options, context) {
+    (0, deprecation_1.warnNextServerExecutorDeprecation)();
     const buildOptions = (0, devkit_1.readTargetOptions)((0, devkit_1.parseTargetString)(options.buildTarget, context), context);
     const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
     // This is required for the default custom server to work. See the @nx/next:app generator.
@@ -64,7 +66,7 @@ async function* serveExecutor(options, context) {
         }
     }
     const nextBin = require.resolve('next/dist/bin/next');
-    yield* (0, async_iterable_1.createAsyncIterable)(async ({ done, next, error }) => {
+    yield* (0, internal_1.createAsyncIterable)(async ({ done, next, error }) => {
         const server = (0, child_process_1.fork)(nextBin, [
             mode,
             ...args,

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

@@ -1 +1 @@
-{"version":3,"file":"application.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/generators/application/application.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAIjB,IAAI,EACL,MAAM,YAAY,CAAC;AAUpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAwBlC,wBAAsB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAMpE;AAED,wBAAsB,4BAA4B,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAmI5E"}
+{"version":3,"file":"application.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/generators/application/application.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,iBAAiB,EAGjB,IAAI,EACL,MAAM,YAAY,CAAC;AASpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAsBlC,wBAAsB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAMpE;AAED,wBAAsB,4BAA4B,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAkH5E"}

package/src/generators/application/application.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.applicationGenerator = applicationGenerator;
 exports.applicationGeneratorInternal = applicationGeneratorInternal;
+const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
-const setup_tailwind_1 = require("../setup-tailwind/setup-tailwind");
 const versions_1 = require("@nx/react/src/utils/versions");
 const version_utils_1 = require("@nx/react/src/utils/version-utils");
 const normalize_options_1 = require("./lib/normalize-options");
@@ -18,14 +18,11 @@ const styles_1 = require("../../utils/styles");
 const add_linting_1 = require("./lib/add-linting");
 const custom_server_1 = require("../custom-server/custom-server");
 const update_cypress_tsconfig_1 = require("./lib/update-cypress-tsconfig");
-const show_possible_warnings_1 = require("./lib/show-possible-warnings");
 const versions_2 = require("../../utils/versions");
-const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
 const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
 const sort_fields_1 = require("@nx/js/src/utils/package-json/sort-fields");
 const add_swc_to_custom_server_1 = require("../../utils/add-swc-to-custom-server");
 const jest_config_util_1 = require("../../utils/jest-config-util");
-const version_utils_2 = require("../../utils/version-utils");
 async function applicationGenerator(host, schema) {
     return await applicationGeneratorInternal(host, {
         addPlugin: false,
@@ -46,7 +43,6 @@ async function applicationGeneratorInternal(host, schema) {
     });
     tasks.push(jsInitTask);
     const options = await (0, normalize_options_1.normalizeOptions)(host, schema);
-    (0, show_possible_warnings_1.showPossibleWarnings)(host, options);
     const nextTask = await (0, init_1.nextInitGenerator)(host, {
         ...options,
         skipFormat: true,
@@ -65,17 +61,6 @@ async function applicationGeneratorInternal(host, schema) {
     tasks.push(e2eTask);
     const jestTask = await (0, add_jest_1.addJest)(host, options);
     tasks.push(jestTask);
-    if (options.style === 'tailwind') {
-        const tailwindTask = await (0, setup_tailwind_1.setupTailwindGenerator)(host, {
-            project: options.projectName,
-        });
-        tasks.push(tailwindTask);
-    }
-    // LESS is not currrently supported with Turbopack
-    // Turbopack is default in Next 16, set to webpack
-    if (options.style === 'less' && (await (0, version_utils_2.isNext16)(host))) {
-        devkit_1.logger.warn("NX LESS is only supported with Webpack bundler. Please ensure you run your application with '--webpack'.");
-    }
     const styledTask = (0, styles_1.addStyleDependencies)(host, {
         style: options.style,
         swc: !host.exists((0, devkit_1.joinPathFragments)(options.appProjectRoot, '.babelrc')),
@@ -118,7 +103,7 @@ async function applicationGeneratorInternal(host, schema) {
         await (0, devkit_1.formatFiles)(host);
     }
     tasks.push(() => {
-        (0, log_show_project_command_1.logShowProjectCommand)(options.projectName);
+        (0, internal_1.logShowProjectCommand)(options.projectName);
     });
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }

package/src/generators/application/files/app/page.tsx__tmpl__

@@ -1,17 +1,6 @@
-<%_ if (style !== 'none') { _%>
-  <%_ if (styledModule && (styledModule === 'styled-jsx' || styledModule === 'styled-components'))  { _%>
-'use client';
-  <%_ } _%> 
-  <%_ if (styledModule && styledModule !== 'styled-jsx') { var wrapper = 'StyledPage'; _%>
-import styled from '<%= styledModule %>';
-<%_ } else { var wrapper = 'div'; _%>
-<%- (style !== 'styled-jsx' && style !== 'tailwind') ? `import styles from './page.module.${style}';` : '' %>
-  <%_ } _%>
-
-  <%_ if (styledModule && styledModule !== 'styled-jsx') { _%>
-const StyledPage = styled.div`<%- pageStyleContent %>`;
-  <%_ } _%>
-<% } %>
+<%_ if (style !== 'none') { var wrapper = 'div'; _%>
+import styles from './page.module.<%= style %>';
+<% } else { var wrapper = 'div'; } %>
 export default function Index() {
   /*
    * Replace the elements below with your own.
@@ -19,8 +8,7 @@ export default function Index() {
    * Note: The corresponding styles are in the ./<%= fileName %>.<%= style %> file.
    */
   return (
-    <<%= wrapper %><% if (!styledModule && style !== 'tailwind') {%> className={styles.page}<% } %>>
-      <%- styledModule === 'styled-jsx' && style !== 'none' ? `<style jsx>{\`${pageStyleContent}\`}</style>` : `` %>
+    <<%= wrapper %><% if (style !== 'none') {%> className={styles.page}<% } %>>
       <%- appContent %>
     </<%= wrapper %>>
   );

package/src/generators/application/files/common/__dot__babelrc

@@ -1,21 +1,4 @@
 {
-  "presets": [
-    <% if (style === '@emotion/styled') { %>
-    [
-      "@nx/next/babel",
-      {
-        "preset-react": {
-          "runtime": "automatic",
-          "importSource": "@emotion/react"
-        }
-      }
-    ]
-    <% } else { %>
-    "@nx/next/babel"
-    <% } %>
-  ],
-  "plugins": [
-    <% if (style === '@emotion/styled') { %>"@emotion/babel-plugin"<% } %>
-    <% if (style === 'styled-components') { %>["styled-components", { "pure": true, "ssr": true }]<% } %>
-  ]
+  "presets": ["@nx/next/babel"],
+  "plugins": []
 }

package/src/generators/application/files/common/index.d.ts__tmpl__

@@ -4,10 +4,3 @@ declare module '*.svg' {
   export const ReactComponent: any;
   export default content;
 }
-
-<% if (style === 'less') { %>
-declare module '*.module.less' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-<% } %>

package/src/generators/application/files/common/next.config.js__tmpl__

@@ -3,61 +3,6 @@
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const { composePlugins, withNx } = require('@nx/next');
 
-<% if (style === 'less') { %>
-// This plugin is needed until this PR is merged.
-// https://github.com/vercel/next.js/pull/23185
-const { withLess } = require('@nx/next/plugins/with-less');
-
-/**
- * @type {import('@nx/next/plugins/with-nx').WithNxOptions}
- **/
-const nextConfig = {
-  // Use this to set Nx-specific options
-  // See: https://nx.dev/recipes/next/next-config-setup
-  nx: {},
-};
-
-const plugins = [
-  // Add more Next.js plugins to this list if needed.
-  withLess,
-  withNx,
-];
-
-module.exports = composePlugins(...plugins)(nextConfig);
-<% } else if (
-  style === 'styled-components'
-  ||style === '@emotion/styled'
-  || style === 'styled-jsx'
-  || style === 'none'
-) { %>
-/**
- * @type {import('@nx/next/plugins/with-nx').WithNxOptions}
- **/
-const nextConfig = {
-  // Use this to set Nx-specific options
-  // See: https://nx.dev/recipes/next/next-config-setup
-  nx: {},
-  <% if (style === 'styled-components') { %>
-  compiler: {
-    // For other options, see https://styled-components.com/docs/tooling#babel-plugin
-    styledComponents: true,
-  },
-  <% } else if (style === '@emotion/styled') { %>
-  compiler: {
-    // For other options, see https://nextjs.org/docs/architecture/nextjs-compiler#emotion
-    emotion: true,
-  },
-  <% } %>
-};
-
-const plugins = [
-  // Add more Next.js plugins to this list if needed.
-  withNx,
-];
-
-module.exports = composePlugins(...plugins)(nextConfig);
-<% } else {
-// Defaults to CSS/SASS (which don't need plugin as of Next 9.3) %>
 /**
  * @type {import('@nx/next/plugins/with-nx').WithNxOptions}
  **/
@@ -73,4 +18,3 @@ const plugins = [
 ];
 
 module.exports = composePlugins(...plugins)(nextConfig);
-<% } %>

package/src/generators/application/files/common/tsconfig.json__tmpl__

@@ -2,7 +2,6 @@
   "extends": "<%= rootTsConfigPath %>",
   "compilerOptions": {
     "jsx": "preserve",
-    <% if (style === '@emotion/styled') { %>"jsxImportSource": "@emotion/react",<% } %>
     "strict": true,
     "noEmit": true,
     "emitDeclarationOnly": false,

package/src/generators/application/files/pages/__fileName__.tsx__tmpl__

@@ -1,14 +1,6 @@
-<%_ if (style !== 'none') { _%>
-  <%_ if (styledModule && styledModule !== 'styled-jsx') { var wrapper = 'StyledPage'; _%>
-import styled from '<%= styledModule %>';
-  <% } else { var wrapper = 'div';%>
-<%- (style !== 'styled-jsx' && style !== 'tailwind') ? `import styles from './${fileName}.module.${style}';` : '' %>
-  <%_ } _%>
-
-  <%_ if (styledModule && styledModule !== 'styled-jsx') { _%>
-const StyledPage = styled.div`<%- pageStyleContent %>`;
-  <%_ } _%>
-<%_ } _%>
+<%_ if (style !== 'none') { var wrapper = 'div'; _%>
+import styles from './<%= fileName %>.module.<%= style %>';
+<% } else { var wrapper = 'div'; } %>
 
 export function Index() {
   /*
@@ -17,8 +9,7 @@ export function Index() {
    * Note: The corresponding styles are in the ./<%= fileName %>.<%= style %> file.
    */
   return (
-    <<%= wrapper %><% if (!styledModule && style !== 'tailwind') {%> className={styles.page}<% } %>>
-      <%- styledModule === 'styled-jsx' && style !== 'none' ? `<style jsx>{\`${pageStyleContent}\`}</style>` : `` %>
+    <<%= wrapper %><% if (style !== 'none') {%> className={styles.page}<% } %>>
       <%- appContent %>
     </<%= wrapper %>>
   );

package/src/generators/application/lib/add-e2e.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-e2e.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/add-e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,IAAI,EACJ,iBAAiB,EAElB,MAAM,YAAY,CAAC;AAMpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,wBAAsB,MAAM,CAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,GACxB,OAAO,CAAC,iBAAiB,CAAC,CAmI5B"}
+{"version":3,"file":"add-e2e.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/add-e2e.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,IAAI,EACJ,iBAAiB,EAElB,MAAM,YAAY,CAAC;AAIpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,wBAAsB,MAAM,CAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,GACxB,OAAO,CAAC,iBAAiB,CAAC,CA8H5B"}

package/src/generators/application/lib/add-e2e.js

@@ -1,18 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addE2e = addE2e;
+const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
-const e2e_web_server_info_utils_1 = require("@nx/devkit/src/generators/e2e-web-server-info-utils");
 const web_1 = require("@nx/web");
 const versions_1 = require("../../../utils/versions");
-const version_utils_1 = require("../../../utils/version-utils");
 async function addE2e(host, options) {
     const nxJson = (0, devkit_1.readNxJson)(host);
     const hasPlugin = nxJson.plugins?.some((p) => typeof p === 'string'
         ? p === '@nx/next/plugin'
         : p.plugin === '@nx/next/plugin');
     const e2eWebServerInfo = await getNextE2EWebServerInfo(host, options.projectName, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'next.config.js'), options.addPlugin);
-    const forceWebpack = options.style === 'less' && (await (0, version_utils_1.isNext16)(host));
     if (options.e2eTestRunner === 'cypress') {
         const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
         if (!hasPlugin) {
@@ -56,7 +54,7 @@ async function addE2e(host, options) {
             baseUrl: e2eWebServerInfo.e2eWebServerAddress,
             jsx: true,
             webServerCommands: {
-                default: `${e2eWebServerInfo.e2eWebServerCommand}${forceWebpack ? ' --webpack' : ''}`,
+                default: e2eWebServerInfo.e2eWebServerCommand,
             },
             ciWebServerCommand: e2eWebServerInfo.e2eCiWebServerCommand,
             ciBaseUrl: e2eWebServerInfo.e2eCiBaseUrl,
@@ -98,7 +96,7 @@ async function addE2e(host, options) {
             linter: options.linter,
             setParserOptionsProject: options.setParserOptionsProject,
             webServerAddress: e2eWebServerInfo.e2eCiBaseUrl,
-            webServerCommand: `${e2eWebServerInfo.e2eWebServerCommand}${forceWebpack ? ' --webpack' : ''}`,
+            webServerCommand: e2eWebServerInfo.e2eWebServerCommand,
             addPlugin: options.addPlugin,
         });
         return e2eTask;
@@ -113,7 +111,7 @@ async function getNextE2EWebServerInfo(tree, projectName, configFilePath, isPlug
         nxJson.targetDefaults?.[defaultServeTarget].options?.port) {
         e2ePort = nxJson.targetDefaults?.[defaultServeTarget].options?.port;
     }
-    return (0, e2e_web_server_info_utils_1.getE2EWebServerInfo)(tree, projectName, {
+    return (0, internal_1.getE2EWebServerInfo)(tree, projectName, {
         plugin: '@nx/next/plugin',
         serveTargetName: 'devTargetName',
         serveStaticTargetName: 'startTargetName',

package/src/generators/application/lib/add-project.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-project.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/add-project.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAKL,IAAI,EAEL,MAAM,YAAY,CAAC;AAOpB,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,QA2F/D"}
+{"version":3,"file":"add-project.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/add-project.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAKL,IAAI,EAEL,MAAM,YAAY,CAAC;AAOpB,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,QA4F/D"}

package/src/generators/application/lib/add-project.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addProject = addProject;
+const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
-const target_defaults_utils_1 = require("@nx/devkit/src/generators/target-defaults-utils");
 const versions_1 = require("../../../utils/versions");
+const deprecation_1 = require("../../../utils/deprecation");
 const react_1 = require("@nx/react");
 function addProject(host, options) {
     const targets = {};
@@ -14,7 +15,8 @@ function addProject(host, options) {
         ? p === '@nx/next/plugin'
         : p.plugin === '@nx/next/plugin');
     if (!hasPlugin) {
-        (0, target_defaults_utils_1.addBuildTargetDefaults)(host, '@nx/next:build');
+        (0, deprecation_1.warnNextExecutorGenerating)();
+        (0, internal_1.addBuildTargetDefaults)(host, '@nx/next:build');
         targets.build = {
             executor: '@nx/next:build',
             outputs: ['{options.outputPath}'],

package/src/generators/application/lib/create-application-files.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-application-files.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/create-application-files.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,IAAI,EAEL,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQvD,wBAAsB,sBAAsB,CAC1C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,iBA0K1B"}
+{"version":3,"file":"create-application-files.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/create-application-files.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,IAAI,EAEL,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQvD,wBAAsB,sBAAsB,CAC1C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,iBA4I1B"}

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

@@ -32,7 +32,7 @@ async function createApplicationFiles(host, options) {
         appContent: (0, create_application_files_helpers_1.createAppJsx)(options.projectName),
         styleContent: (0, create_application_files_helpers_1.createStyleRules)(),
         pageStyleContent: `.page {}`,
-        stylesExt: options.style === 'less' ? options.style : 'css',
+        stylesExt: 'css',
         isUsingTsSolutionSetup: (0, ts_solution_setup_1.isUsingTsSolutionSetup)(host),
         isNext16: await (0, version_utils_1.isNext16)(host),
     };
@@ -45,15 +45,7 @@ async function createApplicationFiles(host, options) {
         if (options.unitTestRunner === 'none') {
             host.delete((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'specs', `index.spec.${options.js ? 'jsx' : 'tsx'}`));
         }
-        if (options.style === 'styled-components') {
-            (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/app-styled-components'), (0, path_1.join)(generatedAppFilePath, 'app'), templateVariables);
-        }
-        else if (options.style === 'styled-jsx') {
-            (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/app-styled-jsx'), (0, path_1.join)(generatedAppFilePath, 'app'), templateVariables);
-        }
-        else {
-            (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/app-default-layout'), (0, path_1.join)(generatedAppFilePath, 'app'), templateVariables);
-        }
+        (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/app-default-layout'), (0, path_1.join)(generatedAppFilePath, 'app'), templateVariables);
     }
     else {
         (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/pages'), (0, path_1.join)(generatedAppFilePath, 'pages'), templateVariables);
@@ -98,17 +90,6 @@ async function createApplicationFiles(host, options) {
     if (options.swc !== false) {
         host.delete(`${options.appProjectRoot}/.babelrc`);
     }
-    if (options.styledModule || options.style === 'tailwind') {
-        if (options.appDir) {
-            host.delete(`${generatedAppFilePath}/app/page.module.${options.style}`);
-        }
-        else {
-            host.delete(`${generatedAppFilePath}/pages/${options.fileName}.module.${options.style}`);
-        }
-    }
-    if (options.style !== 'styled-components') {
-        host.delete(`${generatedAppFilePath}/pages/_document.tsx`);
-    }
     if (options.js) {
         host.delete(`${options.appProjectRoot}/index.d.ts`);
         (0, devkit_1.toJS)(host);

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

@@ -10,7 +10,6 @@ export interface NormalizedSchema extends Omit<Schema, 'name' | 'useTsSolution'>
     e2eProjectRoot: string;
     parsedTags: string[];
     fileName: string;
-    styledModule: null | string;
     isTsSolutionSetup: boolean;
     js?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"normalize-options.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/normalize-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,IAAI,EAAE,MAAM,YAAY,CAAC;AAMjE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGnC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,eAAe,CAAC;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,IAAI,GAAG,MAAM,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC;CACd;AAED,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,gBAAgB,CAAC,CAyE3B"}
+{"version":3,"file":"normalize-options.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/normalize-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,IAAI,EAAE,MAAM,YAAY,CAAC;AAMjE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGnC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,eAAe,CAAC;IAC9C,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC;CACd;AAED,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,gBAAgB,CAAC,CAoE3B"}

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

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = normalizeOptions;
 const devkit_1 = require("@nx/devkit");
-const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
+const internal_1 = require("@nx/devkit/internal");
 const assertion_1 = require("@nx/react/src/utils/assertion");
 const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
 async function normalizeOptions(host, options) {
-    await (0, project_name_and_root_utils_1.ensureRootProjectName)(options, 'application');
-    const { projectName, names: projectNames, projectRoot: appProjectRoot, importPath, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
+    await (0, internal_1.ensureRootProjectName)(options, 'application');
+    const { projectName, names: projectNames, projectRoot: appProjectRoot, importPath, } = await (0, internal_1.determineProjectNameAndRootOptions)(host, {
         name: options.name,
         projectType: 'application',
         directory: options.directory,
@@ -29,9 +29,6 @@ async function normalizeOptions(host, options) {
     const fileName = 'index';
     const appDir = options.appDir ?? true;
     const src = options.src ?? true;
-    const styledModule = /^(css|scss|less|tailwind)$/.test(options.style)
-        ? null
-        : options.style;
     (0, assertion_1.assertValidStyle)(options.style);
     return {
         ...options,
@@ -49,7 +46,6 @@ async function normalizeOptions(host, options) {
         projectSimpleName: projectNames.projectSimpleName,
         style: options.style || 'css',
         swc: options.swc ?? true,
-        styledModule,
         unitTestRunner: options.unitTestRunner || 'jest',
         importPath,
         isTsSolutionSetup,