@nx/next 21.6.3 → 21.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/next",
-  "version": "21.6.3",
+  "version": "21.6.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, Playwright, Cypress, and Jest. No need to configure anything: watch mode, source maps, and typings just work.",
   "repository": {
@@ -35,7 +35,7 @@
     "next": ">=14.0.0"
   },
   "dependencies": {
-    "@nx/devkit": "21.6.3",
+    "@nx/devkit": "21.6.4",
     "@babel/plugin-proposal-decorators": "^7.22.7",
     "@svgr/webpack": "^8.1.0",
     "copy-webpack-plugin": "^10.2.4",
@@ -44,15 +44,15 @@
     "semver": "^7.5.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "@nx/js": "21.6.3",
-    "@nx/eslint": "21.6.3",
-    "@nx/react": "21.6.3",
-    "@nx/web": "21.6.3",
-    "@nx/webpack": "21.6.3",
+    "@nx/js": "21.6.4",
+    "@nx/eslint": "21.6.4",
+    "@nx/react": "21.6.4",
+    "@nx/web": "21.6.4",
+    "@nx/webpack": "21.6.4",
     "@phenomnomnominal/tsquery": "~5.0.1"
   },
   "devDependencies": {
-    "nx": "21.6.3"
+    "nx": "21.6.4"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/library/lib/update-vite-config.d.ts

@@ -0,0 +1,15 @@
+import { Tree } from '@nx/devkit';
+/**
+ * Updates a Vite config to support multiple entry points for Next.js libraries.
+ * Transforms:
+ * 1. entry: 'src/index.ts' -> entry: { index: 'src/index.ts', server: 'src/server.ts' }
+ * 2. fileName: 'index' -> fileName: (format, entryName) => `${entryName}.js`
+ *
+ * Note: We know the shape of the vite config that is being generated, therefore string manipulation is fine
+ *
+ * @param tree - The file system tree
+ * @param viteConfigPath - Path to the vite.config.ts file
+ * @returns true if the config was updated, false otherwise
+ */
+export declare function updateViteConfigForServerEntry(tree: Tree, viteConfigPath: string): boolean;
+//# sourceMappingURL=update-vite-config.d.ts.map

package/src/generators/library/lib/update-vite-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-vite-config.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/library/lib/update-vite-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC;;;;;;;;;;;GAWG;AACH,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,MAAM,GACrB,OAAO,CA4BT"}

package/src/generators/library/lib/update-vite-config.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateViteConfigForServerEntry = updateViteConfigForServerEntry;
+/**
+ * Updates a Vite config to support multiple entry points for Next.js libraries.
+ * Transforms:
+ * 1. entry: 'src/index.ts' -> entry: { index: 'src/index.ts', server: 'src/server.ts' }
+ * 2. fileName: 'index' -> fileName: (format, entryName) => `${entryName}.js`
+ *
+ * Note: We know the shape of the vite config that is being generated, therefore string manipulation is fine
+ *
+ * @param tree - The file system tree
+ * @param viteConfigPath - Path to the vite.config.ts file
+ * @returns true if the config was updated, false otherwise
+ */
+function updateViteConfigForServerEntry(tree, viteConfigPath) {
+    if (!tree.exists(viteConfigPath)) {
+        return false;
+    }
+    const viteConfigContent = tree.read(viteConfigPath, 'utf-8');
+    // Replace single entry string with multiple entry object
+    const updatedViteConfig = viteConfigContent
+        .replace(/entry:\s*['"]src\/index\.ts['"]/, `entry: {
+        index: 'src/index.ts',
+        server: 'src/server.ts',
+      }`)
+        .replace(/fileName:\s*['"]index['"]/, `fileName: (format, entryName) => \`\${entryName}.js\``);
+    // Only write if changes were made
+    if (updatedViteConfig !== viteConfigContent) {
+        tree.write(viteConfigPath, updatedViteConfig);
+        return true;
+    }
+    return false;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"library.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/generators/library/library.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAGjB,IAAI,EAEL,MAAM,YAAY,CAAC;AASpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAWlC,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,8BAMpE;AAED,wBAAsB,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,8BAuJ5E;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"library.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/generators/library/library.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAGjB,IAAI,EAEL,MAAM,YAAY,CAAC;AASpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAalC,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,8BAMpE;AAED,wBAAsB,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,8BA+L5E;AAED,eAAe,gBAAgB,CAAC"}

package/src/generators/library/library.js

@@ -8,6 +8,7 @@ const js_1 = require("@nx/js");
 const versions_1 = require("@nx/react/src/utils/versions");
 const init_1 = require("../init/init");
 const normalize_options_1 = require("./lib/normalize-options");
+const update_vite_config_1 = require("./lib/update-vite-config");
 const versions_2 = require("../../utils/versions");
 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");
@@ -61,14 +62,41 @@ async function libraryGeneratorInternal(host, rawOptions) {
     host.write((0, devkit_1.joinPathFragments)(options.projectRoot, 'src', `server.${options.js ? 'js' : 'ts'}`), `// Use this file to export React server components
     export * from './lib/hello-server';`);
     host.write((0, devkit_1.joinPathFragments)(options.projectRoot, 'src/lib', `hello-server.${options.js ? 'js' : 'tsx'}`), `// React server components are async so you make database or API calls.
-      export async function HelloServer() {
-        return <h1>Hello Server</h1>
-      }
-    `);
+export async function HelloServer() {
+  return <h1>Hello Server</h1>;
+}
+`);
     const isTsSolutionSetup = (0, ts_solution_setup_1.isUsingTsSolutionSetup)(host);
     if (!options.skipTsConfig && !isTsSolutionSetup) {
         (0, js_1.addTsConfigPath)(host, `${options.importPath}/server`, [serverEntryPath]);
     }
+    // Configure Vite and package.json for server entry point when using Vite bundler
+    if (options.bundler === 'vite') {
+        // Update vite.config.ts to support multiple entry points
+        const viteConfigPath = (0, devkit_1.joinPathFragments)(options.projectRoot, 'vite.config.ts');
+        (0, update_vite_config_1.updateViteConfigForServerEntry)(host, viteConfigPath);
+        // Update package.json to include server export
+        const packageJsonPath = (0, devkit_1.joinPathFragments)(options.projectRoot, 'package.json');
+        if (host.exists(packageJsonPath)) {
+            (0, devkit_1.updateJson)(host, packageJsonPath, (json) => {
+                if (!json.exports) {
+                    json.exports = {};
+                }
+                // Add server export
+                const serverExport = {};
+                // For TS Solution setups, include development condition
+                if (isTsSolutionSetup) {
+                    const customConditionName = (0, ts_solution_setup_1.getDefinedCustomConditionName)(host);
+                    serverExport[customConditionName] = './src/server.ts';
+                }
+                serverExport.types = './dist/server.d.ts';
+                serverExport.import = './dist/server.js';
+                serverExport.default = './dist/server.js';
+                json.exports['./server'] = serverExport;
+                return json;
+            });
+        }
+    }
     (0, devkit_1.updateJson)(host, (0, devkit_1.joinPathFragments)(options.projectRoot, 'tsconfig.json'), (json) => {
         if (options.style === '@emotion/styled') {
             json.compilerOptions.jsxImportSource = '@emotion/react';