@analogjs/vite-plugin-angular 3.0.0-alpha.7 → 3.0.0-alpha.71

package/src/lib/tailwind-plugin.d.ts

@@ -0,0 +1,34 @@
+import { Plugin, ResolvedConfig } from "vite";
+import type { StylePreprocessor } from "./style-preprocessor.js";
+import type { AngularStylePipelineOptions } from "./style-pipeline.js";
+export interface TailwindCssOptions {
+	rootStylesheet: string;
+	prefixes?: string[];
+}
+export interface TailwindReferencePluginOptions {
+	tailwindCss?: TailwindCssOptions;
+}
+export declare function tailwindReferencePlugin(options: TailwindReferencePluginOptions): Plugin;
+/**
+* Builds a resolved stylePreprocessor function from plugin options.
+*
+* When `tailwindCss` is configured, creates an injector that prepends
+* `@reference "<rootStylesheet>"` into component CSS that uses Tailwind
+* utilities. Uses absolute paths because Angular's externalRuntimeStyles
+* serves component CSS as virtual modules (hash-based IDs) with no
+* meaningful directory — relative paths can't resolve from a hash.
+*
+* If both `tailwindCss` and `stylePreprocessor` are provided, they are
+* chained: Tailwind reference injection runs first, then the user's
+* custom preprocessor.
+*/
+export declare function buildStylePreprocessor(options?: {
+	stylePreprocessor?: StylePreprocessor;
+	stylePipeline?: AngularStylePipelineOptions;
+	tailwindCss?: TailwindCssOptions;
+}): StylePreprocessor | undefined;
+/**
+* Validates the Tailwind CSS integration configuration and emits actionable
+* warnings for common misconfigurations that cause silent failures.
+*/
+export declare function validateTailwindConfig(tailwindCss: TailwindCssOptions | undefined, config: ResolvedConfig, isWatchMode: boolean): void;

package/src/lib/tailwind-plugin.js

@@ -0,0 +1,116 @@
+import { debugTailwind, debugTailwindV } from "./utils/debug.js";
+import { inspectCssTailwindDirectives, throwTailwindReferenceTextError } from "./utils/tailwind-reference.js";
+import { composeStylePreprocessors } from "./style-preprocessor.js";
+import { stylePipelinePreprocessorFromPlugins } from "./style-pipeline.js";
+import { existsSync, readFileSync } from "node:fs";
+import { basename, dirname, isAbsolute } from "node:path";
+import { normalizePath } from "vite";
+//#region packages/vite-plugin-angular/src/lib/tailwind-plugin.ts
+/**
+* Core injection logic shared by both the Vite pre-transform plugin and the
+* Angular style preprocessor. Returns the `@reference`-prepended CSS when
+* injection is needed, or `undefined` when the file should be left alone.
+*/
+function injectTailwindReference(code, opts) {
+	const directiveState = inspectCssTailwindDirectives(code);
+	if (directiveState.hasReferenceDirective || directiveState.hasTailwindImportDirective) return;
+	if (!(opts.prefixes ? opts.prefixes.some((p) => directiveState.commentlessCode.includes(p)) : directiveState.commentlessCode.includes("@apply"))) return;
+	if (directiveState.hasReferenceText) throwTailwindReferenceTextError(opts.fileId, opts.rootStylesheet);
+	return `@reference "${opts.rootStylesheet.replace(/\\/g, "/")}";\n${code}`;
+}
+function tailwindReferencePlugin(options) {
+	return {
+		name: "@analogjs/vite-plugin-angular:tailwind-reference",
+		enforce: "pre",
+		transform(code, id) {
+			const tw = options.tailwindCss;
+			if (!tw || !id.includes(".css")) return;
+			if (id.split("?")[0] === tw.rootStylesheet) return;
+			const rootBasename = basename(tw.rootStylesheet);
+			if (inspectCssTailwindDirectives(code).commentlessCode.includes(rootBasename)) return;
+			const result = injectTailwindReference(code, {
+				rootStylesheet: tw.rootStylesheet,
+				prefixes: tw.prefixes,
+				fileId: id
+			});
+			if (result) debugTailwind("injected @reference via pre-transform", { id: id.split("/").slice(-2).join("/") });
+			return result;
+		}
+	};
+}
+/**
+* Builds a resolved stylePreprocessor function from plugin options.
+*
+* When `tailwindCss` is configured, creates an injector that prepends
+* `@reference "<rootStylesheet>"` into component CSS that uses Tailwind
+* utilities. Uses absolute paths because Angular's externalRuntimeStyles
+* serves component CSS as virtual modules (hash-based IDs) with no
+* meaningful directory — relative paths can't resolve from a hash.
+*
+* If both `tailwindCss` and `stylePreprocessor` are provided, they are
+* chained: Tailwind reference injection runs first, then the user's
+* custom preprocessor.
+*/
+function buildStylePreprocessor(options) {
+	const userPreprocessor = options?.stylePreprocessor;
+	const stylePipelinePreprocessor = stylePipelinePreprocessorFromPlugins(options?.stylePipeline);
+	const tw = options?.tailwindCss;
+	if (!tw && !userPreprocessor && !stylePipelinePreprocessor) return;
+	let tailwindPreprocessor;
+	if (tw) {
+		const rootStylesheet = tw.rootStylesheet;
+		const prefixes = tw.prefixes;
+		debugTailwind("configured", {
+			rootStylesheet,
+			prefixes
+		});
+		if (!existsSync(rootStylesheet)) console.warn(`[@analogjs/vite-plugin-angular] tailwindCss.rootStylesheet not found at "${rootStylesheet}". @reference directives will point to a non-existent file, which will cause Tailwind CSS errors. Ensure the path is absolute and the file exists.`);
+		tailwindPreprocessor = (code, filename) => {
+			const result = injectTailwindReference(code, {
+				rootStylesheet,
+				prefixes,
+				fileId: filename
+			});
+			if (result) {
+				debugTailwind("injected @reference via preprocessor", { filename });
+				return result;
+			}
+			debugTailwindV("skip (no injection needed)", { filename });
+			return code;
+		};
+	}
+	if (tailwindPreprocessor && (stylePipelinePreprocessor || userPreprocessor)) debugTailwind("chained with style pipeline or user stylePreprocessor");
+	return composeStylePreprocessors([
+		tailwindPreprocessor,
+		stylePipelinePreprocessor,
+		userPreprocessor
+	]);
+}
+/**
+* Validates the Tailwind CSS integration configuration and emits actionable
+* warnings for common misconfigurations that cause silent failures.
+*/
+function validateTailwindConfig(tailwindCss, config, isWatchMode) {
+	const PREFIX = "[@analogjs/vite-plugin-angular]";
+	const tw = tailwindCss;
+	if (!tw) return;
+	if (!isAbsolute(tw.rootStylesheet)) console.warn(`${PREFIX} tailwindCss.rootStylesheet must be an absolute path. Got: "${tw.rootStylesheet}". Use path.resolve(__dirname, '...') in your vite.config to convert it.`);
+	const hasTailwindPlugin = config.plugins.some((p) => p.name.startsWith("@tailwindcss/vite") || p.name.startsWith("tailwindcss"));
+	if (isWatchMode && !hasTailwindPlugin) throw new Error(`${PREFIX} tailwindCss is configured but no @tailwindcss/vite plugin was found. Component CSS with @apply directives will not be processed.\n\n  Fix: npm install @tailwindcss/vite --save-dev\n  Then add tailwindcss() to your vite.config plugins array.\n`);
+	if (isWatchMode && tw.rootStylesheet) {
+		const projectRoot = normalizePath(config.root);
+		const normalizedRootStylesheet = normalizePath(tw.rootStylesheet);
+		if (!normalizedRootStylesheet.startsWith(projectRoot)) {
+			if (!(config.server?.fs?.allow ?? []).some((allowed) => normalizedRootStylesheet.startsWith(normalizePath(allowed)))) console.warn(`${PREFIX} tailwindCss.rootStylesheet is outside the Vite project root. The dev server may reject it with 403.\n\n  Root: ${projectRoot}\n  Stylesheet: ${tw.rootStylesheet}\n\n  Fix: server.fs.allow: ['${dirname(tw.rootStylesheet)}']\n`);
+		}
+	}
+	if (tw.prefixes !== void 0 && tw.prefixes.length === 0) console.warn(`${PREFIX} tailwindCss.prefixes is an empty array. No component stylesheets will receive @reference injection. Either remove the prefixes option (to use @apply detection) or specify your prefixes: ['tw:']\n`);
+	if (existsSync(tw.rootStylesheet)) try {
+		const rootContent = readFileSync(tw.rootStylesheet, "utf-8");
+		if (!rootContent.includes("@import \"tailwindcss\"") && !rootContent.includes("@import 'tailwindcss'")) console.warn(`${PREFIX} tailwindCss.rootStylesheet does not contain @import "tailwindcss". The @reference directive will point to a file without Tailwind configuration.\n\n  File: ${tw.rootStylesheet}\n`);
+	} catch {}
+}
+//#endregion
+export { buildStylePreprocessor, tailwindReferencePlugin, validateTailwindConfig };
+
+//# sourceMappingURL=tailwind-plugin.js.map

package/src/lib/tailwind-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin.js","names":[],"sources":["../../../src/lib/tailwind-plugin.ts"],"sourcesContent":["import { existsSync, readFileSync } from 'node:fs';\nimport { basename, dirname, isAbsolute } from 'node:path';\nimport { normalizePath, Plugin, ResolvedConfig } from 'vite';\nimport {\n  inspectCssTailwindDirectives,\n  throwTailwindReferenceTextError,\n} from './utils/tailwind-reference.js';\nimport { debugTailwind, debugTailwindV } from './utils/debug.js';\nimport { composeStylePreprocessors } from './style-preprocessor.js';\nimport type { StylePreprocessor } from './style-preprocessor.js';\nimport { stylePipelinePreprocessorFromPlugins } from './style-pipeline.js';\nimport type { AngularStylePipelineOptions } from './style-pipeline.js';\n\nexport interface TailwindCssOptions {\n  rootStylesheet: string;\n  prefixes?: string[];\n}\n\nexport interface TailwindReferencePluginOptions {\n  tailwindCss?: TailwindCssOptions;\n}\n\n/**\n * Core injection logic shared by both the Vite pre-transform plugin and the\n * Angular style preprocessor. Returns the `@reference`-prepended CSS when\n * injection is needed, or `undefined` when the file should be left alone.\n */\nfunction injectTailwindReference(\n  code: string,\n  opts: {\n    rootStylesheet: string;\n    prefixes?: string[];\n    fileId: string;\n  },\n): string | undefined {\n  const directiveState = inspectCssTailwindDirectives(code);\n\n  if (\n    directiveState.hasReferenceDirective ||\n    directiveState.hasTailwindImportDirective\n  ) {\n    return undefined;\n  }\n\n  const needsRef = opts.prefixes\n    ? opts.prefixes.some((p) => directiveState.commentlessCode.includes(p))\n    : directiveState.commentlessCode.includes('@apply');\n\n  if (!needsRef) {\n    return undefined;\n  }\n\n  if (directiveState.hasReferenceText) {\n    throwTailwindReferenceTextError(opts.fileId, opts.rootStylesheet);\n  }\n\n  return `@reference \"${opts.rootStylesheet.replace(/\\\\/g, '/')}\";\\n${code}`;\n}\n\nexport function tailwindReferencePlugin(\n  options: TailwindReferencePluginOptions,\n): Plugin {\n  return {\n    name: '@analogjs/vite-plugin-angular:tailwind-reference',\n    enforce: 'pre',\n    transform(code: string, id: string) {\n      const tw = options.tailwindCss;\n      if (!tw || !id.includes('.css')) return;\n\n      const cleanId = id.split('?')[0];\n      if (cleanId === tw.rootStylesheet) return;\n\n      // Skip entry stylesheets that @import the root config\n      const rootBasename = basename(tw.rootStylesheet);\n      const directiveState = inspectCssTailwindDirectives(code);\n      if (directiveState.commentlessCode.includes(rootBasename)) return;\n\n      const result = injectTailwindReference(code, {\n        rootStylesheet: tw.rootStylesheet,\n        prefixes: tw.prefixes,\n        fileId: id,\n      });\n\n      if (result) {\n        debugTailwind('injected @reference via pre-transform', {\n          id: id.split('/').slice(-2).join('/'),\n        });\n      }\n\n      return result;\n    },\n  };\n}\n\n/**\n * Builds a resolved stylePreprocessor function from plugin options.\n *\n * When `tailwindCss` is configured, creates an injector that prepends\n * `@reference \"<rootStylesheet>\"` into component CSS that uses Tailwind\n * utilities. Uses absolute paths because Angular's externalRuntimeStyles\n * serves component CSS as virtual modules (hash-based IDs) with no\n * meaningful directory — relative paths can't resolve from a hash.\n *\n * If both `tailwindCss` and `stylePreprocessor` are provided, they are\n * chained: Tailwind reference injection runs first, then the user's\n * custom preprocessor.\n */\nexport function buildStylePreprocessor(options?: {\n  stylePreprocessor?: StylePreprocessor;\n  stylePipeline?: AngularStylePipelineOptions;\n  tailwindCss?: TailwindCssOptions;\n}): StylePreprocessor | undefined {\n  const userPreprocessor = options?.stylePreprocessor;\n  const stylePipelinePreprocessor = stylePipelinePreprocessorFromPlugins(\n    options?.stylePipeline,\n  );\n  const tw = options?.tailwindCss;\n\n  if (!tw && !userPreprocessor && !stylePipelinePreprocessor) {\n    return undefined;\n  }\n\n  let tailwindPreprocessor:\n    | ((code: string, filename: string) => string)\n    | undefined;\n\n  if (tw) {\n    const rootStylesheet = tw.rootStylesheet;\n    const prefixes = tw.prefixes;\n    debugTailwind('configured', { rootStylesheet, prefixes });\n\n    if (!existsSync(rootStylesheet)) {\n      console.warn(\n        `[@analogjs/vite-plugin-angular] tailwindCss.rootStylesheet not found ` +\n          `at \"${rootStylesheet}\". @reference directives will point to a ` +\n          `non-existent file, which will cause Tailwind CSS errors. ` +\n          `Ensure the path is absolute and the file exists.`,\n      );\n    }\n\n    tailwindPreprocessor = (code: string, filename: string): string => {\n      const result = injectTailwindReference(code, {\n        rootStylesheet,\n        prefixes,\n        fileId: filename,\n      });\n\n      if (result) {\n        debugTailwind('injected @reference via preprocessor', { filename });\n        return result;\n      }\n\n      debugTailwindV('skip (no injection needed)', { filename });\n      return code;\n    };\n  }\n\n  if (tailwindPreprocessor && (stylePipelinePreprocessor || userPreprocessor)) {\n    debugTailwind('chained with style pipeline or user stylePreprocessor');\n  }\n\n  return composeStylePreprocessors([\n    tailwindPreprocessor,\n    stylePipelinePreprocessor,\n    userPreprocessor,\n  ]);\n}\n\n/**\n * Validates the Tailwind CSS integration configuration and emits actionable\n * warnings for common misconfigurations that cause silent failures.\n */\nexport function validateTailwindConfig(\n  tailwindCss: TailwindCssOptions | undefined,\n  config: ResolvedConfig,\n  isWatchMode: boolean,\n): void {\n  const PREFIX = '[@analogjs/vite-plugin-angular]';\n  const tw = tailwindCss;\n\n  if (!tw) return;\n\n  if (!isAbsolute(tw.rootStylesheet)) {\n    console.warn(\n      `${PREFIX} tailwindCss.rootStylesheet must be an absolute path. ` +\n        `Got: \"${tw.rootStylesheet}\". Use path.resolve(__dirname, '...') ` +\n        `in your vite.config to convert it.`,\n    );\n  }\n\n  const resolvedPlugins = config.plugins;\n  const hasTailwindPlugin = resolvedPlugins.some(\n    (p) =>\n      p.name.startsWith('@tailwindcss/vite') ||\n      p.name.startsWith('tailwindcss'),\n  );\n\n  if (isWatchMode && !hasTailwindPlugin) {\n    throw new Error(\n      `${PREFIX} tailwindCss is configured but no @tailwindcss/vite ` +\n        `plugin was found. Component CSS with @apply directives will ` +\n        `not be processed.\\n\\n` +\n        `  Fix: npm install @tailwindcss/vite --save-dev\\n` +\n        `  Then add tailwindcss() to your vite.config plugins array.\\n`,\n    );\n  }\n\n  if (isWatchMode && tw.rootStylesheet) {\n    const projectRoot = normalizePath(config.root);\n    const normalizedRootStylesheet = normalizePath(tw.rootStylesheet);\n    if (!normalizedRootStylesheet.startsWith(projectRoot)) {\n      const fsAllow = config.server?.fs?.allow ?? [];\n      const isAllowed = fsAllow.some((allowed) =>\n        normalizedRootStylesheet.startsWith(normalizePath(allowed)),\n      );\n      if (!isAllowed) {\n        console.warn(\n          `${PREFIX} tailwindCss.rootStylesheet is outside the Vite ` +\n            `project root. The dev server may reject it with 403.\\n\\n` +\n            `  Root: ${projectRoot}\\n` +\n            `  Stylesheet: ${tw.rootStylesheet}\\n\\n` +\n            `  Fix: server.fs.allow: ['${dirname(tw.rootStylesheet)}']\\n`,\n        );\n      }\n    }\n  }\n\n  if (tw.prefixes !== undefined && tw.prefixes.length === 0) {\n    console.warn(\n      `${PREFIX} tailwindCss.prefixes is an empty array. No component ` +\n        `stylesheets will receive @reference injection. Either remove ` +\n        `the prefixes option (to use @apply detection) or specify your ` +\n        `prefixes: ['tw:']\\n`,\n    );\n  }\n\n  if (existsSync(tw.rootStylesheet)) {\n    try {\n      const rootContent = readFileSync(tw.rootStylesheet, 'utf-8');\n      if (\n        !rootContent.includes('@import \"tailwindcss\"') &&\n        !rootContent.includes(\"@import 'tailwindcss'\")\n      ) {\n        console.warn(\n          `${PREFIX} tailwindCss.rootStylesheet does not contain ` +\n            `@import \"tailwindcss\". The @reference directive will ` +\n            `point to a file without Tailwind configuration.\\n\\n` +\n            `  File: ${tw.rootStylesheet}\\n`,\n        );\n      }\n    } catch {\n      // Silently skip — existence check already warned in buildStylePreprocessor.\n    }\n  }\n}\n"],"mappings":"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"}

package/src/lib/tools/package.json

@@ -1,8 +1,3 @@
 {
-  "name": "@analogjs/vite-plugin-angular-tools",
-  "version": "0.0.1",
-  "main": "src/index.js",
-  "types": "./src/index.d.ts",
-  "module": "./src/index.js",
-  "type": "module"
-}
+  "type": "commonjs"
+}

package/src/lib/tools/src/builders/vite/vite-build.impl.js

@@ -1,41 +1,36 @@
-import { createBuilder, targetFromTargetString, } from '@angular-devkit/architect';
+let _angular_devkit_architect = require("@angular-devkit/architect");
+//#region packages/vite-plugin-angular-tools/src/builders/vite/vite-build.impl.ts
 async function viteBuilder(options, context) {
-    const { createBuilder } = await Function('return import("vite")')();
-    if (!context.target) {
-        throw new Error('Builder must be executed with a target');
-    }
-    const projectConfig = await context.getProjectMetadata(context.target);
-    const projectName = context.target.project;
-    const configuration = context.target.configuration || 'production';
-    const buildTargetSpecifier = `::${configuration}`;
-    const buildTarget = targetFromTargetString(buildTargetSpecifier, projectName, 'build');
-    const browserBuilderName = await context.getBuilderNameForTarget(buildTarget);
-    const rawBuildOptions = await context.getTargetOptions(buildTarget);
-    const buildOptions = await context.validateOptions(rawBuildOptions, browserBuilderName);
-    const buildConfig = {
-        configFile: options.configFile,
-        root: projectConfig.root,
-        mode: (process.env.NODE_ENV ??
-            buildOptions.mode ??
-            configuration),
-        build: {
-            outDir: options.outputPath,
-            sourcemap: !!buildOptions.sourcemap,
-        },
-    };
-    try {
-        const builder = await createBuilder(buildConfig, false);
-        await builder.buildApp();
-        return {
-            success: true,
-        };
-    }
-    catch (e) {
-        console.error(e);
-        return {
-            success: false,
-        };
-    }
+	const { createBuilder } = await Function("return import(\"vite\")")();
+	if (!context.target) throw new Error("Builder must be executed with a target");
+	const projectConfig = await context.getProjectMetadata(context.target);
+	const projectName = context.target.project;
+	const configuration = context.target.configuration || "production";
+	const buildTarget = (0, _angular_devkit_architect.targetFromTargetString)(`::${configuration}`, projectName, "build");
+	const browserBuilderName = await context.getBuilderNameForTarget(buildTarget);
+	const rawBuildOptions = await context.getTargetOptions(buildTarget);
+	const buildOptions = await context.validateOptions(rawBuildOptions, browserBuilderName);
+	const mode = buildOptions.mode ?? configuration;
+	if (process.env.NODE_ENV && process.env.NODE_ENV !== mode) context.logger.warn(`NODE_ENV is set to "${process.env.NODE_ENV}" but is ignored because the build resolved mode "${mode}" from the build options and configuration.`);
+	const buildConfig = {
+		configFile: options.configFile,
+		root: projectConfig.root,
+		mode,
+		build: {
+			outDir: options.outputPath,
+			sourcemap: !!buildOptions.sourcemap
+		}
+	};
+	try {
+		await (await createBuilder(buildConfig, false)).buildApp();
+		return { success: true };
+	} catch (e) {
+		console.error(e);
+		return { success: false };
+	}
 }
-export default createBuilder(viteBuilder);
+var vite_build_impl_default = (0, _angular_devkit_architect.createBuilder)(viteBuilder);
+//#endregion
+module.exports = vite_build_impl_default;
+
 //# sourceMappingURL=vite-build.impl.js.map

package/src/lib/tools/src/builders/vite/vite-build.impl.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite-build.impl.js","sourceRoot":"","sources":["../../../../../../../../../packages/vite-plugin-angular-tools/src/builders/vite/vite-build.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,aAAa,EACb,sBAAsB,GACvB,MAAM,2BAA2B,CAAC;AAInC,KAAK,UAAU,WAAW,CACxB,OAAwB,EACxB,OAAuB;IAEvB,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAAC;IACpE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IAC5D,CAAC;IACD,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvE,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC;IAC3C,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,aAAa,IAAI,YAAY,CAAC;IACnE,MAAM,oBAAoB,GAAG,KAAK,aAAa,EAAE,CAAC;IAClD,MAAM,WAAW,GAAG,sBAAsB,CACxC,oBAAoB,EACpB,WAAW,EACX,OAAO,CACR,CAAC;IAEF,MAAM,kBAAkB,GAAG,MAAM,OAAO,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAC9E,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,eAAe,CAChD,eAAe,EACf,kBAAkB,CACnB,CAAC;IAEF,MAAM,WAAW,GAAiB;QAChC,UAAU,EAAE,OAAO,CAAC,UAAU;QAC9B,IAAI,EAAE,aAAa,CAAC,IAAc;QAClC,IAAI,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;YACzB,YAAY,CAAC,IAAI;YACjB,aAAa,CAAW;QAC1B,KAAK,EAAE;YACL,MAAM,EAAE,OAAO,CAAC,UAAU;YAC1B,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,SAAS;SACpC;KACF,CAAC;IAEF,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,MAAM,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACxD,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC;QAEzB,OAAO;YACL,OAAO,EAAE,IAAI;SACd,CAAC;IACJ,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjB,OAAO;YACL,OAAO,EAAE,KAAK;SACf,CAAC;IACJ,CAAC;AACH,CAAC;AAED,eAAe,aAAa,CAAC,WAAW,CAAQ,CAAC"}
+{"version":3,"file":"vite-build.impl.js","names":[],"sources":["../../../../../../../../vite-plugin-angular-tools/src/builders/vite/vite-build.impl.ts"],"sourcesContent":["import {\n  BuilderContext,\n  BuilderOutput,\n  createBuilder,\n  targetFromTargetString,\n} from '@angular-devkit/architect';\nimport type { InlineConfig } from 'vite';\nimport { ViteBuildSchema } from './schema';\n\nasync function viteBuilder(\n  options: ViteBuildSchema,\n  context: BuilderContext,\n): Promise<BuilderOutput> {\n  const { createBuilder } = await Function('return import(\"vite\")')();\n  if (!context.target) {\n    throw new Error('Builder must be executed with a target');\n  }\n  const projectConfig = await context.getProjectMetadata(context.target);\n  const projectName = context.target.project;\n  const configuration = context.target.configuration || 'production';\n  const buildTargetSpecifier = `::${configuration}`;\n  const buildTarget = targetFromTargetString(\n    buildTargetSpecifier,\n    projectName,\n    'build',\n  );\n\n  const browserBuilderName = await context.getBuilderNameForTarget(buildTarget);\n  const rawBuildOptions = await context.getTargetOptions(buildTarget);\n  const buildOptions = await context.validateOptions(\n    rawBuildOptions,\n    browserBuilderName,\n  );\n\n  // Explicit build options and the requested configuration win over an\n  // ambient NODE_ENV, so `build:production` cannot silently produce a\n  // development build when NODE_ENV happens to be set. See #2458.\n  const mode = (buildOptions.mode ?? configuration) as string;\n\n  if (process.env.NODE_ENV && process.env.NODE_ENV !== mode) {\n    context.logger.warn(\n      `NODE_ENV is set to \"${process.env.NODE_ENV}\" but is ignored because the build resolved mode \"${mode}\" from the build options and configuration.`,\n    );\n  }\n\n  const buildConfig: InlineConfig = {\n    configFile: options.configFile,\n    root: projectConfig.root as string,\n    mode,\n    build: {\n      outDir: options.outputPath,\n      sourcemap: !!buildOptions.sourcemap,\n    },\n  };\n\n  try {\n    const builder = await createBuilder(buildConfig, false);\n    await builder.buildApp();\n\n    return {\n      success: true,\n    };\n  } catch (e) {\n    console.error(e);\n    return {\n      success: false,\n    };\n  }\n}\n\nexport default createBuilder(viteBuilder) as any;\n"],"mappings":";;AASA,eAAe,YACb,SACA,SACwB;CACxB,MAAM,EAAE,kBAAkB,MAAM,SAAS,0BAAwB,EAAE;AACnE,KAAI,CAAC,QAAQ,OACX,OAAM,IAAI,MAAM,yCAAyC;CAE3D,MAAM,gBAAgB,MAAM,QAAQ,mBAAmB,QAAQ,OAAO;CACtE,MAAM,cAAc,QAAQ,OAAO;CACnC,MAAM,gBAAgB,QAAQ,OAAO,iBAAiB;CAEtD,MAAM,eAAA,GAAA,0BAAA,wBADuB,KAAK,iBAGhC,aACA,QACD;CAED,MAAM,qBAAqB,MAAM,QAAQ,wBAAwB,YAAY;CAC7E,MAAM,kBAAkB,MAAM,QAAQ,iBAAiB,YAAY;CACnE,MAAM,eAAe,MAAM,QAAQ,gBACjC,iBACA,mBACD;CAKD,MAAM,OAAQ,aAAa,QAAQ;AAEnC,KAAA,QAAA,IAAA,YAAA,QAAA,IAAA,aAAqD,KACnD,SAAQ,OAAO,KACb,uBAAA,QAAA,IAAA,SAA4C,oDAAoD,KAAK,6CACtG;CAGH,MAAM,cAA4B;EAChC,YAAY,QAAQ;EACpB,MAAM,cAAc;EACpB;EACA,OAAO;GACL,QAAQ,QAAQ;GAChB,WAAW,CAAC,CAAC,aAAa;GAC3B;EACF;AAED,KAAI;AAEF,SADgB,MAAM,cAAc,aAAa,MAAM,EACzC,UAAU;AAExB,SAAO,EACL,SAAS,MACV;UACM,GAAG;AACV,UAAQ,MAAM,EAAE;AAChB,SAAO,EACL,SAAS,OACV;;;AAIL,IAAA,2BAAA,GAAA,0BAAA,eAA6B,YAAY"}

package/src/lib/tools/src/builders/vite-dev-server/dev-server.impl.js

@@ -1,65 +1,54 @@
-import { createBuilder, targetFromTargetString, } from '@angular-devkit/architect';
+let _angular_devkit_architect = require("@angular-devkit/architect");
+//#region packages/vite-plugin-angular-tools/src/builders/vite-dev-server/dev-server.impl.ts
 async function viteDevServerBuilder(options, context) {
-    const { createServer } = await Function('return import("vite")')();
-    if (!context.target) {
-        throw new Error('Builder must be executed with a target');
-    }
-    const projectConfig = await context.getProjectMetadata(context.target);
-    const projectName = context.target.project;
-    const buildTargetSpecifier = options.buildTarget ?? `::development`;
-    const buildTarget = targetFromTargetString(buildTargetSpecifier, projectName, 'build');
-    const browserBuilderName = await context.getBuilderNameForTarget(buildTarget);
-    const rawBuildOptions = await context.getTargetOptions(buildTarget);
-    const buildOptions = await context.validateOptions(rawBuildOptions, browserBuilderName);
-    const serverConfig = {
-        configFile: buildOptions.configFile,
-        root: projectConfig.root,
-        mode: (process.env.NODE_ENV ??
-            buildOptions.mode ??
-            'development'),
-        build: {
-            sourcemap: !!buildOptions.sourcemap,
-        },
-        server: {
-            hmr: options?.hmr,
-            port: options?.port,
-        },
-    };
-    try {
-        const server = await createServer(serverConfig);
-        await runViteDevServer(server);
-        const resolvedUrls = [
-            ...server.resolvedUrls.local,
-            ...server.resolvedUrls.network,
-        ];
-        await new Promise((resolve) => {
-            process.once('SIGINT', () => resolve());
-            process.once('SIGTERM', () => resolve());
-            process.once('exit', () => resolve());
-        });
-        return {
-            success: true,
-            baseUrl: resolvedUrls[0] ?? '',
-        };
-    }
-    catch (e) {
-        console.error(e);
-        return {
-            success: false,
-            baseUrl: '',
-        };
-    }
+	const { createServer } = await Function("return import(\"vite\")")();
+	if (!context.target) throw new Error("Builder must be executed with a target");
+	const projectConfig = await context.getProjectMetadata(context.target);
+	const projectName = context.target.project;
+	const buildTarget = (0, _angular_devkit_architect.targetFromTargetString)(options.buildTarget ?? `::development`, projectName, "build");
+	const browserBuilderName = await context.getBuilderNameForTarget(buildTarget);
+	const rawBuildOptions = await context.getTargetOptions(buildTarget);
+	const buildOptions = await context.validateOptions(rawBuildOptions, browserBuilderName);
+	const serverConfig = {
+		configFile: buildOptions.configFile,
+		root: projectConfig.root,
+		mode: buildOptions.mode ?? process.env.NODE_ENV ?? "development",
+		build: { sourcemap: !!buildOptions.sourcemap },
+		server: {
+			hmr: options?.hmr,
+			port: options?.port
+		}
+	};
+	try {
+		const server = await createServer(serverConfig);
+		await server.listen();
+		server.printUrls();
+		const resolvedUrls = [...server.resolvedUrls.local, ...server.resolvedUrls.network];
+		const processOnExit = async () => {
+			await server.close();
+		};
+		await new Promise((resolve) => {
+			const shutdown = () => {
+				processOnExit().then(() => resolve(), () => resolve());
+			};
+			process.once("SIGINT", shutdown);
+			process.once("SIGTERM", shutdown);
+			process.once("exit", shutdown);
+		});
+		return {
+			success: true,
+			baseUrl: resolvedUrls[0] ?? ""
+		};
+	} catch (e) {
+		console.error(e);
+		return {
+			success: false,
+			baseUrl: ""
+		};
+	}
 }
-// vite ViteDevServer
-async function runViteDevServer(server) {
-    await server.listen();
-    server.printUrls();
-    const processOnExit = async () => {
-        await server.close();
-    };
-    process.once('SIGINT', processOnExit);
-    process.once('SIGTERM', processOnExit);
-    process.once('exit', processOnExit);
-}
-export default createBuilder(viteDevServerBuilder);
+var dev_server_impl_default = (0, _angular_devkit_architect.createBuilder)(viteDevServerBuilder);
+//#endregion
+module.exports = dev_server_impl_default;
+
 //# sourceMappingURL=dev-server.impl.js.map

package/src/lib/tools/src/builders/vite-dev-server/dev-server.impl.js.map

@@ -1 +1 @@
-{"version":3,"file":"dev-server.impl.js","sourceRoot":"","sources":["../../../../../../../../../packages/vite-plugin-angular-tools/src/builders/vite-dev-server/dev-server.impl.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dev-server.impl.js","names":[],"sources":["../../../../../../../../vite-plugin-angular-tools/src/builders/vite-dev-server/dev-server.impl.ts"],"sourcesContent":["import {\n  BuilderContext,\n  BuilderOutput,\n  createBuilder,\n  targetFromTargetString,\n} from '@angular-devkit/architect';\nimport type { InlineConfig } from 'vite';\nimport { ViteDevServerSchema } from './schema';\n\nasync function viteDevServerBuilder(\n  options: ViteDevServerSchema,\n  context: BuilderContext,\n): Promise<BuilderOutput> {\n  const { createServer } = await Function('return import(\"vite\")')();\n  if (!context.target) {\n    throw new Error('Builder must be executed with a target');\n  }\n  const projectConfig = await context.getProjectMetadata(context.target);\n  const projectName = context.target.project;\n  const buildTargetSpecifier = options.buildTarget ?? `::development`;\n  const buildTarget = targetFromTargetString(\n    buildTargetSpecifier,\n    projectName,\n    'build',\n  );\n\n  const browserBuilderName = await context.getBuilderNameForTarget(buildTarget);\n  const rawBuildOptions = await context.getTargetOptions(buildTarget);\n  const buildOptions = await context.validateOptions(\n    rawBuildOptions,\n    browserBuilderName,\n  );\n\n  const serverConfig: InlineConfig = {\n    configFile: buildOptions.configFile as string,\n    root: projectConfig.root as string,\n    // An explicit mode from the build options wins over an ambient NODE_ENV.\n    // See #2458.\n    mode: (buildOptions.mode ??\n      process.env.NODE_ENV ??\n      'development') as string,\n    build: {\n      sourcemap: !!buildOptions.sourcemap,\n    },\n    server: {\n      hmr: options?.hmr,\n      port: options?.port,\n    },\n  };\n\n  try {\n    const server = await createServer(serverConfig);\n    await server.listen();\n    server.printUrls();\n\n    const resolvedUrls = [\n      ...server.resolvedUrls.local,\n      ...server.resolvedUrls.network,\n    ];\n\n    const processOnExit = async () => {\n      await server.close();\n    };\n\n    // Use process.once to avoid listener accumulation when Nx invokes\n    // multiple builders in the same process during a large build graph.\n    await new Promise<void>((resolve) => {\n      const shutdown = () => {\n        processOnExit().then(\n          () => resolve(),\n          () => resolve(),\n        );\n      };\n      process.once('SIGINT', shutdown);\n      process.once('SIGTERM', shutdown);\n      process.once('exit', shutdown);\n    });\n\n    return {\n      success: true,\n      baseUrl: resolvedUrls[0] ?? '',\n    };\n  } catch (e) {\n    console.error(e);\n    return {\n      success: false,\n      baseUrl: '',\n    };\n  }\n}\n\nexport default createBuilder(viteDevServerBuilder) as any;\n"],"mappings":";;AASA,eAAe,qBACb,SACA,SACwB;CACxB,MAAM,EAAE,iBAAiB,MAAM,SAAS,0BAAwB,EAAE;AAClE,KAAI,CAAC,QAAQ,OACX,OAAM,IAAI,MAAM,yCAAyC;CAE3D,MAAM,gBAAgB,MAAM,QAAQ,mBAAmB,QAAQ,OAAO;CACtE,MAAM,cAAc,QAAQ,OAAO;CAEnC,MAAM,eAAA,GAAA,0BAAA,wBADuB,QAAQ,eAAe,iBAGlD,aACA,QACD;CAED,MAAM,qBAAqB,MAAM,QAAQ,wBAAwB,YAAY;CAC7E,MAAM,kBAAkB,MAAM,QAAQ,iBAAiB,YAAY;CACnE,MAAM,eAAe,MAAM,QAAQ,gBACjC,iBACA,mBACD;CAED,MAAM,eAA6B;EACjC,YAAY,aAAa;EACzB,MAAM,cAAc;EAGpB,MAAO,aAAa,QAAA,QAAA,IAAA,YAElB;EACF,OAAO,EACL,WAAW,CAAC,CAAC,aAAa,WAC3B;EACD,QAAQ;GACN,KAAK,SAAS;GACd,MAAM,SAAS;GAChB;EACF;AAED,KAAI;EACF,MAAM,SAAS,MAAM,aAAa,aAAa;AAC/C,QAAM,OAAO,QAAQ;AACrB,SAAO,WAAW;EAElB,MAAM,eAAe,CACnB,GAAG,OAAO,aAAa,OACvB,GAAG,OAAO,aAAa,QACxB;EAED,MAAM,gBAAgB,YAAY;AAChC,SAAM,OAAO,OAAO;;AAKtB,QAAM,IAAI,SAAe,YAAY;GACnC,MAAM,iBAAiB;AACrB,mBAAe,CAAC,WACR,SAAS,QACT,SAAS,CAChB;;AAEH,WAAQ,KAAK,UAAU,SAAS;AAChC,WAAQ,KAAK,WAAW,SAAS;AACjC,WAAQ,KAAK,QAAQ,SAAS;IAC9B;AAEF,SAAO;GACL,SAAS;GACT,SAAS,aAAa,MAAM;GAC7B;UACM,GAAG;AACV,UAAQ,MAAM,EAAE;AAChB,SAAO;GACL,SAAS;GACT,SAAS;GACV;;;AAIL,IAAA,2BAAA,GAAA,0BAAA,eAA6B,qBAAqB"}

package/src/lib/tools/src/index.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.js.map

package/src/lib/utils/compilation-shared.d.ts

@@ -0,0 +1,62 @@
+import { AnalogStylesheetRegistry } from "../stylesheet-registry.js";
+import type { StylePreprocessor } from "../style-preprocessor.js";
+import type { FileReplacement } from "../plugins/file-replacements.plugin.js";
+export declare enum DiagnosticModes {
+	None = 0,
+	Option = 1,
+	Syntactic = 2,
+	Semantic = 4,
+	All = 7
+}
+export declare function injectViteIgnoreForHmrMetadata(code: string): string;
+export declare function isIgnoredHmrFile(file: string): boolean;
+/**
+* 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;
+/**
+* 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 describeStylesheetContent(code: string): {
+	length: number;
+	digest: string;
+	preview: string;
+};
+/**
+* Refreshes any already-served stylesheet records that map back to a changed
+* source file.
+*
+* This is the critical bridge for externalized Angular component styles during
+* HMR. Angular's resource watcher can notice that `/src/...component.css`
+* changed before Angular recompilation has had a chance to repopulate the
+* stylesheet registry. If we emit a CSS update against the existing virtual
+* stylesheet id without first refreshing the registry content, the browser gets
+* a hot update containing stale CSS. By rewriting the existing served records
+* from disk up front, HMR always pushes the latest source content.
+*/
+export declare function refreshStylesheetRegistryForFile(file: string, stylesheetRegistry?: AnalogStylesheetRegistry, stylePreprocessor?: StylePreprocessor): void;
+/**
+* Checks for vitest run from the command line
+* @returns boolean
+*/
+export declare function isTestWatchMode(args?): boolean;

package/src/lib/utils/compilation-shared.js

@@ -0,0 +1,138 @@
+import { debugStylesV } from "./debug.js";
+import { normalizeStylesheetDependencies } from "../style-preprocessor.js";
+import { preprocessStylesheetResult, rewriteRelativeCssImports } from "../stylesheet-registry.js";
+import { existsSync, readFileSync } from "node:fs";
+import { basename, isAbsolute, resolve } from "node:path";
+import { normalizePath } from "vite";
+import { createHash } from "node:crypto";
+//#region packages/vite-plugin-angular/src/lib/utils/compilation-shared.ts
+/**
+* Shared utilities used by both angular-vite-plugin.ts and
+* compilation-api/compilation-api-plugin.ts.
+*/
+var DiagnosticModes = /* @__PURE__ */ function(DiagnosticModes) {
+	DiagnosticModes[DiagnosticModes["None"] = 0] = "None";
+	DiagnosticModes[DiagnosticModes["Option"] = 1] = "Option";
+	DiagnosticModes[DiagnosticModes["Syntactic"] = 2] = "Syntactic";
+	DiagnosticModes[DiagnosticModes["Semantic"] = 4] = "Semantic";
+	DiagnosticModes[DiagnosticModes["All"] = 7] = "All";
+	return DiagnosticModes;
+}({});
+function injectViteIgnoreForHmrMetadata(code) {
+	let patched = code.replace(/\bimport\(([a-zA-Z_$][\w$]*\.\u0275\u0275getReplaceMetadataURL)/g, "import(/* @vite-ignore */ $1");
+	if (patched === code) patched = patched.replace(/import\((\S+getReplaceMetadataURL)/g, "import(/* @vite-ignore */ $1");
+	return patched;
+}
+function isIgnoredHmrFile(file) {
+	return file.endsWith(".tsbuildinfo");
+}
+/**
+* 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.
+*/
+function toAngularCompilationFileReplacements(replacements, workspaceRoot) {
+	const mappedReplacements = replacements.flatMap((replacement) => {
+		if (!("with" in replacement)) return [];
+		return [[isAbsolute(replacement.replace) ? replacement.replace : resolve(workspaceRoot, replacement.replace), isAbsolute(replacement.with) ? replacement.with : resolve(workspaceRoot, replacement.with)]];
+	});
+	return mappedReplacements.length ? Object.fromEntries(mappedReplacements) : void 0;
+}
+/**
+* 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.).
+*/
+function mapTemplateUpdatesToFiles(templateUpdates) {
+	const updatesByFile = /* @__PURE__ */ new Map();
+	templateUpdates?.forEach((code, encodedUpdateId) => {
+		const [file, className = ""] = decodeURIComponent(encodedUpdateId).split("@");
+		const resolvedFile = normalizePath(resolve(process.cwd(), file));
+		updatesByFile.set(resolvedFile, {
+			className,
+			code
+		});
+	});
+	return updatesByFile;
+}
+function describeStylesheetContent(code) {
+	return {
+		length: code.length,
+		digest: createHash("sha256").update(code).digest("hex").slice(0, 12),
+		preview: code.replace(/\s+/g, " ").trim().slice(0, 160)
+	};
+}
+/**
+* Refreshes any already-served stylesheet records that map back to a changed
+* source file.
+*
+* This is the critical bridge for externalized Angular component styles during
+* HMR. Angular's resource watcher can notice that `/src/...component.css`
+* changed before Angular recompilation has had a chance to repopulate the
+* stylesheet registry. If we emit a CSS update against the existing virtual
+* stylesheet id without first refreshing the registry content, the browser gets
+* a hot update containing stale CSS. By rewriting the existing served records
+* from disk up front, HMR always pushes the latest source content.
+*/
+function refreshStylesheetRegistryForFile(file, stylesheetRegistry, stylePreprocessor) {
+	const normalizedFile = normalizePath(file.split("?")[0]);
+	if (!stylesheetRegistry || !existsSync(normalizedFile)) return;
+	const publicIds = stylesheetRegistry.getPublicIdsForSource(normalizedFile);
+	if (publicIds.length === 0) return;
+	const rawCss = readFileSync(normalizedFile, "utf-8");
+	const preprocessed = preprocessStylesheetResult(rawCss, normalizedFile, stylePreprocessor);
+	const servedCss = rewriteRelativeCssImports(preprocessed.code, normalizedFile);
+	for (const publicId of publicIds) stylesheetRegistry.registerServedStylesheet({
+		publicId,
+		sourcePath: normalizedFile,
+		originalCode: rawCss,
+		normalizedCode: servedCss,
+		dependencies: normalizeStylesheetDependencies(preprocessed.dependencies),
+		diagnostics: preprocessed.diagnostics,
+		tags: preprocessed.tags
+	}, [
+		normalizedFile,
+		normalizePath(normalizedFile),
+		basename(normalizedFile),
+		normalizedFile.replace(/^\//, "")
+	]);
+	debugStylesV("stylesheet registry refreshed from source file", {
+		file: normalizedFile,
+		publicIds,
+		dependencies: preprocessed.dependencies,
+		diagnostics: preprocessed.diagnostics,
+		tags: preprocessed.tags,
+		source: describeStylesheetContent(rawCss),
+		served: describeStylesheetContent(servedCss)
+	});
+}
+/**
+* Checks for vitest run from the command line
+* @returns boolean
+*/
+function isTestWatchMode(args = process.argv) {
+	if (args.find((arg) => arg.includes("--run"))) return false;
+	if (args.includes("run")) return false;
+	if (args.find((arg) => arg.includes("--no-run"))) return true;
+	const hasWatch = args.find((arg) => arg.includes("watch"));
+	if (hasWatch && ["false", "no"].some((neg) => hasWatch.includes(neg))) return false;
+	const watchArg = args[args.findIndex((arg) => arg.includes("watch")) + 1];
+	if (watchArg && watchArg === "false") return false;
+	return true;
+}
+//#endregion
+export { DiagnosticModes, describeStylesheetContent, injectViteIgnoreForHmrMetadata, isIgnoredHmrFile, isTestWatchMode, mapTemplateUpdatesToFiles, refreshStylesheetRegistryForFile, toAngularCompilationFileReplacements };
+
+//# sourceMappingURL=compilation-shared.js.map