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

package/src/lib/stylesheet-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet-registry.js","names":[],"sources":["../../../src/lib/stylesheet-registry.ts"],"sourcesContent":["import { createHash } from 'node:crypto';\nimport { dirname, normalize, resolve } from 'node:path';\nimport { normalizePath } from 'vite';\nimport type {\n  StylePreprocessor,\n  StylesheetDependency,\n  StylesheetDiagnostic,\n  StylesheetTransformResult,\n  StylesheetTransformContext,\n} from './style-preprocessor.js';\nimport { normalizeStylesheetTransformResult as normalizeTransformResult } from './style-preprocessor.js';\n\nexport interface AnalogStylesheetRecord {\n  publicId: string;\n  sourcePath?: string;\n  originalCode?: string;\n  normalizedCode: string;\n  dependencies?: StylesheetDependency[];\n  diagnostics?: StylesheetDiagnostic[];\n  tags?: string[];\n}\n\nexport class AnalogStylesheetRegistry {\n  private servedById = new Map<string, AnalogStylesheetRecord>();\n  private servedAliasToId = new Map<string, string>();\n  private externalRequestToSource = new Map<string, string>();\n  /**\n   * Maps a real source stylesheet path back to the generated public stylesheet\n   * ids Analog serves for Angular. This is stable across requests and lets HMR\n   * reason about \"which virtual stylesheet came from this source file?\"\n   */\n  private sourceToPublicIds = new Map<string, Set<string>>();\n  /**\n   * Tracks the live request ids Vite/Angular have actually served for a source\n   * stylesheet, including both `?direct&ngcomp=...` CSS modules and\n   * `?ngcomp=...` JS wrapper modules. HMR must use these live request ids\n   * because Angular component styles are no longer addressed by their original\n   * file paths once externalized.\n   */\n  private sourceToRequestIds = new Map<string, Set<string>>();\n  private sourceToDependencies = new Map<string, StylesheetDependency[]>();\n  private sourceToDiagnostics = new Map<string, StylesheetDiagnostic[]>();\n  private sourceToTags = new Map<string, string[]>();\n\n  /**\n   * Canonicalizes browser-facing stylesheet request ids so Vite timestamp\n   * variants (`?t=...`) and path-shape variants (`abc.css?...` vs\n   * `/abc.css?...`) all collapse onto one logical module identity.\n   *\n   * This is critical for Angular component stylesheet HMR because the browser\n   * can keep both timestamped and non-timestamped requests alive for the same\n   * externalized stylesheet. If Analog tracks them as distinct resources, HMR\n   * can update one module while the browser continues rendering another stale\n   * module for the same public stylesheet id.\n   */\n  private normalizeRequestId(requestId: string): string {\n    const [rawPathname, rawSearch = ''] = requestId.split('?');\n    const normalizedPathname = rawPathname.replace(/^\\//, '');\n\n    if (!rawSearch) {\n      return normalizedPathname;\n    }\n\n    // Preserve bare query flags like `?direct&ngcomp=...` exactly. Using\n    // URLSearchParams reserializes `direct` as `direct=`, which changes the\n    // module identity and breaks Vite module-graph lookups for Angular's\n    // externalized component stylesheet requests.\n    const normalizedSearch = rawSearch\n      .split('&')\n      .filter((segment) => segment.length > 0)\n      .filter((segment) => {\n        const [key] = segment.split('=');\n        return key !== 't';\n      })\n      .join('&');\n\n    return normalizedSearch\n      ? `${normalizedPathname}?${normalizedSearch}`\n      : normalizedPathname;\n  }\n\n  get servedCount(): number {\n    return this.servedById.size;\n  }\n\n  get externalCount(): number {\n    return this.externalRequestToSource.size;\n  }\n\n  hasServed(requestId: string): boolean {\n    return this.resolveServedRecord(requestId) !== undefined;\n  }\n\n  getServedContent(requestId: string): string | undefined {\n    return this.resolveServedRecord(requestId)?.normalizedCode;\n  }\n\n  getServedSourcePath(requestId: string): string | undefined {\n    return this.resolveServedRecord(requestId)?.sourcePath;\n  }\n\n  resolveExternalSource(requestId: string): string | undefined {\n    const normalizedRequestId = this.normalizeRequestId(requestId);\n    return this.externalRequestToSource.get(normalizedRequestId);\n  }\n\n  getPublicIdsForSource(sourcePath: string): string[] {\n    return [...(this.sourceToPublicIds.get(sourcePath) ?? [])];\n  }\n\n  getRequestIdsForSource(sourcePath: string): string[] {\n    return [...(this.sourceToRequestIds.get(sourcePath) ?? [])];\n  }\n\n  getDependenciesForSource(sourcePath: string): StylesheetDependency[] {\n    return [...(this.sourceToDependencies.get(sourcePath) ?? [])];\n  }\n\n  getDiagnosticsForSource(sourcePath: string): StylesheetDiagnostic[] {\n    return [...(this.sourceToDiagnostics.get(sourcePath) ?? [])];\n  }\n\n  getTagsForSource(sourcePath: string): string[] {\n    return [...(this.sourceToTags.get(sourcePath) ?? [])];\n  }\n\n  registerExternalRequest(requestId: string, sourcePath: string): void {\n    this.externalRequestToSource.set(\n      this.normalizeRequestId(requestId),\n      sourcePath,\n    );\n  }\n\n  registerActiveRequest(requestId: string): void {\n    // Requests arrive in multiple shapes depending on who asked for the\n    // stylesheet (`abc123.css?...` vs `/abc123.css?...`). Normalize both back to\n    // the source file so later HMR events for `/src/...component.css` can find\n    // the currently active virtual requests.\n    const normalizedRequestId = this.normalizeRequestId(requestId);\n    const requestPath = normalizedRequestId.split('?')[0];\n    const sourcePath =\n      this.resolveExternalSource(requestPath) ??\n      this.resolveExternalSource(requestPath.replace(/^\\//, '')) ??\n      this.getServedSourcePath(requestPath) ??\n      this.getServedSourcePath(requestPath.replace(/^\\//, ''));\n    if (!sourcePath) {\n      return;\n    }\n\n    const requestIds = this.sourceToRequestIds.get(sourcePath) ?? new Set();\n    requestIds.add(normalizedRequestId);\n    // Angular component styles are served through both a direct CSS request\n    // (`?direct&ngcomp=...`) and a JS wrapper request (`?ngcomp=...`). The\n    // browser can already have the wrapper loaded even when Vite's live module\n    // graph only surfaces the direct request during a CSS-only edit. Track the\n    // derived wrapper id eagerly so HMR can reason about the browser-visible\n    // stylesheet identity without waiting for that wrapper request to be\n    // observed later in the session.\n    if (normalizedRequestId.includes('?direct&ngcomp=')) {\n      requestIds.add(\n        normalizedRequestId.replace('?direct&ngcomp=', '?ngcomp='),\n      );\n    }\n    this.sourceToRequestIds.set(sourcePath, requestIds);\n  }\n\n  registerServedStylesheet(\n    record: AnalogStylesheetRecord,\n    aliases: string[] = [],\n  ): void {\n    const publicId = this.normalizeRequestId(record.publicId);\n    this.servedById.set(publicId, { ...record, publicId });\n    this.servedAliasToId.set(publicId, publicId);\n\n    for (const alias of aliases) {\n      this.servedAliasToId.set(this.normalizeRequestId(alias), publicId);\n    }\n\n    if (record.sourcePath) {\n      const publicIds =\n        this.sourceToPublicIds.get(record.sourcePath) ?? new Set();\n      publicIds.add(publicId);\n      this.sourceToPublicIds.set(record.sourcePath, publicIds);\n      this.recomputeSourceMetadata(record.sourcePath);\n    }\n  }\n\n  private recomputeSourceMetadata(sourcePath: string): void {\n    const dependencies = new Map<string, StylesheetDependency>();\n    const diagnostics = new Map<string, StylesheetDiagnostic>();\n    const tags = new Set<string>();\n\n    for (const publicId of this.sourceToPublicIds.get(sourcePath) ?? []) {\n      const record = this.servedById.get(publicId);\n      if (!record) {\n        continue;\n      }\n\n      for (const dependency of record.dependencies ?? []) {\n        const key = `${dependency.kind ?? 'unknown'}:${dependency.id}:${dependency.owner ?? ''}`;\n        dependencies.set(key, dependency);\n      }\n\n      for (const diagnostic of record.diagnostics ?? []) {\n        const key = `${diagnostic.severity}:${diagnostic.code}:${diagnostic.message}`;\n        diagnostics.set(key, diagnostic);\n      }\n\n      for (const tag of record.tags ?? []) {\n        tags.add(tag);\n      }\n    }\n\n    this.sourceToDependencies.set(sourcePath, [...dependencies.values()]);\n    this.sourceToDiagnostics.set(sourcePath, [...diagnostics.values()]);\n    this.sourceToTags.set(sourcePath, [...tags]);\n  }\n\n  private resolveServedRecord(\n    requestId: string,\n  ): AnalogStylesheetRecord | undefined {\n    const normalizedRequestId = this.normalizeRequestId(requestId);\n    const publicId =\n      this.servedAliasToId.get(normalizedRequestId) ??\n      this.servedAliasToId.get(normalizedRequestId.split('?')[0]) ??\n      normalizedRequestId.split('?')[0];\n    return this.servedById.get(publicId);\n  }\n}\n\nexport function preprocessStylesheet(\n  code: string,\n  filename: string,\n  stylePreprocessor?: StylePreprocessor,\n  context?: StylesheetTransformContext,\n): string {\n  return preprocessStylesheetResult(code, filename, stylePreprocessor, context)\n    .code;\n}\n\nexport function preprocessStylesheetResult(\n  code: string,\n  filename: string,\n  stylePreprocessor?: StylePreprocessor,\n  context?: StylesheetTransformContext,\n): StylesheetTransformResult {\n  return normalizeTransformResult(\n    stylePreprocessor?.(code, filename, context),\n    code,\n  );\n}\n\nexport function rewriteRelativeCssImports(\n  code: string,\n  filename: string,\n): string {\n  const cssDir = dirname(filename);\n  return code.replace(\n    /@import\\s+(?:url\\(\\s*([\"']?)(\\.[^'\")\\s;]+)\\1\\s*\\)|([\"'])(\\.[^'\"]+)\\3)/g,\n    (_match, urlQuote, urlPath, stringQuote, stringPath) => {\n      const relPath = urlPath ?? stringPath;\n      const absPath = resolve(cssDir, relPath);\n\n      if (typeof urlPath === 'string') {\n        return `@import url(${urlQuote}${absPath}${urlQuote})`;\n      }\n\n      return `@import ${stringQuote}${absPath}${stringQuote}`;\n    },\n  );\n}\n\nexport function registerStylesheetContent(\n  registry: AnalogStylesheetRegistry,\n  {\n    code,\n    dependencies,\n    diagnostics,\n    tags,\n    containingFile,\n    className,\n    order,\n    inlineStylesExtension,\n    resourceFile,\n  }: {\n    code: string;\n    dependencies?: StylesheetDependency[];\n    diagnostics?: StylesheetDiagnostic[];\n    tags?: string[];\n    containingFile: string;\n    className?: string;\n    order?: number;\n    inlineStylesExtension: string;\n    resourceFile?: string;\n  },\n): string {\n  const id = createHash('sha256')\n    .update(containingFile)\n    .update(className ?? '')\n    .update(String(order ?? 0))\n    .update(code)\n    .digest('hex');\n  const stylesheetId = `${id}.${inlineStylesExtension}`;\n  const sourcePath =\n    resourceFile ?? containingFile.replace('.ts', `.${inlineStylesExtension}`);\n  const normalizedSourcePath = normalizePath(normalize(sourcePath));\n\n  // Avoid basename-only aliases here: shared filenames like `index.css`\n  // can collide across components and break HMR lookups.\n  const aliases = [\n    sourcePath,\n    normalizedSourcePath,\n    sourcePath.replace(/^\\//, ''),\n    normalizedSourcePath.replace(/^\\//, ''),\n  ];\n\n  registry.registerServedStylesheet(\n    {\n      publicId: stylesheetId,\n      sourcePath: normalizedSourcePath,\n      normalizedCode: code,\n      dependencies,\n      diagnostics,\n      tags,\n    },\n    aliases,\n  );\n\n  return stylesheetId;\n}\n"],"mappings":"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"}

package/src/lib/tools/package.json

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

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

@@ -1,4 +1,4 @@
-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\")")();
@@ -6,14 +6,16 @@ async function viteBuilder(options, context) {
 	const projectConfig = await context.getProjectMetadata(context.target);
 	const projectName = context.target.project;
 	const configuration = context.target.configuration || "production";
-	const buildTarget = targetFromTargetString(`::${configuration}`, projectName, "build");
+	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: process.env.NODE_ENV ?? buildOptions.mode ?? configuration,
+		mode,
 		build: {
 			outDir: options.outputPath,
 			sourcemap: !!buildOptions.sourcemap
@@ -27,8 +29,8 @@ async function viteBuilder(options, context) {
 		return { success: false };
 	}
 }
-var vite_build_impl_default = createBuilder(viteBuilder);
+var vite_build_impl_default = (0, _angular_devkit_architect.createBuilder)(viteBuilder);
 //#endregion
-export { vite_build_impl_default as default };
+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","names":[],"sources":["../../../../../../../../../packages/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  const buildConfig: InlineConfig = {\n    configFile: options.configFile,\n    root: projectConfig.root as string,\n    mode: (process.env.NODE_ENV ??\n      buildOptions.mode ??\n      configuration) as string,\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,cAAc,uBADS,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;CAED,MAAM,cAA4B;EAChC,YAAY,QAAQ;EACpB,MAAM,cAAc;EACpB,MAAA,QAAA,IAAA,YACE,aAAa,QACb;EACF,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,0BAAe,cAAc,YAAY"}
+{"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,18 +1,18 @@
-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 buildTarget = targetFromTargetString(options.buildTarget ?? `::development`, projectName, "build");
+	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: process.env.NODE_ENV ?? buildOptions.mode ?? "development",
+		mode: buildOptions.mode ?? process.env.NODE_ENV ?? "development",
 		build: { sourcemap: !!buildOptions.sourcemap },
 		server: {
 			hmr: options?.hmr,
@@ -21,12 +21,19 @@ async function viteDevServerBuilder(options, context) {
 	};
 	try {
 		const server = await createServer(serverConfig);
-		await runViteDevServer(server);
+		await server.listen();
+		server.printUrls();
 		const resolvedUrls = [...server.resolvedUrls.local, ...server.resolvedUrls.network];
+		const processOnExit = async () => {
+			await server.close();
+		};
 		await new Promise((resolve) => {
-			process.once("SIGINT", () => resolve());
-			process.once("SIGTERM", () => resolve());
-			process.once("exit", () => resolve());
+			const shutdown = () => {
+				processOnExit().then(() => resolve(), () => resolve());
+			};
+			process.once("SIGINT", shutdown);
+			process.once("SIGTERM", shutdown);
+			process.once("exit", shutdown);
 		});
 		return {
 			success: true,
@@ -40,18 +47,8 @@ async function viteDevServerBuilder(options, context) {
 		};
 	}
 }
-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);
-}
-var dev_server_impl_default = createBuilder(viteDevServerBuilder);
+var dev_server_impl_default = (0, _angular_devkit_architect.createBuilder)(viteDevServerBuilder);
 //#endregion
-export { dev_server_impl_default as default };
+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","names":[],"sources":["../../../../../../../../../packages/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    mode: (process.env.NODE_ENV ??\n      buildOptions.mode ??\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 runViteDevServer(server);\n    const resolvedUrls = [\n      ...server.resolvedUrls.local,\n      ...server.resolvedUrls.network,\n    ];\n\n    await new Promise<void>((resolve) => {\n      process.once('SIGINT', () => resolve());\n      process.once('SIGTERM', () => resolve());\n      process.once('exit', () => resolve());\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\n// vite ViteDevServer\nasync function runViteDevServer(server: Record<string, any>): Promise<void> {\n  await server.listen();\n\n  server.printUrls();\n\n  const processOnExit = async () => {\n    await server.close();\n  };\n\n  process.once('SIGINT', processOnExit);\n  process.once('SIGTERM', processOnExit);\n  process.once('exit', processOnExit);\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,cAAc,uBADS,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;EACpB,MAAA,QAAA,IAAA,YACE,aAAa,QACb;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,iBAAiB,OAAO;EAC9B,MAAM,eAAe,CACnB,GAAG,OAAO,aAAa,OACvB,GAAG,OAAO,aAAa,QACxB;AAED,QAAM,IAAI,SAAe,YAAY;AACnC,WAAQ,KAAK,gBAAgB,SAAS,CAAC;AACvC,WAAQ,KAAK,iBAAiB,SAAS,CAAC;AACxC,WAAQ,KAAK,cAAc,SAAS,CAAC;IACrC;AAEF,SAAO;GACL,SAAS;GACT,SAAS,aAAa,MAAM;GAC7B;UACM,GAAG;AACV,UAAQ,MAAM,EAAE;AAChB,SAAO;GACL,SAAS;GACT,SAAS;GACV;;;AAKL,eAAe,iBAAiB,QAA4C;AAC1E,OAAM,OAAO,QAAQ;AAErB,QAAO,WAAW;CAElB,MAAM,gBAAgB,YAAY;AAChC,QAAM,OAAO,OAAO;;AAGtB,SAAQ,KAAK,UAAU,cAAc;AACrC,SAAQ,KAAK,WAAW,cAAc;AACtC,SAAQ,KAAK,QAAQ,cAAc;;AAGrC,IAAA,0BAAe,cAAc,qBAAqB"}
+{"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/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 { createHash } from "node:crypto";
+import { existsSync, readFileSync } from "node:fs";
+import { basename, isAbsolute, resolve } from "node:path";
+import { normalizePath } from "vite";
+//#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

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

@@ -0,0 +1 @@
+{"version":3,"file":"compilation-shared.js","names":[],"sources":["../../../../src/lib/utils/compilation-shared.ts"],"sourcesContent":["/**\n * Shared utilities used by both angular-vite-plugin.ts and\n * compilation-api/compilation-api-plugin.ts.\n */\n\nimport { existsSync, readFileSync } from 'node:fs';\nimport { basename, isAbsolute, resolve } from 'node:path';\nimport { createHash } from 'node:crypto';\nimport { normalizePath } from 'vite';\n\nimport {\n  AnalogStylesheetRegistry,\n  preprocessStylesheetResult,\n  rewriteRelativeCssImports,\n} from '../stylesheet-registry.js';\nimport { normalizeStylesheetDependencies } from '../style-preprocessor.js';\nimport type { StylePreprocessor } from '../style-preprocessor.js';\nimport type { FileReplacement } from '../plugins/file-replacements.plugin.js';\nimport { debugStylesV } from './debug.js';\n\nexport enum DiagnosticModes {\n  None = 0,\n  Option = 1 << 0,\n  Syntactic = 1 << 1,\n  Semantic = 1 << 2,\n  All = Option | Syntactic | Semantic,\n}\n\nexport function injectViteIgnoreForHmrMetadata(code: string): string {\n  let patched = code.replace(\n    /\\bimport\\(([a-zA-Z_$][\\w$]*\\.\\u0275\\u0275getReplaceMetadataURL)/g,\n    'import(/* @vite-ignore */ $1',\n  );\n\n  if (patched === code) {\n    patched = patched.replace(\n      /import\\((\\S+getReplaceMetadataURL)/g,\n      'import(/* @vite-ignore */ $1',\n    );\n  }\n\n  return patched;\n}\n\nexport function isIgnoredHmrFile(file: string): boolean {\n  return file.endsWith('.tsbuildinfo');\n}\n\n/**\n * Convert Analog/Angular CLI-style file replacements into the flat record\n * expected by `AngularHostOptions.fileReplacements`.\n *\n * Only browser replacements (`{ replace, with }`) are converted. SSR-only\n * replacements (`{ replace, ssr }`) are left for the Vite runtime plugin to\n * handle — they should not be baked into the Angular compilation host because\n * that would apply them to both browser and server builds.\n *\n * Relative paths are resolved against `workspaceRoot` so that the host\n * receives the same absolute paths it would get from the Angular CLI.\n */\nexport function toAngularCompilationFileReplacements(\n  replacements: FileReplacement[],\n  workspaceRoot: string,\n): Record<string, string> | undefined {\n  const mappedReplacements = replacements.flatMap((replacement) => {\n    if (!('with' in replacement)) {\n      return [];\n    }\n\n    return [\n      [\n        isAbsolute(replacement.replace)\n          ? replacement.replace\n          : resolve(workspaceRoot, replacement.replace),\n        isAbsolute(replacement.with)\n          ? replacement.with\n          : resolve(workspaceRoot, replacement.with),\n      ] as const,\n    ];\n  });\n\n  return mappedReplacements.length\n    ? Object.fromEntries(mappedReplacements)\n    : undefined;\n}\n\n/**\n * Map Angular's `templateUpdates` (keyed by `encodedFilePath@ClassName`)\n * back to absolute file paths with their associated HMR code and component\n * class name.\n *\n * Angular's private Compilation API emits template update keys in the form\n * `encodeURIComponent(relativePath + '@' + className)`. We decode and resolve\n * them so the caller can look up updates by the same normalized absolute path\n * used elsewhere in the plugin (`outputFiles`, `classNames`, etc.).\n */\nexport function mapTemplateUpdatesToFiles(\n  templateUpdates: ReadonlyMap<string, string> | undefined,\n): Map<\n  string,\n  {\n    className: string;\n    code: string;\n  }\n> {\n  const updatesByFile = new Map<string, { className: string; code: string }>();\n\n  templateUpdates?.forEach((code, encodedUpdateId) => {\n    const [file, className = ''] =\n      decodeURIComponent(encodedUpdateId).split('@');\n    const resolvedFile = normalizePath(resolve(process.cwd(), file));\n\n    updatesByFile.set(resolvedFile, {\n      className,\n      code,\n    });\n  });\n\n  return updatesByFile;\n}\n\nexport function describeStylesheetContent(code: string): {\n  length: number;\n  digest: string;\n  preview: string;\n} {\n  return {\n    length: code.length,\n    digest: createHash('sha256').update(code).digest('hex').slice(0, 12),\n    preview: code.replace(/\\s+/g, ' ').trim().slice(0, 160),\n  };\n}\n\n/**\n * Refreshes any already-served stylesheet records that map back to a changed\n * source file.\n *\n * This is the critical bridge for externalized Angular component styles during\n * HMR. Angular's resource watcher can notice that `/src/...component.css`\n * changed before Angular recompilation has had a chance to repopulate the\n * stylesheet registry. If we emit a CSS update against the existing virtual\n * stylesheet id without first refreshing the registry content, the browser gets\n * a hot update containing stale CSS. By rewriting the existing served records\n * from disk up front, HMR always pushes the latest source content.\n */\nexport function refreshStylesheetRegistryForFile(\n  file: string,\n  stylesheetRegistry?: AnalogStylesheetRegistry,\n  stylePreprocessor?: StylePreprocessor,\n): void {\n  const normalizedFile = normalizePath(file.split('?')[0]);\n  if (!stylesheetRegistry || !existsSync(normalizedFile)) {\n    return;\n  }\n\n  const publicIds = stylesheetRegistry.getPublicIdsForSource(normalizedFile);\n  if (publicIds.length === 0) {\n    return;\n  }\n\n  const rawCss = readFileSync(normalizedFile, 'utf-8');\n  const preprocessed = preprocessStylesheetResult(\n    rawCss,\n    normalizedFile,\n    stylePreprocessor,\n  );\n  const servedCss = rewriteRelativeCssImports(\n    preprocessed.code,\n    normalizedFile,\n  );\n\n  for (const publicId of publicIds) {\n    stylesheetRegistry.registerServedStylesheet(\n      {\n        publicId,\n        sourcePath: normalizedFile,\n        originalCode: rawCss,\n        normalizedCode: servedCss,\n        dependencies: normalizeStylesheetDependencies(\n          preprocessed.dependencies,\n        ),\n        diagnostics: preprocessed.diagnostics,\n        tags: preprocessed.tags,\n      },\n      [\n        normalizedFile,\n        normalizePath(normalizedFile),\n        basename(normalizedFile),\n        normalizedFile.replace(/^\\//, ''),\n      ],\n    );\n  }\n\n  debugStylesV('stylesheet registry refreshed from source file', {\n    file: normalizedFile,\n    publicIds,\n    dependencies: preprocessed.dependencies,\n    diagnostics: preprocessed.diagnostics,\n    tags: preprocessed.tags,\n    source: describeStylesheetContent(rawCss),\n    served: describeStylesheetContent(servedCss),\n  });\n}\n\n/**\n * Checks for vitest run from the command line\n * @returns boolean\n */\nexport function isTestWatchMode(args = process.argv): boolean {\n  // vitest --run\n  const hasRun = args.find((arg) => arg.includes('--run'));\n  if (hasRun) {\n    return false;\n  }\n\n  // vitest run\n  if (args.includes('run')) {\n    return false;\n  }\n\n  // vitest --no-run\n  const hasNoRun = args.find((arg) => arg.includes('--no-run'));\n  if (hasNoRun) {\n    return true;\n  }\n\n  // check for --watch=false or --no-watch\n  const hasWatch = args.find((arg) => arg.includes('watch'));\n  if (hasWatch && ['false', 'no'].some((neg) => hasWatch.includes(neg))) {\n    return false;\n  }\n\n  // check for --watch false\n  const watchIndex = args.findIndex((arg) => arg.includes('watch'));\n  const watchArg = args[watchIndex + 1];\n  if (watchArg && watchArg === 'false') {\n    return false;\n  }\n\n  return true;\n}\n"],"mappings":"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"}

package/src/lib/utils/compiler-plugin-options.d.ts

@@ -1,13 +1,13 @@
-import { SourceFileCache } from './source-file-cache';
+import { SourceFileCache } from "./source-file-cache";
 export interface CompilerPluginOptions {
-    sourcemap: boolean;
-    tsconfig: string;
-    jit?: boolean;
-    /** Skip TypeScript compilation setup. This is useful to re-use the TypeScript compilation from another plugin. */
-    noopTypeScriptCompilation?: boolean;
-    advancedOptimizations?: boolean;
-    thirdPartySourcemaps?: boolean;
-    fileReplacements?: Record<string, string>;
-    sourceFileCache?: SourceFileCache;
-    incremental: boolean;
+	sourcemap: boolean;
+	tsconfig: string;
+	jit?: boolean;
+	/** Skip TypeScript compilation setup. This is useful to re-use the TypeScript compilation from another plugin. */
+	noopTypeScriptCompilation?: boolean;
+	advancedOptimizations?: boolean;
+	thirdPartySourcemaps?: boolean;
+	fileReplacements?: Record<string, string>;
+	sourceFileCache?: SourceFileCache;
+	incremental: boolean;
 }

package/src/lib/utils/css-extension-resolver.d.ts

@@ -0,0 +1,32 @@
+import * as vite from "vite";
+/**
+* Resolves bare-specifier `.css` imports with the `style` package-export
+* condition in scope, without leaking `style` into Vite's global
+* `resolve.conditions`.
+*
+* Two real cases pull in opposite directions on this condition:
+*
+*   1. `import '@angular/material/prebuilt-themes/azure-blue.css'` from TS:
+*      Material's prebuilt theme entries are gated *only* under the `style`
+*      condition (no `default`, no `import`), so without `style` in scope
+*      the request fails with `ERR_PACKAGE_PATH_NOT_EXPORTED`.
+*
+*   2. `@plugin 'tailwindcss-primeui'` from a CSS file: Tailwind v4's JS
+*      plugin resolver inherits Vite's global conditions. If `style` is
+*      injected globally, that resolver matches the package's `style`
+*      export (a `.css` file) and feeds it to Node's ESM loader, which
+*      can't load `.css` and throws
+*      `Internal server error: Unknown file extension ".css"`.
+*
+* The fix: scope the `style` condition to requests that *look* like CSS
+* assets — bare specifiers ending in `.css` (with optional query suffix
+* for `?inline`, `?module`, etc.). Non-CSS bare specifiers fall through
+* to Vite's normal resolver chain, so packages with mixed exports
+* (`tailwindcss-primeui` exposes both `style` and `import`) resolve to
+* their JS surface.
+*
+* Vite 7 exposes `ResolvedConfig.createResolver(options)`; Vite 8 exposes
+* `vite.createIdResolver(config, options)`. Their resolver-call signatures
+* differ — this plugin normalizes both.
+*/
+export declare function cssExtensionStyleResolverPlugin(): vite.Plugin;

package/src/lib/utils/css-extension-resolver.js

@@ -0,0 +1,73 @@
+import * as vite from "vite";
+//#region packages/vite-plugin-angular/src/lib/utils/css-extension-resolver.ts
+/**
+* Resolves bare-specifier `.css` imports with the `style` package-export
+* condition in scope, without leaking `style` into Vite's global
+* `resolve.conditions`.
+*
+* Two real cases pull in opposite directions on this condition:
+*
+*   1. `import '@angular/material/prebuilt-themes/azure-blue.css'` from TS:
+*      Material's prebuilt theme entries are gated *only* under the `style`
+*      condition (no `default`, no `import`), so without `style` in scope
+*      the request fails with `ERR_PACKAGE_PATH_NOT_EXPORTED`.
+*
+*   2. `@plugin 'tailwindcss-primeui'` from a CSS file: Tailwind v4's JS
+*      plugin resolver inherits Vite's global conditions. If `style` is
+*      injected globally, that resolver matches the package's `style`
+*      export (a `.css` file) and feeds it to Node's ESM loader, which
+*      can't load `.css` and throws
+*      `Internal server error: Unknown file extension ".css"`.
+*
+* The fix: scope the `style` condition to requests that *look* like CSS
+* assets — bare specifiers ending in `.css` (with optional query suffix
+* for `?inline`, `?module`, etc.). Non-CSS bare specifiers fall through
+* to Vite's normal resolver chain, so packages with mixed exports
+* (`tailwindcss-primeui` exposes both `style` and `import`) resolve to
+* their JS surface.
+*
+* Vite 7 exposes `ResolvedConfig.createResolver(options)`; Vite 8 exposes
+* `vite.createIdResolver(config, options)`. Their resolver-call signatures
+* differ — this plugin normalizes both.
+*/
+function cssExtensionStyleResolverPlugin() {
+	let resolveCss;
+	return {
+		name: "@analogjs/vite-plugin-angular:css-style-resolver",
+		enforce: "pre",
+		configResolved(config) {
+			const styleResolveOptions = {
+				...config.resolve,
+				conditions: [...config.resolve.conditions ?? [], "style"]
+			};
+			const createIdResolver = vite.createIdResolver;
+			if (typeof createIdResolver === "function") {
+				const r = createIdResolver(config, styleResolveOptions);
+				resolveCss = async (id, importer, environment) => {
+					return await r(environment ?? { name: "client" }, id, importer, false);
+				};
+				return;
+			}
+			const legacyCreateResolver = config.createResolver;
+			if (typeof legacyCreateResolver === "function") {
+				const r = legacyCreateResolver(styleResolveOptions);
+				resolveCss = async (id, importer) => {
+					return await r(id, importer, false, false);
+				};
+				return;
+			}
+			throw new Error("[@analogjs/vite-plugin-angular]: neither vite.createIdResolver (Vite 8) nor ResolvedConfig.createResolver (Vite 7) is available. Unsupported Vite version.");
+		},
+		async resolveId(id, importer) {
+			if (!resolveCss) return null;
+			if (id.startsWith(".") || id.startsWith("/") || /^[A-Za-z]:\//.test(id) || id.startsWith("\0") || id.startsWith("data:") || id.startsWith("virtual:")) return null;
+			if (!/\.css(?:\?|$)/.test(id)) return null;
+			const env = this.environment;
+			return await resolveCss(id, importer, env) ?? null;
+		}
+	};
+}
+//#endregion
+export { cssExtensionStyleResolverPlugin };
+
+//# sourceMappingURL=css-extension-resolver.js.map

package/src/lib/utils/css-extension-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-extension-resolver.js","names":[],"sources":["../../../../src/lib/utils/css-extension-resolver.ts"],"sourcesContent":["import * as vite from 'vite';\n\ntype CssResolver = (\n  id: string,\n  importer: string | undefined,\n  environment?: { name: string } | undefined,\n) => Promise<string | undefined>;\n\n/**\n * Resolves bare-specifier `.css` imports with the `style` package-export\n * condition in scope, without leaking `style` into Vite's global\n * `resolve.conditions`.\n *\n * Two real cases pull in opposite directions on this condition:\n *\n *   1. `import '@angular/material/prebuilt-themes/azure-blue.css'` from TS:\n *      Material's prebuilt theme entries are gated *only* under the `style`\n *      condition (no `default`, no `import`), so without `style` in scope\n *      the request fails with `ERR_PACKAGE_PATH_NOT_EXPORTED`.\n *\n *   2. `@plugin 'tailwindcss-primeui'` from a CSS file: Tailwind v4's JS\n *      plugin resolver inherits Vite's global conditions. If `style` is\n *      injected globally, that resolver matches the package's `style`\n *      export (a `.css` file) and feeds it to Node's ESM loader, which\n *      can't load `.css` and throws\n *      `Internal server error: Unknown file extension \".css\"`.\n *\n * The fix: scope the `style` condition to requests that *look* like CSS\n * assets — bare specifiers ending in `.css` (with optional query suffix\n * for `?inline`, `?module`, etc.). Non-CSS bare specifiers fall through\n * to Vite's normal resolver chain, so packages with mixed exports\n * (`tailwindcss-primeui` exposes both `style` and `import`) resolve to\n * their JS surface.\n *\n * Vite 7 exposes `ResolvedConfig.createResolver(options)`; Vite 8 exposes\n * `vite.createIdResolver(config, options)`. Their resolver-call signatures\n * differ — this plugin normalizes both.\n */\nexport function cssExtensionStyleResolverPlugin(): vite.Plugin {\n  let resolveCss: CssResolver | undefined;\n\n  return {\n    name: '@analogjs/vite-plugin-angular:css-style-resolver',\n    enforce: 'pre',\n\n    configResolved(config) {\n      const styleResolveOptions = {\n        ...config.resolve,\n        conditions: [...(config.resolve.conditions ?? []), 'style'],\n      };\n\n      const createIdResolver = (\n        vite as unknown as {\n          createIdResolver?: (\n            c: vite.ResolvedConfig,\n            o: typeof styleResolveOptions,\n          ) => (\n            environment: { name: string },\n            id: string,\n            importer: string | undefined,\n            ssr: boolean,\n          ) => Promise<string | undefined>;\n        }\n      ).createIdResolver;\n\n      if (typeof createIdResolver === 'function') {\n        const r = createIdResolver(config, styleResolveOptions);\n        resolveCss = async (id, importer, environment) => {\n          return await r(\n            environment ?? { name: 'client' },\n            id,\n            importer,\n            false,\n          );\n        };\n        return;\n      }\n\n      const legacyCreateResolver = (\n        config as unknown as {\n          createResolver?: (\n            o: typeof styleResolveOptions,\n          ) => (\n            id: string,\n            importer: string | undefined,\n            aliasOnly: boolean,\n            ssr: boolean,\n          ) => Promise<string | undefined>;\n        }\n      ).createResolver;\n\n      if (typeof legacyCreateResolver === 'function') {\n        const r = legacyCreateResolver(styleResolveOptions);\n        resolveCss = async (id, importer) => {\n          return await r(id, importer, false, false);\n        };\n        return;\n      }\n\n      // Both APIs have been stable across the supported Vite range\n      // (7.x via `ResolvedConfig.createResolver`, 8.x via\n      // `vite.createIdResolver`). If neither is present, fail loudly\n      // rather than silently regressing CSS imports of `style`-only\n      // package exports such as `@angular/material/prebuilt-themes/*`.\n      throw new Error(\n        '[@analogjs/vite-plugin-angular]: neither vite.createIdResolver ' +\n          '(Vite 8) nor ResolvedConfig.createResolver (Vite 7) is available. ' +\n          'Unsupported Vite version.',\n      );\n    },\n\n    async resolveId(id, importer) {\n      if (!resolveCss) return null;\n\n      // Skip non-bare specifiers — relative, absolute, virtual, and\n      // data-URI imports don't consult package exports, so the `style`\n      // condition is irrelevant for them.\n      if (\n        id.startsWith('.') ||\n        id.startsWith('/') ||\n        /^[A-Za-z]:\\//.test(id) ||\n        id.startsWith('\\0') ||\n        id.startsWith('data:') ||\n        id.startsWith('virtual:')\n      ) {\n        return null;\n      }\n\n      // Only fire on `.css` requests (with optional query, e.g. `?inline`,\n      // `?module`). Non-CSS bare specifiers go through Vite's normal\n      // resolver chain unchanged, which is critical for packages whose\n      // exports include both `style` and `import`/`default` — e.g.\n      // `tailwindcss-primeui`, where `@plugin` resolution must land on\n      // the JS file, not the CSS file.\n      if (!/\\.css(?:\\?|$)/.test(id)) return null;\n\n      const env = (this as unknown as { environment?: { name: string } })\n        .environment;\n      const resolved = await resolveCss(id, importer, env);\n      return resolved ?? null;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,kCAA+C;CAC7D,IAAI;AAEJ,QAAO;EACL,MAAM;EACN,SAAS;EAET,eAAe,QAAQ;GACrB,MAAM,sBAAsB;IAC1B,GAAG,OAAO;IACV,YAAY,CAAC,GAAI,OAAO,QAAQ,cAAc,EAAE,EAAG,QAAQ;IAC5D;GAED,MAAM,mBACJ,KAWA;AAEF,OAAI,OAAO,qBAAqB,YAAY;IAC1C,MAAM,IAAI,iBAAiB,QAAQ,oBAAoB;AACvD,iBAAa,OAAO,IAAI,UAAU,gBAAgB;AAChD,YAAO,MAAM,EACX,eAAe,EAAE,MAAM,UAAU,EACjC,IACA,UACA,MACD;;AAEH;;GAGF,MAAM,uBACJ,OAUA;AAEF,OAAI,OAAO,yBAAyB,YAAY;IAC9C,MAAM,IAAI,qBAAqB,oBAAoB;AACnD,iBAAa,OAAO,IAAI,aAAa;AACnC,YAAO,MAAM,EAAE,IAAI,UAAU,OAAO,MAAM;;AAE5C;;AAQF,SAAM,IAAI,MACR,6JAGD;;EAGH,MAAM,UAAU,IAAI,UAAU;AAC5B,OAAI,CAAC,WAAY,QAAO;AAKxB,OACE,GAAG,WAAW,IAAI,IAClB,GAAG,WAAW,IAAI,IAClB,eAAe,KAAK,GAAG,IACvB,GAAG,WAAW,KAAK,IACnB,GAAG,WAAW,QAAQ,IACtB,GAAG,WAAW,WAAW,CAEzB,QAAO;AAST,OAAI,CAAC,gBAAgB,KAAK,GAAG,CAAE,QAAO;GAEtC,MAAM,MAAO,KACV;AAEH,UADiB,MAAM,WAAW,IAAI,UAAU,IAAI,IACjC;;EAEtB"}

package/src/lib/utils/css-preprocessor-workers.d.ts

@@ -0,0 +1,6 @@
+/**
+* Vite's `preprocessCSS` may spawn a fallback Sass/Less/Stylus compiler
+* (`alwaysFakeWorkerWorkerControllerCache`) that is never closed. Unref those
+* child processes so a one-off `vite build` can return the shell.
+*/
+export declare function releaseCssPreprocessorWorkers(): void;

package/src/lib/utils/css-preprocessor-workers.js

@@ -0,0 +1,29 @@
+//#region packages/vite-plugin-angular/src/lib/utils/css-preprocessor-workers.ts
+var PREPROCESSOR_PROCESS_RE = /sass-embedded|dart-sass|sass\.snapshot|[\\/]lessc(?:$|[\s])|[\\/]stylus(?:$|[\s])/i;
+function getActiveHandles() {
+	const getHandles = process._getActiveHandles;
+	return typeof getHandles === "function" ? getHandles.call(process) : [];
+}
+function isCssPreprocessorProcess(handle) {
+	const haystack = `${handle.spawnfile ?? ""} ${(handle.spawnargs ?? []).join(" ")}`;
+	return PREPROCESSOR_PROCESS_RE.test(haystack);
+}
+/**
+* Vite's `preprocessCSS` may spawn a fallback Sass/Less/Stylus compiler
+* (`alwaysFakeWorkerWorkerControllerCache`) that is never closed. Unref those
+* child processes so a one-off `vite build` can return the shell.
+*/
+function releaseCssPreprocessorWorkers() {
+	for (const handle of getActiveHandles()) {
+		if (!isCssPreprocessorProcess(handle)) continue;
+		for (const stream of handle.stdio ?? []) stream?.unref?.();
+		handle.stdin?.unref?.();
+		handle.stdout?.unref?.();
+		handle.stderr?.unref?.();
+		handle.unref?.();
+	}
+}
+//#endregion
+export { releaseCssPreprocessorWorkers };
+
+//# sourceMappingURL=css-preprocessor-workers.js.map

package/src/lib/utils/css-preprocessor-workers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-preprocessor-workers.js","names":[],"sources":["../../../../src/lib/utils/css-preprocessor-workers.ts"],"sourcesContent":["type ProcessHandle = {\n  spawnfile?: string;\n  spawnargs?: string[];\n  stdin?: { unref?: () => void };\n  stdout?: { unref?: () => void };\n  stderr?: { unref?: () => void };\n  stdio?: Array<{ unref?: () => void } | null | undefined>;\n  unref?: () => void;\n};\n\nconst PREPROCESSOR_PROCESS_RE =\n  /sass-embedded|dart-sass|sass\\.snapshot|[\\\\/]lessc(?:$|[\\s])|[\\\\/]stylus(?:$|[\\s])/i;\n\nfunction getActiveHandles(): ProcessHandle[] {\n  const getHandles = (\n    process as NodeJS.Process & { _getActiveHandles?: () => ProcessHandle[] }\n  )._getActiveHandles;\n  return typeof getHandles === 'function' ? getHandles.call(process) : [];\n}\n\nfunction isCssPreprocessorProcess(handle: ProcessHandle): boolean {\n  const haystack = `${handle.spawnfile ?? ''} ${(handle.spawnargs ?? []).join(\n    ' ',\n  )}`;\n  return PREPROCESSOR_PROCESS_RE.test(haystack);\n}\n\n/**\n * Vite's `preprocessCSS` may spawn a fallback Sass/Less/Stylus compiler\n * (`alwaysFakeWorkerWorkerControllerCache`) that is never closed. Unref those\n * child processes so a one-off `vite build` can return the shell.\n */\nexport function releaseCssPreprocessorWorkers(): void {\n  for (const handle of getActiveHandles()) {\n    if (!isCssPreprocessorProcess(handle)) {\n      continue;\n    }\n\n    for (const stream of handle.stdio ?? []) {\n      stream?.unref?.();\n    }\n    handle.stdin?.unref?.();\n    handle.stdout?.unref?.();\n    handle.stderr?.unref?.();\n    handle.unref?.();\n  }\n}\n"],"mappings":";AAUA,IAAM,0BACJ;AAEF,SAAS,mBAAoC;CAC3C,MAAM,aACJ,QACA;AACF,QAAO,OAAO,eAAe,aAAa,WAAW,KAAK,QAAQ,GAAG,EAAE;;AAGzE,SAAS,yBAAyB,QAAgC;CAChE,MAAM,WAAW,GAAG,OAAO,aAAa,GAAG,IAAI,OAAO,aAAa,EAAE,EAAE,KACrE,IACD;AACD,QAAO,wBAAwB,KAAK,SAAS;;;;;;;AAQ/C,SAAgB,gCAAsC;AACpD,MAAK,MAAM,UAAU,kBAAkB,EAAE;AACvC,MAAI,CAAC,yBAAyB,OAAO,CACnC;AAGF,OAAK,MAAM,UAAU,OAAO,SAAS,EAAE,CACrC,SAAQ,SAAS;AAEnB,SAAO,OAAO,SAAS;AACvB,SAAO,QAAQ,SAAS;AACxB,SAAO,QAAQ,SAAS;AACxB,SAAO,SAAS"}