@nx/js 16.4.0-beta.0 → 16.4.0-beta.2

package/babel.js

@@ -86,4 +86,3 @@ module.exports = function (api, options = {}) {
         ],
     };
 };
-//# sourceMappingURL=babel.js.map

package/executors.json

@@ -3,6 +3,7 @@
   "executors": {
     "tsc": {
       "implementation": "./src/executors/tsc/tsc.impl",
+      "batchImplementation": "./src/executors/tsc/tsc.batch-impl",
       "schema": "./src/executors/tsc/schema.json",
       "description": "Build a project using TypeScript."
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/js",
-  "version": "16.4.0-beta.0",
+  "version": "16.4.0-beta.2",
   "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,14 +39,15 @@
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-typescript": "^7.15.0",
     "@babel/runtime": "^7.14.8",
-    "@nrwl/js": "16.4.0-beta.0",
-    "@nx/devkit": "16.4.0-beta.0",
-    "@nx/workspace": "16.4.0-beta.0",
+    "@nrwl/js": "16.4.0-beta.2",
+    "@nx/devkit": "16.4.0-beta.2",
+    "@nx/workspace": "16.4.0-beta.2",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "babel-plugin-const-enum": "^1.0.1",
     "babel-plugin-macros": "^2.8.0",
     "babel-plugin-transform-typescript-metadata": "^0.3.1",
     "chalk": "^4.1.0",
+    "detect-port": "^1.5.1",
     "fast-glob": "3.2.7",
     "fs-extra": "^11.1.0",
     "ignore": "^5.0.4",
@@ -68,5 +69,5 @@
     "access": "public"
   },
   "types": "./src/index.d.ts",
-  "gitHead": "c2112a07278e9c78cd6f6c194eb4a75115a7d179"
+  "gitHead": "abb2678056668cc8beaaf9c5ebc2a2e6ad487173"
 }

package/src/executors/node/compat.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const devkit_1 = require("@nx/devkit");
 const node_impl_1 = require("./node.impl");
 exports.default = (0, devkit_1.convertNxExecutor)(node_impl_1.default);
-//# sourceMappingURL=compat.js.map

package/src/executors/node/lib/kill-tree.js

@@ -111,4 +111,3 @@ function buildProcessTree(parentPid, tree, pidsToProcess, spawnChildProcessesLis
     };
     ps.on('close', onClose);
 }
-//# sourceMappingURL=kill-tree.js.map

package/src/executors/node/node-with-require-overrides.js

@@ -19,4 +19,3 @@ Module._load = function (request, parent) {
     }
 };
 dynamicImport(fileToRun);
-//# sourceMappingURL=node-with-require-overrides.js.map

package/src/executors/node/node.impl.js

@@ -19,21 +19,26 @@ function debounce(fn, wait) {
     };
 }
 function nodeExecutor(options, context) {
-    var _a, _b;
+    var _a, _b, _c, _d;
+    var _e;
     return tslib_1.__asyncGenerator(this, arguments, function* nodeExecutor_1() {
+        (_a = (_e = process.env).NODE_ENV) !== null && _a !== void 0 ? _a : (_e.NODE_ENV = (_b = context === null || context === void 0 ? void 0 : context.configurationName) !== null && _b !== void 0 ? _b : 'development');
         const project = context.projectGraph.nodes[context.projectName];
         const buildTarget = (0, devkit_1.parseTargetString)(options.buildTarget, context.projectGraph);
-        const buildOptions = (_a = project.data.targets[buildTarget.target]) === null || _a === void 0 ? void 0 : _a.options;
-        if (!buildOptions) {
+        let buildOptions;
+        if (project.data.targets[buildTarget.target]) {
+            buildOptions = Object.assign(Object.assign({}, (_c = project.data.targets[buildTarget.target]) === null || _c === void 0 ? void 0 : _c.options), options.buildTargetOptions);
+        }
+        else {
             throw new Error(`Cannot find build target ${chalk.bold(options.buildTarget)} for project ${chalk.bold(context.projectName)}`);
         }
         // Re-map buildable workspace projects to their output directory.
         const mappings = calculateResolveMappings(context, options);
-        const fileToRun = (0, path_1.join)(context.root, buildOptions.outputPath, (_b = buildOptions.outputFileName) !== null && _b !== void 0 ? _b : 'main.js');
+        const fileToRun = (0, path_1.join)(context.root, buildOptions.outputPath, (_d = buildOptions.outputFileName) !== null && _d !== void 0 ? _d : 'main.js');
         const tasks = [];
         let currentTask = null;
         yield tslib_1.__await(yield* tslib_1.__asyncDelegator(tslib_1.__asyncValues((0, async_iterable_1.createAsyncIterable)(({ done, next, error }) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-            var _c;
+            var _f;
             const processQueue = () => tslib_1.__awaiter(this, void 0, void 0, function* () {
                 if (tasks.length === 0)
                     return;
@@ -43,7 +48,7 @@ function nodeExecutor(options, context) {
                 yield (previousTask === null || previousTask === void 0 ? void 0 : previousTask.stop('SIGTERM'));
                 yield task.start();
             });
-            const debouncedProcessQueue = debounce(processQueue, (_c = options.debounce) !== null && _c !== void 0 ? _c : 1000);
+            const debouncedProcessQueue = debounce(processQueue, (_f = options.debounce) !== null && _f !== void 0 ? _f : 1000);
             const addToQueue = () => tslib_1.__awaiter(this, void 0, void 0, function* () {
                 const task = {
                     id: (0, crypto_1.randomUUID)(),
@@ -88,7 +93,7 @@ function nodeExecutor(options, context) {
                         // Run the program
                         task.promise = new Promise((resolve, reject) => {
                             var _a;
-                            task.childProcess = (0, child_process_1.fork)((0, devkit_1.joinPathFragments)(__dirname, 'node-with-require-overrides'), (_a = options.runtimeArgs) !== null && _a !== void 0 ? _a : [], {
+                            task.childProcess = (0, child_process_1.fork)((0, devkit_1.joinPathFragments)(__dirname, 'node-with-require-overrides'), (_a = options.args) !== null && _a !== void 0 ? _a : [], {
                                 execArgv: getExecArgv(options),
                                 stdio: [0, 1, 'pipe', 'ipc'],
                                 env: Object.assign(Object.assign({}, process.env), { NX_FILE_TO_RUN: fileToRun, NX_MAPPINGS: JSON.stringify(mappings) }),
@@ -128,13 +133,13 @@ function nodeExecutor(options, context) {
                 watchProjects: [context.projectName],
                 includeDependentProjects: true,
             }, (err, data) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                var _d;
+                var _g;
                 if (err === 'closed') {
                     devkit_1.logger.error(`Watch error: Daemon closed the connection`);
                     process.exit(1);
                 }
                 else if (err) {
-                    devkit_1.logger.error(`Watch error: ${(_d = err === null || err === void 0 ? void 0 : err.message) !== null && _d !== void 0 ? _d : 'Unknown'}`);
+                    devkit_1.logger.error(`Watch error: ${(_g = err === null || err === void 0 ? void 0 : err.message) !== null && _g !== void 0 ? _g : 'Unknown'}`);
                 }
                 else {
                     devkit_1.logger.info(`NX File change detected. Restarting...`);
@@ -189,4 +194,3 @@ function calculateResolveMappings(context, options) {
     }, {});
 }
 exports.default = nodeExecutor;
-//# sourceMappingURL=node.impl.js.map

package/src/executors/swc/compat.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const devkit_1 = require("@nx/devkit");
 const swc_impl_1 = require("./swc.impl");
 exports.default = (0, devkit_1.convertNxExecutor)(swc_impl_1.swcExecutor);
-//# sourceMappingURL=compat.js.map

package/src/executors/swc/swc.impl.js

@@ -110,4 +110,3 @@ function removeTmpSwcrc(swcrcPath) {
     }
 }
 exports.default = swcExecutor;
-//# sourceMappingURL=swc.impl.js.map

package/src/executors/tsc/compat.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const devkit_1 = require("@nx/devkit");
 const tsc_impl_1 = require("./tsc.impl");
 exports.default = (0, devkit_1.convertNxExecutor)(tsc_impl_1.tscExecutor);
-//# sourceMappingURL=compat.js.map

package/src/executors/tsc/lib/batch/build-task-info-per-tsconfig-map.d.ts

@@ -0,0 +1,4 @@
+import type { ExecutorContext } from '@nx/devkit';
+import type { NormalizedExecutorOptions } from '../../../../utils/schema';
+import type { TaskInfo } from './types';
+export declare function buildTaskInfoPerTsConfigMap(tsConfigTaskInfoMap: Record<string, TaskInfo>, tasksOptions: Record<string, NormalizedExecutorOptions>, context: ExecutorContext, tasks: string[], shouldWatch: boolean): void;

package/src/executors/tsc/lib/batch/build-task-info-per-tsconfig-map.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildTaskInfoPerTsConfigMap = void 0;
+const devkit_1 = require("@nx/devkit");
+const copy_assets_handler_1 = require("../../../../utils/assets/copy-assets-handler");
+const buildable_libs_utils_1 = require("../../../../utils/buildable-libs-utils");
+const generate_temp_tsconfig_1 = require("./generate-temp-tsconfig");
+const get_task_options_1 = require("./get-task-options");
+const taskTsConfigCache = new Set();
+function buildTaskInfoPerTsConfigMap(tsConfigTaskInfoMap, tasksOptions, context, tasks, shouldWatch) {
+    for (const taskName of tasks) {
+        if (taskTsConfigCache.has(taskName)) {
+            continue;
+        }
+        let taskOptions = tasksOptions[taskName];
+        // task is in the batch (it's meant to be processed), create TaskInfo
+        if (taskOptions) {
+            const taskInfo = createTaskInfo(taskName, taskOptions, context);
+            const tsConfigPath = (0, generate_temp_tsconfig_1.generateTempTsConfig)(tasksOptions, taskName, taskOptions, context);
+            tsConfigTaskInfoMap[tsConfigPath] = taskInfo;
+            taskTsConfigCache.add(taskName);
+        }
+        else {
+            // if it's not included in the provided map, it could be a cached task and
+            // we need to pull the options from the relevant project graph node
+            taskOptions = (0, get_task_options_1.getTaskOptions)(taskName, context);
+            (0, generate_temp_tsconfig_1.generateTempTsConfig)(tasksOptions, taskName, taskOptions, context);
+        }
+        buildTaskInfoPerTsConfigMap(tsConfigTaskInfoMap, tasksOptions, context, context.taskGraph.dependencies[taskName], shouldWatch);
+    }
+}
+exports.buildTaskInfoPerTsConfigMap = buildTaskInfoPerTsConfigMap;
+function createTaskInfo(taskName, taskOptions, context) {
+    const target = (0, devkit_1.parseTargetString)(taskName, context.projectGraph);
+    const taskContext = Object.assign(Object.assign({}, context), { 
+        // batch executors don't get these in the context, we provide them
+        // here per task
+        projectName: target.project, targetName: target.target, configurationName: target.configuration });
+    const assetsHandler = new copy_assets_handler_1.CopyAssetsHandler({
+        projectDir: taskOptions.projectRoot,
+        rootDir: context.root,
+        outputDir: taskOptions.outputPath,
+        assets: taskOptions.assets,
+    });
+    const { target: projectGraphNode, dependencies: buildableProjectNodeDependencies, } = (0, buildable_libs_utils_1.calculateProjectDependencies)(context.projectGraph, context.root, context.taskGraph.tasks[taskName].target.project, context.taskGraph.tasks[taskName].target.target, context.taskGraph.tasks[taskName].target.configuration);
+    return {
+        task: taskName,
+        options: taskOptions,
+        context: taskContext,
+        assetsHandler,
+        buildableProjectNodeDependencies,
+        projectGraphNode,
+    };
+}

package/src/executors/tsc/lib/batch/generate-temp-tsconfig.d.ts

@@ -0,0 +1,3 @@
+import type { ExecutorContext } from '@nx/devkit';
+import type { NormalizedExecutorOptions } from '../../../../utils/schema';
+export declare function generateTempTsConfig(taskOptionsMap: Record<string, NormalizedExecutorOptions>, taskName: string, taskOptions: NormalizedExecutorOptions, context: ExecutorContext): string;

package/src/executors/tsc/lib/batch/generate-temp-tsconfig.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateTempTsConfig = void 0;
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+const ts = require("typescript");
+const get_task_options_1 = require("./get-task-options");
+function generateTempTsConfig(taskOptionsMap, taskName, taskOptions, context) {
+    const tmpDir = (0, path_1.join)(context.root, 'tmp');
+    const originalTsConfigPath = taskOptions.tsConfig;
+    const tmpTsConfigPath = (0, path_1.join)(tmpDir, (0, path_1.relative)(context.root, originalTsConfigPath));
+    const projectReferences = [];
+    for (const depTask of context.taskGraph.dependencies[taskName]) {
+        // if included in the provided map, use it
+        if (taskOptionsMap[depTask]) {
+            projectReferences.push({
+                path: (0, path_1.join)(tmpDir, (0, path_1.relative)(context.root, taskOptionsMap[depTask].tsConfig)),
+            });
+            continue;
+        }
+        // if it's not included in the provided map, it could be a cached task and
+        // we need to pull the tsconfig from the relevant project graph node
+        const options = (0, get_task_options_1.getTaskOptions)(depTask, context);
+        if (options.tsConfig) {
+            projectReferences.push({
+                path: (0, path_1.join)(tmpDir, (0, path_1.relative)(context.root, options.tsConfig)),
+            });
+        }
+    }
+    (0, devkit_1.writeJsonFile)(tmpTsConfigPath, {
+        extends: (0, devkit_1.normalizePath)((0, path_1.relative)((0, path_1.dirname)(tmpTsConfigPath), taskOptions.tsConfig)),
+        compilerOptions: {
+            rootDir: taskOptions.rootDir,
+            outDir: taskOptions.outputPath,
+            composite: true,
+            declaration: true,
+            declarationMap: true,
+            tsBuildInfoFile: (0, devkit_1.joinPathFragments)(taskOptions.outputPath, 'tsconfig.tsbuildinfo'),
+        },
+        references: projectReferences,
+    });
+    /**
+     * Ensure the temp tsconfig has the same modified date as the original.
+     * Typescript compares this against the modified date of the tsbuildinfo
+     * file. If the tsbuildinfo file is older, the cache is invalidated.
+     * Since we always generate the temp tsconfig, any existing tsbuildinfo
+     * file will be older even if they are not older than the original tsconfig.
+     */
+    ts.sys.setModifiedTime(tmpTsConfigPath, ts.sys.getModifiedTime(originalTsConfigPath));
+    return tmpTsConfigPath;
+}
+exports.generateTempTsConfig = generateTempTsConfig;

package/src/executors/tsc/lib/batch/get-task-options.d.ts

@@ -0,0 +1,3 @@
+import type { ExecutorContext } from '@nx/devkit';
+import type { NormalizedExecutorOptions } from '../../../../utils/schema';
+export declare function getTaskOptions(taskName: string, context: ExecutorContext): NormalizedExecutorOptions;

package/src/executors/tsc/lib/batch/get-task-options.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTaskOptions = void 0;
+const devkit_1 = require("@nx/devkit");
+const normalize_options_1 = require("../normalize-options");
+const tasksOptionsCache = new Map();
+function getTaskOptions(taskName, context) {
+    var _a, _b;
+    if (tasksOptionsCache.has(taskName)) {
+        return tasksOptionsCache.get(taskName);
+    }
+    const target = context.taskGraph.tasks[taskName].target;
+    const projectNode = context.projectGraph.nodes[target.project];
+    const targetConfig = (_a = projectNode.data.targets) === null || _a === void 0 ? void 0 : _a[target.target];
+    const taskOptions = Object.assign(Object.assign({}, targetConfig.options), (target.configuration
+        ? (_b = targetConfig.configurations) === null || _b === void 0 ? void 0 : _b[target.configuration]
+        : {}));
+    const { project } = (0, devkit_1.parseTargetString)(taskName, context.projectGraph);
+    const { sourceRoot, root } = context.projectsConfigurations.projects[project];
+    const normalizedTaskOptions = (0, normalize_options_1.normalizeOptions)(taskOptions, context.root, sourceRoot, root);
+    tasksOptionsCache.set(taskName, normalizedTaskOptions);
+    return normalizedTaskOptions;
+}
+exports.getTaskOptions = getTaskOptions;

package/src/executors/tsc/lib/batch/index.d.ts

@@ -0,0 +1,8 @@
+export * from './build-task-info-per-tsconfig-map';
+export * from './generate-temp-tsconfig';
+export * from './get-task-options';
+export * from './normalize-tasks-options';
+export * from './types';
+export * from './typescript-compilation';
+export * from './typescript-diagnostic-reporters';
+export * from './watch';

package/src/executors/tsc/lib/batch/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./build-task-info-per-tsconfig-map"), exports);
+tslib_1.__exportStar(require("./generate-temp-tsconfig"), exports);
+tslib_1.__exportStar(require("./get-task-options"), exports);
+tslib_1.__exportStar(require("./normalize-tasks-options"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./typescript-compilation"), exports);
+tslib_1.__exportStar(require("./typescript-diagnostic-reporters"), exports);
+tslib_1.__exportStar(require("./watch"), exports);

package/src/executors/tsc/lib/batch/normalize-tasks-options.d.ts

@@ -0,0 +1,3 @@
+import type { ExecutorContext } from '@nx/devkit';
+import type { ExecutorOptions, NormalizedExecutorOptions } from '../../../../utils/schema';
+export declare function normalizeTasksOptions(inputs: Record<string, ExecutorOptions>, context: ExecutorContext): Record<string, NormalizedExecutorOptions>;

package/src/executors/tsc/lib/batch/normalize-tasks-options.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeTasksOptions = void 0;
+const devkit_1 = require("@nx/devkit");
+const normalize_options_1 = require("../normalize-options");
+function normalizeTasksOptions(inputs, context) {
+    return Object.entries(inputs).reduce((tasksOptions, [taskName, options]) => {
+        const { project } = (0, devkit_1.parseTargetString)(taskName, context.projectGraph);
+        const { sourceRoot, root } = context.projectsConfigurations.projects[project];
+        tasksOptions[taskName] = (0, normalize_options_1.normalizeOptions)(options, context.root, sourceRoot, root);
+        return tasksOptions;
+    }, {});
+}
+exports.normalizeTasksOptions = normalizeTasksOptions;

package/src/executors/tsc/lib/batch/types.d.ts

@@ -0,0 +1,12 @@
+import type { ExecutorContext, ProjectGraphProjectNode } from '@nx/devkit';
+import type { CopyAssetsHandler } from '../../../../utils/assets/copy-assets-handler';
+import type { DependentBuildableProjectNode } from '../../../../utils/buildable-libs-utils';
+import type { NormalizedExecutorOptions } from '../../../../utils/schema';
+export interface TaskInfo {
+    task: string;
+    options: NormalizedExecutorOptions;
+    context: ExecutorContext;
+    assetsHandler: CopyAssetsHandler;
+    buildableProjectNodeDependencies: DependentBuildableProjectNode[];
+    projectGraphNode: ProjectGraphProjectNode;
+}

package/src/executors/tsc/lib/batch/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/executors/tsc/lib/batch/typescript-compilation.d.ts

@@ -0,0 +1,7 @@
+import type { TaskGraph } from '@nx/devkit';
+import type { BatchResults } from 'nx/src/tasks-runner/batch/batch-messages';
+import type { TaskInfo } from './types';
+export declare function compileBatchTypescript(tsConfigTaskInfoMap: Record<string, TaskInfo>, taskGraph: TaskGraph, watch: boolean, postProjectCompilationCallback: (taskInfo: TaskInfo) => void): {
+    iterator: AsyncIterable<BatchResults>;
+    close: () => void | Promise<void>;
+};

package/src/executors/tsc/lib/batch/typescript-compilation.js

@@ -0,0 +1,195 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.compileBatchTypescript = void 0;
+const devkit_1 = require("@nx/devkit");
+const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
+const ts = require("typescript");
+const get_custom_transformers_factory_1 = require("../get-custom-transformers-factory");
+const typescript_diagnostic_reporters_1 = require("./typescript-diagnostic-reporters");
+// https://github.com/microsoft/TypeScript/blob/d45012c5e2ab122919ee4777a7887307c5f4a1e0/src/compiler/diagnosticMessages.json#L4050-L4053
+// Typescript diagnostic message for 5083: Cannot read file '{0}'.
+const TYPESCRIPT_CANNOT_READ_FILE = 5083;
+// https://github.com/microsoft/TypeScript/blob/d45012c5e2ab122919ee4777a7887307c5f4a1e0/src/compiler/diagnosticMessages.json#L4211-4214
+// Typescript diagnostic message for 6032: File change detected. Starting incremental compilation...
+const TYPESCRIPT_FILE_CHANGE_DETECTED_STARTING_INCREMENTAL_COMPILATION = 6032;
+function compileBatchTypescript(tsConfigTaskInfoMap, taskGraph, watch, postProjectCompilationCallback) {
+    const timeNow = Date.now();
+    const defaultResults = Object.keys(taskGraph.tasks).reduce((acc, task) => {
+        acc[task] = { success: true, startTime: timeNow, terminalOutput: '' };
+        return acc;
+    }, {});
+    let tearDown;
+    return {
+        iterator: (0, async_iterable_1.createAsyncIterable)(({ next, done }) => {
+            if (watch) {
+                compileTSWithWatch(tsConfigTaskInfoMap, postProjectCompilationCallback);
+                tearDown = () => {
+                    done();
+                };
+            }
+            else {
+                const compilationResults = compileTS(tsConfigTaskInfoMap, postProjectCompilationCallback);
+                next(Object.assign(Object.assign({}, defaultResults), compilationResults));
+                done();
+            }
+        }),
+        close: () => tearDown === null || tearDown === void 0 ? void 0 : tearDown(),
+    };
+}
+exports.compileBatchTypescript = compileBatchTypescript;
+function compileTSWithWatch(tsConfigTaskInfoMap, postProjectCompilationCallback) {
+    const formatDiagnosticsHost = {
+        getCurrentDirectory: () => ts.sys.getCurrentDirectory(),
+        getNewLine: () => ts.sys.newLine,
+        getCanonicalFileName: (filename) => ts.sys.useCaseSensitiveFileNames ? filename : filename.toLowerCase(),
+    };
+    const solutionHost = ts.createSolutionBuilderWithWatchHost(ts.sys, 
+    /*createProgram*/ undefined, (diagnostic) => {
+        const formattedDiagnostic = (0, typescript_diagnostic_reporters_1.formatDiagnosticReport)(diagnostic, formatDiagnosticsHost);
+        devkit_1.logger.info(formattedDiagnostic);
+    }, (diagnostic) => {
+        const formattedDiagnostic = (0, typescript_diagnostic_reporters_1.formatSolutionBuilderStatusReport)(diagnostic);
+        devkit_1.logger.info(formattedDiagnostic);
+    }, (diagnostic, newLine) => {
+        const formattedDiagnostic = (0, typescript_diagnostic_reporters_1.formatWatchStatusReport)(diagnostic, newLine);
+        devkit_1.logger.info(formattedDiagnostic);
+        if (diagnostic.code ===
+            TYPESCRIPT_FILE_CHANGE_DETECTED_STARTING_INCREMENTAL_COMPILATION) {
+            // there's a change, build invalidated projects
+            build();
+        }
+    });
+    const rootNames = Object.keys(tsConfigTaskInfoMap);
+    const solutionBuilder = ts.createSolutionBuilderWithWatch(solutionHost, rootNames, {});
+    const build = () => {
+        while (true) {
+            const project = solutionBuilder.getNextInvalidatedProject();
+            if (!project) {
+                break;
+            }
+            const taskInfo = tsConfigTaskInfoMap[project.project];
+            if (project.kind === ts.InvalidatedProjectKind.UpdateOutputFileStamps) {
+                // update output timestamps and mark project as complete
+                project.done();
+                continue;
+            }
+            /**
+             * This only applies when the deprecated `prepend` option is set to `true`.
+             * Skip support.
+             */
+            if (project.kind === ts.InvalidatedProjectKind.UpdateBundle) {
+                devkit_1.logger.warn(`The project ${taskInfo.context.projectName} ` +
+                    `is using the deprecated "prepend" Typescript compiler option. ` +
+                    `This option is not supported by the batch executor and it's ignored.`);
+                continue;
+            }
+            // build and mark project as complete
+            project.done(undefined, undefined, (0, get_custom_transformers_factory_1.getCustomTrasformersFactory)(taskInfo.options.transformers)(project.getProgram()));
+            postProjectCompilationCallback(taskInfo);
+        }
+    };
+    // initial build
+    build();
+    /**
+     * This is a workaround to get the TS file watching to kick off. It won't
+     * build twice since the `build` call above will mark invalidated projects
+     * as completed and then, the implementation of the `solutionBuilder.build`
+     * skips them.
+     * We can't rely solely in `solutionBuilder.build()` because it doesn't
+     * accept custom transformers.
+     */
+    solutionBuilder.build();
+    return solutionHost;
+}
+function compileTS(tsConfigTaskInfoMap, postProjectCompilationCallback) {
+    var _a;
+    const results = {};
+    let terminalOutput;
+    const logInfo = (text) => {
+        devkit_1.logger.info(text);
+        terminalOutput += `${text}\n`;
+    };
+    const logWarn = (text) => {
+        devkit_1.logger.warn(text);
+        terminalOutput += `${text}\n`;
+    };
+    const formatDiagnosticsHost = {
+        getCurrentDirectory: () => ts.sys.getCurrentDirectory(),
+        getNewLine: () => ts.sys.newLine,
+        getCanonicalFileName: (filename) => ts.sys.useCaseSensitiveFileNames ? filename : filename.toLowerCase(),
+    };
+    const solutionBuilderHost = ts.createSolutionBuilderHost(ts.sys, 
+    /*createProgram*/ undefined, (diagnostic) => {
+        const formattedDiagnostic = (0, typescript_diagnostic_reporters_1.formatDiagnosticReport)(diagnostic, formatDiagnosticsHost);
+        // handles edge case where a wrong a project reference path can't be read
+        if (diagnostic.code === TYPESCRIPT_CANNOT_READ_FILE) {
+            Object.values(tsConfigTaskInfoMap).forEach((taskInfo) => {
+                var _a, _b;
+                var _c;
+                (_a = results[_c = taskInfo.task]) !== null && _a !== void 0 ? _a : (results[_c] = { success: false, terminalOutput: '' });
+                results[taskInfo.task].success = false;
+                results[taskInfo.task].terminalOutput = `${(_b = results[taskInfo.task]) === null || _b === void 0 ? void 0 : _b.terminalOutput}${formattedDiagnostic}`;
+            });
+        }
+        logInfo(formattedDiagnostic);
+    }, (diagnostic) => {
+        const formattedDiagnostic = (0, typescript_diagnostic_reporters_1.formatSolutionBuilderStatusReport)(diagnostic);
+        logInfo(formattedDiagnostic);
+    });
+    const rootNames = Object.keys(tsConfigTaskInfoMap);
+    const solutionBuilder = ts.createSolutionBuilder(solutionBuilderHost, rootNames, {});
+    // eslint-disable-next-line no-constant-condition
+    while (true) {
+        const project = solutionBuilder.getNextInvalidatedProject();
+        if (!project) {
+            break;
+        }
+        const startTime = Date.now();
+        terminalOutput = '';
+        const taskInfo = tsConfigTaskInfoMap[project.project];
+        const projectName = (_a = taskInfo === null || taskInfo === void 0 ? void 0 : taskInfo.context) === null || _a === void 0 ? void 0 : _a.projectName;
+        if (project.kind === ts.InvalidatedProjectKind.UpdateOutputFileStamps) {
+            if (projectName) {
+                logInfo(`Updating output timestamps of project "${projectName}"...`);
+            }
+            // update output timestamps and mark project as complete
+            const status = project.done();
+            if (projectName && status === ts.ExitStatus.Success) {
+                logInfo(`Done updating output timestamps of project "${projectName}"...`);
+            }
+            if (taskInfo) {
+                results[taskInfo.task] = {
+                    success: status === ts.ExitStatus.Success,
+                    terminalOutput,
+                    startTime,
+                    endTime: Date.now(),
+                };
+            }
+            continue;
+        }
+        /**
+         * This only applies when the deprecated `prepend` option is set to `true`.
+         * Skip support.
+         */
+        if (project.kind === ts.InvalidatedProjectKind.UpdateBundle) {
+            logWarn(`The project ${taskInfo.context.projectName} ` +
+                `is using the deprecated "prepend" Typescript compiler option. ` +
+                `This option is not supported by the batch executor and it's ignored.`);
+            continue;
+        }
+        logInfo(`Compiling TypeScript files for project "${projectName}"...`);
+        // build and mark project as complete
+        const status = project.done(undefined, undefined, (0, get_custom_transformers_factory_1.getCustomTrasformersFactory)(taskInfo.options.transformers)(project.getProgram()));
+        postProjectCompilationCallback(taskInfo);
+        if (status === ts.ExitStatus.Success) {
+            logInfo(`Done compiling TypeScript files for project "${projectName}".`);
+        }
+        results[taskInfo.task] = {
+            success: status === ts.ExitStatus.Success,
+            terminalOutput,
+            startTime,
+            endTime: Date.now(),
+        };
+    }
+    return results;
+}

package/src/executors/tsc/lib/batch/typescript-diagnostic-reporters.d.ts

@@ -0,0 +1,4 @@
+import * as ts from 'typescript';
+export declare function formatDiagnosticReport(diagnostic: ts.Diagnostic, host: ts.FormatDiagnosticsHost): string;
+export declare function formatSolutionBuilderStatusReport(diagnostic: ts.Diagnostic): string;
+export declare function formatWatchStatusReport(diagnostic: ts.Diagnostic, newLine: string): string;

package/src/executors/tsc/lib/batch/typescript-diagnostic-reporters.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatWatchStatusReport = exports.formatSolutionBuilderStatusReport = exports.formatDiagnosticReport = void 0;
+const ts = require("typescript");
+// adapted from TS default diagnostic reporter
+function formatDiagnosticReport(diagnostic, host) {
+    const diagnostics = new Array(1);
+    diagnostics[0] = diagnostic;
+    const formattedDiagnostic = '\n' +
+        ts.formatDiagnosticsWithColorAndContext(diagnostics, host) +
+        host.getNewLine();
+    diagnostics[0] = undefined;
+    return formattedDiagnostic;
+}
+exports.formatDiagnosticReport = formatDiagnosticReport;
+// adapted from TS default solution builder status reporter
+function formatSolutionBuilderStatusReport(diagnostic) {
+    let formattedDiagnostic = `[${formatColorAndReset(getLocaleTimeString(), ForegroundColorEscapeSequences.Grey)}] `;
+    formattedDiagnostic += `${ts.flattenDiagnosticMessageText(diagnostic.messageText, ts.sys.newLine)}${ts.sys.newLine + ts.sys.newLine}`;
+    return formattedDiagnostic;
+}
+exports.formatSolutionBuilderStatusReport = formatSolutionBuilderStatusReport;
+// adapted from TS default watch status reporter
+function formatWatchStatusReport(diagnostic, newLine) {
+    let output = `[${formatColorAndReset(getLocaleTimeString(), ForegroundColorEscapeSequences.Grey)}] `;
+    output += `${ts.flattenDiagnosticMessageText(diagnostic.messageText, ts.sys.newLine)}${newLine + newLine}`;
+    return output;
+}
+exports.formatWatchStatusReport = formatWatchStatusReport;
+function formatColorAndReset(text, formatStyle) {
+    const resetEscapeSequence = '\u001b[0m';
+    return formatStyle + text + resetEscapeSequence;
+}
+function getLocaleTimeString() {
+    return new Date().toLocaleTimeString();
+}
+var ForegroundColorEscapeSequences;
+(function (ForegroundColorEscapeSequences) {
+    ForegroundColorEscapeSequences["Grey"] = "\u001B[90m";
+    ForegroundColorEscapeSequences["Red"] = "\u001B[91m";
+    ForegroundColorEscapeSequences["Yellow"] = "\u001B[93m";
+    ForegroundColorEscapeSequences["Blue"] = "\u001B[94m";
+    ForegroundColorEscapeSequences["Cyan"] = "\u001B[96m";
+})(ForegroundColorEscapeSequences || (ForegroundColorEscapeSequences = {}));

package/src/executors/tsc/lib/batch/watch.d.ts

@@ -0,0 +1,3 @@
+import type { TaskInfo } from './types';
+export declare function watchTaskProjectsPackageJsonFileChanges(taskInfos: TaskInfo[], callback: (changedTaskInfos: TaskInfo[]) => void): Promise<() => void>;
+export declare function watchTaskProjectsFileChangesForAssets(taskInfos: TaskInfo[]): Promise<() => void>;