@analogjs/vite-plugin-angular 3.0.0-alpha.5 → 3.0.0-alpha.51

package/src/lib/fast-compile-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fast-compile-plugin.js","names":[],"sources":["../../../src/lib/fast-compile-plugin.ts"],"sourcesContent":["import { promises as fsPromises } from 'node:fs';\nimport { dirname, isAbsolute, 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 './compiler/index.js';\n\nimport {\n  TS_EXT_REGEX,\n  getTsConfigPath,\n  createDepOptimizerConfig,\n  type TsConfigResolutionContext,\n} from './utils/plugin-config.js';\nimport { VIRTUAL_RAW_PREFIX, toVirtualRawId } from './utils/virtual-ids.js';\nimport {\n  loadVirtualRawModule,\n  rewriteHtmlRawImport,\n} from './utils/virtual-resources.js';\nimport { markStylePathSafe } from './utils/safe-module-paths.js';\n\ndeclare global {\n  /**\n   * Shared convention for out-of-tree compilers (e.g. `@tsrx/analog`) that\n   * produce Angular Ivy definitions from a non-TS source format. Populate\n   * this map with directive/component metadata for any class fastCompile\n   * can't reach through its own tsconfig-driven scan, and the per-compile\n   * registry lookup in `fastCompilePlugin` will merge those entries in —\n   * so TS `@Component({ imports: [X] })` references to such classes\n   * resolve statically instead of hitting the `_unresolved-${className}`\n   * sentinel.\n   */\n  // eslint-disable-next-line no-var\n  var __ANALOG_EXTERNAL_REGISTRY__: ComponentRegistry | undefined;\n}\n\nexport interface FastCompilePluginOptions {\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  fastCompileMode?: 'full' | 'partial';\n}\n\nexport function fastCompilePlugin(\n  pluginOptions: FastCompilePluginOptions,\n): Plugin {\n  let resolvedConfig: ResolvedConfig;\n  let tsConfigResolutionContext: TsConfigResolutionContext | null = null;\n  let watchMode = false;\n\n  // fast-compile plugin state\n  const registry: ComponentRegistry = new Map();\n  const resourceToSource = new Map<string, string>();\n  const scannedDtsPackages = new Set<string>();\n  let projectRoot = '';\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 || !registry.has(entry.className)) {\n        registry.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 initFastCompile() {\n    if (pluginOptions.jit) return; // JIT: no registry scan needed\n\n    // Scan all source files to build the registry\n    registry.clear();\n    scannedDtsPackages.clear();\n    const resolvedTsConfigPath = resolveTsConfigPath();\n    projectRoot = 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 ?? projectRoot) 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              'initFastCompile: 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        registry.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      'initFastCompile done: %d entries from %d candidate files',\n      registry.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, projectRoot);\n        for (const entry of dtsEntries) {\n          if (!registry.has(entry.className)) {\n            registry.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 handleFastCompileTransform(\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 — strip TS-only syntax ourselves so barrels\n      // like `export { Foo, type Bar } from './x'` and other TS-only\n      // forms don't leak unstripped to Rolldown. In rolldown-vite the\n      // built-in `vite:oxc` strip is registered as a Rust-side native\n      // plugin (`viteTransformPlugin` from `rolldown/experimental`); if\n      // its hook-filter treats files our `transform.filter.id.include`\n      // claimed as already-handled, no JS-side fallback runs and raw\n      // TS reaches the parser → `SyntaxError: Unexpected identifier`.\n      const stripped = vite.transformWithOxc\n        ? await vite.transformWithOxc(code, id, {\n            lang: 'ts',\n            sourcemap: true,\n            decorator: { legacy: false, emitDecoratorMetadata: false },\n          })\n        : await vite.transformWithEsbuild(code, id, {\n            loader: 'ts',\n            sourcemap: true,\n          });\n      return { code: stripped.code, map: stripped.map };\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    // Merge entries from the shared external-registry global into this\n    // compile's lookup view. Convention: out-of-tree compilers populate\n    // `globalThis.__ANALOG_EXTERNAL_REGISTRY__` with directive metadata\n    // for classes fastCompile can't reach through its tsconfig-driven\n    // scan (e.g. `.tsrx` files compiled by `@tsrx/analog`). Without this\n    // merge, a TS `@Component({ imports: [X] })` that references such a\n    // class hits `_unresolved-${className}` as its selector and the tag\n    // never matches at runtime.\n    let compileRegistry: ComponentRegistry = registry;\n    const externalRegistry = globalThis.__ANALOG_EXTERNAL_REGISTRY__;\n    if (externalRegistry && externalRegistry.size > 0) {\n      compileRegistry = new Map(registry);\n      for (const [k, v] of externalRegistry) compileRegistry.set(k, v);\n    }\n\n    const result = compile(code, id, {\n      registry: compileRegistry,\n      resolvedStyles,\n      resolvedInlineStyles,\n      useDefineForClassFields,\n      compilationMode: pluginOptions.fastCompileMode,\n    });\n\n    // Track resource dependencies for HMR\n    for (const dep of result.resourceDependencies) {\n      resourceToSource.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 = [...registry.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-fast-compile',\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 initFastCompile();\n    },\n    async handleHotUpdate(ctx) {\n      // Resource file changes → invalidate parent .ts module\n      if (resourceToSource.has(ctx.file)) {\n        const parentSource = resourceToSource.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 = [...registry.entries()]\n          .filter(([_, v]) => v.fileName === fileId)\n          .map(([k]) => k);\n        for (const key of oldEntries) {\n          registry.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 (id.startsWith(VIRTUAL_RAW_PREFIX)) {\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        if (id.includes(':style')) {\n          markStylePathSafe(resolvedConfig, filePath);\n          return filePath + '?inline';\n        }\n        return toVirtualRawId(filePath);\n      }\n\n      const rawRewrite = rewriteHtmlRawImport(id, importer);\n      if (rawRewrite) return rawRewrite;\n\n      // User `.scss?inline` / `.css?inline` imports: resolve and mark\n      // safe so Vite's native CSS pipeline handles them.\n      if (/\\.(css|scss|sass|less)\\?inline$/.test(id) && importer) {\n        const filePath = id.split('?')[0];\n        const resolved = isAbsolute(filePath)\n          ? normalizePath(filePath)\n          : normalizePath(resolve(dirname(importer), filePath));\n        markStylePathSafe(resolvedConfig, resolved);\n        return resolved + '?inline';\n      }\n\n      return undefined;\n    },\n    async load(id) {\n      const rawModule = await loadVirtualRawModule(this, id);\n      if (rawModule !== undefined) return rawModule;\n\n      // Vitest fallback: module-runner can skip resolveId, so the bare\n      // ?inline query reaches load. Mark safe and let Vite handle it.\n      if (/\\.(css|scss|sass|less)\\?inline$/.test(id)) {\n        markStylePathSafe(resolvedConfig, id.split('?')[0]);\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 handleFastCompileTransform(code, id);\n      },\n    },\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,120 @@
-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 { isTailwindReferenceError } from "./utils/tailwind-reference.js";
+import { normalizeStylesheetDependencies } from "./style-preprocessor.js";
+import { preprocessStylesheetResult, registerStylesheetContent } from "./stylesheet-registry.js";
+import path from "node:path";
+import { normalizePath } from "vite";
+import { createHash } from "node:crypto";
+//#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) {
+			if (isTailwindReferenceError(e)) throw 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) {
+		let resolved = null;
+		if (fallbackResolve) resolved = fallbackResolve(path.dirname(containingFile), resourceName);
+		const resolvedPath = normalizePath(resolved ?? 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 resolvedPath;
+	};
 }
-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';\nimport { isTailwindReferenceError } from './utils/tailwind-reference.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      if (isTailwindReferenceError(e)) {\n        throw e;\n      }\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    // Angular's fallbackResolve callback expects (resourceUrl, containingFile),\n    // NOT (directory, resourceName). Use it correctly or fall back to\n    // path.join for simple relative paths.\n    let resolved: string | null = null;\n    if (fallbackResolve) {\n      resolved = fallbackResolve(path.dirname(containingFile), resourceName);\n    }\n    const resolvedPath = normalizePath(\n      resolved ?? 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    // Register the hash-based external mapping so the resolveId hook can\n    // resolve Angular's compiled stylesheet references back to the source.\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 the real path so Angular can read the file during analysis.\n    // Previously, returning the hash-based filename caused \"Could not find\n    // stylesheet file\" errors because the hash doesn't exist on disk,\n    // preventing AOT compilation for any component with styleUrls. (#2293)\n    return resolvedPath;\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;

package/src/lib/live-reload-plugin.js

@@ -1,64 +1,63 @@
-import { resolve } from 'node:path';
-const ANGULAR_COMPONENT_PREFIX = '/@ng/component';
-const FILE_PREFIX = 'file:';
-export function liveReloadPlugin({ classNames, fileEmitter, }) {
-    return {
-        name: 'analogjs-live-reload-plugin',
-        apply: 'serve',
-        configureServer(server) {
-            const angularComponentMiddleware = async (req, res, next) => {
-                if (req.url === undefined || res.writableEnded) {
-                    return;
-                }
-                if (!req.url.includes(ANGULAR_COMPONENT_PREFIX)) {
-                    next();
-                    return;
-                }
-                const requestUrl = new URL(req.url, 'http://localhost');
-                const componentId = requestUrl.searchParams.get('c');
-                if (!componentId) {
-                    res.statusCode = 400;
-                    res.end();
-                    return;
-                }
-                const [fileId] = decodeURIComponent(componentId).split('@');
-                const resolvedId = resolve(process.cwd(), fileId);
-                const invalidated = !!server.moduleGraph.getModuleById(resolvedId)
-                    ?.lastInvalidationTimestamp && classNames.get(resolvedId);
-                // don't send an HMR update until the file has been invalidated
-                if (!invalidated) {
-                    res.setHeader('Content-Type', 'text/javascript');
-                    res.setHeader('Cache-Control', 'no-cache');
-                    res.end('');
-                    return;
-                }
-                const result = fileEmitter(resolvedId);
-                res.setHeader('Content-Type', 'text/javascript');
-                res.setHeader('Cache-Control', 'no-cache');
-                res.end(`${result?.hmrUpdateCode || ''}`);
-            };
-            server.middlewares.use(angularComponentMiddleware);
-        },
-        resolveId(id, _importer, options) {
-            if (options?.ssr &&
-                id.startsWith(FILE_PREFIX) &&
-                id.includes(ANGULAR_COMPONENT_PREFIX)) {
-                return `\0${id}`;
-            }
-            return undefined;
-        },
-        load(id, options) {
-            if (options?.ssr && id.includes(ANGULAR_COMPONENT_PREFIX)) {
-                const requestUrl = new URL(id.slice(1), 'http://localhost');
-                const componentId = requestUrl.searchParams.get('c');
-                if (!componentId) {
-                    return;
-                }
-                const result = fileEmitter(resolve(process.cwd(), decodeURIComponent(componentId).split('@')[0]));
-                return result?.hmrUpdateCode || '';
-            }
-            return;
-        },
-    };
+import { debugHmr } from "./utils/debug.js";
+import { resolve } from "node:path";
+import { normalizePath } from "vite";
+//#region packages/vite-plugin-angular/src/lib/live-reload-plugin.ts
+var ANGULAR_COMPONENT_PREFIX = "/@ng/component";
+var FILE_PREFIX = "file:";
+function liveReloadPlugin({ classNames, fileEmitter }) {
+	return {
+		name: "analogjs-live-reload-plugin",
+		apply: "serve",
+		configureServer(server) {
+			if (server.config.server.hmr === false) {
+				debugHmr("middleware disabled: vite server.hmr is false");
+				return;
+			}
+			const angularComponentMiddleware = async (req, res, next) => {
+				if (req.url === void 0 || res.writableEnded) return;
+				if (!req.url.includes(ANGULAR_COMPONENT_PREFIX)) {
+					next();
+					return;
+				}
+				const componentId = new URL(req.url, "http://localhost").searchParams.get("c");
+				if (!componentId) {
+					res.statusCode = 400;
+					res.end();
+					return;
+				}
+				const [fileId] = decodeURIComponent(componentId).split("@");
+				const resolvedId = normalizePath(resolve(process.cwd(), fileId));
+				if (!(!!server.moduleGraph.getModuleById(resolvedId)?.lastInvalidationTimestamp && classNames.get(resolvedId))) {
+					debugHmr("middleware: skipped (not invalidated)", { resolvedId });
+					res.setHeader("Content-Type", "text/javascript");
+					res.setHeader("Cache-Control", "no-cache");
+					res.end("");
+					return;
+				}
+				const result = fileEmitter(resolvedId);
+				debugHmr("middleware: served component update", {
+					resolvedId,
+					hasCode: !!result?.hmrUpdateCode
+				});
+				res.setHeader("Content-Type", "text/javascript");
+				res.setHeader("Cache-Control", "no-cache");
+				res.end(`${result?.hmrUpdateCode || ""}`);
+			};
+			server.middlewares.use(angularComponentMiddleware);
+		},
+		resolveId(id, _importer, options) {
+			if (options?.ssr && id.startsWith(FILE_PREFIX) && id.includes(ANGULAR_COMPONENT_PREFIX)) return `\0${id}`;
+		},
+		load(id, options) {
+			if (options?.ssr && id.includes(ANGULAR_COMPONENT_PREFIX)) {
+				const componentId = new URL(id.slice(1), "http://localhost").searchParams.get("c");
+				if (!componentId) return;
+				return fileEmitter(normalizePath(resolve(process.cwd(), decodeURIComponent(componentId).split("@")[0])))?.hmrUpdateCode || "";
+			}
+		}
+	};
 }
+//#endregion
+export { liveReloadPlugin };
+
 //# sourceMappingURL=live-reload-plugin.js.map

package/src/lib/live-reload-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"live-reload-plugin.js","sourceRoot":"","sources":["../../../../../packages/vite-plugin-angular/src/lib/live-reload-plugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"live-reload-plugin.js","names":[],"sources":["../../../src/lib/live-reload-plugin.ts"],"sourcesContent":["import { resolve } from 'node:path';\nimport { ServerResponse } from 'node:http';\nimport { Connect, normalizePath, Plugin, ViteDevServer } from 'vite';\n\nimport { EmitFileResult } from './models.js';\nimport { debugHmr } from './utils/debug.js';\n\nconst ANGULAR_COMPONENT_PREFIX = '/@ng/component';\nconst FILE_PREFIX = 'file:';\n\nexport function liveReloadPlugin({\n  classNames,\n  fileEmitter,\n}: {\n  classNames: Map<string, string>;\n  fileEmitter: (file: string) => EmitFileResult | undefined;\n}): Plugin {\n  return {\n    name: 'analogjs-live-reload-plugin',\n    apply: 'serve',\n    configureServer(server: ViteDevServer) {\n      if (server.config.server.hmr === false) {\n        debugHmr('middleware disabled: vite server.hmr is false');\n        return;\n      }\n\n      const angularComponentMiddleware: Connect.HandleFunction = async (\n        req: Connect.IncomingMessage,\n        res: ServerResponse<Connect.IncomingMessage>,\n        next: Connect.NextFunction,\n      ) => {\n        if (req.url === undefined || res.writableEnded) {\n          return;\n        }\n\n        if (!req.url.includes(ANGULAR_COMPONENT_PREFIX)) {\n          next();\n\n          return;\n        }\n\n        const requestUrl = new URL(req.url, 'http://localhost');\n        const componentId = requestUrl.searchParams.get('c');\n\n        if (!componentId) {\n          res.statusCode = 400;\n          res.end();\n\n          return;\n        }\n\n        const [fileId] = decodeURIComponent(componentId).split('@');\n        const resolvedId = normalizePath(resolve(process.cwd(), fileId));\n        const invalidated =\n          !!server.moduleGraph.getModuleById(resolvedId)\n            ?.lastInvalidationTimestamp && classNames.get(resolvedId);\n\n        // don't send an HMR update until the file has been invalidated\n        if (!invalidated) {\n          debugHmr('middleware: skipped (not invalidated)', { resolvedId });\n          res.setHeader('Content-Type', 'text/javascript');\n          res.setHeader('Cache-Control', 'no-cache');\n          res.end('');\n          return;\n        }\n\n        const result = fileEmitter(resolvedId);\n        debugHmr('middleware: served component update', {\n          resolvedId,\n          hasCode: !!result?.hmrUpdateCode,\n        });\n        res.setHeader('Content-Type', 'text/javascript');\n        res.setHeader('Cache-Control', 'no-cache');\n        res.end(`${result?.hmrUpdateCode || ''}`);\n      };\n\n      server.middlewares.use(angularComponentMiddleware);\n    },\n    resolveId(id, _importer, options) {\n      if (\n        options?.ssr &&\n        id.startsWith(FILE_PREFIX) &&\n        id.includes(ANGULAR_COMPONENT_PREFIX)\n      ) {\n        return `\\0${id}`;\n      }\n\n      return undefined;\n    },\n    load(id, options) {\n      if (options?.ssr && id.includes(ANGULAR_COMPONENT_PREFIX)) {\n        const requestUrl = new URL(id.slice(1), 'http://localhost');\n        const componentId = requestUrl.searchParams.get('c');\n\n        if (!componentId) {\n          return;\n        }\n\n        const result = fileEmitter(\n          normalizePath(\n            resolve(\n              process.cwd(),\n              decodeURIComponent(componentId).split('@')[0],\n            ),\n          ),\n        );\n\n        return result?.hmrUpdateCode || '';\n      }\n\n      return;\n    },\n  };\n}\n"],"mappings":";;;;AAOA,IAAM,2BAA2B;AACjC,IAAM,cAAc;AAEpB,SAAgB,iBAAiB,EAC/B,YACA,eAIS;AACT,QAAO;EACL,MAAM;EACN,OAAO;EACP,gBAAgB,QAAuB;AACrC,OAAI,OAAO,OAAO,OAAO,QAAQ,OAAO;AACtC,aAAS,gDAAgD;AACzD;;GAGF,MAAM,6BAAqD,OACzD,KACA,KACA,SACG;AACH,QAAI,IAAI,QAAQ,KAAA,KAAa,IAAI,cAC/B;AAGF,QAAI,CAAC,IAAI,IAAI,SAAS,yBAAyB,EAAE;AAC/C,WAAM;AAEN;;IAIF,MAAM,cADa,IAAI,IAAI,IAAI,KAAK,mBAAmB,CACxB,aAAa,IAAI,IAAI;AAEpD,QAAI,CAAC,aAAa;AAChB,SAAI,aAAa;AACjB,SAAI,KAAK;AAET;;IAGF,MAAM,CAAC,UAAU,mBAAmB,YAAY,CAAC,MAAM,IAAI;IAC3D,MAAM,aAAa,cAAc,QAAQ,QAAQ,KAAK,EAAE,OAAO,CAAC;AAMhE,QAAI,EAJF,CAAC,CAAC,OAAO,YAAY,cAAc,WAAW,EAC1C,6BAA6B,WAAW,IAAI,WAAW,GAG3C;AAChB,cAAS,yCAAyC,EAAE,YAAY,CAAC;AACjE,SAAI,UAAU,gBAAgB,kBAAkB;AAChD,SAAI,UAAU,iBAAiB,WAAW;AAC1C,SAAI,IAAI,GAAG;AACX;;IAGF,MAAM,SAAS,YAAY,WAAW;AACtC,aAAS,uCAAuC;KAC9C;KACA,SAAS,CAAC,CAAC,QAAQ;KACpB,CAAC;AACF,QAAI,UAAU,gBAAgB,kBAAkB;AAChD,QAAI,UAAU,iBAAiB,WAAW;AAC1C,QAAI,IAAI,GAAG,QAAQ,iBAAiB,KAAK;;AAG3C,UAAO,YAAY,IAAI,2BAA2B;;EAEpD,UAAU,IAAI,WAAW,SAAS;AAChC,OACE,SAAS,OACT,GAAG,WAAW,YAAY,IAC1B,GAAG,SAAS,yBAAyB,CAErC,QAAO,KAAK;;EAKhB,KAAK,IAAI,SAAS;AAChB,OAAI,SAAS,OAAO,GAAG,SAAS,yBAAyB,EAAE;IAEzD,MAAM,cADa,IAAI,IAAI,GAAG,MAAM,EAAE,EAAE,mBAAmB,CAC5B,aAAa,IAAI,IAAI;AAEpD,QAAI,CAAC,YACH;AAYF,WATe,YACb,cACE,QACE,QAAQ,KAAK,EACb,mBAAmB,YAAY,CAAC,MAAM,IAAI,CAAC,GAC5C,CACF,CACF,EAEc,iBAAiB;;;EAKrC"}

package/src/lib/models.d.ts

@@ -1,11 +1,11 @@
-import type ts from 'typescript';
+import type ts from "typescript";
 export interface EmitFileResult {
-    content?: string;
-    map?: string;
-    dependencies: readonly string[];
-    hash?: Uint8Array;
-    errors?: (string | ts.DiagnosticMessageChain)[];
-    warnings?: (string | ts.DiagnosticMessageChain)[];
-    hmrUpdateCode?: string | null;
-    hmrEligible?: boolean | null;
+	content?: string;
+	map?: string;
+	dependencies: readonly string[];
+	hash?: Uint8Array;
+	errors?: (string | ts.DiagnosticMessageChain)[];
+	warnings?: (string | ts.DiagnosticMessageChain)[];
+	hmrUpdateCode?: string | null;
+	hmrEligible?: boolean | null;
 }

package/src/lib/nx-folder-plugin.d.ts

@@ -1,7 +1,7 @@
-import { Plugin } from 'vite';
+import { Plugin } from "vite";
 /**
- * Ignores anything in the .nx folder from triggering HMR
- *
- * @returns
- */
+* Ignores anything in the .nx folder from triggering HMR
+*
+* @returns
+*/
 export declare function nxFolderPlugin(): Plugin;

package/src/lib/nx-folder-plugin.js

@@ -1,19 +1,21 @@
-import { normalizePath } from 'vite';
+import { normalizePath } from "vite";
+//#region packages/vite-plugin-angular/src/lib/nx-folder-plugin.ts
 /**
- * Ignores anything in the .nx folder from triggering HMR
- *
- * @returns
- */
-export function nxFolderPlugin() {
-    return {
-        name: 'analogjs-nx-folder-plugin',
-        apply: 'serve',
-        handleHotUpdate(ctx) {
-            if (ctx.file.includes(normalizePath('/.nx/'))) {
-                return [];
-            }
-            return ctx.modules;
-        },
-    };
+* Ignores anything in the .nx folder from triggering HMR
+*
+* @returns
+*/
+function nxFolderPlugin() {
+	return {
+		name: "analogjs-nx-folder-plugin",
+		apply: "serve",
+		handleHotUpdate(ctx) {
+			if (ctx.file.includes(normalizePath("/.nx/"))) return [];
+			return ctx.modules;
+		}
+	};
 }
+//#endregion
+export { nxFolderPlugin };
+
 //# sourceMappingURL=nx-folder-plugin.js.map

package/src/lib/nx-folder-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"nx-folder-plugin.js","sourceRoot":"","sources":["../../../../../packages/vite-plugin-angular/src/lib/nx-folder-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,MAAM,CAAC;AAE7C;;;;GAIG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO;QACL,IAAI,EAAE,2BAA2B;QACjC,KAAK,EAAE,OAAO;QACd,eAAe,CAAC,GAAG;YACjB,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;gBAC9C,OAAO,EAAE,CAAC;YACZ,CAAC;YAED,OAAO,GAAG,CAAC,OAAO,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"nx-folder-plugin.js","names":[],"sources":["../../../src/lib/nx-folder-plugin.ts"],"sourcesContent":["import { normalizePath, Plugin } from 'vite';\n\n/**\n * Ignores anything in the .nx folder from triggering HMR\n *\n * @returns\n */\nexport function nxFolderPlugin(): Plugin {\n  return {\n    name: 'analogjs-nx-folder-plugin',\n    apply: 'serve',\n    handleHotUpdate(ctx) {\n      if (ctx.file.includes(normalizePath('/.nx/'))) {\n        return [];\n      }\n\n      return ctx.modules;\n    },\n  };\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,iBAAyB;AACvC,QAAO;EACL,MAAM;EACN,OAAO;EACP,gBAAgB,KAAK;AACnB,OAAI,IAAI,KAAK,SAAS,cAAc,QAAQ,CAAC,CAC3C,QAAO,EAAE;AAGX,UAAO,IAAI;;EAEd"}