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

package/src/lib/component-resolvers.js

@@ -1,69 +1,159 @@
-import { dirname, resolve } from 'node:path';
-import { Project, SyntaxKind, } from 'ts-morph';
-import { normalizePath } from 'vite';
-export class StyleUrlsResolver {
-    // These resolvers may be called multiple times during the same
-    // compilation for the same files. Caching is required because these
-    // resolvers use synchronous system calls to the filesystem, which can
-    // degrade performance when running compilations for multiple files.
-    styleUrlsCache = new Map();
-    resolve(code, id) {
-        // Given the code is the following:
-        // @Component({
-        //   styleUrls: [
-        //     './app.component.scss'
-        //   ]
-        // })
-        // The `matchedStyleUrls` would result in: `styleUrls: [\n    './app.component.scss'\n  ]`.
-        const matchedStyleUrls = getStyleUrls(code);
-        const entry = this.styleUrlsCache.get(id);
-        // We're using `matchedStyleUrls` as a key because the code may be changing continuously,
-        // resulting in the resolver being called multiple times. While the code changes, the
-        // `styleUrls` may remain constant, which means we should always return the previously
-        // resolved style URLs.
-        if (entry && entry.matchedStyleUrls === matchedStyleUrls) {
-            return entry.styleUrls;
-        }
-        const styleUrls = matchedStyleUrls.map((styleUrlPath) => {
-            return `${styleUrlPath}|${normalizePath(resolve(dirname(id), styleUrlPath))}`;
-        });
-        this.styleUrlsCache.set(id, { styleUrls, matchedStyleUrls });
-        return styleUrls;
-    }
+import { dirname, resolve } from "node:path";
+import { normalizePath } from "vite";
+import { parseSync } from "oxc-parser";
+import { Visitor } from "rolldown/utils";
+//#region packages/vite-plugin-angular/src/lib/component-resolvers.ts
+/**
+* Extracts a string value from an ESTree AST node.
+*
+* Handles three forms that Angular decorators may use:
+* - `Literal` with a string value  → `'./foo.css'`  /  `"./foo.css"`
+* - `StringLiteral` (OXC-specific) → same representation
+* - `TemplateLiteral` with zero expressions → `` `./foo.css` ``
+*
+* Uses `any` because OXC's AST mixes standard ESTree nodes with
+* OXC-specific variants (e.g. `StringLiteral`), and the project's
+* tsconfig enforces `noPropertyAccessFromIndexSignature`.
+*/
+function getStringValue(node) {
+	if (!node) return void 0;
+	if (node.type === "Literal" && typeof node.value === "string") return node.value;
+	if (node.type === "StringLiteral") return node.value;
+	if (node.type === "TemplateLiteral" && node.expressions.length === 0 && node.quasis.length === 1) return node.quasis[0].value.cooked ?? node.quasis[0].value.raw;
 }
-function getTextByProperty(name, properties) {
-    return properties
-        .filter((property) => property.getName() === name)
-        .map((property) => property.getInitializer()?.getText().replace(/['"`]/g, ''))
-        .filter((url) => url !== undefined);
+/**
+* Parses TypeScript/JS source with OXC and collects `styleUrl`, `styleUrls`,
+* and `templateUrl` property values from Angular `@Component()` decorators
+* in a single AST pass.
+*
+* This replaces the previous ts-morph implementation — OXC parses natively
+* via Rust NAPI bindings, avoiding the overhead of spinning up a full
+* TypeScript `Project` for each file.
+*/
+function collectComponentUrls(code) {
+	const { program } = parseSync("cmp.ts", code);
+	const styleUrls = [];
+	const templateUrls = [];
+	const inlineTemplates = [];
+	new Visitor({ ClassDeclaration(node) {
+		const decorators = node.decorators ?? [];
+		for (const decorator of decorators) {
+			const expression = decorator.expression;
+			if (expression?.type !== "CallExpression" || expression.callee?.type !== "Identifier" || expression.callee.name !== "Component") continue;
+			const componentArg = expression.arguments?.[0];
+			if (componentArg?.type !== "ObjectExpression") continue;
+			for (const property of componentArg.properties ?? []) {
+				if (property?.type !== "Property" || property.key?.type !== "Identifier") continue;
+				const name = property.key.name;
+				if (name === "styleUrls" && property.value?.type === "ArrayExpression") for (const el of property.value.elements) {
+					const val = getStringValue(el);
+					if (val !== void 0) styleUrls.push(val);
+				}
+				if (name === "styleUrl") {
+					const val = getStringValue(property.value);
+					if (val !== void 0) styleUrls.push(val);
+				}
+				if (name === "templateUrl") {
+					const val = getStringValue(property.value);
+					if (val !== void 0) templateUrls.push(val);
+				}
+				if (name === "template") {
+					const val = getStringValue(property.value);
+					if (val !== void 0) inlineTemplates.push(val);
+				}
+			}
+		}
+	} }).visit(program);
+	return {
+		styleUrls,
+		templateUrls,
+		inlineTemplates
+	};
 }
-export function getStyleUrls(code) {
-    const project = new Project({ useInMemoryFileSystem: true });
-    const sourceFile = project.createSourceFile('cmp.ts', code);
-    const properties = sourceFile.getDescendantsOfKind(SyntaxKind.PropertyAssignment);
-    const styleUrl = getTextByProperty('styleUrl', properties);
-    const styleUrls = properties
-        .filter((property) => property.getName() === 'styleUrls')
-        .map((property) => property.getInitializer())
-        .flatMap((array) => array.getElements().map((el) => el.getText().replace(/['"`]/g, '')));
-    return [...styleUrls, ...styleUrl];
+/**
+* Extract Angular component identities from raw source code before Angular's
+* compilation pipeline strips decorators. This is used for dev-time
+* diagnostics such as duplicate selectors, duplicate component class names,
+* selectorless shared components, and inline-template validation.
+*/
+function getAngularComponentMetadata(code) {
+	const { program } = parseSync("cmp.ts", code);
+	const components = [];
+	new Visitor({ ClassDeclaration(node) {
+		const decorators = node.decorators ?? [];
+		for (const decorator of decorators) {
+			const expression = decorator.expression;
+			if (expression?.type !== "CallExpression" || expression.callee?.type !== "Identifier" || expression.callee.name !== "Component") continue;
+			const componentArg = expression.arguments?.[0];
+			if (componentArg?.type !== "ObjectExpression") continue;
+			const metadata = {
+				className: node.id?.name ?? "(anonymous)",
+				styleUrls: [],
+				templateUrls: [],
+				inlineTemplates: []
+			};
+			for (const property of componentArg.properties ?? []) {
+				if (property?.type !== "Property" || property.key?.type !== "Identifier") continue;
+				const name = property.key.name;
+				if (name === "selector") metadata.selector = getStringValue(property.value);
+				else if (name === "styleUrl") {
+					const val = getStringValue(property.value);
+					if (val !== void 0) metadata.styleUrls.push(val);
+				} else if (name === "styleUrls" && property.value?.type === "ArrayExpression") for (const el of property.value.elements ?? []) {
+					const val = getStringValue(el);
+					if (val !== void 0) metadata.styleUrls.push(val);
+				}
+				else if (name === "templateUrl") {
+					const val = getStringValue(property.value);
+					if (val !== void 0) metadata.templateUrls.push(val);
+				} else if (name === "template") {
+					const val = getStringValue(property.value);
+					if (val !== void 0) metadata.inlineTemplates.push(val);
+				}
+			}
+			components.push(metadata);
+		}
+	} }).visit(program);
+	return components;
 }
-export function getTemplateUrls(code) {
-    const project = new Project({ useInMemoryFileSystem: true });
-    const sourceFile = project.createSourceFile('cmp.ts', code);
-    const properties = sourceFile.getDescendantsOfKind(SyntaxKind.PropertyAssignment);
-    return getTextByProperty('templateUrl', properties);
+/** Extract all `styleUrl` / `styleUrls` values from Angular component source. */
+function getStyleUrls(code) {
+	return collectComponentUrls(code).styleUrls;
 }
-export class TemplateUrlsResolver {
-    templateUrlsCache = new Map();
-    resolve(code, id) {
-        const entry = this.templateUrlsCache.get(id);
-        if (entry?.code === code) {
-            return entry.templateUrlPaths;
-        }
-        const templateUrlPaths = getTemplateUrls(code).map((url) => `${url}|${normalizePath(resolve(dirname(id), url))}`);
-        this.templateUrlsCache.set(id, { code, templateUrlPaths });
-        return templateUrlPaths;
-    }
+/** Extract all `templateUrl` values from Angular component source. */
+function getTemplateUrls(code) {
+	return collectComponentUrls(code).templateUrls;
 }
+var StyleUrlsResolver = class {
+	styleUrlsCache = /* @__PURE__ */ new Map();
+	resolve(code, id) {
+		const matchedStyleUrls = getStyleUrls(code);
+		const entry = this.styleUrlsCache.get(id);
+		if (entry && entry.matchedStyleUrls === matchedStyleUrls) return entry.styleUrls;
+		const styleUrls = matchedStyleUrls.map((styleUrlPath) => {
+			return `${styleUrlPath}|${normalizePath(resolve(dirname(id), styleUrlPath))}`;
+		});
+		this.styleUrlsCache.set(id, {
+			styleUrls,
+			matchedStyleUrls
+		});
+		return styleUrls;
+	}
+};
+var TemplateUrlsResolver = class {
+	templateUrlsCache = /* @__PURE__ */ new Map();
+	resolve(code, id) {
+		const entry = this.templateUrlsCache.get(id);
+		if (entry?.code === code) return entry.templateUrlPaths;
+		const templateUrlPaths = getTemplateUrls(code).map((url) => `${url}|${normalizePath(resolve(dirname(id), url))}`);
+		this.templateUrlsCache.set(id, {
+			code,
+			templateUrlPaths
+		});
+		return templateUrlPaths;
+	}
+};
+//#endregion
+export { StyleUrlsResolver, TemplateUrlsResolver, getAngularComponentMetadata };
+
 //# sourceMappingURL=component-resolvers.js.map

package/src/lib/component-resolvers.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-resolvers.js","sourceRoot":"","sources":["../../../../../packages/vite-plugin-angular/src/lib/component-resolvers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-resolvers.js","names":[],"sources":["../../../src/lib/component-resolvers.ts"],"sourcesContent":["import { dirname, resolve } from 'node:path';\n// OXC parser (native Rust, NAPI-RS) replaces ts-morph for AST extraction.\n// It is ~10-50x faster for the narrow task of pulling property values from\n// Angular component decorators.  The Visitor helper from Rolldown walks the\n// ESTree-compatible AST that OXC produces.\nimport { parseSync } from 'oxc-parser';\nimport { Visitor } from 'rolldown/utils';\nimport { normalizePath } from 'vite';\n\n// ---------------------------------------------------------------------------\n// AST helpers\n// ---------------------------------------------------------------------------\n\n/**\n * Extracts a string value from an ESTree AST node.\n *\n * Handles three forms that Angular decorators may use:\n * - `Literal` with a string value  → `'./foo.css'`  /  `\"./foo.css\"`\n * - `StringLiteral` (OXC-specific) → same representation\n * - `TemplateLiteral` with zero expressions → `` `./foo.css` ``\n *\n * Uses `any` because OXC's AST mixes standard ESTree nodes with\n * OXC-specific variants (e.g. `StringLiteral`), and the project's\n * tsconfig enforces `noPropertyAccessFromIndexSignature`.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction getStringValue(node: any): string | undefined {\n  if (!node) return undefined;\n  // Standard ESTree Literal (string value)\n  if (node.type === 'Literal' && typeof node.value === 'string') {\n    return node.value;\n  }\n  // OXC-specific StringLiteral node\n  if (node.type === 'StringLiteral') {\n    return node.value;\n  }\n  // Template literal with no interpolation (e.g., `./foo.css`)\n  if (\n    node.type === 'TemplateLiteral' &&\n    node.expressions.length === 0 &&\n    node.quasis.length === 1\n  ) {\n    return node.quasis[0].value.cooked ?? node.quasis[0].value.raw;\n  }\n  return undefined;\n}\n\n/**\n * Parses TypeScript/JS source with OXC and collects `styleUrl`, `styleUrls`,\n * and `templateUrl` property values from Angular `@Component()` decorators\n * in a single AST pass.\n *\n * This replaces the previous ts-morph implementation — OXC parses natively\n * via Rust NAPI bindings, avoiding the overhead of spinning up a full\n * TypeScript `Project` for each file.\n */\nfunction collectComponentUrls(code: string): {\n  styleUrls: string[];\n  templateUrls: string[];\n  inlineTemplates: string[];\n} {\n  const { program } = parseSync('cmp.ts', code);\n  const styleUrls: string[] = [];\n  const templateUrls: string[] = [];\n  const inlineTemplates: string[] = [];\n\n  const visitor = new Visitor({\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ClassDeclaration(node: any) {\n      const decorators = node.decorators ?? [];\n      for (const decorator of decorators) {\n        const expression = decorator.expression;\n        if (\n          expression?.type !== 'CallExpression' ||\n          expression.callee?.type !== 'Identifier' ||\n          expression.callee.name !== 'Component'\n        ) {\n          continue;\n        }\n\n        const componentArg = expression.arguments?.[0];\n        if (componentArg?.type !== 'ObjectExpression') {\n          continue;\n        }\n\n        for (const property of componentArg.properties ?? []) {\n          if (\n            property?.type !== 'Property' ||\n            property.key?.type !== 'Identifier'\n          ) {\n            continue;\n          }\n\n          const name = property.key.name;\n\n          if (\n            name === 'styleUrls' &&\n            property.value?.type === 'ArrayExpression'\n          ) {\n            for (const el of property.value.elements) {\n              const val = getStringValue(el);\n              if (val !== undefined) styleUrls.push(val);\n            }\n          }\n\n          if (name === 'styleUrl') {\n            const val = getStringValue(property.value);\n            if (val !== undefined) styleUrls.push(val);\n          }\n\n          if (name === 'templateUrl') {\n            const val = getStringValue(property.value);\n            if (val !== undefined) templateUrls.push(val);\n          }\n\n          if (name === 'template') {\n            const val = getStringValue(property.value);\n            if (val !== undefined) inlineTemplates.push(val);\n          }\n        }\n      }\n    },\n  });\n  visitor.visit(program);\n\n  return { styleUrls, templateUrls, inlineTemplates };\n}\n\nexport interface AngularComponentMetadata {\n  className: string;\n  selector?: string;\n  styleUrls: string[];\n  templateUrls: string[];\n  inlineTemplates: string[];\n}\n\n/**\n * Extract Angular component identities from raw source code before Angular's\n * compilation pipeline strips decorators. This is used for dev-time\n * diagnostics such as duplicate selectors, duplicate component class names,\n * selectorless shared components, and inline-template validation.\n */\nexport function getAngularComponentMetadata(\n  code: string,\n): AngularComponentMetadata[] {\n  const { program } = parseSync('cmp.ts', code);\n  const components: AngularComponentMetadata[] = [];\n\n  const visitor = new Visitor({\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ClassDeclaration(node: any) {\n      const decorators = node.decorators ?? [];\n      for (const decorator of decorators) {\n        const expression = decorator.expression;\n        if (\n          expression?.type !== 'CallExpression' ||\n          expression.callee?.type !== 'Identifier' ||\n          expression.callee.name !== 'Component'\n        ) {\n          continue;\n        }\n\n        const componentArg = expression.arguments?.[0];\n        if (componentArg?.type !== 'ObjectExpression') {\n          continue;\n        }\n\n        const metadata: AngularComponentMetadata = {\n          className: node.id?.name ?? '(anonymous)',\n          styleUrls: [],\n          templateUrls: [],\n          inlineTemplates: [],\n        };\n\n        for (const property of componentArg.properties ?? []) {\n          if (\n            property?.type !== 'Property' ||\n            property.key?.type !== 'Identifier'\n          ) {\n            continue;\n          }\n\n          const name = property.key.name;\n          if (name === 'selector') {\n            metadata.selector = getStringValue(property.value);\n          } else if (name === 'styleUrl') {\n            const val = getStringValue(property.value);\n            if (val !== undefined) {\n              metadata.styleUrls.push(val);\n            }\n          } else if (\n            name === 'styleUrls' &&\n            property.value?.type === 'ArrayExpression'\n          ) {\n            for (const el of property.value.elements ?? []) {\n              const val = getStringValue(el);\n              if (val !== undefined) {\n                metadata.styleUrls.push(val);\n              }\n            }\n          } else if (name === 'templateUrl') {\n            const val = getStringValue(property.value);\n            if (val !== undefined) {\n              metadata.templateUrls.push(val);\n            }\n          } else if (name === 'template') {\n            const val = getStringValue(property.value);\n            if (val !== undefined) {\n              metadata.inlineTemplates.push(val);\n            }\n          }\n        }\n\n        components.push(metadata);\n      }\n    },\n  });\n  visitor.visit(program);\n\n  return components;\n}\n\n/** Extract all `styleUrl` / `styleUrls` values from Angular component source. */\nexport function getStyleUrls(code: string): string[] {\n  return collectComponentUrls(code).styleUrls;\n}\n\n/** Extract all `templateUrl` values from Angular component source. */\nexport function getTemplateUrls(code: string): string[] {\n  return collectComponentUrls(code).templateUrls;\n}\n\n/** Extract inline `template` strings from Angular component source. */\nexport function getInlineTemplates(code: string): string[] {\n  return collectComponentUrls(code).inlineTemplates;\n}\n\n// ---------------------------------------------------------------------------\n// Resolver caches\n// ---------------------------------------------------------------------------\n\ninterface StyleUrlsCacheEntry {\n  matchedStyleUrls: string[];\n  styleUrls: string[];\n}\n\nexport class StyleUrlsResolver {\n  // These resolvers may be called multiple times during the same\n  // compilation for the same files. Caching is required because these\n  // resolvers use synchronous system calls to the filesystem, which can\n  // degrade performance when running compilations for multiple files.\n  private readonly styleUrlsCache = new Map<string, StyleUrlsCacheEntry>();\n\n  resolve(code: string, id: string): string[] {\n    const matchedStyleUrls = getStyleUrls(code);\n    const entry = this.styleUrlsCache.get(id);\n    // We're using `matchedStyleUrls` as a key because the code may be changing continuously,\n    // resulting in the resolver being called multiple times. While the code changes, the\n    // `styleUrls` may remain constant, which means we should always return the previously\n    // resolved style URLs.\n    if (entry && entry.matchedStyleUrls === matchedStyleUrls) {\n      return entry.styleUrls;\n    }\n\n    const styleUrls = matchedStyleUrls.map((styleUrlPath) => {\n      return `${styleUrlPath}|${normalizePath(\n        resolve(dirname(id), styleUrlPath),\n      )}`;\n    });\n\n    this.styleUrlsCache.set(id, { styleUrls, matchedStyleUrls });\n    return styleUrls;\n  }\n}\n\ninterface TemplateUrlsCacheEntry {\n  code: string;\n  templateUrlPaths: string[];\n}\n\nexport class TemplateUrlsResolver {\n  private readonly templateUrlsCache = new Map<\n    string,\n    TemplateUrlsCacheEntry\n  >();\n\n  resolve(code: string, id: string): string[] {\n    const entry = this.templateUrlsCache.get(id);\n    if (entry?.code === code) {\n      return entry.templateUrlPaths;\n    }\n\n    const templateUrlPaths = getTemplateUrls(code).map(\n      (url) => `${url}|${normalizePath(resolve(dirname(id), url))}`,\n    );\n\n    this.templateUrlsCache.set(id, { code, templateUrlPaths });\n    return templateUrlPaths;\n  }\n}\n"],"mappings":"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"}

package/src/lib/host.d.ts

@@ -1,13 +1,15 @@
-import * as ts from 'typescript';
-import type { SourceFileCache } from './utils/source-file-cache.js';
+import * as ts from "typescript";
+import { type StylePreprocessor } from "./style-preprocessor.js";
+import { AnalogStylesheetRegistry } from "./stylesheet-registry.js";
+import type { SourceFileCache } from "./utils/source-file-cache.js";
 export declare function augmentHostWithResources(host: ts.CompilerHost, transform: (code: string, id: string, options?: {
-    ssr?: boolean;
+	ssr?: boolean;
 }) => ReturnType<any> | null, options: {
-    inlineStylesExtension: string;
-    isProd?: boolean;
-    inlineComponentStyles?: Map<string, string>;
-    externalComponentStyles?: Map<string, string>;
-    sourceFileCache?: SourceFileCache;
+	inlineStylesExtension: string;
+	isProd?: boolean;
+	stylesheetRegistry?: AnalogStylesheetRegistry;
+	sourceFileCache?: SourceFileCache;
+	stylePreprocessor?: StylePreprocessor;
 }): void;
 export declare function augmentProgramWithVersioning(program: ts.Program): void;
 export declare function augmentHostWithCaching(host: ts.CompilerHost, cache: Map<string, ts.SourceFile>): void;

package/src/lib/host.js

@@ -1,108 +1,116 @@
-import { normalizePath } from 'vite';
-import { createHash } from 'node:crypto';
-import path from 'node:path';
-export function augmentHostWithResources(host, transform, options) {
-    const resourceHost = host;
-    resourceHost.readResource = async function (fileName) {
-        const filePath = normalizePath(fileName);
-        const content = this.readFile(filePath);
-        if (content === undefined) {
-            throw new Error('Unable to locate component resource: ' + fileName);
-        }
-        return content;
-    };
-    resourceHost.getModifiedResourceFiles = function () {
-        return options?.sourceFileCache?.modifiedFiles;
-    };
-    resourceHost.transformResource = async function (data, context) {
-        // Only style resources are supported currently
-        if (context.type !== 'style') {
-            return null;
-        }
-        if (options.inlineComponentStyles) {
-            const id = createHash('sha256')
-                .update(context.containingFile)
-                .update(context.className)
-                .update(String(context.order))
-                .update(data)
-                .digest('hex');
-            const filename = id + '.' + options.inlineStylesExtension;
-            options.inlineComponentStyles.set(filename, data);
-            return { content: filename };
-        }
-        // Resource file only exists for external stylesheets
-        const filename = context.resourceFile ??
-            context.containingFile.replace('.ts', `.${options?.inlineStylesExtension}`);
-        let stylesheetResult;
-        try {
-            stylesheetResult = await transform(data, `${filename}?direct`);
-        }
-        catch (e) {
-            console.error(`${e}`);
-        }
-        return { content: stylesheetResult?.code || '' };
-    };
-    resourceHost.resourceNameToFileName = function (resourceName, containingFile) {
-        const resolvedPath = path.join(path.dirname(containingFile), resourceName);
-        // All resource names that have template file extensions are assumed to be templates
-        if (!options.externalComponentStyles || !hasStyleExtension(resolvedPath)) {
-            return resolvedPath;
-        }
-        // For external stylesheets, create a unique identifier and store the mapping
-        let externalId = options.externalComponentStyles.get(resolvedPath);
-        externalId ??= createHash('sha256').update(resolvedPath).digest('hex');
-        const filename = externalId + path.extname(resolvedPath);
-        options.externalComponentStyles.set(filename, resolvedPath);
-        return filename;
-    };
+import { debugStyles } from "./utils/debug.js";
+import { normalizeStylesheetDependencies } from "./style-preprocessor.js";
+import { preprocessStylesheetResult, registerStylesheetContent } from "./stylesheet-registry.js";
+import { createHash } from "node:crypto";
+import path from "node:path";
+import { normalizePath } from "vite";
+//#region packages/vite-plugin-angular/src/lib/host.ts
+function augmentHostWithResources(host, transform, options) {
+	const resourceHost = host;
+	resourceHost.readResource = async function(fileName) {
+		const filePath = normalizePath(fileName);
+		const content = this.readFile(filePath);
+		if (content === void 0) throw new Error("Unable to locate component resource: " + fileName);
+		return content;
+	};
+	resourceHost.getModifiedResourceFiles = function() {
+		return options?.sourceFileCache?.modifiedFiles;
+	};
+	resourceHost.transformResource = async function(data, context) {
+		if (context.type !== "style") return null;
+		const filename = context.resourceFile ?? context.containingFile.replace(".ts", `.${options?.inlineStylesExtension}`);
+		const preprocessed = preprocessStylesheetResult(data, filename, options.stylePreprocessor, {
+			filename,
+			containingFile: context.containingFile,
+			resourceFile: context.resourceFile ?? void 0,
+			className: context.className,
+			order: context.order,
+			inline: !context.resourceFile
+		});
+		if (options.stylesheetRegistry) {
+			const stylesheetId = registerStylesheetContent(options.stylesheetRegistry, {
+				code: preprocessed.code,
+				dependencies: normalizeStylesheetDependencies(preprocessed.dependencies),
+				diagnostics: preprocessed.diagnostics,
+				tags: preprocessed.tags,
+				containingFile: context.containingFile,
+				className: context.className,
+				order: context.order,
+				inlineStylesExtension: options.inlineStylesExtension,
+				resourceFile: context.resourceFile ?? void 0
+			});
+			debugStyles("NgtscProgram: stylesheet deferred to Vite pipeline", {
+				stylesheetId,
+				resourceFile: context.resourceFile ?? "(inline)",
+				dependencies: preprocessed.dependencies,
+				diagnostics: preprocessed.diagnostics,
+				tags: preprocessed.tags
+			});
+			return { content: stylesheetId };
+		}
+		debugStyles("NgtscProgram: stylesheet processed inline via transform", {
+			filename,
+			resourceFile: context.resourceFile ?? "(inline)",
+			dataLength: preprocessed.code.length
+		});
+		let stylesheetResult;
+		try {
+			stylesheetResult = await transform(preprocessed.code, `${filename}?direct`);
+		} catch (e) {
+			debugStyles("NgtscProgram: stylesheet transform error", {
+				filename,
+				resourceFile: context.resourceFile ?? "(inline)",
+				error: String(e)
+			});
+		}
+		if (!stylesheetResult?.code) return null;
+		return { content: stylesheetResult.code };
+	};
+	resourceHost.resourceNameToFileName = function(resourceName, containingFile, fallbackResolve) {
+		const resolvedPath = normalizePath(fallbackResolve ? fallbackResolve(path.dirname(containingFile), resourceName) : path.join(path.dirname(containingFile), resourceName));
+		if (!options.stylesheetRegistry || !hasStyleExtension(resolvedPath)) return resolvedPath;
+		const filename = createHash("sha256").update(resolvedPath).digest("hex") + path.extname(resolvedPath);
+		options.stylesheetRegistry.registerExternalRequest(filename, resolvedPath);
+		debugStyles("NgtscProgram: external stylesheet ID mapped for resolveId", {
+			resourceName,
+			resolvedPath,
+			filename
+		});
+		return filename;
+	};
 }
-export function augmentProgramWithVersioning(program) {
-    const baseGetSourceFiles = program.getSourceFiles;
-    program.getSourceFiles = function (...parameters) {
-        const files = baseGetSourceFiles(...parameters);
-        for (const file of files) {
-            file.version ??= createHash('sha256').update(file.text).digest('hex');
-        }
-        return files;
-    };
+function augmentProgramWithVersioning(program) {
+	const baseGetSourceFiles = program.getSourceFiles;
+	program.getSourceFiles = function(...parameters) {
+		const files = baseGetSourceFiles(...parameters);
+		for (const file of files) file.version ??= createHash("sha256").update(file.text).digest("hex");
+		return files;
+	};
 }
-export function augmentHostWithCaching(host, cache) {
-    const baseGetSourceFile = host.getSourceFile;
-    host.getSourceFile = function (fileName, languageVersion, onError, shouldCreateNewSourceFile, ...parameters) {
-        if (!shouldCreateNewSourceFile && cache.has(fileName)) {
-            return cache.get(fileName);
-        }
-        const file = baseGetSourceFile.call(host, fileName, languageVersion, onError, true, ...parameters);
-        if (file) {
-            cache.set(fileName, file);
-        }
-        return file;
-    };
+function augmentHostWithCaching(host, cache) {
+	const baseGetSourceFile = host.getSourceFile;
+	host.getSourceFile = function(fileName, languageVersion, onError, shouldCreateNewSourceFile, ...parameters) {
+		if (!shouldCreateNewSourceFile && cache.has(fileName)) return cache.get(fileName);
+		const file = baseGetSourceFile.call(host, fileName, languageVersion, onError, true, ...parameters);
+		if (file) cache.set(fileName, file);
+		return file;
+	};
 }
-export function mergeTransformers(first, second) {
-    const result = {};
-    if (first.before || second.before) {
-        result.before = [...(first.before || []), ...(second.before || [])];
-    }
-    if (first.after || second.after) {
-        result.after = [...(first.after || []), ...(second.after || [])];
-    }
-    if (first.afterDeclarations || second.afterDeclarations) {
-        result.afterDeclarations = [
-            ...(first.afterDeclarations || []),
-            ...(second.afterDeclarations || []),
-        ];
-    }
-    return result;
+function mergeTransformers(first, second) {
+	const result = {};
+	if (first.before || second.before) result.before = [...first.before || [], ...second.before || []];
+	if (first.after || second.after) result.after = [...first.after || [], ...second.after || []];
+	if (first.afterDeclarations || second.afterDeclarations) result.afterDeclarations = [...first.afterDeclarations || [], ...second.afterDeclarations || []];
+	return result;
 }
 function hasStyleExtension(file) {
-    const extension = path.extname(file).toLowerCase();
-    switch (extension) {
-        case '.css':
-        case '.scss':
-            return true;
-        default:
-            return false;
-    }
+	switch (path.extname(file).toLowerCase()) {
+		case ".css":
+		case ".scss": return true;
+		default: return false;
+	}
 }
+//#endregion
+export { augmentHostWithCaching, augmentHostWithResources, augmentProgramWithVersioning, mergeTransformers };
+
 //# sourceMappingURL=host.js.map

package/src/lib/host.js.map

@@ -1 +1 @@
-{"version":3,"file":"host.js","sourceRoot":"","sources":["../../../../../packages/vite-plugin-angular/src/lib/host.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"host.js","names":[],"sources":["../../../src/lib/host.ts"],"sourcesContent":["import type { CompilerHost } from '@angular/compiler-cli';\nimport { normalizePath } from 'vite';\n\nimport * as ts from 'typescript';\n\nimport { createHash } from 'node:crypto';\nimport path from 'node:path';\nimport {\n  normalizeStylesheetDependencies,\n  type StylePreprocessor,\n} from './style-preprocessor.js';\nimport {\n  AnalogStylesheetRegistry,\n  preprocessStylesheetResult,\n  registerStylesheetContent,\n} from './stylesheet-registry.js';\nimport { debugStyles } from './utils/debug.js';\nimport type { SourceFileCache } from './utils/source-file-cache.js';\n\nexport function augmentHostWithResources(\n  host: ts.CompilerHost,\n  transform: (\n    code: string,\n    id: string,\n    options?: { ssr?: boolean },\n  ) => ReturnType<any> | null,\n  options: {\n    inlineStylesExtension: string;\n    isProd?: boolean;\n    stylesheetRegistry?: AnalogStylesheetRegistry;\n    sourceFileCache?: SourceFileCache;\n    stylePreprocessor?: StylePreprocessor;\n  },\n): void {\n  const resourceHost = host as CompilerHost;\n\n  resourceHost.readResource = async function (fileName: string) {\n    const filePath = normalizePath(fileName);\n\n    const content = (this as any).readFile(filePath);\n\n    if (content === undefined) {\n      throw new Error('Unable to locate component resource: ' + fileName);\n    }\n\n    return content;\n  };\n\n  resourceHost.getModifiedResourceFiles = function () {\n    return options?.sourceFileCache?.modifiedFiles;\n  };\n\n  resourceHost.transformResource = async function (data, context) {\n    // Only style resources are supported currently\n    if (context.type !== 'style') {\n      return null;\n    }\n\n    const filename =\n      context.resourceFile ??\n      context.containingFile.replace(\n        '.ts',\n        `.${options?.inlineStylesExtension}`,\n      );\n    const preprocessed = preprocessStylesheetResult(\n      data,\n      filename,\n      options.stylePreprocessor,\n      {\n        filename,\n        containingFile: context.containingFile,\n        resourceFile: context.resourceFile ?? undefined,\n        className: context.className,\n        order: context.order,\n        inline: !context.resourceFile,\n      },\n    );\n\n    // Externalized path: store preprocessed CSS for Vite's serve-time pipeline.\n    // CSS must NOT be transformed here — the load hook returns it into\n    // Vite's transform pipeline where PostCSS / Tailwind process it once.\n    if (options.stylesheetRegistry) {\n      const stylesheetId = registerStylesheetContent(\n        options.stylesheetRegistry,\n        {\n          code: preprocessed.code,\n          dependencies: normalizeStylesheetDependencies(\n            preprocessed.dependencies,\n          ),\n          diagnostics: preprocessed.diagnostics,\n          tags: preprocessed.tags,\n          containingFile: context.containingFile,\n          className: context.className,\n          order: context.order,\n          inlineStylesExtension: options.inlineStylesExtension,\n          resourceFile: context.resourceFile ?? undefined,\n        },\n      );\n      debugStyles('NgtscProgram: stylesheet deferred to Vite pipeline', {\n        stylesheetId,\n        resourceFile: context.resourceFile ?? '(inline)',\n        dependencies: preprocessed.dependencies,\n        diagnostics: preprocessed.diagnostics,\n        tags: preprocessed.tags,\n      });\n      return { content: stylesheetId };\n    }\n\n    // Non-externalized: CSS is returned directly to the Angular compiler\n    // and never re-enters Vite's pipeline, so transform eagerly.\n    debugStyles('NgtscProgram: stylesheet processed inline via transform', {\n      filename,\n      resourceFile: context.resourceFile ?? '(inline)',\n      dataLength: preprocessed.code.length,\n    });\n    let stylesheetResult;\n\n    try {\n      stylesheetResult = await transform(\n        preprocessed.code,\n        `${filename}?direct`,\n      );\n    } catch (e) {\n      debugStyles('NgtscProgram: stylesheet transform error', {\n        filename,\n        resourceFile: context.resourceFile ?? '(inline)',\n        error: String(e),\n      });\n    }\n\n    if (!stylesheetResult?.code) {\n      return null;\n    }\n\n    return { content: stylesheetResult.code };\n  };\n\n  resourceHost.resourceNameToFileName = function (\n    resourceName,\n    containingFile,\n    fallbackResolve,\n  ) {\n    const resolvedPath = normalizePath(\n      fallbackResolve\n        ? fallbackResolve(path.dirname(containingFile), resourceName)\n        : path.join(path.dirname(containingFile), resourceName),\n    );\n\n    // All resource names that have template file extensions are assumed to be templates\n    if (!options.stylesheetRegistry || !hasStyleExtension(resolvedPath)) {\n      return resolvedPath;\n    }\n\n    // For external stylesheets, create a unique identifier and store the mapping\n    const externalId = createHash('sha256').update(resolvedPath).digest('hex');\n    const filename = externalId + path.extname(resolvedPath);\n\n    options.stylesheetRegistry.registerExternalRequest(filename, resolvedPath);\n    debugStyles('NgtscProgram: external stylesheet ID mapped for resolveId', {\n      resourceName,\n      resolvedPath,\n      filename,\n    });\n\n    return filename;\n  };\n}\n\nexport function augmentProgramWithVersioning(program: ts.Program): void {\n  const baseGetSourceFiles = program.getSourceFiles;\n  program.getSourceFiles = function (...parameters) {\n    const files: readonly (ts.SourceFile & { version?: string })[] =\n      baseGetSourceFiles(...parameters);\n\n    for (const file of files) {\n      file.version ??= createHash('sha256').update(file.text).digest('hex');\n    }\n\n    return files;\n  };\n}\n\nexport function augmentHostWithCaching(\n  host: ts.CompilerHost,\n  cache: Map<string, ts.SourceFile>,\n): void {\n  const baseGetSourceFile = host.getSourceFile;\n  host.getSourceFile = function (\n    fileName,\n    languageVersion,\n    onError,\n    shouldCreateNewSourceFile,\n    ...parameters\n  ) {\n    if (!shouldCreateNewSourceFile && cache.has(fileName)) {\n      return cache.get(fileName);\n    }\n\n    const file = baseGetSourceFile.call(\n      host,\n      fileName,\n      languageVersion,\n      onError,\n      true,\n      ...parameters,\n    );\n\n    if (file) {\n      cache.set(fileName, file);\n    }\n\n    return file;\n  };\n}\n\nexport function mergeTransformers(\n  first: ts.CustomTransformers,\n  second: ts.CustomTransformers,\n): ts.CustomTransformers {\n  const result: ts.CustomTransformers = {};\n\n  if (first.before || second.before) {\n    result.before = [...(first.before || []), ...(second.before || [])];\n  }\n\n  if (first.after || second.after) {\n    result.after = [...(first.after || []), ...(second.after || [])];\n  }\n\n  if (first.afterDeclarations || second.afterDeclarations) {\n    result.afterDeclarations = [\n      ...(first.afterDeclarations || []),\n      ...(second.afterDeclarations || []),\n    ];\n  }\n\n  return result;\n}\n\nfunction hasStyleExtension(file: string): boolean {\n  const extension = path.extname(file).toLowerCase();\n\n  switch (extension) {\n    case '.css':\n    case '.scss':\n      return true;\n    default:\n      return false;\n  }\n}\n"],"mappings":"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"}

package/src/lib/live-reload-plugin.d.ts

@@ -1,6 +1,6 @@
-import { Plugin } from 'vite';
-import { EmitFileResult } from './models.js';
-export declare function liveReloadPlugin({ classNames, fileEmitter, }: {
-    classNames: Map<string, string>;
-    fileEmitter: (file: string) => EmitFileResult | undefined;
+import { Plugin } from "vite";
+import { EmitFileResult } from "./models.js";
+export declare function liveReloadPlugin({ classNames, fileEmitter }: {
+	classNames: Map<string, string>;
+	fileEmitter: (file: string) => EmitFileResult | undefined;
 }): Plugin;