@analogjs/vite-plugin-angular 3.0.0-alpha.24 → 3.0.0-alpha.26

package/src/lib/stylesheet-registry.js

@@ -0,0 +1,168 @@
+import { normalizeStylesheetTransformResult } from "./style-preprocessor.js";
+import { createHash } from "node:crypto";
+import { dirname, normalize, resolve } from "node:path";
+import { normalizePath } from "vite";
+//#region packages/vite-plugin-angular/src/lib/stylesheet-registry.ts
+var AnalogStylesheetRegistry = class {
+	servedById = /* @__PURE__ */ new Map();
+	servedAliasToId = /* @__PURE__ */ new Map();
+	externalRequestToSource = /* @__PURE__ */ new Map();
+	/**
+	* Maps a real source stylesheet path back to the generated public stylesheet
+	* ids Analog serves for Angular. This is stable across requests and lets HMR
+	* reason about "which virtual stylesheet came from this source file?"
+	*/
+	sourceToPublicIds = /* @__PURE__ */ new Map();
+	/**
+	* Tracks the live request ids Vite/Angular have actually served for a source
+	* stylesheet, including both `?direct&ngcomp=...` CSS modules and
+	* `?ngcomp=...` JS wrapper modules. HMR must use these live request ids
+	* because Angular component styles are no longer addressed by their original
+	* file paths once externalized.
+	*/
+	sourceToRequestIds = /* @__PURE__ */ new Map();
+	sourceToDependencies = /* @__PURE__ */ new Map();
+	sourceToDiagnostics = /* @__PURE__ */ new Map();
+	sourceToTags = /* @__PURE__ */ new Map();
+	/**
+	* Canonicalizes browser-facing stylesheet request ids so Vite timestamp
+	* variants (`?t=...`) and path-shape variants (`abc.css?...` vs
+	* `/abc.css?...`) all collapse onto one logical module identity.
+	*
+	* This is critical for Angular component stylesheet HMR because the browser
+	* can keep both timestamped and non-timestamped requests alive for the same
+	* externalized stylesheet. If Analog tracks them as distinct resources, HMR
+	* can update one module while the browser continues rendering another stale
+	* module for the same public stylesheet id.
+	*/
+	normalizeRequestId(requestId) {
+		const [rawPathname, rawSearch = ""] = requestId.split("?");
+		const normalizedPathname = rawPathname.replace(/^\//, "");
+		if (!rawSearch) return normalizedPathname;
+		const normalizedSearch = rawSearch.split("&").filter((segment) => segment.length > 0).filter((segment) => {
+			const [key] = segment.split("=");
+			return key !== "t";
+		}).join("&");
+		return normalizedSearch ? `${normalizedPathname}?${normalizedSearch}` : normalizedPathname;
+	}
+	get servedCount() {
+		return this.servedById.size;
+	}
+	get externalCount() {
+		return this.externalRequestToSource.size;
+	}
+	hasServed(requestId) {
+		return this.resolveServedRecord(requestId) !== void 0;
+	}
+	getServedContent(requestId) {
+		return this.resolveServedRecord(requestId)?.normalizedCode;
+	}
+	resolveExternalSource(requestId) {
+		const normalizedRequestId = this.normalizeRequestId(requestId);
+		return this.externalRequestToSource.get(normalizedRequestId);
+	}
+	getPublicIdsForSource(sourcePath) {
+		return [...this.sourceToPublicIds.get(sourcePath) ?? []];
+	}
+	getRequestIdsForSource(sourcePath) {
+		return [...this.sourceToRequestIds.get(sourcePath) ?? []];
+	}
+	getDependenciesForSource(sourcePath) {
+		return [...this.sourceToDependencies.get(sourcePath) ?? []];
+	}
+	getDiagnosticsForSource(sourcePath) {
+		return [...this.sourceToDiagnostics.get(sourcePath) ?? []];
+	}
+	getTagsForSource(sourcePath) {
+		return [...this.sourceToTags.get(sourcePath) ?? []];
+	}
+	registerExternalRequest(requestId, sourcePath) {
+		this.externalRequestToSource.set(this.normalizeRequestId(requestId), sourcePath);
+	}
+	registerActiveRequest(requestId) {
+		const normalizedRequestId = this.normalizeRequestId(requestId);
+		const requestPath = normalizedRequestId.split("?")[0];
+		const sourcePath = this.resolveExternalSource(requestPath) ?? this.resolveExternalSource(requestPath.replace(/^\//, ""));
+		if (!sourcePath) return;
+		const requestIds = this.sourceToRequestIds.get(sourcePath) ?? /* @__PURE__ */ new Set();
+		requestIds.add(normalizedRequestId);
+		if (normalizedRequestId.includes("?direct&ngcomp=")) requestIds.add(normalizedRequestId.replace("?direct&ngcomp=", "?ngcomp="));
+		this.sourceToRequestIds.set(sourcePath, requestIds);
+	}
+	registerServedStylesheet(record, aliases = []) {
+		const publicId = this.normalizeRequestId(record.publicId);
+		this.servedById.set(publicId, {
+			...record,
+			publicId
+		});
+		this.servedAliasToId.set(publicId, publicId);
+		for (const alias of aliases) this.servedAliasToId.set(this.normalizeRequestId(alias), publicId);
+		if (record.sourcePath) {
+			const publicIds = this.sourceToPublicIds.get(record.sourcePath) ?? /* @__PURE__ */ new Set();
+			publicIds.add(publicId);
+			this.sourceToPublicIds.set(record.sourcePath, publicIds);
+			this.recomputeSourceMetadata(record.sourcePath);
+		}
+	}
+	recomputeSourceMetadata(sourcePath) {
+		const dependencies = /* @__PURE__ */ new Map();
+		const diagnostics = /* @__PURE__ */ new Map();
+		const tags = /* @__PURE__ */ new Set();
+		for (const publicId of this.sourceToPublicIds.get(sourcePath) ?? []) {
+			const record = this.servedById.get(publicId);
+			if (!record) continue;
+			for (const dependency of record.dependencies ?? []) {
+				const key = `${dependency.kind ?? "unknown"}:${dependency.id}:${dependency.owner ?? ""}`;
+				dependencies.set(key, dependency);
+			}
+			for (const diagnostic of record.diagnostics ?? []) {
+				const key = `${diagnostic.severity}:${diagnostic.code}:${diagnostic.message}`;
+				diagnostics.set(key, diagnostic);
+			}
+			for (const tag of record.tags ?? []) tags.add(tag);
+		}
+		this.sourceToDependencies.set(sourcePath, [...dependencies.values()]);
+		this.sourceToDiagnostics.set(sourcePath, [...diagnostics.values()]);
+		this.sourceToTags.set(sourcePath, [...tags]);
+	}
+	resolveServedRecord(requestId) {
+		const normalizedRequestId = this.normalizeRequestId(requestId);
+		const publicId = this.servedAliasToId.get(normalizedRequestId) ?? this.servedAliasToId.get(normalizedRequestId.split("?")[0]) ?? normalizedRequestId.split("?")[0];
+		return this.servedById.get(publicId);
+	}
+};
+function preprocessStylesheet(code, filename, stylePreprocessor, context) {
+	return preprocessStylesheetResult(code, filename, stylePreprocessor, context).code;
+}
+function preprocessStylesheetResult(code, filename, stylePreprocessor, context) {
+	return normalizeStylesheetTransformResult(stylePreprocessor?.(code, filename, context), code);
+}
+function rewriteRelativeCssImports(code, filename) {
+	const cssDir = dirname(filename);
+	return code.replace(/@import\s+(?:url\(\s*(["']?)(\.[^'")\s;]+)\1\s*\)|(["'])(\.[^'"]+)\3)/g, (_match, urlQuote, urlPath, stringQuote, stringPath) => {
+		const absPath = resolve(cssDir, urlPath ?? stringPath);
+		if (typeof urlPath === "string") return `@import url(${urlQuote}${absPath}${urlQuote})`;
+		return `@import ${stringQuote}${absPath}${stringQuote}`;
+	});
+}
+function registerStylesheetContent(registry, { code, dependencies, diagnostics, tags, containingFile, className, order, inlineStylesExtension, resourceFile }) {
+	const stylesheetId = `${createHash("sha256").update(containingFile).update(className ?? "").update(String(order ?? 0)).update(code).digest("hex")}.${inlineStylesExtension}`;
+	const aliases = [];
+	if (resourceFile) {
+		const normalizedResourceFile = normalizePath(normalize(resourceFile));
+		aliases.push(resourceFile, normalizedResourceFile, resourceFile.replace(/^\//, ""), normalizedResourceFile.replace(/^\//, ""));
+	}
+	registry.registerServedStylesheet({
+		publicId: stylesheetId,
+		sourcePath: resourceFile,
+		normalizedCode: code,
+		dependencies,
+		diagnostics,
+		tags
+	}, aliases);
+	return stylesheetId;
+}
+//#endregion
+export { AnalogStylesheetRegistry, preprocessStylesheet, preprocessStylesheetResult, registerStylesheetContent, rewriteRelativeCssImports };
+
+//# sourceMappingURL=stylesheet-registry.js.map

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  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    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\n  const aliases: string[] = [];\n\n  if (resourceFile) {\n    const normalizedResourceFile = normalizePath(normalize(resourceFile));\n    // Avoid basename-only aliases here: shared filenames like `index.css`\n    // can collide across components and break HMR lookups.\n    aliases.push(\n      resourceFile,\n      normalizedResourceFile,\n      resourceFile.replace(/^\\//, ''),\n      normalizedResourceFile.replace(/^\\//, ''),\n    );\n  }\n\n  registry.registerServedStylesheet(\n    {\n      publicId: stylesheetId,\n      sourcePath: resourceFile,\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/utils/debug.d.ts

@@ -1,9 +1,14 @@
+export declare const debugTailwind: unknown;
 export declare const debugHmr: unknown;
 export declare const debugStyles: unknown;
 export declare const debugCompiler: unknown;
 export declare const debugCompilationApi: unknown;
-export declare const debugTailwind: unknown;
-export type DebugScope = "analog:angular:*" | "analog:angular:hmr" | "analog:angular:styles" | "analog:angular:compiler" | "analog:angular:compilation-api" | "analog:angular:tailwind" | (string & {});
+export declare const debugStylePipeline: unknown;
+export declare const debugTailwindV: unknown;
+export declare const debugHmrV: unknown;
+export declare const debugStylesV: unknown;
+export declare const debugCompilerV: unknown;
+export type DebugScope = "analog:angular:*" | "analog:angular:hmr" | "analog:angular:hmr:v" | "analog:angular:styles" | "analog:angular:styles:v" | "analog:angular:compiler" | "analog:angular:compiler:v" | "analog:angular:compilation-api" | "analog:angular:style-pipeline" | "analog:angular:tailwind" | "analog:angular:tailwind:v" | (string & {});
 export type DebugMode = "build" | "dev";
 export interface DebugModeOptions {
 	scopes?: boolean | DebugScope[];

package/src/lib/utils/debug.js

@@ -1,25 +1,35 @@
 import { createDebugHarness } from "./debug-harness.js";
 import { createDebug } from "obug";
 //#region packages/vite-plugin-angular/src/lib/utils/debug.ts
+var debugTailwind = createDebug("analog:angular:tailwind");
 var debugHmr = createDebug("analog:angular:hmr");
 var debugStyles = createDebug("analog:angular:styles");
 var debugCompiler = createDebug("analog:angular:compiler");
 var debugCompilationApi = createDebug("analog:angular:compilation-api");
-var debugTailwind = createDebug("analog:angular:tailwind");
+var debugStylePipeline = createDebug("analog:angular:style-pipeline");
+var debugTailwindV = createDebug("analog:angular:tailwind:v");
+var debugHmrV = createDebug("analog:angular:hmr:v");
+var debugStylesV = createDebug("analog:angular:styles:v");
+var debugCompilerV = createDebug("analog:angular:compiler:v");
 var harness = createDebugHarness({
 	fallbackNamespace: "analog:angular:*",
 	instanceGroups: [[
+		debugTailwind,
 		debugHmr,
 		debugStyles,
 		debugCompiler,
 		debugCompilationApi,
-		debugTailwind
+		debugStylePipeline,
+		debugTailwindV,
+		debugHmrV,
+		debugStylesV,
+		debugCompilerV
 	]]
 });
 var applyDebugOption = harness.applyDebugOption;
 var activateDeferredDebug = harness.activateDeferredDebug;
 harness._resetDeferredDebug;
 //#endregion
-export { activateDeferredDebug, applyDebugOption, debugCompilationApi, debugCompiler, debugHmr, debugStyles, debugTailwind };
+export { activateDeferredDebug, applyDebugOption, debugCompilationApi, debugCompiler, debugCompilerV, debugHmr, debugHmrV, debugStylePipeline, debugStyles, debugStylesV, debugTailwind, debugTailwindV };
 
 //# sourceMappingURL=debug.js.map

package/src/lib/utils/debug.js.map

@@ -1 +1 @@
-{"version":3,"file":"debug.js","names":[],"sources":["../../../../src/lib/utils/debug.ts"],"sourcesContent":["import { createDebug } from 'obug';\nimport { createDebugHarness } from './debug-harness.js';\n\nexport const debugHmr = createDebug('analog:angular:hmr');\nexport const debugStyles = createDebug('analog:angular:styles');\nexport const debugCompiler = createDebug('analog:angular:compiler');\nexport const debugCompilationApi = createDebug(\n  'analog:angular:compilation-api',\n);\nexport const debugTailwind = createDebug('analog:angular:tailwind');\n\nconst angularDebugInstances = [\n  debugHmr,\n  debugStyles,\n  debugCompiler,\n  debugCompilationApi,\n  debugTailwind,\n];\n\nexport type DebugScope =\n  | 'analog:angular:*'\n  | 'analog:angular:hmr'\n  | 'analog:angular:styles'\n  | 'analog:angular:compiler'\n  | 'analog:angular:compilation-api'\n  | 'analog:angular:tailwind'\n  | (string & {});\n\nexport type DebugMode = 'build' | 'dev';\n\nexport interface DebugModeOptions {\n  scopes?: boolean | DebugScope[];\n  mode?: DebugMode;\n  /**\n   * Write debug output to log files under `tmp/debug/` in the workspace root.\n   * - `true` or `'single'` — all output to `tmp/debug/analog.log`\n   * - `'scoped'` — one file per scope, e.g. `tmp/debug/analog.angular.hmr.log`\n   */\n  logFile?: boolean | 'single' | 'scoped';\n}\n\nexport type DebugOption =\n  | boolean\n  | DebugScope[]\n  | DebugModeOptions\n  | DebugModeOptions[];\n\nconst harness = createDebugHarness({\n  fallbackNamespace: 'analog:angular:*',\n  instanceGroups: [angularDebugInstances],\n});\n\nexport const applyDebugOption: (\n  debug: DebugOption | undefined,\n  workspaceRoot?: string,\n) => void = harness.applyDebugOption;\nexport const activateDeferredDebug: (command: 'build' | 'serve') => void =\n  harness.activateDeferredDebug;\nexport const _resetDeferredDebug: () => void = harness._resetDeferredDebug;\n"],"mappings":";;;AAGA,IAAa,WAAW,YAAY,qBAAqB;AACzD,IAAa,cAAc,YAAY,wBAAwB;AAC/D,IAAa,gBAAgB,YAAY,0BAA0B;AACnE,IAAa,sBAAsB,YACjC,iCACD;AACD,IAAa,gBAAgB,YAAY,0BAA0B;AAsCnE,IAAM,UAAU,mBAAmB;CACjC,mBAAmB;CACnB,gBAAgB,CAtCY;EAC5B;EACA;EACA;EACA;EACA;EACD,CAgCwC;CACxC,CAAC;AAEF,IAAa,mBAGD,QAAQ;AACpB,IAAa,wBACX,QAAQ;AACqC,QAAQ"}
+{"version":3,"file":"debug.js","names":[],"sources":["../../../../src/lib/utils/debug.ts"],"sourcesContent":["import { createDebug } from 'obug';\nimport { createDebugHarness } from './debug-harness.js';\n\n// Normal — key decisions, once per startup or per component\nexport const debugTailwind = createDebug('analog:angular:tailwind');\nexport const debugHmr = createDebug('analog:angular:hmr');\nexport const debugStyles = createDebug('analog:angular:styles');\nexport const debugCompiler = createDebug('analog:angular:compiler');\nexport const debugCompilationApi = createDebug(\n  'analog:angular:compilation-api',\n);\nexport const debugStylePipeline = createDebug('analog:angular:style-pipeline');\n\n// Verbose — per-file detail, enable with :v suffix or parent:*\nexport const debugTailwindV = createDebug('analog:angular:tailwind:v');\nexport const debugHmrV = createDebug('analog:angular:hmr:v');\nexport const debugStylesV = createDebug('analog:angular:styles:v');\nexport const debugCompilerV = createDebug('analog:angular:compiler:v');\n\nconst angularDebugInstances = [\n  debugTailwind,\n  debugHmr,\n  debugStyles,\n  debugCompiler,\n  debugCompilationApi,\n  debugStylePipeline,\n  debugTailwindV,\n  debugHmrV,\n  debugStylesV,\n  debugCompilerV,\n];\n\nexport type DebugScope =\n  | 'analog:angular:*'\n  | 'analog:angular:hmr'\n  | 'analog:angular:hmr:v'\n  | 'analog:angular:styles'\n  | 'analog:angular:styles:v'\n  | 'analog:angular:compiler'\n  | 'analog:angular:compiler:v'\n  | 'analog:angular:compilation-api'\n  | 'analog:angular:style-pipeline'\n  | 'analog:angular:tailwind'\n  | 'analog:angular:tailwind:v'\n  | (string & {});\n\nexport type DebugMode = 'build' | 'dev';\n\nexport interface DebugModeOptions {\n  scopes?: boolean | DebugScope[];\n  mode?: DebugMode;\n  /**\n   * Write debug output to log files under `tmp/debug/` in the workspace root.\n   * - `true` or `'single'` — all output to `tmp/debug/analog.log`\n   * - `'scoped'` — one file per scope, e.g. `tmp/debug/analog.angular.hmr.log`\n   */\n  logFile?: boolean | 'single' | 'scoped';\n}\n\nexport type DebugOption =\n  | boolean\n  | DebugScope[]\n  | DebugModeOptions\n  | DebugModeOptions[];\n\nconst harness = createDebugHarness({\n  fallbackNamespace: 'analog:angular:*',\n  instanceGroups: [angularDebugInstances],\n});\n\nexport const applyDebugOption: (\n  debug: DebugOption | undefined,\n  workspaceRoot?: string,\n) => void = harness.applyDebugOption;\nexport const activateDeferredDebug: (command: 'build' | 'serve') => void =\n  harness.activateDeferredDebug;\nexport const _resetDeferredDebug: () => void = harness._resetDeferredDebug;\n"],"mappings":";;;AAIA,IAAa,gBAAgB,YAAY,0BAA0B;AACnE,IAAa,WAAW,YAAY,qBAAqB;AACzD,IAAa,cAAc,YAAY,wBAAwB;AAC/D,IAAa,gBAAgB,YAAY,0BAA0B;AACnE,IAAa,sBAAsB,YACjC,iCACD;AACD,IAAa,qBAAqB,YAAY,gCAAgC;AAG9E,IAAa,iBAAiB,YAAY,4BAA4B;AACtE,IAAa,YAAY,YAAY,uBAAuB;AAC5D,IAAa,eAAe,YAAY,0BAA0B;AAClE,IAAa,iBAAiB,YAAY,4BAA4B;AAgDtE,IAAM,UAAU,mBAAmB;CACjC,mBAAmB;CACnB,gBAAgB,CAhDY;EAC5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAqCwC;CACxC,CAAC;AAEF,IAAa,mBAGD,QAAQ;AACpB,IAAa,wBACX,QAAQ;AACqC,QAAQ"}

package/src/lib/utils/devkit.d.ts

@@ -1,8 +1,8 @@
 import type { CompilerPluginOptions } from "./compiler-plugin-options.js";
-declare const angularMajor: number;
-declare const angularMinor: number;
-declare const angularPatch: number;
-declare const angularFullVersion: number;
+declare const angularMajor: unknown;
+declare const angularMinor: unknown;
+declare const angularPatch: unknown;
+declare const angularFullVersion: unknown;
 declare let sourceFileCache: any;
 declare let cjt: (...args: any[]) => any;
 declare let jt: any;

package/src/lib/utils/devkit.js.map

@@ -1 +1 @@
-{"version":3,"file":"devkit.js","names":[],"sources":["../../../../src/lib/utils/devkit.ts"],"sourcesContent":["import { VERSION } from '@angular/compiler-cli';\nimport { createRequire } from 'node:module';\nimport type { CompilerPluginOptions } from './compiler-plugin-options.js';\nimport * as sfc from './source-file-cache.js';\n\nconst require = createRequire(import.meta.url);\n\nconst angularMajor: number = Number(VERSION.major);\nconst angularMinor: number = Number(VERSION.minor);\nconst angularPatch: number = Number(VERSION.patch);\nconst padVersion = (version: number) => String(version).padStart(2, '0');\nconst angularFullVersion: number = Number(\n  `${angularMajor}${padVersion(angularMinor)}${padVersion(angularPatch)}`,\n);\nlet sourceFileCache: any;\nlet cjt: (...args: any[]) => any;\nlet jt: any;\nlet createAngularCompilation: (...args: any[]) => any;\n\nif (angularMajor < 17) {\n  throw new Error('AnalogJS is not compatible with Angular v16 and lower');\n} else if (angularMajor >= 17 && angularMajor < 18) {\n  const cp = require('@angular-devkit/build-angular/src/tools/esbuild/angular/compiler-plugin.js');\n  const {\n    createJitResourceTransformer,\n  } = require('@angular-devkit/build-angular/src/tools/esbuild/angular/jit-resource-transformer.js');\n  const {\n    JavaScriptTransformer,\n  } = require('@angular-devkit/build-angular/src/tools/esbuild/javascript-transformer.js');\n\n  /**\n   * Workaround for compatibility with Angular 17.0+\n   */\n  if (typeof cp['SourceFileCache'] !== 'undefined') {\n    sourceFileCache = cp.SourceFileCache;\n  } else {\n    sourceFileCache = sfc.SourceFileCache;\n  }\n\n  cjt = createJitResourceTransformer;\n  jt = JavaScriptTransformer;\n} else {\n  const {\n    createJitResourceTransformer,\n    JavaScriptTransformer,\n    SourceFileCache,\n    createAngularCompilation: createAngularCompilationFn,\n  } = require('@angular/build/private');\n\n  sourceFileCache = SourceFileCache;\n  cjt = createJitResourceTransformer;\n  jt = JavaScriptTransformer;\n  createAngularCompilation = createAngularCompilationFn;\n}\n\nexport {\n  cjt as createJitResourceTransformer,\n  jt as JavaScriptTransformer,\n  sourceFileCache as SourceFileCache,\n  CompilerPluginOptions,\n  angularMajor,\n  angularMinor,\n  angularPatch,\n  createAngularCompilation,\n  angularFullVersion,\n};\n"],"mappings":";;;;AAKA,IAAM,UAAU,cAAc,OAAO,KAAK,IAAI;AAE9C,IAAM,eAAuB,OAAO,QAAQ,MAAM;AAClD,IAAM,eAAuB,OAAO,QAAQ,MAAM;AAClD,IAAM,eAAuB,OAAO,QAAQ,MAAM;AAClD,IAAM,cAAc,YAAoB,OAAO,QAAQ,CAAC,SAAS,GAAG,IAAI;AACxE,IAAM,qBAA6B,OACjC,GAAG,eAAe,WAAW,aAAa,GAAG,WAAW,aAAa,GACtE;AACD,IAAI;AACJ,IAAI;AACJ,IAAI;AACJ,IAAI;AAEJ,IAAI,eAAe,GACjB,OAAM,IAAI,MAAM,wDAAwD;SAC/D,gBAAgB,MAAM,eAAe,IAAI;CAClD,MAAM,KAAK,QAAQ,6EAA6E;CAChG,MAAM,EACJ,iCACE,QAAQ,sFAAsF;CAClG,MAAM,EACJ,0BACE,QAAQ,4EAA4E;;;;AAKxF,KAAI,OAAO,GAAG,uBAAuB,YACnC,mBAAkB,GAAG;KAErB,mBAAkB;AAGpB,OAAM;AACN,MAAK;OACA;CACL,MAAM,EACJ,8BACA,uBACA,iBACA,0BAA0B,+BACxB,QAAQ,yBAAyB;AAErC,mBAAkB;AAClB,OAAM;AACN,MAAK;AACL,4BAA2B"}
+{"version":3,"file":"devkit.js","names":[],"sources":["../../../../src/lib/utils/devkit.ts"],"sourcesContent":["import { VERSION } from '@angular/compiler-cli';\nimport { createRequire } from 'node:module';\nimport type { CompilerPluginOptions } from './compiler-plugin-options.js';\nimport * as sfc from './source-file-cache.js';\n\nconst require = createRequire(import.meta.url);\n\nconst angularMajor = Number(VERSION.major);\nconst angularMinor = Number(VERSION.minor);\nconst angularPatch = Number(VERSION.patch);\nconst padVersion = (version: number) => String(version).padStart(2, '0');\nconst angularFullVersion = Number(\n  `${angularMajor}${padVersion(angularMinor)}${padVersion(angularPatch)}`,\n);\nlet sourceFileCache: any;\nlet cjt: (...args: any[]) => any;\nlet jt: any;\nlet createAngularCompilation: (...args: any[]) => any;\n\nif (angularMajor < 17) {\n  throw new Error('AnalogJS is not compatible with Angular v16 and lower');\n} else if (angularMajor >= 17 && angularMajor < 18) {\n  const cp = require('@angular-devkit/build-angular/src/tools/esbuild/angular/compiler-plugin.js');\n  const {\n    createJitResourceTransformer,\n  } = require('@angular-devkit/build-angular/src/tools/esbuild/angular/jit-resource-transformer.js');\n  const {\n    JavaScriptTransformer,\n  } = require('@angular-devkit/build-angular/src/tools/esbuild/javascript-transformer.js');\n\n  /**\n   * Workaround for compatibility with Angular 17.0+\n   */\n  if (typeof cp['SourceFileCache'] !== 'undefined') {\n    sourceFileCache = cp.SourceFileCache;\n  } else {\n    sourceFileCache = sfc.SourceFileCache;\n  }\n\n  cjt = createJitResourceTransformer;\n  jt = JavaScriptTransformer;\n} else {\n  const {\n    createJitResourceTransformer,\n    JavaScriptTransformer,\n    SourceFileCache,\n    createAngularCompilation: createAngularCompilationFn,\n  } = require('@angular/build/private');\n\n  sourceFileCache = SourceFileCache;\n  cjt = createJitResourceTransformer;\n  jt = JavaScriptTransformer;\n  createAngularCompilation = createAngularCompilationFn;\n}\n\nexport {\n  cjt as createJitResourceTransformer,\n  jt as JavaScriptTransformer,\n  sourceFileCache as SourceFileCache,\n  CompilerPluginOptions,\n  angularMajor,\n  angularMinor,\n  angularPatch,\n  createAngularCompilation,\n  angularFullVersion,\n};\n"],"mappings":";;;;AAKA,IAAM,UAAU,cAAc,OAAO,KAAK,IAAI;AAE9C,IAAM,eAAe,OAAO,QAAQ,MAAM;AAC1C,IAAM,eAAe,OAAO,QAAQ,MAAM;AAC1C,IAAM,eAAe,OAAO,QAAQ,MAAM;AAC1C,IAAM,cAAc,YAAoB,OAAO,QAAQ,CAAC,SAAS,GAAG,IAAI;AACxE,IAAM,qBAAqB,OACzB,GAAG,eAAe,WAAW,aAAa,GAAG,WAAW,aAAa,GACtE;AACD,IAAI;AACJ,IAAI;AACJ,IAAI;AACJ,IAAI;AAEJ,IAAI,eAAe,GACjB,OAAM,IAAI,MAAM,wDAAwD;SAC/D,gBAAgB,MAAM,eAAe,IAAI;CAClD,MAAM,KAAK,QAAQ,6EAA6E;CAChG,MAAM,EACJ,iCACE,QAAQ,sFAAsF;CAClG,MAAM,EACJ,0BACE,QAAQ,4EAA4E;;;;AAKxF,KAAI,OAAO,GAAG,uBAAuB,YACnC,mBAAkB,GAAG;KAErB,mBAAkB;AAGpB,OAAM;AACN,MAAK;OACA;CACL,MAAM,EACJ,8BACA,uBACA,iBACA,0BAA0B,+BACxB,QAAQ,yBAAyB;AAErC,mBAAkB;AAClB,OAAM;AACN,MAAK;AACL,4BAA2B"}