@nx/next 23.1.1 → 23.1.3

package/dist/plugins/component-testing.js

@@ -7,16 +7,17 @@ const devkit_1 = require("@nx/devkit");
 const internal_2 = require("@nx/js/internal");
 const react_1 = require("@nx/react");
 const internal_3 = require("@nx/react/internal");
-const webpack_1 = require("@nx/webpack");
-const internal_4 = require("@nx/webpack/internal");
-const configuration_1 = require("nx/src/config/configuration");
 const path_1 = require("path");
+const internal_4 = require("@nx/devkit/internal");
 function nxComponentTestingPreset(pathToConfig, options) {
     if (global.NX_GRAPH_CREATION) {
         // this is only used by plugins, so we don't need the component testing
         // options, cast to any to avoid type errors
         return (0, cypress_preset_1.nxBaseCypressPreset)(pathToConfig);
     }
+    (0, internal_3.assertPackageIsInstalled)('@nx/webpack', '@nx/next/plugins/component-testing');
+    const { composePluginsSync, withNx, } = require('@nx/webpack');
+    const { suppressWebpackComposeHelperWarnings, } = require('@nx/webpack/internal');
     const graph = (0, devkit_1.readCachedProjectGraph)();
     const { targets: ctTargets, name: ctProjectName } = (0, internal_1.getProjectConfigByPath)(graph, pathToConfig);
     const ctTargetName = options?.ctTargetName || 'component-test';
@@ -39,7 +40,7 @@ function nxComponentTestingPreset(pathToConfig, options) {
             cwd: process.cwd(),
             root: devkit_1.workspaceRoot,
             projectsConfigurations: (0, devkit_1.readProjectsConfigurationFromProjectGraph)(graph),
-            nxJsonConfiguration: (0, configuration_1.readNxJson)(devkit_1.workspaceRoot),
+            nxJsonConfiguration: (0, internal_4.readNxJsonFromDisk)(devkit_1.workspaceRoot),
             isVerbose: false,
             projectName: ctProjectName,
             projectGraph: graph,
@@ -83,8 +84,8 @@ Able to find CT project, ${!!ctProjectConfig}.`);
     };
     // Nx composes these helpers internally for the Cypress CT preset; suppress
     // their deprecation warning so it fires only for user-authored configs.
-    const webpackConfig = (0, internal_4.suppressWebpackComposeHelperWarnings)(() => (0, internal_3.suppressReactComposeHelperWarnings)(() => {
-        const configure = (0, webpack_1.composePluginsSync)((0, webpack_1.withNx)({
+    const webpackConfig = suppressWebpackComposeHelperWarnings(() => (0, internal_3.suppressReactComposeHelperWarnings)(() => {
+        const configure = composePluginsSync(withNx({
             target: 'web',
             styles: [],
             scripts: [],

package/dist/plugins/with-nx.js

@@ -103,7 +103,7 @@ function withNx(_nextConfig = {}, context = getWithNxContext()) {
                 if (!graph.dependencies[project])
                     return;
                 const { readTsConfigPaths } = require('@nx/js');
-                const { findAllProjectNodeDependencies, } = require('nx/src/utils/project-graph-utils');
+                const { findAllProjectNodeDependencies, } = require('@nx/devkit/internal');
                 const paths = readTsConfigPaths();
                 const deps = findAllProjectNodeDependencies(project);
                 nextConfig.transpilePackages ??= [];

package/dist/src/executors/build/lib/update-package-json.d.ts

@@ -1,3 +1,3 @@
 import type { ExecutorContext } from '@nx/devkit';
-import type { PackageJson } from 'nx/src/utils/package-json';
+import { type PackageJson } from '@nx/devkit/internal';
 export declare function updatePackageJson(packageJson: PackageJson, context: ExecutorContext): void;

package/dist/src/generators/application/application.js

@@ -7,7 +7,6 @@ const devkit_1 = require("@nx/devkit");
 const assert_supported_next_version_1 = require("../../utils/assert-supported-next-version");
 const js_1 = require("@nx/js");
 const internal_2 = require("@nx/react/internal");
-const internal_3 = require("@nx/react/internal");
 const normalize_options_1 = require("./lib/normalize-options");
 const add_e2e_1 = require("./lib/add-e2e");
 const add_jest_1 = require("./lib/add-jest");
@@ -20,7 +19,7 @@ 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 versions_1 = require("../../utils/versions");
-const internal_4 = require("@nx/js/internal");
+const internal_3 = require("@nx/js/internal");
 const add_swc_to_custom_server_1 = require("../../utils/add-swc-to-custom-server");
 const jest_config_util_1 = require("../../utils/jest-config-util");
 async function applicationGenerator(host, schema) {
@@ -33,7 +32,7 @@ async function applicationGenerator(host, schema) {
 async function applicationGeneratorInternal(host, schema) {
     (0, assert_supported_next_version_1.assertSupportedNextVersion)(host);
     const tasks = [];
-    const addTsPlugin = (0, internal_4.shouldConfigureTsSolutionSetup)(host, schema.addPlugin, schema.useTsSolution);
+    const addTsPlugin = (0, internal_3.shouldConfigureTsSolutionSetup)(host, schema.addPlugin, schema.useTsSolution);
     const jsInitTask = await (0, js_1.initGenerator)(host, {
         js: schema.js,
         skipPackageJson: schema.skipPackageJson,
@@ -54,7 +53,7 @@ async function applicationGeneratorInternal(host, schema) {
     // If we are using the new TS solution
     // We need to update the workspace file (package.json or pnpm-workspaces.yaml) to include the new project
     if (options.isTsSolutionSetup) {
-        await (0, internal_4.addProjectToTsSolutionWorkspace)(host, options.appProjectRoot);
+        await (0, internal_3.addProjectToTsSolutionWorkspace)(host, options.appProjectRoot);
     }
     const lintTask = await (0, add_linting_1.addLinting)(host, options);
     tasks.push(lintTask);
@@ -81,7 +80,7 @@ async function applicationGeneratorInternal(host, schema) {
         });
     }
     if (!options.skipPackageJson) {
-        const reactVersions = await (0, internal_3.getReactDependenciesVersionsToInstall)(host);
+        const reactVersions = await (0, internal_2.getReactDependenciesVersionsToInstall)(host);
         const devDependencies = {
             '@types/react': reactVersions['@types/react'],
             '@types/react-dom': reactVersions['@types/react-dom'],
@@ -92,14 +91,14 @@ async function applicationGeneratorInternal(host, schema) {
         }
         tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, { tslib: versions_1.tsLibVersion }, devDependencies, undefined, true));
     }
-    (0, internal_4.updateTsconfigFiles)(host, options.appProjectRoot, 'tsconfig.json', {
+    (0, internal_3.updateTsconfigFiles)(host, options.appProjectRoot, 'tsconfig.json', {
         jsx: 'preserve',
         module: 'esnext',
         moduleResolution: 'bundler',
     }, options.linter === 'eslint'
         ? ['.next', 'eslint.config.js', 'eslint.config.cjs', 'eslint.config.mjs']
         : ['.next'], options.src ? 'src' : '.');
-    (0, internal_4.sortPackageJsonFields)(host, options.appProjectRoot);
+    (0, internal_3.sortPackageJsonFields)(host, options.appProjectRoot);
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(host);
     }

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

@@ -3,21 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.customServerGenerator = customServerGenerator;
 const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
-const devkit_2 = require("@nx/devkit");
 const path_1 = require("path");
 const add_swc_to_custom_server_1 = require("../../utils/add-swc-to-custom-server");
 const internal_2 = require("@nx/js/internal");
 const assert_supported_next_version_1 = require("../../utils/assert-supported-next-version");
 async function customServerGenerator(host, options) {
     (0, assert_supported_next_version_1.assertSupportedNextVersion)(host);
-    const project = (0, devkit_2.readProjectConfiguration)(host, options.project);
+    const project = (0, devkit_1.readProjectConfiguration)(host, options.project);
     const swcServerName = '.server.swcrc';
-    const nxJson = (0, devkit_2.readNxJson)(host);
+    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');
     if (project.targets?.build?.executor !== '@nx/next:build' && !hasPlugin) {
-        devkit_2.logger.error(`Project ${options.project} is not a Next.js project. Did you generate it with "nx g @nx/next:app"?`);
+        devkit_1.logger.error(`Project ${options.project} is not a Next.js project. Did you generate it with "nx g @nx/next:app"?`);
         return;
     }
     // In Nx 18 next artifacts are inside the project root .next/ & dist/ (for custom server)
@@ -28,22 +27,22 @@ async function customServerGenerator(host, options) {
         !project.targets?.build?.configurations?.development ||
         !project.targets?.build?.configurations?.production) &&
         !hasPlugin) {
-        devkit_2.logger.error(`Project ${options.project} has invalid config. Did you generate it with "nx g @nx/next:app"?`);
+        devkit_1.logger.error(`Project ${options.project} has invalid config. Did you generate it with "nx g @nx/next:app"?`);
         return;
     }
     if (project.targets?.['build-custom-server'] ||
         project.targets?.['serve-custom-server']) {
-        devkit_2.logger.warn(`Project ${options.project} has custom server targets already: build-custom-server, serve-custom-server. Remove these targets from project and try again.`);
+        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;
     }
     // In Nx 18 next artifacts are inside the project root .next/ & dist/ (for custom server)
     // So we need ensure the mapping is correct from dist to the project root
     const projectPathFromDist = hasPlugin
-        ? `../../${(0, devkit_2.offsetFromRoot)(project.root)}${project.root}`
-        : `${(0, devkit_2.offsetFromRoot)(`dist/${project.root}`)}${project.root}`;
-    const offset = (0, devkit_2.offsetFromRoot)(project.root);
+        ? `../../${(0, devkit_1.offsetFromRoot)(project.root)}${project.root}`
+        : `${(0, devkit_1.offsetFromRoot)(`dist/${project.root}`)}${project.root}`;
+    const offset = (0, devkit_1.offsetFromRoot)(project.root);
     const isTsSolution = (0, internal_2.isUsingTsSolutionSetup)(host);
-    (0, devkit_2.generateFiles)(host, (0, path_1.join)(__dirname, 'files'), project.root, {
+    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, 'files'), project.root, {
         ...options,
         hasPlugin,
         projectPathFromDist,
@@ -98,23 +97,23 @@ async function customServerGenerator(host, options) {
             },
         },
     };
-    (0, devkit_2.updateProjectConfiguration)(host, options.project, project);
-    (0, devkit_2.updateJson)(host, 'nx.json', (json) => {
+    (0, devkit_1.updateProjectConfiguration)(host, options.project, project);
+    (0, devkit_1.updateJson)(host, 'nx.json', (json) => {
         if (!json.tasksRunnerOptions?.default?.options?.cacheableOperations?.includes('build-custom-server') &&
             json.tasksRunnerOptions?.default?.options?.cacheableOperations) {
             json.tasksRunnerOptions.default.options.cacheableOperations.push('build-custom-server');
         }
         return json;
     });
-    const updatedNxJson = (0, devkit_2.readNxJson)(host) ?? {};
+    const updatedNxJson = (0, devkit_1.readNxJson)(host) ?? {};
     (0, internal_1.upsertTargetDefault)(host, updatedNxJson, {
         target: 'build-custom-server',
         cache: true,
     });
-    (0, devkit_2.updateNxJson)(host, updatedNxJson);
+    (0, devkit_1.updateNxJson)(host, updatedNxJson);
     if (options.compiler === 'swc') {
         // Update app swc to exlude server files
-        (0, devkit_2.updateJson)(host, (0, path_1.join)(project.root, '.swcrc'), (json) => {
+        (0, devkit_1.updateJson)(host, (0, path_1.join)(project.root, '.swcrc'), (json) => {
             json.exclude = [...(json.exclude ?? []), 'server/**'];
             return json;
         });

package/dist/src/generators/library/library.js

@@ -43,10 +43,6 @@ async function libraryGeneratorInternal(host, rawOptions) {
     tasks.push(libTask);
     if (!options.skipPackageJson) {
         const devDependencies = {};
-        if (options.linter === 'eslint') {
-            devDependencies['eslint-config-next'] = versions_1.eslintConfigNextVersion;
-            devDependencies['@next/eslint-plugin-next'] = versions_1.eslintConfigNextVersion;
-        }
         if (options.unitTestRunner && options.unitTestRunner !== 'none') {
             devDependencies['@testing-library/react'] = internal_1.testingLibraryReactVersion;
             devDependencies['@testing-library/dom'] = internal_1.testingLibraryDomVersion;
@@ -71,6 +67,27 @@ export async function HelloServer() {
     if (!options.skipTsConfig && !isTsSolutionSetup) {
         (0, js_1.addTsConfigPath)(host, `${options.importPath}/server`, [serverEntryPath]);
     }
+    const isBuildable = (options.bundler && options.bundler !== 'none') ||
+        options.buildable ||
+        options.publishable;
+    if (isTsSolutionSetup && !isBuildable) {
+        // Non-buildable libs resolve `.` straight to source, so `./server` does the same.
+        const packageJsonPath = (0, devkit_1.joinPathFragments)(options.projectRoot, 'package.json');
+        if (host.exists(packageJsonPath)) {
+            (0, devkit_1.updateJson)(host, packageJsonPath, (json) => {
+                json.exports ??= {};
+                const serverSource = `./src/server.${options.js ? 'js' : 'ts'}`;
+                json.exports['./server'] = options.js
+                    ? serverSource
+                    : {
+                        types: serverSource,
+                        import: serverSource,
+                        default: serverSource,
+                    };
+                return json;
+            });
+        }
+    }
     // Configure Vite and package.json for server entry point when using Vite bundler
     if (options.bundler === 'vite') {
         // Update vite.config.mts to support multiple entry points

package/dist/src/generators/library/schema.d.ts

@@ -11,12 +11,14 @@ export interface Schema {
   routing?: boolean;
   appProject?: string;
   unitTestRunner: 'jest' | 'vitest' | 'none';
+  inSourceTests?: boolean;
   linter: Linter | LinterType;
   component?: boolean;
   publishable?: boolean;
   /** @deprecated Use bundler instead. */
   buildable?: boolean;
   bundler?: 'none' | 'vite' | 'rollup';
+  compiler?: 'babel' | 'swc';
   importPath?: string;
   js?: boolean;
   globalCss?: boolean;

package/dist/src/generators/library/schema.json

@@ -1,9 +1,9 @@
 {
   "$schema": "https://json-schema.org/schema",
   "cli": "nx",
-  "$id": "NxReactLibrary",
-  "title": "Create a React Library for Nx",
-  "description": "Create a React Library for an Nx workspace.",
+  "$id": "NxNextLibrary",
+  "title": "Create a Next.js Library for Nx",
+  "description": "Create a Next.js library for an Nx workspace. Same output as `@nx/react:library`, plus a `server` entry point for React Server Components and the Next.js type declarations.",
   "type": "object",
   "properties": {
     "directory": {
@@ -71,6 +71,11 @@
       "x-prompt": "What unit test runner should be used?",
       "x-priority": "important"
     },
+    "inSourceTests": {
+      "type": "boolean",
+      "default": false,
+      "description": "When using Vitest, separate spec files will not be generated and instead will be included within the source files."
+    },
     "tags": {
       "type": "string",
       "description": "Add tags to the library (used for linting).",
@@ -79,12 +84,14 @@
     "skipFormat": {
       "description": "Skip formatting files.",
       "type": "boolean",
-      "default": false
+      "default": false,
+      "x-priority": "internal"
     },
     "skipTsConfig": {
       "type": "boolean",
       "default": false,
-      "description": "Do not update tsconfig.json for development experience."
+      "description": "Do not update `tsconfig.json` for development experience.",
+      "x-priority": "internal"
     },
     "routing": {
       "type": "boolean",
@@ -121,7 +128,7 @@
     },
     "globalCss": {
       "type": "boolean",
-      "description": "When true, the stylesheet is generated using global CSS instead of CSS modules (e.g. file is `*.css` rather than `*.module.css`).",
+      "description": "When `true`, the stylesheet is generated using global CSS instead of CSS modules (e.g. file is `*.css` rather than `*.module.css`).",
       "default": false
     },
     "strict": {
@@ -140,6 +147,12 @@
       "default": false,
       "x-deprecated": "Use `enableTypedLinting` instead. This option will be removed in Nx v24."
     },
+    "compiler": {
+      "type": "string",
+      "enum": ["babel", "swc"],
+      "default": "babel",
+      "description": "Which compiler to use."
+    },
     "skipPackageJson": {
       "type": "boolean",
       "default": false,

package/dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export default function addSvgrWebpackIfUsed(tree: Tree): Promise<import("@nx/devkit").GeneratorCallback>;

package/dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = addSvgrWebpackIfUsed;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../utils/versions");
+// The Nx 22 `add-svgr-to-next-config` migration inlined a `withSvgr` helper
+// that resolves `@svgr/webpack` into user next configs, but never added the
+// package to the workspace - it only resolved transitively through `@nx/next`.
+// Now that `@nx/next` no longer depends on it, backfill it where a next config
+// actually references it.
+const nextConfigFileNames = [
+    'next.config.js',
+    'next.config.cjs',
+    'next.config.mjs',
+    'next.config.ts',
+];
+async function addSvgrWebpackIfUsed(tree) {
+    let needsSvgr = false;
+    for (const [, project] of (0, devkit_1.getProjects)(tree)) {
+        for (const fileName of nextConfigFileNames) {
+            const path = (0, devkit_1.joinPathFragments)(project.root, fileName);
+            needsSvgr ||=
+                tree.exists(path) && tree.read(path, 'utf-8').includes('@svgr/webpack');
+        }
+        if (needsSvgr) {
+            break;
+        }
+    }
+    if (!needsSvgr) {
+        return;
+    }
+    return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@svgr/webpack': versions_1.svgrWebpackVersion }, undefined, true);
+}

package/dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used.md

@@ -0,0 +1,28 @@
+#### Add `@svgr/webpack` If Used
+
+Adds `@svgr/webpack` to the workspace when a next config references it.
+
+`@svgr/webpack` is no longer a dependency of `@nx/next`, so workspaces whose next configs resolve it - which is what the Nx 22 `add-svgr-to-next-config` migration inlined - must declare it themselves. This migration backfills it for those workspaces. Workspaces that already have `@svgr/webpack` are left untouched.
+
+#### Examples
+
+##### Before
+
+```jsonc title="package.json"
+{
+  "devDependencies": {
+    "@nx/next": "23.1.0",
+  },
+}
+```
+
+##### After
+
+```jsonc title="package.json"
+{
+  "devDependencies": {
+    "@nx/next": "23.1.0",
+    "@svgr/webpack": "^8.0.1",
+  },
+}
+```

package/dist/src/plugins/plugin.js

@@ -6,8 +6,6 @@ const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
 const internal_2 = require("@nx/js/internal");
 const fs_1 = require("fs");
-const devkit_internals_1 = require("nx/src/devkit-internals");
-const cache_directory_1 = require("nx/src/utils/cache-directory");
 const path_1 = require("path");
 const nextConfigBlob = '**/next.config.{ts,js,cjs,mjs}';
 /**
@@ -20,8 +18,8 @@ exports.createDependencies = createDependencies;
 exports.createNodes = [
     nextConfigBlob,
     async (configFiles, options, context) => {
-        const optionsHash = (0, devkit_internals_1.hashObject)(options);
-        const cachePath = (0, path_1.join)(cache_directory_1.workspaceDataDirectory, `next-${optionsHash}.json`);
+        const optionsHash = (0, internal_1.hashObject)(options);
+        const cachePath = (0, path_1.join)(internal_1.workspaceDataDirectory, `next-${optionsHash}.json`);
         const targetsCache = new internal_1.PluginCache(cachePath);
         const isTsSolutionSetup = (0, internal_2.isUsingTsSolutionSetup)();
         const packageManager = (0, devkit_1.detectPackageManager)(context.workspaceRoot);

package/dist/src/utils/add-gitignore-entry.d.ts

@@ -1,2 +1,2 @@
-import { Tree } from 'nx/src/generators/tree';
+import { Tree } from '@nx/devkit';
 export declare function addGitIgnoreEntry(host: Tree): void;

package/dist/src/utils/compose-plugins.js

@@ -1,11 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.composePlugins = composePlugins;
-const deprecation_1 = require("./deprecation");
 function composePlugins(...plugins) {
     return function (baseConfig) {
         return async function combined(phase, context) {
-            (0, deprecation_1.warnComposePluginsDeprecation)(phase);
+            const { PHASE_PRODUCTION_SERVER, } = require('next/constants');
+            // Copied verbatim into the build output (see create-next-config-file.ts),
+            // so this must load without @nx/next or @nx/devkit installed. Warn only on
+            // the active Nx-task path, resolved from the workspace like with-nx.ts.
+            if (phase !== PHASE_PRODUCTION_SERVER &&
+                !global.NX_GRAPH_CREATION &&
+                process.env.NX_TASK_TARGET_TARGET) {
+                const { workspaceRoot } = require('@nx/devkit');
+                const { warnComposePluginsDeprecation } = require(require.resolve('@nx/next/src/utils/deprecation', {
+                    paths: [workspaceRoot],
+                }));
+                warnComposePluginsDeprecation(phase);
+            }
             let config = baseConfig;
             for (const plugin of plugins) {
                 const fn = await plugin;

package/dist/src/utils/create-copy-plugin.js

@@ -2,24 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createCopyPlugin = createCopyPlugin;
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const path_1 = require("nx/src/utils/path");
-const path_2 = require("path");
+const path_1 = require("path");
 const fs_1 = require("fs");
+const devkit_1 = require("@nx/devkit");
 function normalizeAssets(assets, root, sourceRoot) {
     return assets.map((asset) => {
         if (typeof asset === 'string') {
-            const assetPath = (0, path_1.normalizePath)(asset);
-            const resolvedAssetPath = (0, path_2.resolve)(root, assetPath);
-            const resolvedSourceRoot = (0, path_2.resolve)(root, sourceRoot);
+            const assetPath = (0, devkit_1.normalizePath)(asset);
+            const resolvedAssetPath = (0, path_1.resolve)(root, assetPath);
+            const resolvedSourceRoot = (0, path_1.resolve)(root, sourceRoot);
             if (!resolvedAssetPath.startsWith(resolvedSourceRoot)) {
                 throw new Error(`The ${resolvedAssetPath} asset path must start with the project source root: ${sourceRoot}`);
             }
             const isDirectory = (0, fs_1.statSync)(resolvedAssetPath).isDirectory();
             const input = isDirectory
                 ? resolvedAssetPath
-                : (0, path_2.dirname)(resolvedAssetPath);
-            const output = (0, path_2.relative)(resolvedSourceRoot, (0, path_2.resolve)(root, input));
-            const glob = isDirectory ? '**/*' : (0, path_2.basename)(resolvedAssetPath);
+                : (0, path_1.dirname)(resolvedAssetPath);
+            const output = (0, path_1.relative)(resolvedSourceRoot, (0, path_1.resolve)(root, input));
+            const glob = isDirectory ? '**/*' : (0, path_1.basename)(resolvedAssetPath);
             return {
                 input,
                 output,
@@ -30,8 +30,8 @@ function normalizeAssets(assets, root, sourceRoot) {
             if (asset.output.startsWith('..')) {
                 throw new Error('An asset cannot be written to a location outside of the output path.');
             }
-            const assetPath = (0, path_1.normalizePath)(asset.input);
-            const resolvedAssetPath = (0, path_2.resolve)(root, assetPath);
+            const assetPath = (0, devkit_1.normalizePath)(asset.input);
+            const resolvedAssetPath = (0, path_1.resolve)(root, assetPath);
             return {
                 ...asset,
                 input: resolvedAssetPath,
@@ -46,7 +46,7 @@ function createCopyPlugin(assets, root, sourceRoot) {
         patterns: normalizeAssets(assets, root, sourceRoot).map((asset) => {
             return {
                 context: asset.input,
-                to: (0, path_2.join)('../public', asset.output),
+                to: (0, path_1.join)('../public', asset.output),
                 from: asset.glob,
                 globOptions: {
                     ignore: [

package/dist/src/utils/versions.d.ts

@@ -10,3 +10,4 @@ export declare const eslintConfigNext14Version = "^15.5.18";
 export declare const eslintConfigNextVersion = "^16.1.6";
 export declare const sassVersion = "1.97.2";
 export declare const tsLibVersion = "^2.3.0";
+export declare const svgrWebpackVersion = "^8.0.1";

package/dist/src/utils/versions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsLibVersion = exports.sassVersion = exports.eslintConfigNextVersion = exports.eslintConfigNext14Version = exports.eslintConfigNext15Version = exports.eslintConfigNext16Version = exports.nextVersion = exports.next14Version = exports.next15Version = exports.next16Version = exports.minSupportedNextVersion = exports.nxVersion = void 0;
+exports.svgrWebpackVersion = exports.tsLibVersion = exports.sassVersion = exports.eslintConfigNextVersion = exports.eslintConfigNext14Version = exports.eslintConfigNext15Version = exports.eslintConfigNext16Version = exports.nextVersion = exports.next14Version = exports.next15Version = exports.next16Version = exports.minSupportedNextVersion = exports.nxVersion = void 0;
 const path_1 = require("path");
 exports.nxVersion = require((0, path_1.join)('@nx/next', 'package.json')).version;
 exports.minSupportedNextVersion = '14.0.0';
@@ -15,3 +15,4 @@ exports.eslintConfigNext14Version = '^15.5.18';
 exports.eslintConfigNextVersion = exports.eslintConfigNext16Version;
 exports.sassVersion = '1.97.2';
 exports.tsLibVersion = '^2.3.0';
+exports.svgrWebpackVersion = '^8.0.1';

package/generators.json

@@ -31,7 +31,7 @@
       "schema": "./dist/src/generators/library/schema.json",
       "aliases": ["lib"],
       "x-type": "library",
-      "description": "Create a library."
+      "description": "Create a Next.js library."
     },
     "custom-server": {
       "factory": "./dist/src/generators/custom-server/custom-server#customServerGenerator",

package/migrations.json

@@ -29,6 +29,12 @@
       "description": "Create AI instructions to help migrate workspaces from Next.js 14 to 15.",
       "prompt": "./dist/src/migrations/update-23-1-0/ai-instructions-for-next-15.md",
       "documentation": "./dist/src/migrations/update-23-1-0/upgrade-to-next-15.md"
+    },
+    "update-23-2-0-add-svgr-webpack-if-used": {
+      "version": "23.2.0-beta.4",
+      "description": "Add `@svgr/webpack` when a next config references it.",
+      "implementation": "./dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used",
+      "documentation": "./dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used.md"
     }
   },
   "packageJsonUpdates": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/next",
-  "version": "23.1.1",
+  "version": "23.1.3",
   "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": {
@@ -67,28 +67,33 @@
     "supportsOptionalMigrations": true
   },
   "peerDependencies": {
-    "next": ">=14.0.0 <17.0.0"
+    "next": ">=14.0.0 <17.0.0",
+    "@nx/webpack": "23.1.3"
+  },
+  "peerDependenciesMeta": {
+    "@nx/webpack": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@babel/plugin-proposal-decorators": "^7.22.7",
-    "@svgr/webpack": "^8.0.1",
     "copy-webpack-plugin": "^14.0.0",
     "ignore": "^7.0.5",
     "semver": "^7.6.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
     "@phenomnomnominal/tsquery": "~6.2.0",
-    "@nx/devkit": "23.1.1",
-    "@nx/js": "23.1.1",
-    "@nx/eslint": "23.1.1",
-    "@nx/react": "23.1.1",
-    "@nx/web": "23.1.1",
-    "@nx/webpack": "23.1.1"
+    "@nx/devkit": "23.1.3",
+    "@nx/js": "23.1.3",
+    "@nx/eslint": "23.1.3",
+    "@nx/react": "23.1.3",
+    "@nx/web": "23.1.3"
   },
   "devDependencies": {
-    "@nx/cypress": "23.1.1",
-    "@nx/playwright": "23.1.1",
-    "nx": "23.1.1"
+    "@nx/cypress": "23.1.3",
+    "@nx/playwright": "23.1.3",
+    "@nx/webpack": "23.1.3",
+    "nx": "23.1.3"
   },
   "publishConfig": {
     "access": "public"