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

package/src/lib/host.js.map

@@ -1 +1 @@
-{"version":3,"file":"host.js","names":[],"sources":["../../../../../packages/vite-plugin-angular/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 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    inlineComponentStyles?: Map<string, string>;\n    externalComponentStyles?: Map<string, string>;\n    sourceFileCache?: SourceFileCache;\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    if (options.inlineComponentStyles) {\n      const id = createHash('sha256')\n        .update(context.containingFile)\n        .update(context.className)\n        .update(String(context.order))\n        .update(data)\n        .digest('hex');\n      const filename = id + '.' + options.inlineStylesExtension;\n      options.inlineComponentStyles.set(filename, data);\n      return { content: filename };\n    }\n\n    // Resource file only exists for external stylesheets\n    const filename =\n      context.resourceFile ??\n      context.containingFile.replace(\n        '.ts',\n        `.${options?.inlineStylesExtension}`,\n      );\n\n    let stylesheetResult;\n\n    try {\n      stylesheetResult = await transform(data, `${filename}?direct`);\n    } catch (e) {\n      console.error(`${e}`);\n    }\n\n    return { content: stylesheetResult?.code || '' };\n  };\n\n  resourceHost.resourceNameToFileName = function (\n    resourceName,\n    containingFile,\n  ) {\n    const resolvedPath = path.join(path.dirname(containingFile), resourceName);\n\n    // All resource names that have template file extensions are assumed to be templates\n    if (!options.externalComponentStyles || !hasStyleExtension(resolvedPath)) {\n      return resolvedPath;\n    }\n\n    // For external stylesheets, create a unique identifier and store the mapping\n    let externalId = options.externalComponentStyles.get(resolvedPath);\n    externalId ??= createHash('sha256').update(resolvedPath).digest('hex');\n\n    const filename = externalId + path.extname(resolvedPath);\n\n    options.externalComponentStyles.set(filename, resolvedPath);\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":";;;;AASA,SAAgB,yBACd,MACA,WAKA,SAOM;CACN,MAAM,eAAe;AAErB,cAAa,eAAe,eAAgB,UAAkB;EAC5D,MAAM,WAAW,cAAc,SAAS;EAExC,MAAM,UAAW,KAAa,SAAS,SAAS;AAEhD,MAAI,YAAY,KAAA,EACd,OAAM,IAAI,MAAM,0CAA0C,SAAS;AAGrE,SAAO;;AAGT,cAAa,2BAA2B,WAAY;AAClD,SAAO,SAAS,iBAAiB;;AAGnC,cAAa,oBAAoB,eAAgB,MAAM,SAAS;AAE9D,MAAI,QAAQ,SAAS,QACnB,QAAO;AAGT,MAAI,QAAQ,uBAAuB;GAOjC,MAAM,WANK,WAAW,SAAS,CAC5B,OAAO,QAAQ,eAAe,CAC9B,OAAO,QAAQ,UAAU,CACzB,OAAO,OAAO,QAAQ,MAAM,CAAC,CAC7B,OAAO,KAAK,CACZ,OAAO,MAAM,GACM,MAAM,QAAQ;AACpC,WAAQ,sBAAsB,IAAI,UAAU,KAAK;AACjD,UAAO,EAAE,SAAS,UAAU;;EAI9B,MAAM,WACJ,QAAQ,gBACR,QAAQ,eAAe,QACrB,OACA,IAAI,SAAS,wBACd;EAEH,IAAI;AAEJ,MAAI;AACF,sBAAmB,MAAM,UAAU,MAAM,GAAG,SAAS,SAAS;WACvD,GAAG;AACV,WAAQ,MAAM,GAAG,IAAI;;AAGvB,SAAO,EAAE,SAAS,kBAAkB,QAAQ,IAAI;;AAGlD,cAAa,yBAAyB,SACpC,cACA,gBACA;EACA,MAAM,eAAe,KAAK,KAAK,KAAK,QAAQ,eAAe,EAAE,aAAa;AAG1E,MAAI,CAAC,QAAQ,2BAA2B,CAAC,kBAAkB,aAAa,CACtE,QAAO;EAIT,IAAI,aAAa,QAAQ,wBAAwB,IAAI,aAAa;AAClE,iBAAe,WAAW,SAAS,CAAC,OAAO,aAAa,CAAC,OAAO,MAAM;EAEtE,MAAM,WAAW,aAAa,KAAK,QAAQ,aAAa;AAExD,UAAQ,wBAAwB,IAAI,UAAU,aAAa;AAE3D,SAAO;;;AAIX,SAAgB,6BAA6B,SAA2B;CACtE,MAAM,qBAAqB,QAAQ;AACnC,SAAQ,iBAAiB,SAAU,GAAG,YAAY;EAChD,MAAM,QACJ,mBAAmB,GAAG,WAAW;AAEnC,OAAK,MAAM,QAAQ,MACjB,MAAK,YAAY,WAAW,SAAS,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO,MAAM;AAGvE,SAAO;;;AAIX,SAAgB,uBACd,MACA,OACM;CACN,MAAM,oBAAoB,KAAK;AAC/B,MAAK,gBAAgB,SACnB,UACA,iBACA,SACA,2BACA,GAAG,YACH;AACA,MAAI,CAAC,6BAA6B,MAAM,IAAI,SAAS,CACnD,QAAO,MAAM,IAAI,SAAS;EAG5B,MAAM,OAAO,kBAAkB,KAC7B,MACA,UACA,iBACA,SACA,MACA,GAAG,WACJ;AAED,MAAI,KACF,OAAM,IAAI,UAAU,KAAK;AAG3B,SAAO;;;AAIX,SAAgB,kBACd,OACA,QACuB;CACvB,MAAM,SAAgC,EAAE;AAExC,KAAI,MAAM,UAAU,OAAO,OACzB,QAAO,SAAS,CAAC,GAAI,MAAM,UAAU,EAAE,EAAG,GAAI,OAAO,UAAU,EAAE,CAAE;AAGrE,KAAI,MAAM,SAAS,OAAO,MACxB,QAAO,QAAQ,CAAC,GAAI,MAAM,SAAS,EAAE,EAAG,GAAI,OAAO,SAAS,EAAE,CAAE;AAGlE,KAAI,MAAM,qBAAqB,OAAO,kBACpC,QAAO,oBAAoB,CACzB,GAAI,MAAM,qBAAqB,EAAE,EACjC,GAAI,OAAO,qBAAqB,EAAE,CACnC;AAGH,QAAO;;AAGT,SAAS,kBAAkB,MAAuB;AAGhD,SAFkB,KAAK,QAAQ,KAAK,CAAC,aAAa,EAElD;EACE,KAAK;EACL,KAAK,QACH,QAAO;EACT,QACE,QAAO"}
+{"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    // 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,3 +1,4 @@
+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
@@ -8,6 +9,10 @@ function liveReloadPlugin({ classNames, fileEmitter }) {
 		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)) {
@@ -23,12 +28,17 @@ function liveReloadPlugin({ classNames, fileEmitter }) {
 				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 || ""}`);

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

@@ -1 +1 @@
-{"version":3,"file":"live-reload-plugin.js","names":[],"sources":["../../../../../packages/vite-plugin-angular/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';\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      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          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        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":";;;AAMA,IAAM,2BAA2B;AACjC,IAAM,cAAc;AAEpB,SAAgB,iBAAiB,EAC/B,YACA,eAIS;AACT,QAAO;EACL,MAAM;EACN,OAAO;EACP,gBAAgB,QAAuB;GACrC,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,SAAI,UAAU,gBAAgB,kBAAkB;AAChD,SAAI,UAAU,iBAAiB,WAAW;AAC1C,SAAI,IAAI,GAAG;AACX;;IAGF,MAAM,SAAS,YAAY,WAAW;AACtC,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"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"nx-folder-plugin.js","names":[],"sources":["../../../../../packages/vite-plugin-angular/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"}
+{"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"}

package/src/lib/plugins/file-replacements.plugin.d.ts

@@ -1,12 +1,12 @@
-import { Plugin } from 'vite';
+import { Plugin } from "vite";
 export declare function replaceFiles(replacements: FileReplacement[], workspaceRoot: string): Plugin | false;
 export type FileReplacement = FileReplacementWith | FileReplacementSSR;
 export interface FileReplacementBase {
-    replace: string;
+	replace: string;
 }
 export interface FileReplacementWith extends FileReplacementBase {
-    with: string;
+	with: string;
 }
 export interface FileReplacementSSR extends FileReplacementBase {
-    ssr: string;
+	ssr: string;
 }

package/src/lib/plugins/file-replacements.plugin.js

@@ -1,3 +1,4 @@
+import { debugCompiler } from "../utils/debug.js";
 import { isAbsolute, resolve } from "node:path";
 //#region packages/vite-plugin-angular/src/lib/plugins/file-replacements.plugin.ts
 function replaceFiles(replacements, workspaceRoot) {
@@ -24,7 +25,11 @@ function replaceFiles(replacements, workspaceRoot) {
 				else if (foundReplace.ssr) return null;
 				return { id: foundReplace.with };
 			} catch (err) {
-				console.error(err);
+				debugCompiler("file replacement error", {
+					error: String(err),
+					source,
+					importer
+				});
 				return null;
 			}
 			return null;

package/src/lib/plugins/file-replacements.plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-replacements.plugin.js","names":[],"sources":["../../../../../../packages/vite-plugin-angular/src/lib/plugins/file-replacements.plugin.ts"],"sourcesContent":["// source: https://github.com/Myrmod/vitejs-theming/blob/master/build-plugins/rollup/replace-files.js\nimport { isAbsolute, resolve } from 'node:path';\nimport { Plugin } from 'vite';\n\nexport function replaceFiles(\n  replacements: FileReplacement[],\n  workspaceRoot: string,\n): Plugin | false {\n  if (!replacements?.length) {\n    return false;\n  }\n\n  return {\n    name: 'rollup-plugin-replace-files',\n    enforce: 'pre',\n    async resolveId(source, importer, options) {\n      const resolved = await this.resolve(source, importer, {\n        ...options,\n        skipSelf: true,\n      });\n      /**\n       * The reason we're using endsWith here is because the resolved id\n       * will be the absolute path to the file. We want to check if the\n       * file ends with the file we're trying to replace, which will be essentially\n       * the path from the root of our workspace.\n       */\n      const mappedReplacements = replacements.map((fr: FileReplacement) => {\n        const frSSR = fr as FileReplacementSSR;\n        const frWith = fr as FileReplacementWith;\n\n        return {\n          ...fr,\n          ssr: frSSR.ssr\n            ? isAbsolute(frSSR.ssr)\n              ? frSSR.ssr\n              : resolve(workspaceRoot, frSSR.ssr)\n            : '',\n          with: frWith.with\n            ? isAbsolute(frWith.with)\n              ? frWith.with\n              : resolve(workspaceRoot, frWith.with)\n            : '',\n        };\n      });\n      const foundReplace = mappedReplacements.find((replacement) =>\n        resolved?.id?.endsWith(replacement.replace),\n      );\n      if (foundReplace) {\n        try {\n          if (this.environment.name === 'ssr' && foundReplace.ssr) {\n            // return new file id for ssr\n            return {\n              id: foundReplace.ssr,\n            };\n          } else if (foundReplace.ssr) {\n            return null;\n          }\n\n          // return new file id\n          return {\n            id: foundReplace.with,\n          };\n        } catch (err) {\n          console.error(err);\n          return null;\n        }\n      }\n      return null;\n    },\n  };\n}\n\nexport type FileReplacement = FileReplacementWith | FileReplacementSSR;\n\nexport interface FileReplacementBase {\n  replace: string;\n}\nexport interface FileReplacementWith extends FileReplacementBase {\n  with: string;\n}\n\nexport interface FileReplacementSSR extends FileReplacementBase {\n  ssr: string;\n}\n"],"mappings":";;AAIA,SAAgB,aACd,cACA,eACgB;AAChB,KAAI,CAAC,cAAc,OACjB,QAAO;AAGT,QAAO;EACL,MAAM;EACN,SAAS;EACT,MAAM,UAAU,QAAQ,UAAU,SAAS;GACzC,MAAM,WAAW,MAAM,KAAK,QAAQ,QAAQ,UAAU;IACpD,GAAG;IACH,UAAU;IACX,CAAC;GAyBF,MAAM,eAlBqB,aAAa,KAAK,OAAwB;IACnE,MAAM,QAAQ;IACd,MAAM,SAAS;AAEf,WAAO;KACL,GAAG;KACH,KAAK,MAAM,MACP,WAAW,MAAM,IAAI,GACnB,MAAM,MACN,QAAQ,eAAe,MAAM,IAAI,GACnC;KACJ,MAAM,OAAO,OACT,WAAW,OAAO,KAAK,GACrB,OAAO,OACP,QAAQ,eAAe,OAAO,KAAK,GACrC;KACL;KACD,CACsC,MAAM,gBAC5C,UAAU,IAAI,SAAS,YAAY,QAAQ,CAC5C;AACD,OAAI,aACF,KAAI;AACF,QAAI,KAAK,YAAY,SAAS,SAAS,aAAa,IAElD,QAAO,EACL,IAAI,aAAa,KAClB;aACQ,aAAa,IACtB,QAAO;AAIT,WAAO,EACL,IAAI,aAAa,MAClB;YACM,KAAK;AACZ,YAAQ,MAAM,IAAI;AAClB,WAAO;;AAGX,UAAO;;EAEV"}
+{"version":3,"file":"file-replacements.plugin.js","names":[],"sources":["../../../../src/lib/plugins/file-replacements.plugin.ts"],"sourcesContent":["// source: https://github.com/Myrmod/vitejs-theming/blob/master/build-plugins/rollup/replace-files.js\nimport { isAbsolute, resolve } from 'node:path';\nimport { Plugin } from 'vite';\nimport { debugCompiler } from '../utils/debug.js';\n\nexport function replaceFiles(\n  replacements: FileReplacement[],\n  workspaceRoot: string,\n): Plugin | false {\n  if (!replacements?.length) {\n    return false;\n  }\n\n  return {\n    name: 'rollup-plugin-replace-files',\n    enforce: 'pre',\n    async resolveId(source, importer, options) {\n      const resolved = await this.resolve(source, importer, {\n        ...options,\n        skipSelf: true,\n      });\n      /**\n       * The reason we're using endsWith here is because the resolved id\n       * will be the absolute path to the file. We want to check if the\n       * file ends with the file we're trying to replace, which will be essentially\n       * the path from the root of our workspace.\n       */\n      const mappedReplacements = replacements.map((fr: FileReplacement) => {\n        const frSSR = fr as FileReplacementSSR;\n        const frWith = fr as FileReplacementWith;\n\n        return {\n          ...fr,\n          ssr: frSSR.ssr\n            ? isAbsolute(frSSR.ssr)\n              ? frSSR.ssr\n              : resolve(workspaceRoot, frSSR.ssr)\n            : '',\n          with: frWith.with\n            ? isAbsolute(frWith.with)\n              ? frWith.with\n              : resolve(workspaceRoot, frWith.with)\n            : '',\n        };\n      });\n      const foundReplace = mappedReplacements.find((replacement) =>\n        resolved?.id?.endsWith(replacement.replace),\n      );\n      if (foundReplace) {\n        try {\n          if (this.environment.name === 'ssr' && foundReplace.ssr) {\n            // return new file id for ssr\n            return {\n              id: foundReplace.ssr,\n            };\n          } else if (foundReplace.ssr) {\n            return null;\n          }\n\n          // return new file id\n          return {\n            id: foundReplace.with,\n          };\n        } catch (err) {\n          debugCompiler('file replacement error', {\n            error: String(err),\n            source,\n            importer,\n          });\n          return null;\n        }\n      }\n      return null;\n    },\n  };\n}\n\nexport type FileReplacement = FileReplacementWith | FileReplacementSSR;\n\nexport interface FileReplacementBase {\n  replace: string;\n}\nexport interface FileReplacementWith extends FileReplacementBase {\n  with: string;\n}\n\nexport interface FileReplacementSSR extends FileReplacementBase {\n  ssr: string;\n}\n"],"mappings":";;;AAKA,SAAgB,aACd,cACA,eACgB;AAChB,KAAI,CAAC,cAAc,OACjB,QAAO;AAGT,QAAO;EACL,MAAM;EACN,SAAS;EACT,MAAM,UAAU,QAAQ,UAAU,SAAS;GACzC,MAAM,WAAW,MAAM,KAAK,QAAQ,QAAQ,UAAU;IACpD,GAAG;IACH,UAAU;IACX,CAAC;GAyBF,MAAM,eAlBqB,aAAa,KAAK,OAAwB;IACnE,MAAM,QAAQ;IACd,MAAM,SAAS;AAEf,WAAO;KACL,GAAG;KACH,KAAK,MAAM,MACP,WAAW,MAAM,IAAI,GACnB,MAAM,MACN,QAAQ,eAAe,MAAM,IAAI,GACnC;KACJ,MAAM,OAAO,OACT,WAAW,OAAO,KAAK,GACrB,OAAO,OACP,QAAQ,eAAe,OAAO,KAAK,GACrC;KACL;KACD,CACsC,MAAM,gBAC5C,UAAU,IAAI,SAAS,YAAY,QAAQ,CAC5C;AACD,OAAI,aACF,KAAI;AACF,QAAI,KAAK,YAAY,SAAS,SAAS,aAAa,IAElD,QAAO,EACL,IAAI,aAAa,KAClB;aACQ,aAAa,IACtB,QAAO;AAIT,WAAO,EACL,IAAI,aAAa,MAClB;YACM,KAAK;AACZ,kBAAc,0BAA0B;KACtC,OAAO,OAAO,IAAI;KAClB;KACA;KACD,CAAC;AACF,WAAO;;AAGX,UAAO;;EAEV"}

package/src/lib/router-plugin.d.ts

@@ -1,2 +1,2 @@
-import type { Plugin } from 'vite';
+import type { Plugin } from "vite";
 export declare function routerPlugin(): Plugin;

package/src/lib/router-plugin.js

@@ -1,7 +1,16 @@
-import { jt } from "./utils/devkit.js";
+import { JavaScriptTransformer } from "./utils/devkit.js";
+import { createPersistentTransformCache, resolveTransformCacheDir, withMemoryLayer } from "./utils/transform-cache.js";
 //#region packages/vite-plugin-angular/src/lib/router-plugin.ts
 function routerPlugin() {
-	const javascriptTransformer = new jt({ jit: true }, 1);
+	const memoryCache = /* @__PURE__ */ new Map();
+	const memoryOnly = {
+		get: (key) => memoryCache.get(key),
+		put: (key, value) => {
+			memoryCache.set(key, value);
+		}
+	};
+	const persistentDir = resolveTransformCacheDir(process.cwd());
+	const javascriptTransformer = new JavaScriptTransformer({ jit: true }, 1, persistentDir ? withMemoryLayer(createPersistentTransformCache(persistentDir)) : memoryOnly);
 	/**
 	* Transforms Angular packages the didn't get picked up by Vite's pre-optimization.
 	*/
@@ -9,6 +18,9 @@ function routerPlugin() {
 		name: "analogjs-router-optimization",
 		enforce: "pre",
 		apply: "serve",
+		buildEnd() {
+			return javascriptTransformer.close();
+		},
 		transform: {
 			filter: { id: /fesm(.*?)\.mjs/ },
 			async handler(_code, id) {

package/src/lib/router-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"router-plugin.js","names":[],"sources":["../../../../../packages/vite-plugin-angular/src/lib/router-plugin.ts"],"sourcesContent":["import type { Plugin } from 'vite';\nimport { JavaScriptTransformer } from './utils/devkit.js';\n\nexport function routerPlugin(): Plugin {\n  const javascriptTransformer = new JavaScriptTransformer({ jit: true }, 1);\n\n  /**\n   * Transforms Angular packages the didn't get picked up by Vite's pre-optimization.\n   */\n  return {\n    name: 'analogjs-router-optimization',\n    enforce: 'pre',\n    apply: 'serve',\n    transform: {\n      filter: {\n        id: /fesm(.*?)\\.mjs/,\n      },\n      async handler(_code: string, id: string) {\n        const path = id.split('?')[0];\n        const contents = await javascriptTransformer.transformFile(path);\n\n        return {\n          code: Buffer.from(contents).toString('utf-8'),\n        };\n      },\n    },\n  };\n}\n"],"mappings":";;AAGA,SAAgB,eAAuB;CACrC,MAAM,wBAAwB,IAAI,GAAsB,EAAE,KAAK,MAAM,EAAE,EAAE;;;;AAKzE,QAAO;EACL,MAAM;EACN,SAAS;EACT,OAAO;EACP,WAAW;GACT,QAAQ,EACN,IAAI,kBACL;GACD,MAAM,QAAQ,OAAe,IAAY;IACvC,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC;IAC3B,MAAM,WAAW,MAAM,sBAAsB,cAAc,KAAK;AAEhE,WAAO,EACL,MAAM,OAAO,KAAK,SAAS,CAAC,SAAS,QAAQ,EAC9C;;GAEJ;EACF"}
+{"version":3,"file":"router-plugin.js","names":[],"sources":["../../../src/lib/router-plugin.ts"],"sourcesContent":["import type { Plugin } from 'vite';\nimport { JavaScriptTransformer } from './utils/devkit.js';\nimport {\n  createPersistentTransformCache,\n  resolveTransformCacheDir,\n  withMemoryLayer,\n  type TransformCacheStore,\n} from './utils/transform-cache.js';\n\nexport function routerPlugin(): Plugin {\n  const memoryCache = new Map<string, Uint8Array>();\n  const memoryOnly: TransformCacheStore = {\n    get: (key: string) => memoryCache.get(key),\n    put: (key: string, value: Uint8Array) => {\n      memoryCache.set(key, value);\n    },\n  };\n  const persistentDir = resolveTransformCacheDir(process.cwd());\n  const javascriptTransformer = new JavaScriptTransformer(\n    { jit: true },\n    1,\n    persistentDir\n      ? withMemoryLayer(createPersistentTransformCache(persistentDir))\n      : memoryOnly,\n  );\n\n  /**\n   * Transforms Angular packages the didn't get picked up by Vite's pre-optimization.\n   */\n  return {\n    name: 'analogjs-router-optimization',\n    enforce: 'pre',\n    apply: 'serve',\n    buildEnd() {\n      return javascriptTransformer.close();\n    },\n    transform: {\n      filter: {\n        id: /fesm(.*?)\\.mjs/,\n      },\n      async handler(_code: string, id: string) {\n        const path = id.split('?')[0];\n        const contents = await javascriptTransformer.transformFile(path);\n\n        return {\n          code: Buffer.from(contents).toString('utf-8'),\n        };\n      },\n    },\n  };\n}\n"],"mappings":";;;AASA,SAAgB,eAAuB;CACrC,MAAM,8BAAc,IAAI,KAAyB;CACjD,MAAM,aAAkC;EACtC,MAAM,QAAgB,YAAY,IAAI,IAAI;EAC1C,MAAM,KAAa,UAAsB;AACvC,eAAY,IAAI,KAAK,MAAM;;EAE9B;CACD,MAAM,gBAAgB,yBAAyB,QAAQ,KAAK,CAAC;CAC7D,MAAM,wBAAwB,IAAI,sBAChC,EAAE,KAAK,MAAM,EACb,GACA,gBACI,gBAAgB,+BAA+B,cAAc,CAAC,GAC9D,WACL;;;;AAKD,QAAO;EACL,MAAM;EACN,SAAS;EACT,OAAO;EACP,WAAW;AACT,UAAO,sBAAsB,OAAO;;EAEtC,WAAW;GACT,QAAQ,EACN,IAAI,kBACL;GACD,MAAM,QAAQ,OAAe,IAAY;IACvC,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC;IAC3B,MAAM,WAAW,MAAM,sBAAsB,cAAc,KAAK;AAEhE,WAAO,EACL,MAAM,OAAO,KAAK,SAAS,CAAC,SAAS,QAAQ,EAC9C;;GAEJ;EACF"}

package/src/lib/style-preprocessor.d.ts

@@ -0,0 +1,35 @@
+export interface StylesheetTransformContext {
+	filename: string;
+	containingFile?: string;
+	resourceFile?: string;
+	className?: string;
+	order?: number;
+	inline: boolean;
+}
+export interface StylesheetDependency {
+	id: string;
+	kind?: "file" | "virtual" | "token" | "bridge" | "manifest" | "runtime";
+	owner?: string;
+}
+export interface StylesheetDiagnostic {
+	severity: "warning" | "error";
+	code: string;
+	message: string;
+}
+export interface StylesheetTransformResult {
+	code: string;
+	dependencies?: Array<string | StylesheetDependency>;
+	diagnostics?: StylesheetDiagnostic[];
+	tags?: string[];
+}
+export interface StylesheetRegistryReader {
+	getPublicIdsForSource(sourcePath: string): string[];
+	getRequestIdsForSource(sourcePath: string): string[];
+	getDependenciesForSource(sourcePath: string): StylesheetDependency[];
+	getDiagnosticsForSource(sourcePath: string): StylesheetDiagnostic[];
+	getTagsForSource(sourcePath: string): string[];
+}
+export type StylePreprocessor = (code: string, filename: string, context?: StylesheetTransformContext) => string | StylesheetTransformResult;
+export declare function normalizeStylesheetTransformResult(value: string | StylesheetTransformResult | undefined, fallbackCode: string): StylesheetTransformResult;
+export declare function normalizeStylesheetDependencies(dependencies: Array<string | StylesheetDependency> | undefined): StylesheetDependency[];
+export declare function composeStylePreprocessors(preprocessors: Array<StylePreprocessor | false | null | undefined>): StylePreprocessor | undefined;

package/src/lib/style-preprocessor.js

@@ -0,0 +1,35 @@
+//#region packages/vite-plugin-angular/src/lib/style-preprocessor.ts
+function normalizeStylesheetTransformResult(value, fallbackCode) {
+	if (value == null) return { code: fallbackCode };
+	if (typeof value === "string") return { code: value };
+	return {
+		code: value.code ?? fallbackCode,
+		dependencies: normalizeStylesheetDependencies(value.dependencies),
+		diagnostics: value.diagnostics ?? [],
+		tags: value.tags ?? []
+	};
+}
+function normalizeStylesheetDependencies(dependencies) {
+	return (dependencies ?? []).map((dependency) => typeof dependency === "string" ? { id: dependency } : dependency);
+}
+function composeStylePreprocessors(preprocessors) {
+	const active = preprocessors.filter((preprocessor) => !!preprocessor);
+	if (!active.length) return;
+	return (code, filename, context) => {
+		let current = normalizeStylesheetTransformResult(void 0, code);
+		for (const preprocessor of active) {
+			const next = normalizeStylesheetTransformResult(preprocessor(current.code, filename, context), current.code);
+			current = {
+				code: next.code,
+				dependencies: [...current.dependencies ?? [], ...next.dependencies ?? []],
+				diagnostics: [...current.diagnostics ?? [], ...next.diagnostics ?? []],
+				tags: [...current.tags ?? [], ...next.tags ?? []]
+			};
+		}
+		return current;
+	};
+}
+//#endregion
+export { composeStylePreprocessors, normalizeStylesheetDependencies, normalizeStylesheetTransformResult };
+
+//# sourceMappingURL=style-preprocessor.js.map

package/src/lib/style-preprocessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-preprocessor.js","names":[],"sources":["../../../src/lib/style-preprocessor.ts"],"sourcesContent":["export interface StylesheetTransformContext {\n  filename: string;\n  containingFile?: string;\n  resourceFile?: string;\n  className?: string;\n  order?: number;\n  inline: boolean;\n}\n\nexport interface StylesheetDependency {\n  id: string;\n  kind?: 'file' | 'virtual' | 'token' | 'bridge' | 'manifest' | 'runtime';\n  owner?: string;\n}\n\nexport interface StylesheetDiagnostic {\n  severity: 'warning' | 'error';\n  code: string;\n  message: string;\n}\n\nexport interface StylesheetTransformResult {\n  code: string;\n  dependencies?: Array<string | StylesheetDependency>;\n  diagnostics?: StylesheetDiagnostic[];\n  tags?: string[];\n}\n\nexport interface StylesheetRegistryReader {\n  getPublicIdsForSource(sourcePath: string): string[];\n  getRequestIdsForSource(sourcePath: string): string[];\n  getDependenciesForSource(sourcePath: string): StylesheetDependency[];\n  getDiagnosticsForSource(sourcePath: string): StylesheetDiagnostic[];\n  getTagsForSource(sourcePath: string): string[];\n}\n\nexport type StylePreprocessor = (\n  code: string,\n  filename: string,\n  context?: StylesheetTransformContext,\n) => string | StylesheetTransformResult;\n\nexport function normalizeStylesheetTransformResult(\n  value: string | StylesheetTransformResult | undefined,\n  fallbackCode: string,\n): StylesheetTransformResult {\n  if (value == null) {\n    return { code: fallbackCode };\n  }\n\n  if (typeof value === 'string') {\n    return { code: value };\n  }\n\n  return {\n    code: value.code ?? fallbackCode,\n    dependencies: normalizeStylesheetDependencies(value.dependencies),\n    diagnostics: value.diagnostics ?? [],\n    tags: value.tags ?? [],\n  };\n}\n\nexport function normalizeStylesheetDependencies(\n  dependencies: Array<string | StylesheetDependency> | undefined,\n): StylesheetDependency[] {\n  return (dependencies ?? []).map((dependency) =>\n    typeof dependency === 'string' ? { id: dependency } : dependency,\n  );\n}\n\nexport function composeStylePreprocessors(\n  preprocessors: Array<StylePreprocessor | false | null | undefined>,\n): StylePreprocessor | undefined {\n  const active = preprocessors.filter(\n    (preprocessor): preprocessor is StylePreprocessor => !!preprocessor,\n  );\n\n  if (!active.length) {\n    return undefined;\n  }\n\n  return (code, filename, context) => {\n    let current = normalizeStylesheetTransformResult(undefined, code);\n\n    for (const preprocessor of active) {\n      const next = normalizeStylesheetTransformResult(\n        preprocessor(current.code, filename, context),\n        current.code,\n      );\n      current = {\n        code: next.code,\n        dependencies: [\n          ...(current.dependencies ?? []),\n          ...(next.dependencies ?? []),\n        ],\n        diagnostics: [\n          ...(current.diagnostics ?? []),\n          ...(next.diagnostics ?? []),\n        ],\n        tags: [...(current.tags ?? []), ...(next.tags ?? [])],\n      };\n    }\n\n    return current;\n  };\n}\n"],"mappings":";AA0CA,SAAgB,mCACd,OACA,cAC2B;AAC3B,KAAI,SAAS,KACX,QAAO,EAAE,MAAM,cAAc;AAG/B,KAAI,OAAO,UAAU,SACnB,QAAO,EAAE,MAAM,OAAO;AAGxB,QAAO;EACL,MAAM,MAAM,QAAQ;EACpB,cAAc,gCAAgC,MAAM,aAAa;EACjE,aAAa,MAAM,eAAe,EAAE;EACpC,MAAM,MAAM,QAAQ,EAAE;EACvB;;AAGH,SAAgB,gCACd,cACwB;AACxB,SAAQ,gBAAgB,EAAE,EAAE,KAAK,eAC/B,OAAO,eAAe,WAAW,EAAE,IAAI,YAAY,GAAG,WACvD;;AAGH,SAAgB,0BACd,eAC+B;CAC/B,MAAM,SAAS,cAAc,QAC1B,iBAAoD,CAAC,CAAC,aACxD;AAED,KAAI,CAAC,OAAO,OACV;AAGF,SAAQ,MAAM,UAAU,YAAY;EAClC,IAAI,UAAU,mCAAmC,KAAA,GAAW,KAAK;AAEjE,OAAK,MAAM,gBAAgB,QAAQ;GACjC,MAAM,OAAO,mCACX,aAAa,QAAQ,MAAM,UAAU,QAAQ,EAC7C,QAAQ,KACT;AACD,aAAU;IACR,MAAM,KAAK;IACX,cAAc,CACZ,GAAI,QAAQ,gBAAgB,EAAE,EAC9B,GAAI,KAAK,gBAAgB,EAAE,CAC5B;IACD,aAAa,CACX,GAAI,QAAQ,eAAe,EAAE,EAC7B,GAAI,KAAK,eAAe,EAAE,CAC3B;IACD,MAAM,CAAC,GAAI,QAAQ,QAAQ,EAAE,EAAG,GAAI,KAAK,QAAQ,EAAE,CAAE;IACtD;;AAGH,SAAO"}

package/src/lib/stylesheet-registry.d.ts

@@ -0,0 +1,74 @@
+import type { StylePreprocessor, StylesheetDependency, StylesheetDiagnostic, StylesheetTransformResult, StylesheetTransformContext } from "./style-preprocessor.js";
+export interface AnalogStylesheetRecord {
+	publicId: string;
+	sourcePath?: string;
+	originalCode?: string;
+	normalizedCode: string;
+	dependencies?: StylesheetDependency[];
+	diagnostics?: StylesheetDiagnostic[];
+	tags?: string[];
+}
+export declare class AnalogStylesheetRegistry {
+	private servedById;
+	private servedAliasToId;
+	private externalRequestToSource;
+	/**
+	* 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?"
+	*/
+	private sourceToPublicIds;
+	/**
+	* 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.
+	*/
+	private sourceToRequestIds;
+	private sourceToDependencies;
+	private sourceToDiagnostics;
+	private sourceToTags;
+	/**
+	* 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.
+	*/
+	private normalizeRequestId;
+	get servedCount(): number;
+	get externalCount(): number;
+	hasServed(requestId: string): boolean;
+	getServedContent(requestId: string): string | undefined;
+	getServedSourcePath(requestId: string): string | undefined;
+	resolveExternalSource(requestId: string): string | undefined;
+	getPublicIdsForSource(sourcePath: string): string[];
+	getRequestIdsForSource(sourcePath: string): string[];
+	getDependenciesForSource(sourcePath: string): StylesheetDependency[];
+	getDiagnosticsForSource(sourcePath: string): StylesheetDiagnostic[];
+	getTagsForSource(sourcePath: string): string[];
+	registerExternalRequest(requestId: string, sourcePath: string): void;
+	registerActiveRequest(requestId: string): void;
+	registerServedStylesheet(record: AnalogStylesheetRecord, aliases?: string[]): void;
+	private recomputeSourceMetadata;
+	private resolveServedRecord;
+}
+export declare function preprocessStylesheet(code: string, filename: string, stylePreprocessor?: StylePreprocessor, context?: StylesheetTransformContext): string;
+export declare function preprocessStylesheetResult(code: string, filename: string, stylePreprocessor?: StylePreprocessor, context?: StylesheetTransformContext): StylesheetTransformResult;
+export declare function rewriteRelativeCssImports(code: string, filename: string): string;
+export declare function registerStylesheetContent(registry: AnalogStylesheetRegistry, { code, dependencies, diagnostics, tags, containingFile, className, order, inlineStylesExtension, resourceFile }: {
+	code: string;
+	dependencies?: StylesheetDependency[];
+	diagnostics?: StylesheetDiagnostic[];
+	tags?: string[];
+	containingFile: string;
+	className?: string;
+	order?: number;
+	inlineStylesExtension: string;
+	resourceFile?: string;
+}): string;

package/src/lib/stylesheet-registry.js

@@ -0,0 +1,174 @@
+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;
+	}
+	getServedSourcePath(requestId) {
+		return this.resolveServedRecord(requestId)?.sourcePath;
+	}
+	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(/^\//, "")) ?? this.getServedSourcePath(requestPath) ?? this.getServedSourcePath(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 sourcePath = resourceFile ?? containingFile.replace(".ts", `.${inlineStylesExtension}`);
+	const normalizedSourcePath = normalizePath(normalize(sourcePath));
+	const aliases = [
+		sourcePath,
+		normalizedSourcePath,
+		sourcePath.replace(/^\//, ""),
+		normalizedSourcePath.replace(/^\//, "")
+	];
+	registry.registerServedStylesheet({
+		publicId: stylesheetId,
+		sourcePath: normalizedSourcePath,
+		normalizedCode: code,
+		dependencies,
+		diagnostics,
+		tags
+	}, aliases);
+	return stylesheetId;
+}
+//#endregion
+export { AnalogStylesheetRegistry, preprocessStylesheet, preprocessStylesheetResult, registerStylesheetContent, rewriteRelativeCssImports };
+
+//# sourceMappingURL=stylesheet-registry.js.map