@nx/next 18.1.0-beta.2 → 18.1.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/next",
-  "version": "18.1.0-beta.2",
+  "version": "18.1.0-beta.4",
   "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,7 +34,7 @@
     "next": ">=14.0.0"
   },
   "dependencies": {
-    "@nx/devkit": "18.1.0-beta.2",
+    "@nx/devkit": "18.1.0-beta.4",
     "@babel/plugin-proposal-decorators": "^7.22.7",
     "@svgr/webpack": "^8.0.1",
     "chalk": "^4.1.0",
@@ -45,13 +45,13 @@
     "url-loader": "^4.1.1",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "@nx/js": "18.1.0-beta.2",
-    "@nx/eslint": "18.1.0-beta.2",
-    "@nx/react": "18.1.0-beta.2",
-    "@nx/web": "18.1.0-beta.2",
-    "@nx/webpack": "18.1.0-beta.2",
-    "@nx/workspace": "18.1.0-beta.2",
-    "@nrwl/next": "18.1.0-beta.2"
+    "@nx/js": "18.1.0-beta.4",
+    "@nx/eslint": "18.1.0-beta.4",
+    "@nx/react": "18.1.0-beta.4",
+    "@nx/web": "18.1.0-beta.4",
+    "@nx/webpack": "18.1.0-beta.4",
+    "@nx/workspace": "18.1.0-beta.4",
+    "@nrwl/next": "18.1.0-beta.4"
   },
   "publishConfig": {
     "access": "public"

package/plugins/with-nx.js

@@ -59,10 +59,12 @@ function getNxContext(graph, target) {
 function withNx(_nextConfig = {}, context = getWithNxContext()) {
     return async (phase) => {
         const { PHASE_PRODUCTION_SERVER, PHASE_DEVELOPMENT_SERVER } = await Promise.resolve().then(() => require('next/constants'));
-        if (PHASE_PRODUCTION_SERVER === phase ||
-            !process.env.NX_TASK_TARGET_TARGET) {
-            // If we are running an already built production server, just return the configuration.
-            // NOTE: Avoid any `require(...)` or `import(...)` statements here. Development dependencies are not available at production runtime.
+        // Two scenarios where we want to skip graph creation:
+        // 1. Running production server means the build is already done so we just need to start the Next.js server.
+        // 2. During graph creation (i.e. create nodes), we won't have a graph to read, and it is not needed anyway since it's a build-time concern.
+        //
+        // NOTE: Avoid any `require(...)` or `import(...)` statements here. Development dependencies are not available at production runtime.
+        if (PHASE_PRODUCTION_SERVER === phase || global.NX_GRAPH_CREATION) {
             const { nx, ...validNextConfig } = _nextConfig;
             return {
                 distDir: '.next',
@@ -70,15 +72,13 @@ function withNx(_nextConfig = {}, context = getWithNxContext()) {
             };
         }
         else {
-            const { createProjectGraphAsync, readCachedProjectGraph, joinPathFragments, offsetFromRoot, workspaceRoot, } = require('@nx/devkit');
-            let graph = readCachedProjectGraph();
-            if (!graph) {
-                try {
-                    graph = await createProjectGraphAsync();
-                }
-                catch (e) {
-                    throw new Error('Could not create project graph. Please ensure that your workspace is valid.');
-                }
+            const { createProjectGraphAsync, joinPathFragments, offsetFromRoot, workspaceRoot, } = require('@nx/devkit');
+            let graph;
+            try {
+                graph = await createProjectGraphAsync();
+            }
+            catch (e) {
+                throw new Error('Could not create project graph. Please ensure that your workspace is valid.', { cause: e });
             }
             const originalTarget = {
                 project: process.env.NX_TASK_TARGET_PROJECT,

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

@@ -11,7 +11,7 @@ async function* serveExecutor(options, context) {
     const buildOptions = (0, devkit_1.readTargetOptions)((0, devkit_1.parseTargetString)(options.buildTarget, context), context);
     const projectRoot = context.workspace.projects[context.projectName].root;
     // This is required for the default custom server to work. See the @nx/next:app generator.
-    const nextDir = (0, path_1.resolve)(context.root, buildOptions.outputPath);
+    const nextDir = !options.dev && (0, path_1.resolve)(context.root, buildOptions.outputPath);
     process.env.NX_NEXT_DIR ??= options.dev ? projectRoot : nextDir;
     if (options.customServerTarget) {
         return yield* (0, custom_server_impl_1.default)(options, context);

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

@@ -15,7 +15,7 @@
   const StyledPage = styled.div`<%- pageStyleContent %>`;
   <% }%>
 <% } %>
-export default async function Index() {
+export default function Index() {
   /*
    * Replace the elements below with your own.
    *

package/src/generators/application/files/common/specs/__fileName__.spec.tsx__tmpl__

@@ -1,13 +1,18 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-<% if (src) { %>
+<% if (src && !appDir) { %>
 import Index from '../src/pages/index';
-<% } else { %>
+<% } else if (!appDir) { %>
 import Index from '../pages/index';
+<% } else if (appDir && src) {%>
+import Page from '../src/app/page';
+<% } else { %>
+import Page from '../app/page';
 <% } %>
-describe('Index', () => {
+
+describe(<%- appDir ? `'Page'` : `'Index'` %>, () => {
   it('should render successfully', () => {
-    const { baseElement } = render(<Index />);
+    const { baseElement } = render(<%- appDir ? `<Page />` : `<Index />` %>);
     expect(baseElement).toBeTruthy();
   });
 });

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

@@ -38,8 +38,9 @@ function createApplicationFiles(host, options) {
     (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/common'), options.appProjectRoot, templateVariables);
     if (options.appDir) {
         (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/app'), (0, path_1.join)(generatedAppFilePath, 'app'), templateVariables);
-        // RSC is not possible to unit test without extra helpers for data fetching. Leaving it to the user to figure out.
-        host.delete((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'specs', `index.spec.${options.js ? 'jsx' : 'tsx'}`));
+        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);
         }

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

@@ -16,7 +16,10 @@ async function normalizeOptions(host, options) {
     });
     options.rootProject = appProjectRoot === '.';
     options.projectNameAndRootFormat = projectNameAndRootFormat;
-    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
+    const nxJson = (0, devkit_1.readNxJson)(host);
+    const addPlugin = process.env.NX_ADD_PLUGINS !== 'false' &&
+        nxJson.useInferencePlugins !== false;
+    options.addPlugin ??= addPlugin;
     const e2eProjectName = options.rootProject ? 'e2e' : `${appProjectName}-e2e`;
     const e2eProjectRoot = options.rootProject ? 'e2e' : `${appProjectRoot}-e2e`;
     const name = (0, devkit_1.names)(options.name).fileName;

package/src/generators/cypress-component-configuration/cypress-component-configuration.js

@@ -19,6 +19,7 @@ async function cypressComponentConfigurationInternal(tree, options) {
     tasks.push(await baseCyCtConfig(tree, {
         project: options.project,
         skipFormat: true,
+        framework: 'next',
         jsx: true,
         addPlugin: options.addPlugin,
     }));

package/src/generators/init/init.js

@@ -24,7 +24,10 @@ function nextInitGenerator(tree, schema) {
 }
 exports.nextInitGenerator = nextInitGenerator;
 async function nextInitGeneratorInternal(host, schema) {
-    schema.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
+    const nxJson = (0, devkit_1.readNxJson)(host);
+    const addPluginDefault = process.env.NX_ADD_PLUGINS !== 'false' &&
+        nxJson.useInferencePlugins !== false;
+    schema.addPlugin ??= addPluginDefault;
     if (schema.addPlugin) {
         (0, add_plugin_1.addPlugin)(host);
     }

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = void 0;
+const devkit_1 = require("@nx/devkit");
 const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
 async function normalizeOptions(host, options) {
     const { projectRoot, importPath, projectNameAndRootFormat } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
@@ -12,7 +13,10 @@ async function normalizeOptions(host, options) {
         callingGenerator: '@nx/next:library',
     });
     options.projectNameAndRootFormat = projectNameAndRootFormat;
-    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
+    const nxJson = (0, devkit_1.readNxJson)(host);
+    const addPlugin = process.env.NX_ADD_PLUGINS !== 'false' &&
+        nxJson.useInferencePlugins !== false;
+    options.addPlugin ??= addPlugin;
     return {
         ...options,
         importPath,