@nx/next 17.3.0 → 17.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/next",
-  "version": "17.3.0",
+  "version": "17.3.2",
   "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, Cypress, and Jest. No need to configure anything: watch mode, source maps, and typings just work.",
   "repository": {
@@ -34,23 +34,23 @@
     "next": ">=13.0.0"
   },
   "dependencies": {
-    "@nx/devkit": "17.3.0",
+    "@nx/devkit": "17.3.2",
     "@babel/plugin-proposal-decorators": "^7.22.7",
     "@svgr/webpack": "^8.0.1",
     "chalk": "^4.1.0",
     "copy-webpack-plugin": "^10.2.4",
     "fs-extra": "^11.1.0",
     "ignore": "^5.0.4",
-    "semver": "7.5.3",
+    "semver": "^7.5.3",
     "url-loader": "^4.1.1",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "@nx/js": "17.3.0",
-    "@nx/eslint": "17.3.0",
-    "@nx/react": "17.3.0",
-    "@nx/web": "17.3.0",
-    "@nx/workspace": "17.3.0",
-    "@nrwl/next": "17.3.0"
+    "@nx/js": "17.3.2",
+    "@nx/eslint": "17.3.2",
+    "@nx/react": "17.3.2",
+    "@nx/web": "17.3.2",
+    "@nx/workspace": "17.3.2",
+    "@nrwl/next": "17.3.2"
   },
   "publishConfig": {
     "access": "public"

package/plugins/with-nx.js

@@ -268,7 +268,7 @@ function getNxEnvironmentVariables() {
     }, {});
 }
 /**
- * TODO(v18)
+ * TODO(v19)
  * @deprecated Use Next.js 9.4+ built-in support for environment variables. Reference https://nextjs.org/docs/pages/api-reference/next-config-js/env
  */
 function addNxEnvVariables(config) {

package/plugins/with-stylus.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withStylus = void 0;
-// TODO(v18): Remove file, it is here until users migrate over to SASS manually.
+// TODO(v19): Remove file, it is here until users migrate over to SASS manually.
 function withStylus(configOrFn) {
     return async (phase) => {
         throw new Error(`Stylus support has been removed and you should use the built-in SASS support. Remove the "withStylus" plugin from your Next.js config, and rename your files from .styl to .scss.`);

package/src/executors/build/schema.json

@@ -1,7 +1,7 @@
 {
   "version": 2,
   "outputCapture": "pipe",
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "title": "Next Build",
   "description": "Build a Next.js app.",

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

@@ -364,6 +364,25 @@ function createAppJsx(name) {
               nx g @nx/next:component ui/src/lib/button
             </pre>
           </details>
+          <details>
+            <summary>
+              <svg
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth="2"
+                  d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                />
+              </svg>
+              View project details
+            </summary>
+            <pre>nx show project ${name} --web</pre>
+          </details>
           <details>
             <summary>
               <svg

package/src/generators/application/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxNextApp",
   "title": "Create a Next.js Application for Nx",
@@ -40,11 +40,11 @@
           { "value": "css", "label": "CSS" },
           {
             "value": "scss",
-            "label": "SASS(.scss)       [ http://sass-lang.com          ]"
+            "label": "SASS(.scss)       [ https://sass-lang.com          ]"
           },
           {
             "value": "less",
-            "label": "LESS              [ http://lesscss.org            ]"
+            "label": "LESS              [ https://lesscss.org            ]"
           },
           {
             "value": "styled-components",

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

@@ -3,21 +3,21 @@ import type { SupportedStyles } from '@nx/react';
 interface Schema {
     name: string;
     /**
-     * @deprecated Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18.
+     * @deprecated Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19.
      */
     project?: string;
     style: SupportedStyles;
     directory?: string;
     /**
-     * @deprecated Provide the `directory` option instead and use the `as-provided` format. This option will be removed in Nx v18.
+     * @deprecated Provide the `directory` option instead and use the `as-provided` format. This option will be removed in Nx v19.
      */
     flat?: boolean;
     /**
-     * @deprecated Provide the `name` in pascal-case and use the `as-provided` format. This option will be removed in Nx v18.
+     * @deprecated Provide the `name` in pascal-case and use the `as-provided` format. This option will be removed in Nx v19.
      */
     pascalCaseFiles?: boolean;
     /**
-     * @deprecated Provide the `directory` in pascal-case and use the `as-provided` format. This option will be removed in Nx v18.
+     * @deprecated Provide the `directory` in pascal-case and use the `as-provided` format. This option will be removed in Nx v19.
      */
     pascalCaseDirectory?: boolean;
     nameAndDirectoryFormat?: 'as-provided' | 'derived';

package/src/generators/component/component.js

@@ -5,7 +5,7 @@ const devkit_1 = require("@nx/devkit");
 const react_1 = require("@nx/react");
 const styles_1 = require("../../utils/styles");
 const artifact_name_and_directory_utils_1 = require("@nx/devkit/src/generators/artifact-name-and-directory-utils");
-// TODO(v18): Remove this logic once we no longer derive directory.
+// TODO(v19): Remove this logic once we no longer derive directory.
 function maybeGetDerivedDirectory(host, options) {
     if (!options.project)
         return options.directory;

package/src/generators/component/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxNextReactComponent",
   "title": "Create a React Component for Next",
@@ -13,7 +13,7 @@
       "$default": {
         "$source": "projectName"
       },
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
     },
     "name": {
       "type": "string",
@@ -40,11 +40,11 @@
           },
           {
             "value": "scss",
-            "label": "SASS(.scss)       [ http://sass-lang.com          ]"
+            "label": "SASS(.scss)       [ https://sass-lang.com          ]"
           },
           {
             "value": "less",
-            "label": "LESS              [ http://lesscss.org            ]"
+            "label": "LESS              [ https://lesscss.org            ]"
           },
           {
             "value": "styled-components",
@@ -97,21 +97,21 @@
       "type": "boolean",
       "description": "Create component at the source root rather than its own directory.",
       "default": false,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. This option will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. This option will be removed in Nx v19."
     },
     "pascalCaseFiles": {
       "type": "boolean",
       "description": "Use pascal case component file name (e.g. `App.tsx`).",
       "alias": "P",
       "default": false,
-      "x-deprecated": "Provide the `name` in pascal-case and use the `as-provided` format. This option will be removed in Nx v18."
+      "x-deprecated": "Provide the `name` in pascal-case and use the `as-provided` format. This option will be removed in Nx v19."
     },
     "pascalCaseDirectory": {
       "type": "boolean",
       "description": "Use pascal case directory name (e.g. `App/App.tsx`).",
       "alias": "R",
       "default": false,
-      "x-deprecated": "Provide the `directory` in pascal-case and use the `as-provided` format. This option will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` in pascal-case and use the `as-provided` format. This option will be removed in Nx v19."
     },
     "skipFormat": {
       "description": "Skip formatting files.",

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

@@ -1,3 +1,3 @@
 import type { Tree } from '@nx/devkit';
 import { CustomServerSchema } from './schema';
-export declare function customServerGenerator(host: Tree, options: CustomServerSchema): Promise<void>;
+export declare function customServerGenerator(host: Tree, options: CustomServerSchema): Promise<() => void>;

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.customServerGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
+const add_swc_to_custom_server_1 = require("../../utils/add-swc-to-custom-server");
 async function customServerGenerator(host, options) {
     const project = (0, devkit_1.readProjectConfiguration)(host, options.project);
     if (project.targets?.build?.executor !== '@nx/next:build' &&
@@ -35,7 +36,7 @@ async function customServerGenerator(host, options) {
     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: '@nx/js:tsc',
+        executor: options.compiler === 'tsc' ? '@nx/js:tsc' : '@nx/js:swc',
         defaultConfiguration: 'production',
         options: {
             outputPath,
@@ -75,5 +76,8 @@ async function customServerGenerator(host, options) {
         json.targetDefaults['build-custom-server'].cache ??= true;
         return json;
     });
+    if (options.compiler === 'swc') {
+        return (0, add_swc_to_custom_server_1.configureForSwc)(host, project.root);
+    }
 }
 exports.customServerGenerator = customServerGenerator;

package/src/generators/custom-server/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxNextCustomServer",
   "title": "Add custom server",

package/src/generators/cypress-component-configuration/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "CypressComponentConfiguration",
   "title": "NextJS Component Testing Configuration",

package/src/generators/init/init.js

@@ -4,7 +4,6 @@ exports.nextInitGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const update_package_scripts_1 = require("@nx/devkit/src/utils/update-package-scripts");
 const versions_1 = require("@nx/react/src/utils/versions");
-const plugin_1 = require("../../plugins/plugin");
 const add_gitignore_entry_1 = require("../../utils/add-gitignore-entry");
 const versions_2 = require("../../utils/versions");
 const add_plugin_1 = require("./lib/add-plugin");
@@ -30,7 +29,8 @@ async function nextInitGenerator(host, schema) {
         installTask = updateDependencies(host, schema);
     }
     if (schema.updatePackageScripts) {
-        await (0, update_package_scripts_1.updatePackageScripts)(host, plugin_1.createNodes);
+        const { createNodes } = await Promise.resolve().then(() => require('../../plugins/plugin'));
+        await (0, update_package_scripts_1.updatePackageScripts)(host, createNodes);
     }
     return installTask;
 }

package/src/generators/init/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxNextNgInit",
   "title": "Init Next Plugin",

package/src/generators/library/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxReactLibrary",
   "title": "Create a React Library for Nx",
@@ -40,11 +40,11 @@
           { "value": "css", "label": "CSS" },
           {
             "value": "scss",
-            "label": "SASS(.scss)       [ http://sass-lang.com          ]"
+            "label": "SASS(.scss)       [ https://sass-lang.com          ]"
           },
           {
             "value": "less",
-            "label": "LESS              [ http://lesscss.org            ]"
+            "label": "LESS              [ https://lesscss.org            ]"
           },
           {
             "value": "styled-components",

package/src/generators/page/page.js

@@ -46,7 +46,7 @@ async function normalizeOptions(host, options) {
     let routerDirectory;
     if (options.project) {
         // Legacy behavior, detect app vs page router from specified project.
-        // TODO(v18): remove this logic
+        // TODO(v19): remove this logic
         const project = (0, devkit_1.readProjectConfiguration)(host, options.project);
         // app/ is a reserved folder in nextjs so it is safe to check it's existence
         isAppRouter =

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

@@ -3,7 +3,7 @@ import { SupportedStyles } from '@nx/react';
 export interface Schema {
   name: string;
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19.
    */
   project?: string;
   style: SupportedStyles;
@@ -12,7 +12,7 @@ export interface Schema {
   withTests?: boolean;
   js?: boolean;
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. This option will be removed in Nx v18.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. This option will be removed in Nx v19.
    */
   flat?: boolean;
   skipFormat?: boolean;

package/src/generators/page/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxNextReactPage",
   "title": "Create a Page for Next",
@@ -13,7 +13,7 @@
       "$default": {
         "$source": "projectName"
       },
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
     },
     "name": {
       "type": "string",
@@ -51,11 +51,11 @@
           },
           {
             "value": "scss",
-            "label": "SASS(.scss)       [ http://sass-lang.com          ]"
+            "label": "SASS(.scss)       [ https://sass-lang.com          ]"
           },
           {
             "value": "less",
-            "label": "LESS              [ http://lesscss.org            ]"
+            "label": "LESS              [ https://lesscss.org            ]"
           },
           {
             "value": "styled-components",
@@ -97,7 +97,7 @@
       "type": "boolean",
       "description": "Create component at the source root rather than its own directory.",
       "default": false,
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. It will be removed in Nx v19."
     },
     "skipFormat": {
       "description": "Skip formatting files.",

package/src/utils/add-swc-to-custom-server.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nx/devkit';
+export declare function configureForSwc(tree: Tree, projectRoot: string): () => void;

package/src/utils/add-swc-to-custom-server.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureForSwc = void 0;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("./versions");
+const add_swc_config_1 = require("@nx/js/src/utils/swc/add-swc-config");
+function configureForSwc(tree, projectRoot) {
+    const swcConfigPath = (0, devkit_1.joinPathFragments)(projectRoot, '.swcrc');
+    const rootPackageJson = (0, devkit_1.readJson)(tree, 'package.json');
+    const hasSwcDepedency = rootPackageJson.dependencies?.['@swc/core'] ||
+        rootPackageJson.devDependencies?.['@swc/core'];
+    const hasSwcCliDependency = rootPackageJson.dependencies?.['@swc/cli'] ||
+        rootPackageJson.devDependencies?.['@swc/cli'];
+    if (!tree.exists(swcConfigPath)) {
+        (0, add_swc_config_1.addSwcConfig)(tree, swcConfigPath);
+    }
+    if (!hasSwcDepedency || !hasSwcCliDependency) {
+        addSwcDependencies(tree);
+        return () => (0, devkit_1.installPackagesTask)(tree);
+    }
+}
+exports.configureForSwc = configureForSwc;
+function addSwcDependencies(tree) {
+    return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+        '@swc-node/register': versions_1.swcNodeVersion,
+        '@swc/cli': versions_1.swcCliVersion,
+        '@swc/core': versions_1.swcCoreVersion,
+    });
+}

package/src/utils/versions.d.ts

@@ -6,3 +6,7 @@ export declare const lessLoader = "11.1.0";
 export declare const emotionServerVersion = "11.11.0";
 export declare const babelPluginStyledComponentsVersion = "1.10.7";
 export declare const tsLibVersion = "^2.3.0";
+export declare const swcCliVersion = "~0.1.62";
+export declare const swcCoreVersion = "~1.3.85";
+export declare const swcHelpersVersion = "~0.5.2";
+export declare const swcNodeVersion = "~1.6.7";

package/src/utils/versions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsLibVersion = exports.babelPluginStyledComponentsVersion = exports.emotionServerVersion = exports.lessLoader = exports.sassVersion = exports.eslintConfigNextVersion = exports.nextVersion = exports.nxVersion = void 0;
+exports.swcNodeVersion = exports.swcHelpersVersion = exports.swcCoreVersion = exports.swcCliVersion = exports.tsLibVersion = exports.babelPluginStyledComponentsVersion = exports.emotionServerVersion = exports.lessLoader = exports.sassVersion = exports.eslintConfigNextVersion = exports.nextVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
 exports.nextVersion = '14.0.4';
 exports.eslintConfigNextVersion = '14.0.4';
@@ -9,3 +9,7 @@ exports.lessLoader = '11.1.0';
 exports.emotionServerVersion = '11.11.0';
 exports.babelPluginStyledComponentsVersion = '1.10.7';
 exports.tsLibVersion = '^2.3.0';
+exports.swcCliVersion = '~0.1.62';
+exports.swcCoreVersion = '~1.3.85';
+exports.swcHelpersVersion = '~0.5.2';
+exports.swcNodeVersion = '~1.6.7';