@nx/js 20.3.0-beta.0 → 20.3.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/js",
-  "version": "20.3.0-beta.0",
+  "version": "20.3.0-beta.1",
   "private": false,
   "description": "The JS plugin for Nx contains executors and generators that provide the best experience for developing JavaScript and TypeScript projects. ",
   "repository": {
@@ -39,8 +39,8 @@
     "@babel/preset-env": "^7.23.2",
     "@babel/preset-typescript": "^7.22.5",
     "@babel/runtime": "^7.22.6",
-    "@nx/devkit": "20.3.0-beta.0",
-    "@nx/workspace": "20.3.0-beta.0",
+    "@nx/devkit": "20.3.0-beta.1",
+    "@nx/workspace": "20.3.0-beta.1",
     "@zkochan/js-yaml": "0.0.7",
     "babel-plugin-const-enum": "^1.0.1",
     "babel-plugin-macros": "^2.8.0",

package/src/generators/library/files/lib/src/index.ts__tmpl__

@@ -1 +1 @@
-export * from './lib/<%= fileName %>';
+export * from './lib/<%= fileNameImport %>';

package/src/generators/library/library.js

@@ -22,6 +22,7 @@ const ts_solution_setup_1 = require("../../utils/typescript/ts-solution-setup");
 const versions_1 = require("../../utils/versions");
 const init_1 = require("../init/init");
 const generator_1 = require("../setup-verdaccio/generator");
+const ensure_typescript_1 = require("../../utils/typescript/ensure-typescript");
 const defaultOutputDirectory = 'dist';
 async function libraryGenerator(tree, schema) {
     return await libraryGeneratorInternal(tree, {
@@ -335,6 +336,19 @@ function addBabelRc(tree, options) {
 function createFiles(tree, options) {
     const { className, name, propertyName } = (0, devkit_1.names)(options.projectNames.projectFileName);
     createProjectTsConfigs(tree, options);
+    let fileNameImport = options.fileName;
+    if (options.bundler === 'vite') {
+        const tsConfig = (0, ts_config_1.readTsConfigFromTree)(tree, (0, path_1.join)(options.projectRoot, 'tsconfig.lib.json'));
+        const ts = (0, ensure_typescript_1.ensureTypescript)();
+        if (tsConfig.options.moduleResolution === ts.ModuleResolutionKind.Node16 ||
+            tsConfig.options.moduleResolution === ts.ModuleResolutionKind.NodeNext) {
+            // Node16 and NodeNext require explicit file extensions for relative
+            // import paths. Since we generate the file with the `.ts` extension,
+            // we import it from the same file with the `.js` extension.
+            // https://www.typescriptlang.org/docs/handbook/modules/reference.html#file-extension-substitution
+            fileNameImport = `${options.fileName}.js`;
+        }
+    }
     (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, './files/lib'), options.projectRoot, {
         ...options,
         dot: '.',
@@ -348,6 +362,7 @@ function createFiles(tree, options) {
         offsetFromRoot: (0, devkit_1.offsetFromRoot)(options.projectRoot),
         buildable: options.bundler && options.bundler !== 'none',
         hasUnitTestRunner: options.unitTestRunner !== 'none',
+        fileNameImport,
     });
     if (!options.rootProject) {
         (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, './files/readme'), options.projectRoot, {
@@ -686,6 +701,9 @@ function createProjectTsConfigs(tree, options) {
             .map(([k, v]) => `${JSON.stringify(k)}: ${JSON.stringify(v)}`)
             .join(',\n    '),
         tmpl: '',
+        outDir: options.bundler === 'tsc'
+            ? 'dist'
+            : `out-tsc/${options.projectRoot.split('/').pop()}`,
     });
     // tsconfig.json
     if (options.isUsingTsSolutionConfig) {
@@ -793,14 +811,10 @@ function determineEntryFields(options) {
             };
         case 'vite':
             return {
-                // Since we're publishing both formats, skip the type field.
-                // Bundlers or Node will determine the entry point to use.
+                type: 'module',
                 main: options.isUsingTsSolutionConfig
                     ? './dist/index.js'
                     : './index.js',
-                module: options.isUsingTsSolutionConfig
-                    ? './dist/index.mjs'
-                    : './index.mjs',
                 typings: options.isUsingTsSolutionConfig
                     ? './dist/index.d.ts'
                     : './index.d.ts',

package/src/generators/typescript-sync/typescript-sync.js

@@ -325,7 +325,7 @@ function getTsConfigPathFromReferencePath(tree, ownerTsConfigPath, referencePath
  */
 function patchTsconfigJsonReferences(tree, tsconfigInfoCaches, tsconfigPath, updatedReferences) {
     const stringifiedJsonContents = readRawTsconfigContents(tree, tsconfigInfoCaches, tsconfigPath);
-    const edits = (0, jsonc_parser_1.modify)(stringifiedJsonContents, ['references'], updatedReferences, { formattingOptions: { keepLines: false } });
+    const edits = (0, jsonc_parser_1.modify)(stringifiedJsonContents, ['references'], updatedReferences, { formattingOptions: { keepLines: true, insertSpaces: true, tabSize: 2 } });
     const updatedJsonContents = (0, jsonc_parser_1.applyEdits)(stringifiedJsonContents, edits);
     // The final contents will be formatted by formatFiles() later
     tree.write(tsconfigPath, updatedJsonContents);

package/src/utils/typescript/ts-config.d.ts

@@ -1,6 +1,7 @@
 import { Tree } from '@nx/devkit';
 import type * as ts from 'typescript';
 export declare function readTsConfig(tsConfigPath: string, sys?: ts.System): ts.ParsedCommandLine;
+export declare function readTsConfigFromTree(tree: Tree, tsConfigPath: string): ts.ParsedCommandLine;
 export declare function getRootTsConfigPathInTree(tree: Tree): string | null;
 export declare function getRelativePathToRootTsConfig(tree: Tree, targetPath: string): string;
 export declare function getRootTsConfigPath(): string | null;

package/src/utils/typescript/ts-config.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.readTsConfig = readTsConfig;
+exports.readTsConfigFromTree = readTsConfigFromTree;
 exports.getRootTsConfigPathInTree = getRootTsConfigPathInTree;
 exports.getRelativePathToRootTsConfig = getRelativePathToRootTsConfig;
 exports.getRootTsConfigPath = getRootTsConfigPath;
@@ -20,6 +21,16 @@ function readTsConfig(tsConfigPath, sys) {
     const readResult = tsModule.readConfigFile(tsConfigPath, sys.readFile);
     return tsModule.parseJsonConfigFileContent(readResult.config, sys, (0, path_1.dirname)(tsConfigPath));
 }
+function readTsConfigFromTree(tree, tsConfigPath) {
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
+    const tsSysFromTree = {
+        ...tsModule.sys,
+        readFile: (path) => tree.read(path, 'utf-8'),
+    };
+    return readTsConfig(tsConfigPath, tsSysFromTree);
+}
 function getRootTsConfigPathInTree(tree) {
     for (const path of ['tsconfig.base.json', 'tsconfig.json']) {
         if (tree.exists(path)) {

package/src/utils/typescript/ts-solution-setup.js

@@ -66,7 +66,7 @@ function assertNotUsingTsSolutionSetup(tree, pluginName, generatorName) {
             `We're working hard to support the existing TypeScript setup with the ${artifactString}. We'll soon release a new version of Nx with support for it.`,
         ],
     });
-    process.exit(1);
+    throw new Error(`The ${artifactString} doesn't yet support the existing TypeScript setup. See the error above.`);
 }
 function findRuntimeTsConfigName(tree, projectRoot) {
     if (tree.exists((0, devkit_1.joinPathFragments)(projectRoot, 'tsconfig.app.json')))
@@ -94,8 +94,20 @@ function updateTsconfigFiles(tree, projectRoot, runtimeTsconfigFileName, compile
                 rootDir,
                 ...compilerOptions,
             };
+            if (rootDir && rootDir !== '.') {
+                // when rootDir is different from '.', the tsbuildinfo file is output
+                // at `<outDir>/<relative path to config from rootDir>/`, so we need
+                // to set it explicitly to ensure it's output to the outDir
+                // https://www.typescriptlang.org/tsconfig/#tsBuildInfoFile
+                json.compilerOptions.tsBuildInfoFile = (0, posix_1.join)('out-tsc', projectRoot.split('/').at(-1), (0, posix_1.basename)(runtimeTsconfigFileName, '.json') + '.tsbuildinfo');
+            }
+            else if (json.compilerOptions.tsBuildInfoFile) {
+                // when rootDir is '.' or not set, it would be output to the outDir, so
+                // we don't need to set it explicitly
+                delete json.compilerOptions.tsBuildInfoFile;
+            }
             const excludeSet = json.exclude
-                ? new Set(['dist', ...json.exclude, ...exclude])
+                ? new Set(['out-tsc', 'dist', ...json.exclude, ...exclude])
                 : new Set(exclude);
             json.exclude = Array.from(excludeSet);
             return json;