@analogjs/vite-plugin-angular 3.0.0-alpha.30 → 3.0.0-alpha.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@analogjs/vite-plugin-angular",
-  "version": "3.0.0-alpha.30",
+  "version": "3.0.0-alpha.31",
   "description": "Vite Plugin for Angular",
   "type": "module",
   "keywords": [
@@ -36,6 +36,7 @@
     }
   },
   "dependencies": {
+    "@analogjs/angular-compiler": "2.5.0-beta.40",
     "es-toolkit": "^1.45.1",
     "obug": "^2.1.1",
     "oxc-parser": "^0.124.0",
@@ -64,7 +65,8 @@
       "@analogjs/storybook-angular",
       "@analogjs/vite-plugin-angular",
       "@analogjs/vite-plugin-nitro",
-      "@analogjs/vitest-angular"
+      "@analogjs/vitest-angular",
+      "@analogjs/angular-compiler"
     ],
     "migrations": "./migrations/migration.json"
   },

package/src/lib/analog-compiler-plugin.d.ts

@@ -0,0 +1,14 @@
+import { Plugin } from "vite";
+export interface AnalogCompilerPluginOptions {
+	tsconfigGetter: () => string;
+	workspaceRoot: string;
+	inlineStylesExtension: string;
+	jit: boolean;
+	liveReload: boolean;
+	supportedBrowsers: string[];
+	transformFilter?: (code: string, id: string) => boolean;
+	isTest: boolean;
+	isAstroIntegration: boolean;
+	analogCompilationMode?: "full" | "partial";
+}
+export declare function analogCompilerPlugin(pluginOptions: AnalogCompilerPluginOptions): Plugin;

package/src/lib/analog-compiler-plugin.js

@@ -0,0 +1,257 @@
+import { TS_EXT_REGEX, createDepOptimizerConfig, getTsConfigPath } from "./utils/plugin-config.js";
+import { toVirtualRawId, toVirtualStyleId } from "./utils/virtual-ids.js";
+import { loadVirtualRawModule, loadVirtualStyleModule, rewriteHtmlRawImport, rewriteInlineStyleImport } from "./utils/virtual-resources.js";
+import { promises } from "node:fs";
+import { dirname, resolve } from "node:path";
+import * as compilerCli from "@angular/compiler-cli";
+import * as vite from "vite";
+import { defaultClientConditions, normalizePath, preprocessCSS } from "vite";
+import { collectImportedPackages, collectRelativeReExports, compile, debugCompile, debugRegistry, extractInlineStyles, generateHmrCode, inlineResourceUrls, jitTransform, scanFile, scanPackageDts } from "@analogjs/angular-compiler";
+//#region packages/vite-plugin-angular/src/lib/analog-compiler-plugin.ts
+function analogCompilerPlugin(pluginOptions) {
+	let resolvedConfig;
+	let tsConfigResolutionContext = null;
+	let watchMode = false;
+	const analogRegistry = /* @__PURE__ */ new Map();
+	const analogResourceToSource = /* @__PURE__ */ new Map();
+	const scannedDtsPackages = /* @__PURE__ */ new Set();
+	let analogProjectRoot = "";
+	let useDefineForClassFields = true;
+	/**
+	* Scan a file into the registry, then recursively walk its relative
+	* `export *` / `export { … } from './x'` chain so any underlying
+	* directive classes also land in the registry. Used both at
+	* `buildStart` (for tsconfig path entries) and at dev time (file
+	* `add` and `handleHotUpdate`) so newly added barrels stay in sync
+	* without requiring a server restart.
+	*
+	* The `visited` set prevents infinite recursion within a single
+	* top-level call. Each fresh scan should pass an empty set (so HMR
+	* re-scans aren't blocked by buildStart's earlier visits).
+	*/
+	async function scanBarrelExports(file, visited = /* @__PURE__ */ new Set(), overwrite = false) {
+		if (visited.has(file)) return;
+		visited.add(file);
+		let code;
+		try {
+			code = await promises.readFile(file, "utf-8");
+		} catch (e) {
+			if (debugRegistry.enabled) debugRegistry("scanBarrelExports: failed to read %s: %s", file, e?.message);
+			return;
+		}
+		const entries = scanFile(code, file);
+		for (const entry of entries) if (overwrite || !analogRegistry.has(entry.className)) analogRegistry.set(entry.className, entry);
+		const dir = dirname(file);
+		for (const rel of collectRelativeReExports(code, file)) {
+			const normalizedRel = rel.replace(/\.(?:js|mjs)$/u, "");
+			const reExportCandidates = [resolve(dir, normalizedRel + ".ts"), resolve(dir, normalizedRel, "index.ts")];
+			let resolved = false;
+			for (const candidate of reExportCandidates) try {
+				await promises.access(candidate);
+				await scanBarrelExports(candidate, visited, overwrite);
+				resolved = true;
+				break;
+			} catch {}
+			if (!resolved && debugRegistry.enabled) debugRegistry("scanBarrelExports: %s re-export %s did not resolve to %o", file, rel, reExportCandidates);
+		}
+	}
+	async function initAnalogCompiler() {
+		if (pluginOptions.jit) return;
+		analogRegistry.clear();
+		scannedDtsPackages.clear();
+		const resolvedTsConfigPath = resolveTsConfigPath();
+		analogProjectRoot = dirname(resolvedTsConfigPath);
+		const config = compilerCli.readConfiguration(resolvedTsConfigPath);
+		useDefineForClassFields = config.options?.useDefineForClassFields ?? true;
+		const candidates = new Set(config.rootNames);
+		const tsPaths = config.options?.paths;
+		const baseUrl = config.options?.baseUrl ?? analogProjectRoot;
+		if (tsPaths) for (const targets of Object.values(tsPaths)) for (const target of targets) {
+			if (target.includes("*")) continue;
+			candidates.add(resolve(baseUrl, target));
+		}
+		const results = await Promise.all(Array.from(candidates).map(async (file) => {
+			try {
+				return scanFile(await promises.readFile(file, "utf-8"), file);
+			} catch (e) {
+				if (debugRegistry.enabled) debugRegistry("initAnalogCompiler: skipping unreadable %s: %s", file, e?.message);
+				return [];
+			}
+		}));
+		for (const entries of results) for (const entry of entries) analogRegistry.set(entry.className, entry);
+		const buildStartVisited = /* @__PURE__ */ new Set();
+		if (tsPaths) {
+			const barrelCandidates = [];
+			for (const targets of Object.values(tsPaths)) for (const target of targets) {
+				if (target.includes("*")) continue;
+				barrelCandidates.push(resolve(baseUrl, target));
+			}
+			await Promise.all(barrelCandidates.map((c) => scanBarrelExports(c, buildStartVisited)));
+		}
+		debugRegistry("initAnalogCompiler done: %d entries from %d candidate files", analogRegistry.size, candidates.size);
+	}
+	function ensureDtsRegistryForSource(code, id) {
+		for (const pkg of collectImportedPackages(code, id)) {
+			if (scannedDtsPackages.has(pkg)) continue;
+			scannedDtsPackages.add(pkg);
+			try {
+				const dtsEntries = scanPackageDts(pkg, analogProjectRoot);
+				for (const entry of dtsEntries) if (!analogRegistry.has(entry.className)) analogRegistry.set(entry.className, entry);
+			} catch {}
+		}
+	}
+	async function handleAnalogCompilerTransform(code, id) {
+		if (!/(Component|Directive|Pipe|Injectable|NgModule)\(/.test(code)) return;
+		if (pluginOptions.jit) {
+			const result = jitTransform(code, id);
+			return {
+				code: result.code,
+				map: result.map
+			};
+		}
+		code = inlineResourceUrls(code, id);
+		let resolvedStyles;
+		let resolvedInlineStyles;
+		if (pluginOptions.inlineStylesExtension !== "css") {
+			const styleStrings = extractInlineStyles(code, id);
+			if (styleStrings.length > 0) {
+				resolvedInlineStyles = /* @__PURE__ */ new Map();
+				for (let i = 0; i < styleStrings.length; i++) try {
+					const fakePath = id.replace(/\.ts$/, `.inline-${i}.${pluginOptions.inlineStylesExtension}`);
+					const processed = await preprocessCSS(styleStrings[i], fakePath, resolvedConfig);
+					resolvedInlineStyles.set(i, processed.code);
+				} catch (e) {
+					if (debugCompile.enabled) debugCompile("inline style #%d preprocessing failed in %s: %s", i, id, e?.message);
+				}
+				if (resolvedInlineStyles.size === 0) resolvedInlineStyles = void 0;
+			}
+		}
+		ensureDtsRegistryForSource(code, id);
+		const result = compile(code, id, {
+			registry: analogRegistry,
+			resolvedStyles,
+			resolvedInlineStyles,
+			useDefineForClassFields,
+			compilationMode: pluginOptions.analogCompilationMode
+		});
+		for (const dep of result.resourceDependencies) analogResourceToSource.set(dep, id);
+		let outputCode = (vite.transformWithOxc ? await vite.transformWithOxc(result.code, id, {
+			lang: "ts",
+			sourcemap: false,
+			decorator: {
+				legacy: false,
+				emitDecoratorMetadata: false
+			}
+		}) : await vite.transformWithEsbuild(result.code, id, {
+			loader: "ts",
+			sourcemap: false
+		})).code;
+		if (watchMode && pluginOptions.liveReload) {
+			const fileDeclarations = [...analogRegistry.values()].filter((e) => e.fileName === id);
+			if (fileDeclarations.length > 0) {
+				const localDepClassNames = fileDeclarations.map((e) => e.className);
+				outputCode += generateHmrCode(fileDeclarations, localDepClassNames);
+			}
+		}
+		return {
+			code: outputCode,
+			map: result.map
+		};
+	}
+	function resolveTsConfigPath() {
+		const { root, isProd, isLib } = tsConfigResolutionContext;
+		return getTsConfigPath(root, pluginOptions.tsconfigGetter(), isProd, pluginOptions.isTest, isLib);
+	}
+	return {
+		name: "@analogjs/vite-plugin-angular-compiler",
+		enforce: "pre",
+		async config(config, { command }) {
+			watchMode = command === "serve";
+			const isProd = config.mode === "production" || process.env.NODE_ENV === "production";
+			tsConfigResolutionContext = {
+				root: config.root || ".",
+				isProd,
+				isLib: !!config?.build?.lib
+			};
+			const depOptimizer = createDepOptimizerConfig({
+				tsconfig: resolveTsConfigPath(),
+				isProd,
+				jit: pluginOptions.jit,
+				watchMode,
+				isTest: pluginOptions.isTest,
+				isAstroIntegration: pluginOptions.isAstroIntegration
+			});
+			return {
+				...vite.rolldownVersion ? { oxc: {} } : { esbuild: false },
+				...depOptimizer,
+				resolve: { conditions: [...depOptimizer.resolve.conditions, ...config.resolve?.conditions || defaultClientConditions] }
+			};
+		},
+		configResolved(config) {
+			resolvedConfig = config;
+		},
+		configureServer(server) {
+			server.watcher.on("add", async (filePath) => {
+				if (filePath.endsWith(".ts") && !filePath.endsWith(".spec.ts") && !filePath.endsWith(".d.ts")) await scanBarrelExports(filePath, /* @__PURE__ */ new Set(), true);
+			});
+		},
+		async buildStart() {
+			await initAnalogCompiler();
+		},
+		async handleHotUpdate(ctx) {
+			if (analogResourceToSource.has(ctx.file)) {
+				const parentSource = analogResourceToSource.get(ctx.file);
+				const parentModule = ctx.server.moduleGraph.getModuleById(parentSource);
+				if (parentModule) return [parentModule];
+			}
+			if (TS_EXT_REGEX.test(ctx.file)) {
+				const [fileId] = ctx.file.split("?");
+				const oldEntries = [...analogRegistry.entries()].filter(([_, v]) => v.fileName === fileId).map(([k]) => k);
+				for (const key of oldEntries) analogRegistry.delete(key);
+				await scanBarrelExports(fileId, /* @__PURE__ */ new Set(), true);
+			}
+			return ctx.modules;
+		},
+		resolveId(id, importer) {
+			if (id.startsWith("virtual:@analogjs/vite-plugin-angular:inline-style:") || id.startsWith("virtual:@analogjs/vite-plugin-angular:raw:")) return `\0${id}`;
+			if (pluginOptions.jit && id.startsWith("angular:jit:")) {
+				const filePath = normalizePath(resolve(dirname(importer), id.split(";")[1]));
+				return id.includes(":style") ? toVirtualStyleId(filePath) : toVirtualRawId(filePath);
+			}
+			const rawRewrite = rewriteHtmlRawImport(id, importer);
+			if (rawRewrite) return rawRewrite;
+			const inlineRewrite = rewriteInlineStyleImport(id, importer);
+			if (inlineRewrite) return inlineRewrite;
+		},
+		async load(id) {
+			const styleModule = await loadVirtualStyleModule(this, id, resolvedConfig);
+			if (styleModule !== void 0) return styleModule;
+			const rawModule = await loadVirtualRawModule(this, id);
+			if (rawModule !== void 0) return rawModule;
+			if (/\.(css|scss|sass|less)\?inline$/.test(id)) {
+				const filePath = id.split("?")[0];
+				const result = await preprocessCSS(await promises.readFile(filePath, "utf-8"), filePath, resolvedConfig);
+				return `export default ${JSON.stringify(result.code)}`;
+			}
+		},
+		transform: {
+			filter: { id: {
+				include: [TS_EXT_REGEX],
+				exclude: [
+					/node_modules/,
+					"type=script",
+					"@ng/component"
+				]
+			} },
+			async handler(code, id) {
+				if (pluginOptions.transformFilter && !(pluginOptions.transformFilter(code, id) ?? true)) return;
+				if (id.includes(".ts?")) id = id.replace(/\?(.*)/, "");
+				return handleAnalogCompilerTransform(code, id);
+			}
+		}
+	};
+}
+//#endregion
+export { analogCompilerPlugin };
+
+//# sourceMappingURL=analog-compiler-plugin.js.map

package/src/lib/analog-compiler-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analog-compiler-plugin.js","names":[],"sources":["../../../src/lib/analog-compiler-plugin.ts"],"sourcesContent":["import { promises as fsPromises } from 'node:fs';\nimport { dirname, resolve } from 'node:path';\nimport * as vite from 'vite';\n\nimport * as compilerCli from '@angular/compiler-cli';\nimport {\n  defaultClientConditions,\n  normalizePath,\n  Plugin,\n  preprocessCSS,\n  ResolvedConfig,\n} from 'vite';\n\nimport {\n  compile,\n  scanFile,\n  scanPackageDts,\n  collectImportedPackages,\n  collectRelativeReExports,\n  jitTransform,\n  inlineResourceUrls,\n  extractInlineStyles,\n  generateHmrCode,\n  debugCompile,\n  debugRegistry,\n  type ComponentRegistry,\n} from '@analogjs/angular-compiler';\n\nimport {\n  TS_EXT_REGEX,\n  getTsConfigPath,\n  createDepOptimizerConfig,\n  type TsConfigResolutionContext,\n} from './utils/plugin-config.js';\nimport {\n  VIRTUAL_RAW_PREFIX,\n  VIRTUAL_STYLE_PREFIX,\n  toVirtualRawId,\n  toVirtualStyleId,\n} from './utils/virtual-ids.js';\nimport {\n  loadVirtualRawModule,\n  loadVirtualStyleModule,\n  rewriteHtmlRawImport,\n  rewriteInlineStyleImport,\n} from './utils/virtual-resources.js';\n\nexport interface AnalogCompilerPluginOptions {\n  tsconfigGetter: () => string;\n  workspaceRoot: string;\n  inlineStylesExtension: string;\n  jit: boolean;\n  liveReload: boolean;\n  supportedBrowsers: string[];\n  transformFilter?: (code: string, id: string) => boolean;\n  isTest: boolean;\n  isAstroIntegration: boolean;\n  analogCompilationMode?: 'full' | 'partial';\n}\n\nexport function analogCompilerPlugin(\n  pluginOptions: AnalogCompilerPluginOptions,\n): Plugin {\n  let resolvedConfig: ResolvedConfig;\n  let tsConfigResolutionContext: TsConfigResolutionContext | null = null;\n  let watchMode = false;\n\n  // Analog compiler state\n  const analogRegistry: ComponentRegistry = new Map();\n  const analogResourceToSource = new Map<string, string>();\n  const scannedDtsPackages = new Set<string>();\n  let analogProjectRoot = '';\n  let useDefineForClassFields = true;\n\n  /**\n   * Scan a file into the registry, then recursively walk its relative\n   * `export *` / `export { … } from './x'` chain so any underlying\n   * directive classes also land in the registry. Used both at\n   * `buildStart` (for tsconfig path entries) and at dev time (file\n   * `add` and `handleHotUpdate`) so newly added barrels stay in sync\n   * without requiring a server restart.\n   *\n   * The `visited` set prevents infinite recursion within a single\n   * top-level call. Each fresh scan should pass an empty set (so HMR\n   * re-scans aren't blocked by buildStart's earlier visits).\n   */\n  async function scanBarrelExports(\n    file: string,\n    visited: Set<string> = new Set(),\n    overwrite = false,\n  ): Promise<void> {\n    if (visited.has(file)) return;\n    visited.add(file);\n    let code: string;\n    try {\n      code = await fsPromises.readFile(file, 'utf-8');\n    } catch (e) {\n      if (debugRegistry.enabled) {\n        debugRegistry(\n          'scanBarrelExports: failed to read %s: %s',\n          file,\n          (e as Error)?.message,\n        );\n      }\n      return;\n    }\n    const entries = scanFile(code, file);\n    for (const entry of entries) {\n      // At buildStart we want stable registry entries (don't overwrite\n      // an earlier scan with a barrel re-scan); HMR explicitly asks\n      // for overwrite so updated metadata replaces stale entries.\n      if (overwrite || !analogRegistry.has(entry.className)) {\n        analogRegistry.set(entry.className, entry);\n      }\n    }\n    // Collect every relative re-export specifier via OXC AST so\n    // recursive scans can't trip over each other (a shared `/g` regex\n    // would have its `lastIndex` reset by each recursive call and\n    // silently skip half of an outer barrel's re-exports, which\n    // previously left directives like `HlmRadioGroup` unregistered).\n    const dir = dirname(file);\n    for (const rel of collectRelativeReExports(code, file)) {\n      // NodeNext-style libraries write `export * from './foo.js'`\n      // even though the source is `./foo.ts`. Strip the ESM\n      // extension before probing or the candidates would be\n      // `foo.js.ts` / `foo.js/index.ts`, which never exist.\n      const normalizedRel = rel.replace(/\\.(?:js|mjs)$/u, '');\n      const reExportCandidates = [\n        resolve(dir, normalizedRel + '.ts'),\n        resolve(dir, normalizedRel, 'index.ts'),\n      ];\n      let resolved = false;\n      for (const candidate of reExportCandidates) {\n        try {\n          await fsPromises.access(candidate);\n          await scanBarrelExports(candidate, visited, overwrite);\n          resolved = true;\n          break;\n        } catch {\n          // try next candidate\n        }\n      }\n      if (!resolved && debugRegistry.enabled) {\n        debugRegistry(\n          'scanBarrelExports: %s re-export %s did not resolve to %o',\n          file,\n          rel,\n          reExportCandidates,\n        );\n      }\n    }\n  }\n\n  async function initAnalogCompiler() {\n    if (pluginOptions.jit) return; // JIT: no registry scan needed\n\n    // Scan all source files to build the registry\n    analogRegistry.clear();\n    scannedDtsPackages.clear();\n    const resolvedTsConfigPath = resolveTsConfigPath();\n    analogProjectRoot = dirname(resolvedTsConfigPath);\n    const config = compilerCli.readConfiguration(resolvedTsConfigPath);\n    useDefineForClassFields = config.options?.useDefineForClassFields ?? true;\n\n    // Collect candidate files: tsconfig rootNames PLUS the entry points\n    // named in `compilerOptions.paths`. App tsconfigs typically only\n    // include the app's own sources, so workspace library entry barrels\n    // (e.g. `HlmSelectImports = [HlmSelect, HlmSelectContent, ...] as\n    // const`) live outside `rootNames` and would otherwise miss the\n    // initial scan. The compiler then can't see that `HlmSelectImports`\n    // is a tuple barrel and emits the bare identifier into the parent\n    // component's `dependencies()` list, where Angular's runtime\n    // silently drops it because arrays don't have a directive def.\n    const candidates = new Set<string>(config.rootNames);\n    const tsPaths = config.options?.paths;\n    const baseUrl = (config.options?.baseUrl ?? analogProjectRoot) as string;\n    if (tsPaths) {\n      for (const targets of Object.values(tsPaths)) {\n        for (const target of targets as string[]) {\n          // Skip wildcard patterns — entry barrels are normally exact\n          // file paths like \"libs/helm/select/src/index.ts\".\n          if (target.includes('*')) continue;\n          candidates.add(resolve(baseUrl, target));\n        }\n      }\n    }\n    const results = await Promise.all(\n      Array.from(candidates).map(async (file) => {\n        try {\n          const code = await fsPromises.readFile(file, 'utf-8');\n          return scanFile(code, file);\n        } catch (e) {\n          if (debugRegistry.enabled) {\n            debugRegistry(\n              'initAnalogCompiler: skipping unreadable %s: %s',\n              file,\n              (e as Error)?.message,\n            );\n          }\n          return []; // Skip unreadable files\n        }\n      }),\n    );\n\n    for (const entries of results) {\n      for (const entry of entries) {\n        analogRegistry.set(entry.className, entry);\n      }\n    }\n\n    // Library barrels typically `export * from './lib/...'` rather than\n    // declaring directives directly, so the entry file alone gives us\n    // the tuple consts but not the directive classes they reference.\n    // Walk the relative `export *` chain so the underlying classes also\n    // land in the registry. Use a SHARED visited set across all\n    // barrels so recursive walks don't double-scan a file that's\n    // re-exported from multiple entry points.\n    const buildStartVisited = new Set<string>();\n    if (tsPaths) {\n      const barrelCandidates: string[] = [];\n      for (const targets of Object.values(tsPaths)) {\n        for (const target of targets as string[]) {\n          if (target.includes('*')) continue;\n          barrelCandidates.push(resolve(baseUrl, target));\n        }\n      }\n      await Promise.all(\n        barrelCandidates.map((c) => scanBarrelExports(c, buildStartVisited)),\n      );\n    }\n    debugRegistry(\n      'initAnalogCompiler done: %d entries from %d candidate files',\n      analogRegistry.size,\n      candidates.size,\n    );\n  }\n\n  function ensureDtsRegistryForSource(code: string, id: string) {\n    for (const pkg of collectImportedPackages(code, id)) {\n      if (scannedDtsPackages.has(pkg)) continue;\n      scannedDtsPackages.add(pkg);\n\n      try {\n        const dtsEntries = scanPackageDts(pkg, analogProjectRoot);\n        for (const entry of dtsEntries) {\n          if (!analogRegistry.has(entry.className)) {\n            analogRegistry.set(entry.className, entry);\n          }\n        }\n      } catch {\n        // Package may not have .d.ts files or may not be Angular\n      }\n    }\n  }\n\n  async function handleAnalogCompilerTransform(\n    code: string,\n    id: string,\n  ): Promise<{ code: string; map: any } | undefined> {\n    if (!/(Component|Directive|Pipe|Injectable|NgModule)\\(/.test(code)) {\n      // Non-Angular file — leave it alone so a downstream plugin (or\n      // Vite's built-in TS handler) can process it.\n      return undefined;\n    }\n\n    // JIT mode\n    if (pluginOptions.jit) {\n      const result = jitTransform(code, id);\n      return { code: result.code, map: result.map };\n    }\n\n    // Inline external templateUrl/styleUrl(s) into the source before compilation\n    code = inlineResourceUrls(code, id);\n\n    // Pre-resolve inline styles that need preprocessing (SCSS/Sass/Less)\n    let resolvedStyles: Map<string, string> | undefined;\n    let resolvedInlineStyles: Map<number, string> | undefined;\n\n    if (pluginOptions.inlineStylesExtension !== 'css') {\n      const styleStrings = extractInlineStyles(code, id);\n\n      if (styleStrings.length > 0) {\n        resolvedInlineStyles = new Map();\n        for (let i = 0; i < styleStrings.length; i++) {\n          try {\n            const fakePath = id.replace(\n              /\\.ts$/,\n              `.inline-${i}.${pluginOptions.inlineStylesExtension}`,\n            );\n            const processed = await preprocessCSS(\n              styleStrings[i],\n              fakePath,\n              resolvedConfig,\n            );\n            resolvedInlineStyles.set(i, processed.code);\n          } catch (e) {\n            if (debugCompile.enabled) {\n              debugCompile(\n                'inline style #%d preprocessing failed in %s: %s',\n                i,\n                id,\n                (e as Error)?.message,\n              );\n            }\n            // Skip styles that can't be preprocessed\n          }\n        }\n        if (resolvedInlineStyles.size === 0) resolvedInlineStyles = undefined;\n      }\n    }\n\n    ensureDtsRegistryForSource(code, id);\n\n    const result = compile(code, id, {\n      registry: analogRegistry,\n      resolvedStyles,\n      resolvedInlineStyles,\n      useDefineForClassFields,\n      compilationMode: pluginOptions.analogCompilationMode,\n    });\n\n    // Track resource dependencies for HMR\n    for (const dep of result.resourceDependencies) {\n      analogResourceToSource.set(dep, id);\n    }\n\n    // Strip TypeScript-only syntax\n    const stripped = vite.transformWithOxc\n      ? await vite.transformWithOxc(result.code, id, {\n          lang: 'ts',\n          sourcemap: false,\n          decorator: { legacy: false, emitDecoratorMetadata: false },\n        })\n      : await vite.transformWithEsbuild(result.code, id, {\n          loader: 'ts',\n          sourcemap: false,\n        });\n    let outputCode = stripped.code;\n\n    // Append HMR code in dev mode\n    if (watchMode && pluginOptions.liveReload) {\n      const fileDeclarations = [...analogRegistry.values()].filter(\n        (e) => e.fileName === id,\n      );\n      if (fileDeclarations.length > 0) {\n        const localDepClassNames = fileDeclarations.map((e) => e.className);\n        outputCode += generateHmrCode(fileDeclarations, localDepClassNames);\n      }\n    }\n\n    return { code: outputCode, map: result.map };\n  }\n\n  function resolveTsConfigPath() {\n    const { root, isProd, isLib } = tsConfigResolutionContext!;\n    return getTsConfigPath(\n      root,\n      pluginOptions.tsconfigGetter(),\n      isProd,\n      pluginOptions.isTest,\n      isLib,\n    );\n  }\n\n  return {\n    name: '@analogjs/vite-plugin-angular-compiler',\n    enforce: 'pre' as const,\n    async config(config, { command }) {\n      watchMode = command === 'serve';\n      const isProd =\n        config.mode === 'production' ||\n        process.env['NODE_ENV'] === 'production';\n\n      tsConfigResolutionContext = {\n        root: config.root || '.',\n        isProd,\n        isLib: !!config?.build?.lib,\n      };\n\n      const preliminaryTsConfigPath = resolveTsConfigPath();\n\n      const depOptimizer = createDepOptimizerConfig({\n        tsconfig: preliminaryTsConfigPath,\n        isProd,\n        jit: pluginOptions.jit,\n        watchMode,\n        isTest: pluginOptions.isTest,\n        isAstroIntegration: pluginOptions.isAstroIntegration,\n      });\n\n      return {\n        ...(vite.rolldownVersion ? { oxc: {} as any } : { esbuild: false }),\n        ...depOptimizer,\n        resolve: {\n          conditions: [\n            ...depOptimizer.resolve.conditions,\n            ...(config.resolve?.conditions || defaultClientConditions),\n          ],\n        },\n      };\n    },\n    configResolved(config) {\n      resolvedConfig = config;\n    },\n    configureServer(server) {\n      // Watch for new .ts files and scan them into the registry. Use\n      // the barrel-aware scanner so a newly added re-export entry\n      // (`export * from './x'`) also expands its underlying directive\n      // classes — otherwise the registry stays stale until restart.\n      server.watcher.on('add', async (filePath) => {\n        if (\n          filePath.endsWith('.ts') &&\n          !filePath.endsWith('.spec.ts') &&\n          !filePath.endsWith('.d.ts')\n        ) {\n          await scanBarrelExports(filePath, new Set(), true);\n        }\n      });\n    },\n    async buildStart() {\n      await initAnalogCompiler();\n    },\n    async handleHotUpdate(ctx) {\n      // Resource file changes → invalidate parent .ts module\n      if (analogResourceToSource.has(ctx.file)) {\n        const parentSource = analogResourceToSource.get(ctx.file)!;\n        const parentModule = ctx.server.moduleGraph.getModuleById(parentSource);\n        if (parentModule) {\n          return [parentModule];\n        }\n      }\n\n      if (TS_EXT_REGEX.test(ctx.file)) {\n        const [fileId] = ctx.file.split('?');\n\n        // Remove old entries from this file\n        const oldEntries = [...analogRegistry.entries()]\n          .filter(([_, v]) => v.fileName === fileId)\n          .map(([k]) => k);\n        for (const key of oldEntries) {\n          analogRegistry.delete(key);\n        }\n\n        // Rescan the changed file via the barrel-aware scanner so an\n        // edited barrel re-export picks up newly-referenced files.\n        // Pass overwrite=true so updated metadata replaces stale\n        // entries from the previous scan.\n        await scanBarrelExports(fileId, new Set(), true);\n      }\n\n      // Let Vite handle the rest — the transform hook will recompile\n      return ctx.modules;\n    },\n    resolveId(id, importer) {\n      if (\n        id.startsWith(VIRTUAL_STYLE_PREFIX) ||\n        id.startsWith(VIRTUAL_RAW_PREFIX)\n      ) {\n        return `\\0${id}`;\n      }\n\n      if (pluginOptions.jit && id.startsWith('angular:jit:')) {\n        const filePath = normalizePath(\n          resolve(dirname(importer as string), id.split(';')[1]),\n        );\n        return id.includes(':style')\n          ? toVirtualStyleId(filePath)\n          : toVirtualRawId(filePath);\n      }\n\n      const rawRewrite = rewriteHtmlRawImport(id, importer);\n      if (rawRewrite) return rawRewrite;\n\n      const inlineRewrite = rewriteInlineStyleImport(id, importer);\n      if (inlineRewrite) return inlineRewrite;\n\n      return undefined;\n    },\n    async load(id) {\n      const styleModule = await loadVirtualStyleModule(\n        this,\n        id,\n        resolvedConfig,\n      );\n      if (styleModule !== undefined) return styleModule;\n\n      const rawModule = await loadVirtualRawModule(this, id);\n      if (rawModule !== undefined) return rawModule;\n\n      // Vitest bypass: module-runner skips resolveId, so the bare `?inline`\n      // query reaches load unchanged.\n      if (/\\.(css|scss|sass|less)\\?inline$/.test(id)) {\n        const filePath = id.split('?')[0];\n        const code = await fsPromises.readFile(filePath, 'utf-8');\n        const result = await preprocessCSS(code, filePath, resolvedConfig);\n        return `export default ${JSON.stringify(result.code)}`;\n      }\n\n      return;\n    },\n    transform: {\n      filter: {\n        id: {\n          include: [TS_EXT_REGEX],\n          exclude: [/node_modules/, 'type=script', '@ng/component'],\n        },\n      },\n      async handler(code, id) {\n        if (\n          pluginOptions.transformFilter &&\n          !(pluginOptions.transformFilter(code, id) ?? true)\n        ) {\n          return;\n        }\n\n        if (id.includes('.ts?')) {\n          id = id.replace(/\\?(.*)/, '');\n        }\n        return handleAnalogCompilerTransform(code, id);\n      },\n    },\n  };\n}\n"],"mappings":"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"}

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

@@ -46,6 +46,13 @@ export interface PluginOptions {
 	fileReplacements?: FileReplacement[];
 	experimental?: {
 		useAngularCompilationAPI?: boolean;
+		useAnalogCompiler?: boolean;
+		/**
+		* Compilation output mode for the Analog compiler.
+		* - `'full'` (default): Emit final Ivy definitions for application builds.
+		* - `'partial'`: Emit partial declarations for library publishing.
+		*/
+		analogCompilationMode?: "full" | "partial";
 	};
 	/**
 	* Enable debug logging for specific scopes.

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

@@ -8,6 +8,10 @@ import { StyleUrlsResolver, TemplateUrlsResolver, getAngularComponentMetadata }
 import { composeStylePreprocessors, normalizeStylesheetDependencies } from "./style-preprocessor.js";
 import { AnalogStylesheetRegistry, preprocessStylesheet, preprocessStylesheetResult, registerStylesheetContent, rewriteRelativeCssImports } from "./stylesheet-registry.js";
 import { augmentHostWithCaching, augmentHostWithResources, augmentProgramWithVersioning, mergeTransformers } from "./host.js";
+import { TS_EXT_REGEX, createTsConfigGetter, getTsConfigPath } from "./utils/plugin-config.js";
+import { toVirtualRawId, toVirtualStyleId } from "./utils/virtual-ids.js";
+import { loadVirtualRawModule, loadVirtualStyleModule } from "./utils/virtual-resources.js";
+import { analogCompilerPlugin } from "./analog-compiler-plugin.js";
 import { angularVitestPlugins } from "./angular-vitest-plugin.js";
 import { pendingTasksPlugin } from "./angular-pending-tasks.plugin.js";
 import { liveReloadPlugin } from "./live-reload-plugin.js";
@@ -17,7 +21,7 @@ import { routerPlugin } from "./router-plugin.js";
 import { configureStylePipelineRegistry, stylePipelinePreprocessorFromPlugins } from "./style-pipeline.js";
 import { union } from "es-toolkit";
 import { createHash } from "node:crypto";
-import { existsSync, mkdirSync, readFileSync, statSync, writeFileSync } from "node:fs";
+import { existsSync, mkdirSync, promises, readFileSync, statSync, writeFileSync } from "node:fs";
 import { basename, dirname, isAbsolute, join, relative, resolve } from "node:path";
 import * as compilerCli from "@angular/compiler-cli";
 import { createRequire } from "node:module";
@@ -41,12 +45,6 @@ function normalizeIncludeGlob(workspaceRoot, glob) {
 	if (normalizedGlob.startsWith("/")) return `${normalizedWorkspaceRoot}${normalizedGlob}`;
 	return normalizePath(resolve(normalizedWorkspaceRoot, normalizedGlob));
 }
-/**
-* TypeScript file extension regex
-* Match .(c or m)ts, .ts extensions with an optional ? for query params
-* Ignore .tsx extensions
-*/
-var TS_EXT_REGEX = /\.[cm]?(ts)[^x]?\??/;
 var classNames = /* @__PURE__ */ new Map();
 function evictDeletedFileMetadata(file, { removeActiveGraphMetadata, removeStyleOwnerMetadata, classNamesMap, fileTransformMap }) {
 	const normalizedFile = normalizePath(file.split("?")[0]);
@@ -712,9 +710,22 @@ function angular(options) {
 				return ctx.modules;
 			},
 			resolveId(id, importer) {
+				if (id.startsWith("virtual:@analogjs/vite-plugin-angular:inline-style:") || id.startsWith("virtual:@analogjs/vite-plugin-angular:raw:")) return `\0${id}`;
 				if (jit && id.startsWith("angular:jit:")) {
 					const path = id.split(";")[1];
-					return `${normalizePath(resolve(dirname(importer), path))}?${id.includes(":style") ? "inline" : "raw"}`;
+					const resolved = normalizePath(resolve(dirname(importer), path));
+					if (id.includes(":style")) return toVirtualStyleId(resolved);
+					return toVirtualRawId(resolved);
+				}
+				if (id.includes(".html?raw")) {
+					const filePath = id.split("?")[0];
+					const resolved = isAbsolute(filePath) ? normalizePath(filePath) : importer ? normalizePath(resolve(dirname(importer), filePath)) : void 0;
+					if (resolved) return toVirtualRawId(resolved);
+				}
+				if (/\.(css|scss|sass|less)\?inline$/.test(id)) {
+					const filePath = id.split("?")[0];
+					const resolved = isAbsolute(filePath) ? normalizePath(filePath) : importer ? normalizePath(resolve(dirname(importer), filePath)) : void 0;
+					if (resolved) return toVirtualStyleId(resolved);
 				}
 				if (isComponentStyleSheet(id)) {
 					const filename = getFilenameFromPath(id);
@@ -738,6 +749,15 @@ function angular(options) {
 				}
 			},
 			async load(id) {
+				const styleModule = await loadVirtualStyleModule(this, id, resolvedConfig);
+				if (styleModule !== void 0) return styleModule;
+				const rawModule = await loadVirtualRawModule(this, id);
+				if (rawModule !== void 0) return rawModule;
+				if (/\.(css|scss|sass|less)\?inline$/.test(id)) {
+					const filePath = id.split("?")[0];
+					const result = await preprocessCSS(await promises.readFile(filePath, "utf-8"), filePath, resolvedConfig);
+					return `export default ${JSON.stringify(result.code)}`;
+				}
 				if (isComponentStyleSheet(id)) {
 					const filename = getFilenameFromPath(id);
 					const componentStyles = stylesheetRegistry?.getServedContent(filename);
@@ -836,18 +856,22 @@ function angular(options) {
 						pendingCompilation = null;
 					}
 					const typescriptResult = fileEmitter(id);
-					if (typescriptResult?.warnings && typescriptResult?.warnings.length > 0) this.warn(`${typescriptResult.warnings.join("\n")}`);
-					if (typescriptResult?.errors && typescriptResult?.errors.length > 0) this.error(`${typescriptResult.errors.join("\n")}`);
-					let data = typescriptResult?.content ?? "";
+					if (!typescriptResult) {
+						if (!id.includes("@ng/component") && /(Component|Directive|Pipe|Injectable|NgModule)\(/.test(code)) this.warn(`[@analogjs/vite-plugin-angular]: "${id}" contains Angular decorators but is not in the TypeScript program. Ensure it is included in your tsconfig.`);
+						return;
+					}
+					if (typescriptResult.warnings && typescriptResult.warnings.length > 0) this.warn(`${typescriptResult.warnings.join("\n")}`);
+					if (typescriptResult.errors && typescriptResult.errors.length > 0) this.error(`${typescriptResult.errors.join("\n")}`);
+					let data = typescriptResult.content ?? "";
 					if (jit && data.includes("angular:jit:")) {
 						data = data.replace(/angular:jit:style:inline;/g, "virtual:angular:jit:style:inline;");
 						templateUrls.forEach((templateUrlSet) => {
 							const [templateFile, resolvedTemplateUrl] = templateUrlSet.split("|");
-							data = data.replace(`angular:jit:template:file;${templateFile}`, `${resolvedTemplateUrl}?raw`);
+							data = data.replace(`angular:jit:template:file;${templateFile}`, toVirtualRawId(resolvedTemplateUrl));
 						});
 						styleUrls.forEach((styleUrlSet) => {
 							const [styleFile, resolvedStyleUrl] = styleUrlSet.split("|");
-							data = data.replace(`angular:jit:style:file;${styleFile}`, `${resolvedStyleUrl}?inline`);
+							data = data.replace(`angular:jit:style:file;${styleFile}`, toVirtualStyleId(resolvedStyleUrl));
 						});
 					}
 					if (data.includes("HmrLoad")) {
@@ -879,6 +903,18 @@ function angular(options) {
 			}
 		};
 	}
+	pluginOptions.useAnalogCompiler ? analogCompilerPlugin({
+		tsconfigGetter: pluginOptions.tsconfigGetter,
+		workspaceRoot: pluginOptions.workspaceRoot,
+		inlineStylesExtension: pluginOptions.inlineStylesExtension,
+		jit,
+		liveReload: pluginOptions.liveReload,
+		supportedBrowsers: pluginOptions.supportedBrowsers,
+		transformFilter: options?.transformFilter,
+		isTest,
+		isAstroIntegration,
+		analogCompilationMode: pluginOptions.analogCompilationMode
+	}) : angularPlugin();
 	return [
 		replaceFiles(pluginOptions.fileReplacements, pluginOptions.workspaceRoot),
 		{
@@ -997,23 +1033,6 @@ function angular(options) {
 			absolute: true
 		});
 	}
-	function createTsConfigGetter(tsconfigOrGetter) {
-		if (typeof tsconfigOrGetter === "function") return tsconfigOrGetter;
-		return () => tsconfigOrGetter || "";
-	}
-	function getTsConfigPath(root, tsconfig, isProd, isTest, isLib) {
-		if (tsconfig && isAbsolute(tsconfig)) {
-			if (!existsSync(tsconfig)) console.error(`[@analogjs/vite-plugin-angular]: Unable to resolve tsconfig at ${tsconfig}. This causes compilation issues. Check the path or set the "tsconfig" property with an absolute path.`);
-			return tsconfig;
-		}
-		let tsconfigFilePath = "./tsconfig.app.json";
-		if (isLib) tsconfigFilePath = isProd ? "./tsconfig.lib.prod.json" : "./tsconfig.lib.json";
-		if (isTest) tsconfigFilePath = "./tsconfig.spec.json";
-		if (tsconfig) tsconfigFilePath = tsconfig;
-		const resolvedPath = resolve(root, tsconfigFilePath);
-		if (!existsSync(resolvedPath)) console.error(`[@analogjs/vite-plugin-angular]: Unable to resolve tsconfig at ${resolvedPath}. This causes compilation issues. Check the path or set the "tsconfig" property with an absolute path.`);
-		return resolvedPath;
-	}
 	function resolveTsConfigPath() {
 		const tsconfigValue = pluginOptions.tsconfigGetter();
 		return getTsConfigPath(tsConfigResolutionContext.root, tsconfigValue, tsConfigResolutionContext.isProd, isTest, tsConfigResolutionContext.isLib);