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

package/src/lib/angular-build-optimizer-plugin.js

@@ -1,49 +1,84 @@
-import { jt } from "./utils/devkit.js";
-import { getJsTransformConfigKey } from "./utils/rolldown.js";
+import { JavaScriptTransformer } from "./utils/devkit.js";
+import { isProdMode } from "./utils/plugin-config.js";
 //#region packages/vite-plugin-angular/src/lib/angular-build-optimizer-plugin.ts
 function buildOptimizerPlugin({ jit }) {
-	const javascriptTransformer = new jt({
-		sourcemap: false,
-		thirdPartySourcemaps: false,
-		advancedOptimizations: true,
-		jit: true
-	}, 1);
+	const transformers = /* @__PURE__ */ new Map();
 	let isProd = false;
+	let isWatch = false;
+	let preserveVendorMaps = false;
+	function getTransformer(envName = "default") {
+		let transformer = transformers.get(envName);
+		if (!transformer) {
+			transformer = new JavaScriptTransformer({
+				sourcemap: preserveVendorMaps,
+				thirdPartySourcemaps: preserveVendorMaps,
+				advancedOptimizations: isProd,
+				jit: true
+			}, 1);
+			transformers.set(envName, transformer);
+		}
+		return transformer;
+	}
 	return {
 		name: "@analogjs/vite-plugin-angular-optimizer",
-		apply: "build",
+		apply(_config, env) {
+			return env.command === "build" || process.env.NODE_ENV === "production";
+		},
 		config(userConfig) {
-			isProd = userConfig.mode === "production" || process.env.NODE_ENV === "production";
-			const jsTransformConfigKey = getJsTransformConfigKey();
-			return {
-				define: isProd ? {
-					ngJitMode: "false",
-					ngI18nClosureMode: "false",
-					ngDevMode: "false",
-					ngServerMode: `${!!userConfig.build?.ssr}`
-				} : {},
-				[jsTransformConfigKey]: { define: isProd ? {
-					ngDevMode: "false",
-					ngJitMode: "false",
-					ngI18nClosureMode: "false",
-					ngServerMode: `${!!userConfig.build?.ssr}`
-				} : void 0 }
-			};
+			isProd = isProdMode(userConfig.mode);
+			return { define: isProd ? {
+				ngJitMode: "false",
+				ngI18nClosureMode: "false",
+				ngDevMode: "false",
+				ngServerMode: `${!!userConfig.build?.ssr}`
+			} : {} };
+		},
+		configEnvironment(_name, config) {
+			if (isProd && config.consumer === "server") return { define: { ngServerMode: "true" } };
+		},
+		configResolved(config) {
+			preserveVendorMaps = !!config.build.sourcemap;
+			isWatch = config.command === "serve" || !!config.build?.watch;
 		},
 		transform: {
-			filter: { id: /\.[cm]?js$/ },
+			filter: { id: /\.[cm]?js(?:\?|$)/ },
 			async handler(code, id) {
-				if (!/fesm20/.test(id)) return {
-					code: isProd ? code.replace(/^\/\/# sourceMappingURL=[^\r\n]*/gm, "") : code,
+				const cleanId = id.split("?")[0];
+				if (!/fesm20/.test(cleanId)) return {
+					code: isProd && !preserveVendorMaps ? code.replace(/^\/\/# sourceMappingURL=[^\r\n]*/gm, "") : code,
+					map: preserveVendorMaps ? null : { mappings: "" }
+				};
+				const sideEffects = jit && cleanId.includes("@angular/compiler") ? true : false;
+				const result = await getTransformer(this.environment?.name ?? "default").transformData(cleanId, code, false, sideEffects);
+				const transformed = Buffer.from(result).toString();
+				return preserveVendorMaps ? extractInlineSourceMap(transformed, cleanId) : {
+					code: transformed,
 					map: { mappings: "" }
 				};
-				const sideEffects = jit && id.includes("@angular/compiler") ? true : false;
-				const result = await javascriptTransformer.transformData(id, code, false, sideEffects);
-				return { code: Buffer.from(result).toString() };
+			}
+		},
+		async closeBundle() {
+			if (isWatch) return;
+			const envName = this.environment?.name ?? "default";
+			const transformer = transformers.get(envName);
+			if (transformer) {
+				transformers.delete(envName);
+				await transformer.close();
 			}
 		}
 	};
 }
+function extractInlineSourceMap(code, id) {
+	const sourceMapMatch = code.match(/\n?\/\/# sourceMappingURL=data:application\/json(?:;charset=[^;,]+)?;base64,([A-Za-z0-9+/=]+)\s*$/);
+	if (!sourceMapMatch || sourceMapMatch.index === void 0) return {
+		code,
+		map: null
+	};
+	return {
+		code: code.slice(0, sourceMapMatch.index),
+		map: Buffer.from(sourceMapMatch[1], "base64").toString()
+	};
+}
 //#endregion
 export { buildOptimizerPlugin };
 

package/src/lib/angular-build-optimizer-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"angular-build-optimizer-plugin.js","names":[],"sources":["../../../../../packages/vite-plugin-angular/src/lib/angular-build-optimizer-plugin.ts"],"sourcesContent":["import type { Plugin, UserConfig } from 'vite';\nimport { JavaScriptTransformer } from './utils/devkit.js';\nimport { getJsTransformConfigKey } from './utils/rolldown.js';\n\nexport function buildOptimizerPlugin({\n  jit,\n}: {\n  supportedBrowsers: string[];\n  jit: boolean;\n}): Plugin {\n  const javascriptTransformer = new JavaScriptTransformer(\n    {\n      sourcemap: false,\n      thirdPartySourcemaps: false,\n      advancedOptimizations: true,\n      jit: true,\n    },\n    1,\n  );\n  let isProd = false;\n\n  return {\n    name: '@analogjs/vite-plugin-angular-optimizer',\n    apply: 'build',\n    config(userConfig) {\n      isProd =\n        userConfig.mode === 'production' ||\n        process.env['NODE_ENV'] === 'production';\n      const jsTransformConfigKey = getJsTransformConfigKey();\n\n      return {\n        define: isProd\n          ? {\n              ngJitMode: 'false',\n              ngI18nClosureMode: 'false',\n              ngDevMode: 'false',\n              ngServerMode: `${!!userConfig.build?.ssr}`,\n            }\n          : {},\n        [jsTransformConfigKey]: {\n          define: isProd\n            ? {\n                ngDevMode: 'false',\n                ngJitMode: 'false',\n                ngI18nClosureMode: 'false',\n                ngServerMode: `${!!userConfig.build?.ssr}`,\n              }\n            : undefined,\n        },\n      } as UserConfig;\n    },\n    transform: {\n      filter: {\n        id: /\\.[cm]?js$/,\n      },\n      async handler(code, id) {\n        const angularPackage = /fesm20/.test(id);\n\n        if (!angularPackage) {\n          return {\n            code: isProd\n              ? code.replace(/^\\/\\/# sourceMappingURL=[^\\r\\n]*/gm, '')\n              : code,\n            map: {\n              mappings: '',\n            },\n          };\n        }\n\n        const sideEffects =\n          jit && id.includes('@angular/compiler') ? true : false;\n        const result: Uint8Array = await javascriptTransformer.transformData(\n          id,\n          code,\n          false,\n          sideEffects,\n        );\n\n        return {\n          code: Buffer.from(result).toString(),\n        };\n      },\n    },\n  };\n}\n"],"mappings":";;;AAIA,SAAgB,qBAAqB,EACnC,OAIS;CACT,MAAM,wBAAwB,IAAI,GAChC;EACE,WAAW;EACX,sBAAsB;EACtB,uBAAuB;EACvB,KAAK;EACN,EACD,EACD;CACD,IAAI,SAAS;AAEb,QAAO;EACL,MAAM;EACN,OAAO;EACP,OAAO,YAAY;AACjB,YACE,WAAW,SAAS,gBAAA,QAAA,IAAA,aACQ;GAC9B,MAAM,uBAAuB,yBAAyB;AAEtD,UAAO;IACL,QAAQ,SACJ;KACE,WAAW;KACX,mBAAmB;KACnB,WAAW;KACX,cAAc,GAAG,CAAC,CAAC,WAAW,OAAO;KACtC,GACD,EAAE;KACL,uBAAuB,EACtB,QAAQ,SACJ;KACE,WAAW;KACX,WAAW;KACX,mBAAmB;KACnB,cAAc,GAAG,CAAC,CAAC,WAAW,OAAO;KACtC,GACD,KAAA,GACL;IACF;;EAEH,WAAW;GACT,QAAQ,EACN,IAAI,cACL;GACD,MAAM,QAAQ,MAAM,IAAI;AAGtB,QAAI,CAFmB,SAAS,KAAK,GAAG,CAGtC,QAAO;KACL,MAAM,SACF,KAAK,QAAQ,sCAAsC,GAAG,GACtD;KACJ,KAAK,EACH,UAAU,IACX;KACF;IAGH,MAAM,cACJ,OAAO,GAAG,SAAS,oBAAoB,GAAG,OAAO;IACnD,MAAM,SAAqB,MAAM,sBAAsB,cACrD,IACA,MACA,OACA,YACD;AAED,WAAO,EACL,MAAM,OAAO,KAAK,OAAO,CAAC,UAAU,EACrC;;GAEJ;EACF"}
+{"version":3,"file":"angular-build-optimizer-plugin.js","names":[],"sources":["../../../src/lib/angular-build-optimizer-plugin.ts"],"sourcesContent":["import type { Plugin, UserConfig } from 'vite';\nimport { JavaScriptTransformer } from './utils/devkit.js';\nimport { isProdMode } from './utils/plugin-config.js';\n\nexport function buildOptimizerPlugin({\n  jit,\n}: {\n  supportedBrowsers: string[];\n  jit: boolean;\n}): Plugin {\n  const transformers = new Map<\n    string,\n    InstanceType<typeof JavaScriptTransformer>\n  >();\n  let isProd = false;\n  let isWatch = false;\n  let preserveVendorMaps = false;\n\n  function getTransformer(envName = 'default') {\n    let transformer = transformers.get(envName);\n    if (!transformer) {\n      transformer = new JavaScriptTransformer(\n        {\n          sourcemap: preserveVendorMaps,\n          thirdPartySourcemaps: preserveVendorMaps,\n          advancedOptimizations: isProd,\n          jit: true,\n        },\n        1,\n      );\n      transformers.set(envName, transformer);\n    }\n    return transformer;\n  }\n\n  return {\n    name: '@analogjs/vite-plugin-angular-optimizer',\n    // Normally build-only. Astro's Cloudflare integration (`@astrojs/cloudflare`)\n    // transforms SSR modules through a serve-style `workerd` runner *during*\n    // `astro build`; an `apply: 'build'` plugin is excluded from that pipeline,\n    // so the Angular linker never runs on the worker's partially-compiled\n    // packages and they fall back to the JIT compiler. Also apply under a\n    // production `NODE_ENV` (which `astro build` sets) so the linker runs in\n    // that runner too. Regular Analog dev servers run with a development\n    // `NODE_ENV`, so their behavior is unchanged.\n    apply(_config, env) {\n      return (\n        env.command === 'build' || process.env['NODE_ENV'] === 'production'\n      );\n    },\n    config(userConfig) {\n      isProd = isProdMode(userConfig.mode);\n      // Advanced optimizations paired with dev-mode defines would strip\n      // dev-only code the debug API needs, so both key off `isProd`.\n      return {\n        define: isProd\n          ? {\n              ngJitMode: 'false',\n              ngI18nClosureMode: 'false',\n              ngDevMode: 'false',\n              ngServerMode: `${!!userConfig.build?.ssr}`,\n            }\n          : {},\n      } as UserConfig;\n    },\n    // The top-level define keys `ngServerMode` off the legacy `build.ssr`\n    // flag. Environment API builds run the server through an environment\n    // with `consumer: 'server'` while `build.ssr` stays unset, so give that\n    // environment its own value; otherwise the guard compiles to `false`\n    // and browser-only hydration features run during SSR.\n    configEnvironment(_name, config) {\n      if (isProd && config.consumer === 'server') {\n        return { define: { ngServerMode: 'true' } };\n      }\n      return undefined;\n    },\n    configResolved(config) {\n      preserveVendorMaps = !!config.build.sourcemap;\n      isWatch = config.command === 'serve' || !!config.build?.watch;\n    },\n    transform: {\n      filter: {\n        // Allow an optional `?query` after the extension. Some environments\n        // (e.g. Cloudflare's `workerd`, used by Astro's Cloudflare integration)\n        // reference optimized deps with a `?v=<hash>` suffix, e.g.\n        // `.../fesm2022/_platform_location-chunk.mjs?v=a786a9ff`. A `$`-anchored\n        // extension match skips those, so the Angular linker never runs and the\n        // partially-compiled package falls back to the JIT compiler at runtime.\n        id: /\\.[cm]?js(?:\\?|$)/,\n      },\n      async handler(code, id) {\n        // Strip the `?query` so the fesm check and the transformer see a real\n        // filename rather than `foo.mjs?v=<hash>`.\n        const cleanId = id.split('?')[0];\n        const angularPackage = /fesm20/.test(cleanId);\n\n        if (!angularPackage) {\n          // `{ mappings: '' }` declares zero segments, dropping the module's own\n          // map from the chain; `null` keeps it. Removing `sourceMappingURL` is\n          // what makes that map unreachable, so it only runs when discarding.\n          return {\n            code:\n              isProd && !preserveVendorMaps\n                ? code.replace(/^\\/\\/# sourceMappingURL=[^\\r\\n]*/gm, '')\n                : code,\n            map: preserveVendorMaps ? null : { mappings: '' },\n          };\n        }\n\n        const sideEffects =\n          jit && cleanId.includes('@angular/compiler') ? true : false;\n        const envName = this.environment?.name ?? 'default';\n        const transformer = getTransformer(envName);\n        const result: Uint8Array = await transformer.transformData(\n          cleanId,\n          code,\n          false,\n          sideEffects,\n        );\n\n        const transformed = Buffer.from(result).toString();\n        return preserveVendorMaps\n          ? extractInlineSourceMap(transformed, cleanId)\n          : { code: transformed, map: { mappings: '' } };\n      },\n    },\n    async closeBundle() {\n      if (isWatch) {\n        return;\n      }\n      const envName = this.environment?.name ?? 'default';\n      const transformer = transformers.get(envName);\n      if (transformer) {\n        transformers.delete(envName);\n        await transformer.close();\n      }\n    },\n  };\n}\n\nexport function extractInlineSourceMap(\n  code: string,\n  id: string,\n): { code: string; map: string | null } {\n  const sourceMapMatch = code.match(\n    /\\n?\\/\\/# sourceMappingURL=data:application\\/json(?:;charset=[^;,]+)?;base64,([A-Za-z0-9+/=]+)\\s*$/,\n  );\n  if (!sourceMapMatch || sourceMapMatch.index === undefined) {\n    return {\n      code,\n      map: null,\n    };\n  }\n  return {\n    code: code.slice(0, sourceMapMatch.index),\n    map: Buffer.from(sourceMapMatch[1]!, 'base64').toString(),\n  };\n}\n"],"mappings":";;;AAIA,SAAgB,qBAAqB,EACnC,OAIS;CACT,MAAM,+BAAe,IAAI,KAGtB;CACH,IAAI,SAAS;CACb,IAAI,UAAU;CACd,IAAI,qBAAqB;CAEzB,SAAS,eAAe,UAAU,WAAW;EAC3C,IAAI,cAAc,aAAa,IAAI,QAAQ;AAC3C,MAAI,CAAC,aAAa;AAChB,iBAAc,IAAI,sBAChB;IACE,WAAW;IACX,sBAAsB;IACtB,uBAAuB;IACvB,KAAK;IACN,EACD,EACD;AACD,gBAAa,IAAI,SAAS,YAAY;;AAExC,SAAO;;AAGT,QAAO;EACL,MAAM;EASN,MAAM,SAAS,KAAK;AAClB,UACE,IAAI,YAAY,WAAA,QAAA,IAAA,aAAuC;;EAG3D,OAAO,YAAY;AACjB,YAAS,WAAW,WAAW,KAAK;AAGpC,UAAO,EACL,QAAQ,SACJ;IACE,WAAW;IACX,mBAAmB;IACnB,WAAW;IACX,cAAc,GAAG,CAAC,CAAC,WAAW,OAAO;IACtC,GACD,EAAE,EACP;;EAOH,kBAAkB,OAAO,QAAQ;AAC/B,OAAI,UAAU,OAAO,aAAa,SAChC,QAAO,EAAE,QAAQ,EAAE,cAAc,QAAQ,EAAE;;EAI/C,eAAe,QAAQ;AACrB,wBAAqB,CAAC,CAAC,OAAO,MAAM;AACpC,aAAU,OAAO,YAAY,WAAW,CAAC,CAAC,OAAO,OAAO;;EAE1D,WAAW;GACT,QAAQ,EAON,IAAI,qBACL;GACD,MAAM,QAAQ,MAAM,IAAI;IAGtB,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC;AAG9B,QAAI,CAFmB,SAAS,KAAK,QAAQ,CAM3C,QAAO;KACL,MACE,UAAU,CAAC,qBACP,KAAK,QAAQ,sCAAsC,GAAG,GACtD;KACN,KAAK,qBAAqB,OAAO,EAAE,UAAU,IAAI;KAClD;IAGH,MAAM,cACJ,OAAO,QAAQ,SAAS,oBAAoB,GAAG,OAAO;IAGxD,MAAM,SAAqB,MADP,eADJ,KAAK,aAAa,QAAQ,UACC,CACE,cAC3C,SACA,MACA,OACA,YACD;IAED,MAAM,cAAc,OAAO,KAAK,OAAO,CAAC,UAAU;AAClD,WAAO,qBACH,uBAAuB,aAAa,QAAQ,GAC5C;KAAE,MAAM;KAAa,KAAK,EAAE,UAAU,IAAI;KAAE;;GAEnD;EACD,MAAM,cAAc;AAClB,OAAI,QACF;GAEF,MAAM,UAAU,KAAK,aAAa,QAAQ;GAC1C,MAAM,cAAc,aAAa,IAAI,QAAQ;AAC7C,OAAI,aAAa;AACf,iBAAa,OAAO,QAAQ;AAC5B,UAAM,YAAY,OAAO;;;EAG9B;;AAGH,SAAgB,uBACd,MACA,IACsC;CACtC,MAAM,iBAAiB,KAAK,MAC1B,oGACD;AACD,KAAI,CAAC,kBAAkB,eAAe,UAAU,KAAA,EAC9C,QAAO;EACL;EACA,KAAK;EACN;AAEH,QAAO;EACL,MAAM,KAAK,MAAM,GAAG,eAAe,MAAM;EACzC,KAAK,OAAO,KAAK,eAAe,IAAK,SAAS,CAAC,UAAU;EAC1D"}

package/src/lib/angular-jit-plugin.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from 'vite';
-export declare function jitPlugin({ inlineStylesExtension, }: {
-    inlineStylesExtension: string;
+import { Plugin } from "vite";
+export declare function jitPlugin({ inlineStylesExtension }: {
+	inlineStylesExtension: string;
 }): Plugin;

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

@@ -1,29 +1,51 @@
+import { debugStyles } from "./utils/debug.js";
+import { preprocessStylesheet } from "./stylesheet-registry.js";
+import { discoverAnalogIntegrations } from "./analog-plugin-interop.js";
+import { getJitInlineStyles } from "./utils/jit-inline-styles.js";
+import { releaseCssPreprocessorWorkers } from "./utils/css-preprocessor-workers.js";
 import { preprocessCSS } from "vite";
-import { createHash } from "node:crypto";
 //#region packages/vite-plugin-angular/src/lib/angular-jit-plugin.ts
 function jitPlugin({ inlineStylesExtension }) {
 	let config;
+	let stylePreprocessor;
 	return {
 		name: "@analogjs/vite-plugin-angular-jit",
 		configResolved(_config) {
 			config = _config;
 		},
+		async buildStart() {
+			stylePreprocessor = (await discoverAnalogIntegrations(config)).stylePreprocessor;
+		},
 		resolveId(id) {
 			if (id.startsWith("virtual:angular")) return `\0${id}`;
 		},
 		async load(id) {
 			if (id.includes("virtual:angular:jit:style:inline;")) {
-				const styleId = id.split("style:inline;")[1];
-				const styleIdHash = createHash("sha256").update(styleId).digest("hex").slice(0, 16);
-				const decodedStyles = Buffer.from(decodeURIComponent(styleId), "base64").toString();
+				const styleIdHash = id.split("style:inline;")[1];
+				const encodedStyles = getJitInlineStyles(styleIdHash);
+				if (encodedStyles === void 0) return;
+				const decodedStyles = Buffer.from(decodeURIComponent(encodedStyles), "base64").toString();
+				const filename = `${styleIdHash}.${inlineStylesExtension}`;
+				const preprocessed = preprocessStylesheet(decodedStyles, filename, stylePreprocessor, {
+					filename,
+					inline: true
+				});
 				let styles = "";
 				try {
-					styles = (await preprocessCSS(decodedStyles, `${styleIdHash}.${inlineStylesExtension}?direct`, config))?.code;
+					styles = (await preprocessCSS(preprocessed, `${filename}?direct`, config))?.code;
 				} catch (e) {
-					console.error(`${e}`);
+					const errorMessage = e instanceof Error ? e.message : String(e);
+					debugStyles("jit css compilation error", {
+						styleIdHash,
+						error: errorMessage
+					});
+					console.warn("[@analogjs/vite-plugin-angular]: Failed to preprocess inline JIT stylesheet %s. Returning an empty stylesheet instead. %s", styleIdHash, errorMessage);
 				}
 				return `export default \`${styles}\``;
 			}
+		},
+		closeBundle() {
+			if (!this.meta?.watchMode) releaseCssPreprocessorWorkers();
 		}
 	};
 }

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

@@ -1 +1 @@
-{"version":3,"file":"angular-jit-plugin.js","names":[],"sources":["../../../../../packages/vite-plugin-angular/src/lib/angular-jit-plugin.ts"],"sourcesContent":["import { createHash } from 'node:crypto';\nimport { Plugin, ResolvedConfig, preprocessCSS } from 'vite';\n\nexport function jitPlugin({\n  inlineStylesExtension,\n}: {\n  inlineStylesExtension: string;\n}): Plugin {\n  let config: ResolvedConfig;\n\n  return {\n    name: '@analogjs/vite-plugin-angular-jit',\n    configResolved(_config) {\n      config = _config;\n    },\n    resolveId(id: string) {\n      if (id.startsWith('virtual:angular')) {\n        return `\\0${id}`;\n      }\n\n      return;\n    },\n    async load(id: string) {\n      if (id.includes('virtual:angular:jit:style:inline;')) {\n        const styleId = id.split('style:inline;')[1];\n        // styleId may exceed 255 bytes of base64-encoded content, limit to 16\n        const styleIdHash = createHash('sha256')\n          .update(styleId)\n          .digest('hex')\n          .slice(0, 16);\n\n        const decodedStyles = Buffer.from(\n          decodeURIComponent(styleId),\n          'base64',\n        ).toString();\n\n        let styles: string | undefined = '';\n\n        try {\n          const compiled = await preprocessCSS(\n            decodedStyles,\n            `${styleIdHash}.${inlineStylesExtension}?direct`,\n            config,\n          );\n          styles = compiled?.code;\n        } catch (e) {\n          console.error(`${e}`);\n        }\n\n        return `export default \\`${styles}\\``;\n      }\n\n      return;\n    },\n  };\n}\n"],"mappings":";;;AAGA,SAAgB,UAAU,EACxB,yBAGS;CACT,IAAI;AAEJ,QAAO;EACL,MAAM;EACN,eAAe,SAAS;AACtB,YAAS;;EAEX,UAAU,IAAY;AACpB,OAAI,GAAG,WAAW,kBAAkB,CAClC,QAAO,KAAK;;EAKhB,MAAM,KAAK,IAAY;AACrB,OAAI,GAAG,SAAS,oCAAoC,EAAE;IACpD,MAAM,UAAU,GAAG,MAAM,gBAAgB,CAAC;IAE1C,MAAM,cAAc,WAAW,SAAS,CACrC,OAAO,QAAQ,CACf,OAAO,MAAM,CACb,MAAM,GAAG,GAAG;IAEf,MAAM,gBAAgB,OAAO,KAC3B,mBAAmB,QAAQ,EAC3B,SACD,CAAC,UAAU;IAEZ,IAAI,SAA6B;AAEjC,QAAI;AAMF,eALiB,MAAM,cACrB,eACA,GAAG,YAAY,GAAG,sBAAsB,UACxC,OACD,GACkB;aACZ,GAAG;AACV,aAAQ,MAAM,GAAG,IAAI;;AAGvB,WAAO,oBAAoB,OAAO;;;EAKvC"}
+{"version":3,"file":"angular-jit-plugin.js","names":[],"sources":["../../../src/lib/angular-jit-plugin.ts"],"sourcesContent":["import { Plugin, ResolvedConfig, preprocessCSS } from 'vite';\nimport {\n  JIT_INLINE_STYLE_PREFIX,\n  getJitInlineStyles,\n} from './utils/jit-inline-styles.js';\nimport { debugStyles } from './utils/debug.js';\nimport { discoverAnalogIntegrations } from './analog-plugin-interop.js';\nimport { preprocessStylesheet } from './stylesheet-registry.js';\nimport type { StylePreprocessor } from './style-preprocessor.js';\nimport { releaseCssPreprocessorWorkers } from './utils/css-preprocessor-workers.js';\n\nexport function jitPlugin({\n  inlineStylesExtension,\n}: {\n  inlineStylesExtension: string;\n}): Plugin {\n  let config: ResolvedConfig;\n  let stylePreprocessor: StylePreprocessor | undefined;\n\n  return {\n    name: '@analogjs/vite-plugin-angular-jit',\n    configResolved(_config) {\n      config = _config;\n    },\n    async buildStart() {\n      stylePreprocessor = (await discoverAnalogIntegrations(config))\n        .stylePreprocessor;\n    },\n    resolveId(id: string) {\n      if (id.startsWith('virtual:angular')) {\n        return `\\0${id}`;\n      }\n\n      return;\n    },\n    async load(id: string) {\n      if (id.includes(JIT_INLINE_STYLE_PREFIX)) {\n        const styleIdHash = id.split('style:inline;')[1];\n        const encodedStyles = getJitInlineStyles(styleIdHash);\n\n        if (encodedStyles === undefined) {\n          return;\n        }\n\n        const decodedStyles = Buffer.from(\n          decodeURIComponent(encodedStyles),\n          'base64',\n        ).toString();\n        const filename = `${styleIdHash}.${inlineStylesExtension}`;\n        const preprocessed = preprocessStylesheet(\n          decodedStyles,\n          filename,\n          stylePreprocessor,\n          { filename, inline: true },\n        );\n\n        let styles: string | undefined = '';\n\n        try {\n          const compiled = await preprocessCSS(\n            preprocessed,\n            `${filename}?direct`,\n            config,\n          );\n          styles = compiled?.code;\n        } catch (e) {\n          const errorMessage = e instanceof Error ? e.message : String(e);\n          debugStyles('jit css compilation error', {\n            styleIdHash,\n            error: errorMessage,\n          });\n          console.warn(\n            '[@analogjs/vite-plugin-angular]: Failed to preprocess inline JIT stylesheet %s. Returning an empty stylesheet instead. %s',\n            styleIdHash,\n            errorMessage,\n          );\n        }\n\n        return `export default \\`${styles}\\``;\n      }\n\n      return;\n    },\n    closeBundle() {\n      if (!this.meta?.watchMode) {\n        releaseCssPreprocessorWorkers();\n      }\n    },\n  };\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,UAAU,EACxB,yBAGS;CACT,IAAI;CACJ,IAAI;AAEJ,QAAO;EACL,MAAM;EACN,eAAe,SAAS;AACtB,YAAS;;EAEX,MAAM,aAAa;AACjB,wBAAqB,MAAM,2BAA2B,OAAO,EAC1D;;EAEL,UAAU,IAAY;AACpB,OAAI,GAAG,WAAW,kBAAkB,CAClC,QAAO,KAAK;;EAKhB,MAAM,KAAK,IAAY;AACrB,OAAI,GAAG,SAAA,oCAAiC,EAAE;IACxC,MAAM,cAAc,GAAG,MAAM,gBAAgB,CAAC;IAC9C,MAAM,gBAAgB,mBAAmB,YAAY;AAErD,QAAI,kBAAkB,KAAA,EACpB;IAGF,MAAM,gBAAgB,OAAO,KAC3B,mBAAmB,cAAc,EACjC,SACD,CAAC,UAAU;IACZ,MAAM,WAAW,GAAG,YAAY,GAAG;IACnC,MAAM,eAAe,qBACnB,eACA,UACA,mBACA;KAAE;KAAU,QAAQ;KAAM,CAC3B;IAED,IAAI,SAA6B;AAEjC,QAAI;AAMF,eALiB,MAAM,cACrB,cACA,GAAG,SAAS,UACZ,OACD,GACkB;aACZ,GAAG;KACV,MAAM,eAAe,aAAa,QAAQ,EAAE,UAAU,OAAO,EAAE;AAC/D,iBAAY,6BAA6B;MACvC;MACA,OAAO;MACR,CAAC;AACF,aAAQ,KACN,6HACA,aACA,aACD;;AAGH,WAAO,oBAAoB,OAAO;;;EAKtC,cAAc;AACZ,OAAI,CAAC,KAAK,MAAM,UACd,gCAA+B;;EAGpC"}

package/src/lib/angular-pending-tasks.plugin.d.ts

@@ -1,9 +1,9 @@
-import { Plugin } from 'vite';
+import { Plugin } from "vite";
 /**
- * This plugin is a workaround for the ɵPendingTasks symbol being renamed
- * to ɵPendingTasksInternal in Angular v19.0.4. The symbol is renamed to support previous versions of
- * Angular with Analog that used the ɵPendingTasks symbol.
- *
- * Commmit: https://github.com/angular/angular/commit/24e317cb157bf1ef159ed8554f1b79cb3443edf4
- */
+* This plugin is a workaround for the ɵPendingTasks symbol being renamed
+* to ɵPendingTasksInternal in Angular v19.0.4. The symbol is renamed to support previous versions of
+* Angular with Analog that used the ɵPendingTasks symbol.
+*
+* Commmit: https://github.com/angular/angular/commit/24e317cb157bf1ef159ed8554f1b79cb3443edf4
+*/
 export declare function pendingTasksPlugin(): Plugin;

package/src/lib/angular-pending-tasks.plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"angular-pending-tasks.plugin.js","names":[],"sources":["../../../../../packages/vite-plugin-angular/src/lib/angular-pending-tasks.plugin.ts"],"sourcesContent":["import { Plugin } from 'vite';\n\nimport { angularFullVersion } from './utils/devkit.js';\n\n/**\n * This plugin is a workaround for the ɵPendingTasks symbol being renamed\n * to ɵPendingTasksInternal in Angular v19.0.4. The symbol is renamed to support previous versions of\n * Angular with Analog that used the ɵPendingTasks symbol.\n *\n * Commmit: https://github.com/angular/angular/commit/24e317cb157bf1ef159ed8554f1b79cb3443edf4\n */\nexport function pendingTasksPlugin(): Plugin {\n  return {\n    name: 'analogjs-pending-tasks-plugin',\n    transform(code, id) {\n      if (id.includes('analogjs-content.mjs')) {\n        return {\n          code: code.replace('ɵPendingTasksInternal', 'ɵPendingTasks'),\n        };\n      }\n      return;\n    },\n  };\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,qBAA6B;AAC3C,QAAO;EACL,MAAM;EACN,UAAU,MAAM,IAAI;AAClB,OAAI,GAAG,SAAS,uBAAuB,CACrC,QAAO,EACL,MAAM,KAAK,QAAQ,yBAAyB,gBAAgB,EAC7D;;EAIN"}
+{"version":3,"file":"angular-pending-tasks.plugin.js","names":[],"sources":["../../../src/lib/angular-pending-tasks.plugin.ts"],"sourcesContent":["import { Plugin } from 'vite';\n\nimport { angularFullVersion } from './utils/devkit.js';\n\n/**\n * This plugin is a workaround for the ɵPendingTasks symbol being renamed\n * to ɵPendingTasksInternal in Angular v19.0.4. The symbol is renamed to support previous versions of\n * Angular with Analog that used the ɵPendingTasks symbol.\n *\n * Commmit: https://github.com/angular/angular/commit/24e317cb157bf1ef159ed8554f1b79cb3443edf4\n */\nexport function pendingTasksPlugin(): Plugin {\n  return {\n    name: 'analogjs-pending-tasks-plugin',\n    transform(code, id) {\n      if (id.includes('analogjs-content.mjs')) {\n        return {\n          code: code.replace('ɵPendingTasksInternal', 'ɵPendingTasks'),\n        };\n      }\n      return;\n    },\n  };\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,qBAA6B;AAC3C,QAAO;EACL,MAAM;EACN,UAAU,MAAM,IAAI;AAClB,OAAI,GAAG,SAAS,uBAAuB,CACrC,QAAO,EACL,MAAM,KAAK,QAAQ,yBAAyB,gBAAgB,EAC7D;;EAIN"}

package/src/lib/angular-vite-plugin.d.ts

@@ -1,76 +1,86 @@
-import { NgtscProgram } from '@angular/compiler-cli';
-import * as ts from 'typescript';
-import { Plugin } from 'vite';
-import { FileReplacement } from './plugins/file-replacements.plugin.js';
-export declare enum DiagnosticModes {
-    None = 0,
-    Option = 1,
-    Syntactic = 2,
-    Semantic = 4,
-    All = 7
-}
+import { NgtscProgram } from "@angular/compiler-cli";
+import * as ts from "typescript";
+import { ModuleNode, Plugin, ViteDevServer } from "vite";
+import { type DebugOption } from "./utils/debug.js";
+import { FileReplacement } from "./plugins/file-replacements.plugin.js";
+import { AnalogStylesheetRegistry } from "./stylesheet-registry.js";
+export { DiagnosticModes, injectViteIgnoreForHmrMetadata, isIgnoredHmrFile, toAngularCompilationFileReplacements, mapTemplateUpdatesToFiles, refreshStylesheetRegistryForFile, describeStylesheetContent, isTestWatchMode } from "./utils/compilation-shared.js";
 export interface PluginOptions {
-    tsconfig?: string | (() => string);
-    workspaceRoot?: string;
-    inlineStylesExtension?: string;
-    jit?: boolean;
-    advanced?: {
-        /**
-         * Custom TypeScript transformers that are run before Angular compilation
-         */
-        tsTransformers?: ts.CustomTransformers;
-    };
-    supportedBrowsers?: string[];
-    transformFilter?: (code: string, id: string) => boolean;
-    /**
-     * Additional files to include in compilation
-     */
-    include?: string[];
-    additionalContentDirs?: string[];
-    liveReload?: boolean;
-    disableTypeChecking?: boolean;
-    fileReplacements?: FileReplacement[];
-    experimental?: {
-        useAngularCompilationAPI?: boolean;
-    };
+	tsconfig?: string | (() => string);
+	workspaceRoot?: string;
+	inlineStylesExtension?: string;
+	jit?: boolean;
+	supportedBrowsers?: string[];
+	/**
+	* Additional files to include in compilation
+	*/
+	include?: string[];
+	/**
+	* Enables Analog's Angular live-reload/HMR pipeline during development/watch mode.
+	*
+	* This is separate from Vite's `server.hmr` option, which configures the
+	* HMR client transport.
+	*
+	* Defaults to `true` for watch mode. Set to `false` to disable Angular
+	* reload updates while keeping other stylesheet externalization behavior
+	* available when needed.
+	*/
+	liveReload?: boolean;
+	disableTypeChecking?: boolean;
+	fileReplacements?: FileReplacement[];
+	/**
+	* Opt into the fast compile path. Skips Angular's template type-checking
+	* and routes compilation through an internal single-pass transform.
+	* Defaults to `false`.
+	*/
+	fastCompile?: boolean;
+	/**
+	* Compilation output mode used when `fastCompile` is enabled.
+	* - `'full'` (default): Emit final Ivy definitions for application builds.
+	* - `'partial'`: Emit partial declarations for library publishing.
+	*/
+	fastCompileMode?: "full" | "partial";
+	/**
+	* Enable debug logging for specific scopes.
+	*
+	* - `true` → enables all `analog:angular:*` scopes
+	* - `string[]` → enables listed namespaces (e.g. `['analog:angular:hmr']`)
+	* - `{ scopes?, mode? }` → object form with optional `mode: 'build' | 'dev'`
+	*   to restrict output to a specific Vite command (omit for both)
+	*
+	* Also responds to the `DEBUG` env var (Node.js) or `localStorage.debug`
+	* (browser), using the `obug` convention.
+	*/
+	debug?: DebugOption;
 }
+export declare function evictDeletedFileMetadata(file: string, { classNamesMap, fileTransformMap }: {
+	classNamesMap: Map<string, string>;
+	fileTransformMap: Map<string, string>;
+}): void;
 export declare function angular(options?: PluginOptions): Plugin[];
 export declare function createFsWatcherCacheInvalidator(invalidateFsCaches: () => void, invalidateTsconfigCaches: () => void, performCompilation: () => Promise<void>): () => Promise<void>;
 /**
- * Convert Analog/Angular CLI-style file replacements into the flat record
- * expected by `AngularHostOptions.fileReplacements`.
- *
- * Only browser replacements (`{ replace, with }`) are converted. SSR-only
- * replacements (`{ replace, ssr }`) are left for the Vite runtime plugin to
- * handle — they should not be baked into the Angular compilation host because
- * that would apply them to both browser and server builds.
- *
- * Relative paths are resolved against `workspaceRoot` so that the host
- * receives the same absolute paths it would get from the Angular CLI.
- */
-export declare function toAngularCompilationFileReplacements(replacements: FileReplacement[], workspaceRoot: string): Record<string, string> | undefined;
+* Returns every live Vite module that can legitimately represent a changed
+* Angular resource file.
+*
+* For normal files, `getModulesByFile()` is enough. For Angular component
+* stylesheets, it is not: the browser often holds virtual hashed requests
+* (`/abc123.css?direct&ngcomp=...` and `/abc123.css?ngcomp=...`) that are no
+* longer discoverable from the original source path alone. We therefore merge:
+* - watcher event modules
+* - module-graph modules by source file
+* - registry-tracked live request ids resolved back through the module graph
+*/
+export declare function getModulesForChangedFile(server: ViteDevServer, file: string, eventModules?: readonly ModuleNode[], stylesheetRegistry?: AnalogStylesheetRegistry): Promise<ModuleNode[]>;
+export declare function isModuleForChangedResource(mod: ModuleNode, changedFile: string, stylesheetRegistry?: AnalogStylesheetRegistry): boolean;
+export declare function findComponentStylesheetWrapperModules(server: ViteDevServer, changedFile: string, directModule: ModuleNode, fileModules: ModuleNode[], stylesheetRegistry?: AnalogStylesheetRegistry): Promise<ModuleNode[]>;
+export declare function findTemplateOwnerModules(server: ViteDevServer, resourceFile: string): ModuleNode[];
 /**
- * Map Angular's `templateUpdates` (keyed by `encodedFilePath@ClassName`)
- * back to absolute file paths with their associated HMR code and component
- * class name.
- *
- * Angular's private Compilation API emits template update keys in the form
- * `encodeURIComponent(relativePath + '@' + className)`. We decode and resolve
- * them so the caller can look up updates by the same normalized absolute path
- * used elsewhere in the plugin (`outputFiles`, `classNames`, etc.).
- */
-export declare function mapTemplateUpdatesToFiles(templateUpdates: ReadonlyMap<string, string> | undefined): Map<string, {
-    className: string;
-    code: string;
-}>;
-export declare function getFileMetadata(program: ts.BuilderProgram, angularCompiler?: NgtscProgram['compiler'], liveReload?: boolean, disableTypeChecking?: boolean): (file: string) => {
-    errors?: string[];
-    warnings?: (string | ts.DiagnosticMessageChain)[];
-    hmrUpdateCode?: string | null;
-    hmrEligible?: boolean;
+* @internal
+*/
+export declare function getFileMetadata(program: ts.BuilderProgram, angularCompiler?: NgtscProgram["compiler"], hmrEnabled?: boolean, disableTypeChecking?: boolean): (file: string) => {
+	errors?: string[];
+	warnings?: (string | ts.DiagnosticMessageChain)[];
+	hmrUpdateCode?: string | null;
+	hmrEligible?: boolean;
 };
-/**
- * Checks for vitest run from the command line
- * @returns boolean
- */
-export declare function isTestWatchMode(args?: string[]): boolean;