@analogjs/vite-plugin-angular 3.0.0-alpha.9 → 3.0.0-alpha.90

package/src/lib/angular-vitest-plugin.js

@@ -1,12 +1,18 @@
 import { getJsTransformConfigKey, isRolldown } from "./utils/rolldown.js";
 import * as vite from "vite";
 //#region packages/vite-plugin-angular/src/lib/angular-vitest-plugin.ts
+var vitestAngularSetupEntries = [
+	"@analogjs/vitest-angular/setup-testbed",
+	"@analogjs/vitest-angular/setup-zone",
+	"@analogjs/vitest-angular/setup-snapshots",
+	"@analogjs/vitest-angular/setup-serializers"
+];
 /**
 * Sets up test config for Vitest and downlevels Angular FESM bundles and
 * `@angular/cdk` from modern async/await to ES2016 so that Zone.js can
 * intercept promises during `fakeAsync` tests.
 *
-* Under Vite 8+ (Rolldown) the OXC transformer is used.
+* Under Vite 8+ (Rolldown) downleveling is not needed.
 * Under Vite ≤7, esbuild handles the downlevel.
 */
 function angularVitestPlugin() {
@@ -15,30 +21,27 @@ function angularVitestPlugin() {
 		apply: "serve",
 		enforce: "post",
 		config(userConfig) {
+			const browserEnabled = userConfig.test?.browser?.enabled;
 			return {
-				optimizeDeps: { include: ["tslib"] },
+				optimizeDeps: { include: [
+					"tslib",
+					"@angular/core",
+					"@angular/core/testing",
+					"@angular/platform-browser/testing"
+				] },
 				ssr: { noExternal: [
-					"@analogjs/vitest-angular/setup-testbed",
+					...vitestAngularSetupEntries,
 					/fesm2022(.*?)testing/,
 					/fesm2015/
 				] },
-				test: { pool: userConfig.test?.pool ?? "vmThreads" }
+				...browserEnabled ? {} : { test: { pool: userConfig.test?.pool ?? "vmThreads" } }
 			};
 		},
 		transform: {
 			filter: { id: /fesm2022|@angular\/cdk/ },
 			async handler(_code, id) {
-				if (/fesm2022/.test(id) && _code.includes("async ") || _code.includes("@angular/cdk")) if (isRolldown()) {
-					const { code, map } = await vite.transformWithOxc(_code, id, {
-						lang: "js",
-						target: "es2016",
-						sourcemap: true
-					});
-					return {
-						code,
-						map
-					};
-				} else {
+				if (/fesm2022/.test(id) && _code.includes("async ") || _code.includes("@angular/cdk")) {
+					if (isRolldown()) return;
 					const { code, map } = await vite.transformWithEsbuild(_code, id, {
 						loader: "js",
 						format: "esm",
@@ -72,31 +75,37 @@ function angularVitestEsbuildPlugin() {
 	};
 }
 /**
-* Post-processes `.ts` files with the JS transformer (esbuild / OXC) to
-* re-align sourcemaps so breakpoints and coverage reports work correctly.
+* Post-processing pass that converts any `.ts` files Angular's compilation
+* skipped (e.g. files without Angular decorators when
+* `angularCompilationPlugin()` is used) into runnable JS via esbuild/OXC.
 *
-* Inline style/template virtual modules (`?inline`) are excluded because
-* they are already handled by the Angular compiler.
+* Files Angular already compiled have a sourcemap available via
+* `getInMap` — we skip those here to avoid breaking the chain Vite is
+* already wiring up. Re-running OXC over already-compiled JS produces a
+* map relative to the TS-emitted JS, not the original .ts source, and
+* OXC's `inMap` parameter does not chain through the way esbuild's inline
+* `//# sourceMappingURL=` auto-detection does.
 */
-function angularVitestSourcemapPlugin() {
+function angularVitestSourcemapPlugin(getInMap) {
 	return {
 		name: "@analogjs/vitest-angular-sourcemap-plugin",
 		transform: {
 			filter: { id: /\.ts(?:\?|$)/ },
 			async handler(code, id) {
-				const [, query] = id.split("?");
+				const [bareId, query] = id.split("?");
 				if (query && query.includes("inline")) return;
-				if (isRolldown()) return await vite.transformWithOxc(code, id, { lang: "js" });
-				else return await vite.transformWithEsbuild(code, id, { loader: "js" });
+				if (getInMap?.(bareId)) return;
+				if (isRolldown() && vite.transformWithOxc) return await vite.transformWithOxc(code, id, { lang: /\.tsx(\?|$)/.test(bareId) ? "tsx" : "ts" });
+				else return await vite.transformWithEsbuild(code, id, { loader: "ts" });
 			}
 		}
 	};
 }
-function angularVitestPlugins() {
+function angularVitestPlugins(getInMap) {
 	return [
 		angularVitestPlugin(),
 		angularVitestEsbuildPlugin(),
-		angularVitestSourcemapPlugin()
+		angularVitestSourcemapPlugin(getInMap)
 	];
 }
 //#endregion

package/src/lib/angular-vitest-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"angular-vitest-plugin.js","names":[],"sources":["../../../../../packages/vite-plugin-angular/src/lib/angular-vitest-plugin.ts"],"sourcesContent":["import type { Plugin, TransformResult, UserConfig } from 'vite';\n// Use the namespace import so these runtime helpers still resolve on Vite 6,\n// which does not expose them as named exports.\nimport * as vite from 'vite';\nimport { getJsTransformConfigKey, isRolldown } from './utils/rolldown.js';\n\n/**\n * Sets up test config for Vitest and downlevels Angular FESM bundles and\n * `@angular/cdk` from modern async/await to ES2016 so that Zone.js can\n * intercept promises during `fakeAsync` tests.\n *\n * Under Vite 8+ (Rolldown) the OXC transformer is used.\n * Under Vite ≤7, esbuild handles the downlevel.\n */\nexport function angularVitestPlugin(): Plugin {\n  return {\n    name: '@analogjs/vitest-angular-esm-plugin',\n    apply: 'serve',\n    enforce: 'post',\n    config(userConfig) {\n      return {\n        optimizeDeps: {\n          include: ['tslib'],\n        },\n        ssr: {\n          noExternal: [\n            '@analogjs/vitest-angular/setup-testbed',\n            /fesm2022(.*?)testing/,\n            /fesm2015/,\n          ],\n        },\n        test: {\n          pool: (userConfig as any).test?.pool ?? 'vmThreads',\n        },\n      };\n    },\n    // Filter by module ID so only Angular FESM2022 bundles and CDK enter\n    // the handler.  The inner guards add a secondary code-content check\n    // (`async` keyword) for fesm2022 to avoid needless transforms.\n    transform: {\n      filter: {\n        id: /fesm2022|@angular\\/cdk/,\n      },\n      async handler(_code, id) {\n        if (\n          (/fesm2022/.test(id) && _code.includes('async ')) ||\n          _code.includes('@angular/cdk')\n        ) {\n          if (isRolldown()) {\n            const { code, map } = await vite.transformWithOxc(_code, id, {\n              lang: 'js',\n              target: 'es2016',\n              sourcemap: true,\n            });\n\n            return {\n              code,\n              map,\n            };\n          } else {\n            const { code, map } = await vite.transformWithEsbuild(_code, id, {\n              loader: 'js',\n              format: 'esm',\n              target: 'es2016',\n              sourcemap: true,\n              sourcefile: id,\n            });\n\n            return {\n              code,\n              map,\n            };\n          }\n        }\n\n        return undefined;\n      },\n    },\n  };\n}\n\n/**\n * Eagerly disables the built-in JS transformer (esbuild on Vite ≤7, OXC on\n * Vite 8+) so Vitest's internal plugin doesn't race with the Angular\n * compiler.  Must run at `enforce: 'pre'` to take effect before Vitest\n * reads the resolved config.\n */\nexport function angularVitestEsbuildPlugin(): Plugin {\n  return {\n    name: '@analogjs/vitest-angular-esbuild-oxc-plugin',\n    enforce: 'pre',\n    config(userConfig: UserConfig) {\n      const jsTransformConfigKey = getJsTransformConfigKey();\n\n      return {\n        [jsTransformConfigKey]:\n          jsTransformConfigKey === 'oxc'\n            ? (userConfig.oxc ?? false)\n            : (userConfig.esbuild ?? false),\n      };\n    },\n  };\n}\n\n/**\n * Post-processes `.ts` files with the JS transformer (esbuild / OXC) to\n * re-align sourcemaps so breakpoints and coverage reports work correctly.\n *\n * Inline style/template virtual modules (`?inline`) are excluded because\n * they are already handled by the Angular compiler.\n */\nexport function angularVitestSourcemapPlugin(): Plugin {\n  return {\n    name: '@analogjs/vitest-angular-sourcemap-plugin',\n    transform: {\n      filter: {\n        // Match `.ts` at the end of the path OR before a `?` query string.\n        // Vite/Vitest appends query params for virtual modules (e.g.\n        // `component.ts?inline`), so a plain `$` anchor would reject them\n        // and leave sourcemaps misaligned — causing Angular TestBed teardown\n        // crashes (`_doc` undefined in `removeAllRootElements`).\n        // The negative lookahead `(?!x)` prevents matching `.tsx` or `.d.ts`.\n        id: /\\.ts(?:\\?|$)/,\n      },\n      async handler(code: string, id: string) {\n        const [, query] = id.split('?');\n\n        if (query && query.includes('inline')) {\n          return;\n        }\n\n        if (isRolldown()) {\n          const result = await vite.transformWithOxc(code, id, {\n            lang: 'js',\n          });\n\n          return result as unknown as TransformResult;\n        } else {\n          const result = await vite.transformWithEsbuild(code, id, {\n            loader: 'js',\n          });\n\n          return result;\n        }\n      },\n    },\n  };\n}\n\nexport function angularVitestPlugins(): Plugin[] {\n  return [\n    angularVitestPlugin(),\n    angularVitestEsbuildPlugin(),\n    angularVitestSourcemapPlugin(),\n  ];\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,sBAA8B;AAC5C,QAAO;EACL,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO,YAAY;AACjB,UAAO;IACL,cAAc,EACZ,SAAS,CAAC,QAAQ,EACnB;IACD,KAAK,EACH,YAAY;KACV;KACA;KACA;KACD,EACF;IACD,MAAM,EACJ,MAAO,WAAmB,MAAM,QAAQ,aACzC;IACF;;EAKH,WAAW;GACT,QAAQ,EACN,IAAI,0BACL;GACD,MAAM,QAAQ,OAAO,IAAI;AACvB,QACG,WAAW,KAAK,GAAG,IAAI,MAAM,SAAS,SAAS,IAChD,MAAM,SAAS,eAAe,CAE9B,KAAI,YAAY,EAAE;KAChB,MAAM,EAAE,MAAM,QAAQ,MAAM,KAAK,iBAAiB,OAAO,IAAI;MAC3D,MAAM;MACN,QAAQ;MACR,WAAW;MACZ,CAAC;AAEF,YAAO;MACL;MACA;MACD;WACI;KACL,MAAM,EAAE,MAAM,QAAQ,MAAM,KAAK,qBAAqB,OAAO,IAAI;MAC/D,QAAQ;MACR,QAAQ;MACR,QAAQ;MACR,WAAW;MACX,YAAY;MACb,CAAC;AAEF,YAAO;MACL;MACA;MACD;;;GAMR;EACF;;;;;;;;AASH,SAAgB,6BAAqC;AACnD,QAAO;EACL,MAAM;EACN,SAAS;EACT,OAAO,YAAwB;GAC7B,MAAM,uBAAuB,yBAAyB;AAEtD,UAAO,GACJ,uBACC,yBAAyB,QACpB,WAAW,OAAO,QAClB,WAAW,WAAW,OAC9B;;EAEJ;;;;;;;;;AAUH,SAAgB,+BAAuC;AACrD,QAAO;EACL,MAAM;EACN,WAAW;GACT,QAAQ,EAON,IAAI,gBACL;GACD,MAAM,QAAQ,MAAc,IAAY;IACtC,MAAM,GAAG,SAAS,GAAG,MAAM,IAAI;AAE/B,QAAI,SAAS,MAAM,SAAS,SAAS,CACnC;AAGF,QAAI,YAAY,CAKd,QAJe,MAAM,KAAK,iBAAiB,MAAM,IAAI,EACnD,MAAM,MACP,CAAC;QAQF,QAJe,MAAM,KAAK,qBAAqB,MAAM,IAAI,EACvD,QAAQ,MACT,CAAC;;GAKP;EACF;;AAGH,SAAgB,uBAAiC;AAC/C,QAAO;EACL,qBAAqB;EACrB,4BAA4B;EAC5B,8BAA8B;EAC/B"}
+{"version":3,"file":"angular-vitest-plugin.js","names":[],"sources":["../../../src/lib/angular-vitest-plugin.ts"],"sourcesContent":["import type { Plugin, TransformResult, UserConfig } from 'vite';\n// Use the namespace import so these runtime helpers still resolve on Vite 6,\n// which does not expose them as named exports.\nimport * as vite from 'vite';\nimport { getJsTransformConfigKey, isRolldown } from './utils/rolldown.js';\n\nconst vitestAngularSetupEntries = [\n  '@analogjs/vitest-angular/setup-testbed',\n  '@analogjs/vitest-angular/setup-zone',\n  '@analogjs/vitest-angular/setup-snapshots',\n  '@analogjs/vitest-angular/setup-serializers',\n];\n\n/**\n * Sets up test config for Vitest and downlevels Angular FESM bundles and\n * `@angular/cdk` from modern async/await to ES2016 so that Zone.js can\n * intercept promises during `fakeAsync` tests.\n *\n * Under Vite 8+ (Rolldown) downleveling is not needed.\n * Under Vite ≤7, esbuild handles the downlevel.\n */\nexport function angularVitestPlugin(): Plugin {\n  return {\n    name: '@analogjs/vitest-angular-esm-plugin',\n    apply: 'serve',\n    enforce: 'post',\n    config(userConfig) {\n      // The `vmThreads` pool default only applies to the Node/JSDOM runner.\n      // In Vitest browser mode a Node pool is a no-op for execution, but it\n      // still poisons isolation: `isolate` has no effect under VM pools\n      // (https://vitest.dev/config/isolate), and since Vitest 4.0.7 browser\n      // isolation inherits that resolution — so forcing `vmThreads` disables\n      // per-file isolation and leaks global state (e.g. fake timers) between\n      // spec files. Leave the pool untouched when browser mode is enabled.\n      const browserEnabled = (userConfig as any).test?.browser?.enabled;\n\n      return {\n        optimizeDeps: {\n          include: [\n            'tslib',\n            '@angular/core',\n            '@angular/core/testing',\n            '@angular/platform-browser/testing',\n          ],\n        },\n        ssr: {\n          noExternal: [\n            ...vitestAngularSetupEntries,\n            /fesm2022(.*?)testing/,\n            /fesm2015/,\n          ],\n        },\n        ...(browserEnabled\n          ? {}\n          : {\n              test: {\n                pool: (userConfig as any).test?.pool ?? 'vmThreads',\n              },\n            }),\n      };\n    },\n    // Filter by module ID so only Angular FESM2022 bundles and CDK enter\n    // the handler.  The inner guards add a secondary code-content check\n    // (`async` keyword) for fesm2022 to avoid needless transforms.\n    transform: {\n      filter: {\n        id: /fesm2022|@angular\\/cdk/,\n      },\n      async handler(_code, id) {\n        if (\n          (/fesm2022/.test(id) && _code.includes('async ')) ||\n          _code.includes('@angular/cdk')\n        ) {\n          if (isRolldown()) {\n            return undefined;\n          }\n\n          const { code, map } = await vite.transformWithEsbuild(_code, id, {\n            loader: 'js',\n            format: 'esm',\n            target: 'es2016',\n            sourcemap: true,\n            sourcefile: id,\n          });\n\n          return {\n            code,\n            map,\n          };\n        }\n\n        return undefined;\n      },\n    },\n  };\n}\n\n/**\n * Eagerly disables the built-in JS transformer (esbuild on Vite ≤7, OXC on\n * Vite 8+) so Vitest's internal plugin doesn't race with the Angular\n * compiler.  Must run at `enforce: 'pre'` to take effect before Vitest\n * reads the resolved config.\n */\nexport function angularVitestEsbuildPlugin(): Plugin {\n  return {\n    name: '@analogjs/vitest-angular-esbuild-oxc-plugin',\n    enforce: 'pre',\n    config(userConfig: UserConfig) {\n      const jsTransformConfigKey = getJsTransformConfigKey();\n\n      return {\n        [jsTransformConfigKey]:\n          jsTransformConfigKey === 'oxc'\n            ? (userConfig.oxc ?? false)\n            : (userConfig.esbuild ?? false),\n      };\n    },\n  };\n}\n\n/**\n * Post-processing pass that converts any `.ts` files Angular's compilation\n * skipped (e.g. files without Angular decorators when\n * `angularCompilationPlugin()` is used) into runnable JS via esbuild/OXC.\n *\n * Files Angular already compiled have a sourcemap available via\n * `getInMap` — we skip those here to avoid breaking the chain Vite is\n * already wiring up. Re-running OXC over already-compiled JS produces a\n * map relative to the TS-emitted JS, not the original .ts source, and\n * OXC's `inMap` parameter does not chain through the way esbuild's inline\n * `//# sourceMappingURL=` auto-detection does.\n */\nexport function angularVitestSourcemapPlugin(\n  getInMap?: (id: string) => string | undefined,\n): Plugin {\n  return {\n    name: '@analogjs/vitest-angular-sourcemap-plugin',\n    transform: {\n      filter: {\n        // Match `.ts` at the end of the path OR before a `?` query string.\n        // Vite/Vitest appends query params for virtual modules (e.g.\n        // `component.ts?inline`), so a plain `$` anchor would reject them\n        // and leave sourcemaps misaligned — causing Angular TestBed teardown\n        // crashes (`_doc` undefined in `removeAllRootElements`).\n        // The negative lookahead `(?!x)` prevents matching `.tsx` or `.d.ts`.\n        id: /\\.ts(?:\\?|$)/,\n      },\n      async handler(code: string, id: string) {\n        const [bareId, query] = id.split('?');\n\n        if (query && query.includes('inline')) {\n          return;\n        }\n\n        if (getInMap?.(bareId)) {\n          return;\n        }\n\n        // Keep this in step with `getJsTransformConfigKey()`, which picks the\n        // `oxc`/`esbuild` config key off the same signal. Vite 8 ships\n        // `transformWithOxc` even on the esbuild path, so feature detection\n        // alone would transform with OXC under an `esbuild` config key.\n        if (isRolldown() && vite.transformWithOxc) {\n          const result = await vite.transformWithOxc(code, id, {\n            lang: /\\.tsx(\\?|$)/.test(bareId) ? 'tsx' : 'ts',\n          });\n          return result as unknown as vite.TransformResult;\n        } else {\n          const result = await vite.transformWithEsbuild(code, id, {\n            loader: 'ts',\n          });\n          return result;\n        }\n      },\n    },\n  };\n}\n\nexport function angularVitestPlugins(\n  getInMap?: (id: string) => string | undefined,\n): Plugin[] {\n  return [\n    angularVitestPlugin(),\n    angularVitestEsbuildPlugin(),\n    angularVitestSourcemapPlugin(getInMap),\n  ];\n}\n"],"mappings":";;;AAMA,IAAM,4BAA4B;CAChC;CACA;CACA;CACA;CACD;;;;;;;;;AAUD,SAAgB,sBAA8B;AAC5C,QAAO;EACL,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO,YAAY;GAQjB,MAAM,iBAAkB,WAAmB,MAAM,SAAS;AAE1D,UAAO;IACL,cAAc,EACZ,SAAS;KACP;KACA;KACA;KACA;KACD,EACF;IACD,KAAK,EACH,YAAY;KACV,GAAG;KACH;KACA;KACD,EACF;IACD,GAAI,iBACA,EAAE,GACF,EACE,MAAM,EACJ,MAAO,WAAmB,MAAM,QAAQ,aACzC,EACF;IACN;;EAKH,WAAW;GACT,QAAQ,EACN,IAAI,0BACL;GACD,MAAM,QAAQ,OAAO,IAAI;AACvB,QACG,WAAW,KAAK,GAAG,IAAI,MAAM,SAAS,SAAS,IAChD,MAAM,SAAS,eAAe,EAC9B;AACA,SAAI,YAAY,CACd;KAGF,MAAM,EAAE,MAAM,QAAQ,MAAM,KAAK,qBAAqB,OAAO,IAAI;MAC/D,QAAQ;MACR,QAAQ;MACR,QAAQ;MACR,WAAW;MACX,YAAY;MACb,CAAC;AAEF,YAAO;MACL;MACA;MACD;;;GAKN;EACF;;;;;;;;AASH,SAAgB,6BAAqC;AACnD,QAAO;EACL,MAAM;EACN,SAAS;EACT,OAAO,YAAwB;GAC7B,MAAM,uBAAuB,yBAAyB;AAEtD,UAAO,GACJ,uBACC,yBAAyB,QACpB,WAAW,OAAO,QAClB,WAAW,WAAW,OAC9B;;EAEJ;;;;;;;;;;;;;;AAeH,SAAgB,6BACd,UACQ;AACR,QAAO;EACL,MAAM;EACN,WAAW;GACT,QAAQ,EAON,IAAI,gBACL;GACD,MAAM,QAAQ,MAAc,IAAY;IACtC,MAAM,CAAC,QAAQ,SAAS,GAAG,MAAM,IAAI;AAErC,QAAI,SAAS,MAAM,SAAS,SAAS,CACnC;AAGF,QAAI,WAAW,OAAO,CACpB;AAOF,QAAI,YAAY,IAAI,KAAK,iBAIvB,QAHe,MAAM,KAAK,iBAAiB,MAAM,IAAI,EACnD,MAAM,cAAc,KAAK,OAAO,GAAG,QAAQ,MAC5C,CAAC;QAMF,QAHe,MAAM,KAAK,qBAAqB,MAAM,IAAI,EACvD,QAAQ,MACT,CAAC;;GAIP;EACF;;AAGH,SAAgB,qBACd,UACU;AACV,QAAO;EACL,qBAAqB;EACrB,4BAA4B;EAC5B,6BAA6B,SAAS;EACvC"}

package/src/lib/compilation-api/compilation-api-plugin.d.ts

@@ -0,0 +1,24 @@
+import { Plugin } from "vite";
+import { type DebugOption } from "../utils/debug.js";
+import { type FileReplacement } from "../plugins/file-replacements.plugin.js";
+/**
+* @experimental The Angular Compilation API plugin may change in future releases.
+*/
+export interface AngularCompilationPluginOptions {
+	tsconfig?: string | (() => string);
+	workspaceRoot?: string;
+	inlineStylesExtension?: string;
+	jit?: boolean;
+	liveReload?: boolean;
+	disableTypeChecking?: boolean;
+	supportedBrowsers?: string[];
+	fileReplacements?: FileReplacement[];
+	include?: string[];
+	debug?: DebugOption;
+}
+/**
+* Compiles Angular applications using Angular's private Compilation API.
+*
+* @experimental This plugin may change in future releases.
+*/
+export declare function angularCompilationPlugin(options?: AngularCompilationPluginOptions): Plugin[];