@nx/next 20.0.5 → 20.0.7

package/executors.json

@@ -9,12 +9,6 @@
       "implementation": "./src/executors/server/server.impl",
       "schema": "./src/executors/server/schema.json",
       "description": "Serve a Next.js application."
-    },
-    "export": {
-      "implementation": "./src/executors/export/export.impl",
-      "schema": "./src/executors/export/schema.json",
-      "description": "Export a Next.js application. The exported application is located at `dist/$outputPath/exported`.",
-      "x-deprecated": "Use static exports in next.config.js instead. See: https://nextjs.org/docs/pages/building-your-application/deploying/static-exports."
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/next",
-  "version": "20.0.5",
+  "version": "20.0.7",
   "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": {
@@ -35,21 +35,20 @@
     "next": ">=14.0.0"
   },
   "dependencies": {
-    "@nx/devkit": "20.0.5",
+    "@nx/devkit": "20.0.7",
     "@babel/plugin-proposal-decorators": "^7.22.7",
     "@svgr/webpack": "^8.0.1",
     "copy-webpack-plugin": "^10.2.4",
     "file-loader": "^6.2.0",
     "ignore": "^5.0.4",
-    "picocolors": "^1.1.0",
     "semver": "^7.5.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "@nx/js": "20.0.5",
-    "@nx/eslint": "20.0.5",
-    "@nx/react": "20.0.5",
-    "@nx/web": "20.0.5",
-    "@nx/webpack": "20.0.5",
+    "@nx/js": "20.0.7",
+    "@nx/eslint": "20.0.7",
+    "@nx/react": "20.0.7",
+    "@nx/web": "20.0.7",
+    "@nx/webpack": "20.0.7",
     "@phenomnomnominal/tsquery": "~5.0.1"
   },
   "publishConfig": {

package/plugins/with-nx.d.ts

@@ -13,6 +13,11 @@ export interface SvgrOptions {
 }
 export interface WithNxOptions extends NextConfig {
     nx?: {
+        /**
+         * @deprecated Next.js via turbo conflicts with how webpack handles the import of SVGs.
+         * It is best to configure SVGR manually with the `@svgr/webpack` loader.
+         * We will remove this option in Nx 21.
+         * */
         svgr?: boolean | SvgrOptions;
         babelUpwardRootMode?: boolean;
         fileReplacements?: {

package/plugins/with-nx.js

@@ -43,7 +43,7 @@ function getNxContext(graph, target) {
         return getNxContext(graph, parseTargetString(targetOptions.devServerTarget, partialExecutorContext));
     }
     else if (targetOptions.buildTarget) {
-        // Executors such as @nx/next:server or @nx/next:export define the buildTarget option.
+        // Executors such as @nx/next:server define the buildTarget option.
         return getNxContext(graph, parseTargetString(targetOptions.buildTarget, partialExecutorContext));
     }
     // Default case, return info for current target.
@@ -231,6 +231,10 @@ function getNextConfig(nextConfig = {}, context = getWithNxContext()) {
              */
             // Default SVGR support to be on for projects.
             if (nx?.svgr !== false || typeof nx?.svgr === 'object') {
+                forNextVersion('>=15.0.0', () => {
+                    // Since Next.js 15, turbopack could be enabled by default.
+                    console.warn(`NX: Next.js SVGR support is deprecated. If used with turbopack, it may not work as expected and is not recommended. Please configure SVGR manually.`);
+                });
                 const defaultSvgrOptions = {
                     svgo: false,
                     titleProp: true,

package/src/generators/application/application.js

@@ -77,7 +77,7 @@ async function applicationGeneratorInternal(host, schema) {
             '@types/react': versions_1.typesReactVersion,
             '@types/react-dom': versions_1.typesReactDomVersion,
         };
-        if (schema.unitTestRunner && schema.unitTestRunner !== 'none') {
+        if (options.unitTestRunner && options.unitTestRunner !== 'none') {
             devDependencies['@testing-library/react'] = versions_1.testingLibraryReactVersion;
         }
         tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, { tslib: versions_2.tsLibVersion }, devDependencies));

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

@@ -45,12 +45,6 @@ function addProject(host, options) {
                 },
             },
         };
-        targets.export = {
-            executor: '@nx/next:export',
-            options: {
-                buildTarget: `${options.projectName}:build:production`,
-            },
-        };
     }
     const project = {
         root: options.appProjectRoot,

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

@@ -62,7 +62,7 @@ function createApplicationFiles(host, options) {
             // It'll be generated as needed when a lib is first added.
             delete json.compilerOptions.paths;
             updatedJson = {
-                ...devkit_1.updateJson,
+                ...updatedJson,
                 compilerOptions: {
                     ...updatedJson.compilerOptions,
                     ...appJSON.compilerOptions,

package/src/executors/export/export.impl.d.ts

@@ -1,17 +0,0 @@
-import { ExecutorContext } from '@nx/devkit';
-import { NextExportBuilderOptions } from '../../utils/types';
-/**
- * @deprecated use output inside of your next.config.js
- * Example
- * const nextConfig = {
-  nx: {
-    svgr: false,
-  },
-
-  output: 'export'
-};
- * Read https://nextjs.org/docs/pages/building-your-application/deploying/static-exports
- **/
-export default function exportExecutor(options: NextExportBuilderOptions, context: ExecutorContext): Promise<{
-    success: boolean;
-}>;

package/src/executors/export/export.impl.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = exportExecutor;
-const devkit_1 = require("@nx/devkit");
-const export_1 = require("next/dist/export");
-const nextTrace = require("next/dist/trace");
-const os_1 = require("os");
-const child_process_1 = require("child_process");
-const pc = require("picocolors");
-const semver_1 = require("semver");
-// platform specific command name
-const pmCmd = (0, os_1.platform)() === 'win32' ? `npx.cmd` : 'npx';
-/**
- * @deprecated use output inside of your next.config.js
- * Example
- * const nextConfig = {
-  nx: {
-    svgr: false,
-  },
-
-  output: 'export'
-};
- * Read https://nextjs.org/docs/pages/building-your-application/deploying/static-exports
- **/
-async function exportExecutor(options, context) {
-    const nextJsVersion = require('next/package.json').version;
-    if ((0, semver_1.satisfies)(nextJsVersion, '>=14.0.0')) {
-        throw new Error('The export command has been removed in Next.js 14. Please update your Next config to use the output property. Read more: https://nextjs.org/docs/pages/building-your-application/deploying/static-exports');
-    }
-    // Returns { project: ProjectGraphNode; target: string; configuration?: string;}
-    const buildTarget = (0, devkit_1.parseTargetString)(options.buildTarget, context);
-    try {
-        const buildTargetName = (0, devkit_1.targetToTargetString)(buildTarget);
-        const args = getBuildTargetCommand(buildTargetName);
-        (0, child_process_1.execFileSync)(pmCmd, args, {
-            stdio: [0, 1, 2],
-        });
-    }
-    catch {
-        throw new Error(`Build target failed: ${pc.bold(options.buildTarget)}`);
-    }
-    const buildOptions = (0, devkit_1.readTargetOptions)(buildTarget, context);
-    const projectRoot = context.projectGraph.nodes[context.projectName].data.root;
-    // Taken from:
-    // https://github.com/vercel/next.js/blob/ead56eaab68409e96c19f7d9139747bac1197aa9/packages/next/cli/next-export.ts#L13
-    const nextExportCliSpan = nextTrace.trace('next-export-cli');
-    await (0, export_1.default)(projectRoot, {
-        statusMessage: 'Exporting',
-        silent: options.silent,
-        threads: options.threads,
-        outdir: `${buildOptions.outputPath}/exported`,
-    }, nextExportCliSpan);
-    return { success: true };
-}
-function getBuildTargetCommand(buildTarget) {
-    const cmd = ['nx', 'run', buildTarget];
-    return cmd;
-}

package/src/executors/export/schema.json

@@ -1,30 +0,0 @@
-{
-  "version": 2,
-  "outputCapture": "pipe",
-  "cli": "nx",
-  "title": "Next Export",
-  "description": "Export a Next.js application. The exported application is located at `dist/$outputPath/exported`.",
-  "type": "object",
-  "properties": {
-    "buildTarget": {
-      "type": "string",
-      "description": "Target which builds the application",
-      "x-priority": "important"
-    },
-    "silent": {
-      "type": "boolean",
-      "description": "Hide progress or not (default is `false`)",
-      "default": false
-    },
-    "threads": {
-      "type": "number",
-      "description": "Number of worker threads to utilize (defaults to the number of CPUs)"
-    },
-    "buildLibsFromSource": {
-      "type": "boolean",
-      "description": "Read buildable libraries from source instead of building them separately.",
-      "default": true
-    }
-  },
-  "required": []
-}