@absolutejs/absolute 0.19.0-beta.691 → 0.19.0-beta.693

package/dist/angular/index.js

@@ -1352,10 +1352,9 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 });
 
 // src/build/stylePreprocessor.ts
-import { readFileSync as readFileSync3 } from "fs";
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
-import { dirname as dirname2, extname, join as join3 } from "path";
+import { dirname as dirname2, extname, join as join3, resolve as resolve4 } from "path";
 var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATTERN, importOptionalPeer, requireOptionalPeer, requireFromCwd, isPreprocessableStylePath = (filePath) => STYLE_EXTENSION_PATTERN.test(filePath), isStyleModulePath = (filePath) => STYLE_MODULE_EXTENSION_PATTERN.test(filePath), isStylePath = (filePath) => /\.(css|s[ac]ss|less)$/i.test(filePath), getStyleBaseName = (filePath) => filePath.replace(/\.(css|s[ac]ss|less)$/i, ""), getStyleLanguage = (filePathOrLanguage) => {
   const normalized = filePathOrLanguage.toLowerCase();
   if (normalized === "scss" || normalized.endsWith(".scss"))
@@ -1365,24 +1364,29 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
   if (normalized === "less" || normalized.endsWith(".less"))
     return "less";
   return null;
-}, missingDependencyError = (name, filePath) => new Error(`Unable to compile ${filePath}: install optional dependency "${name}" to use this stylesheet preprocessor.`), requireOptionalPeerSync = (specifier) => {
-  try {
-    return requireFromCwd(specifier);
-  } catch {
-    return requireOptionalPeer(specifier);
-  }
-}, compileStyleSource = async (filePath, source, languageHint) => {
+}, missingDependencyError = (name, filePath) => new Error(`Unable to compile ${filePath}: install optional dependency "${name}" to use this stylesheet preprocessor.`), normalizeLoadPaths = (filePath, paths = []) => [
+  dirname2(filePath),
+  process.cwd(),
+  ...paths.map((path) => resolve4(process.cwd(), path))
+], getSassOptions = (config, language) => ({
+  ...config?.sass ?? {},
+  ...language === "scss" ? config?.scss ?? {} : {}
+}), getLessOptions = (config) => config?.less ?? {}, withAdditionalData = (contents, additionalData) => additionalData ? `${additionalData}
+${contents}` : contents, compileStyleSource = async (filePath, source, languageHint, config) => {
   const language = getStyleLanguage(languageHint ?? filePath);
-  const contents = source ?? await readFile(filePath, "utf-8");
+  const rawContents = source ?? await readFile(filePath, "utf-8");
   if (language === "scss" || language === "sass") {
+    const options = getSassOptions(config, language);
+    const packageName = options.implementation ?? "sass";
     let sass;
     try {
-      sass = await importOptionalPeer("sass");
+      sass = await importOptionalPeer(packageName);
     } catch {
-      throw missingDependencyError("sass", filePath);
+      throw missingDependencyError(packageName, filePath);
     }
+    const contents = withAdditionalData(rawContents, options.additionalData);
     const result = sass.compileString(contents, {
-      loadPaths: [dirname2(filePath), process.cwd()],
+      loadPaths: normalizeLoadPaths(filePath, options.loadPaths),
       style: "expanded",
       syntax: language === "sass" ? "indented" : "scss",
       url: new URL(`file://${filePath}`)
@@ -1390,6 +1394,7 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
     return result.css;
   }
   if (language === "less") {
+    const options = getLessOptions(config);
     let lessModule;
     try {
       lessModule = await importOptionalPeer("less");
@@ -1400,14 +1405,49 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
     const render = less?.render;
     if (!render)
       throw missingDependencyError("less", filePath);
+    const contents = withAdditionalData(rawContents, options.additionalData);
     const result = await render(contents, {
+      ...options.options ?? {},
       filename: filePath,
-      paths: [dirname2(filePath), process.cwd()]
+      paths: normalizeLoadPaths(filePath, options.paths)
     });
     return result.css;
   }
-  return contents;
-}, stylePreprocessorPlugin, createSvelteStylePreprocessor = () => ({
+  return rawContents;
+}, createStylePreprocessorPlugin = (config) => ({
+  name: "absolute-style-preprocessor",
+  setup(build) {
+    const cssModuleSources = new Map;
+    build.onResolve({ filter: /^absolute-style-module:/ }, ({ path }) => ({
+      namespace: "absolute-style-module",
+      path: path.slice("absolute-style-module:".length)
+    }));
+    build.onLoad({ filter: /\.module\.css$/i, namespace: "absolute-style-module" }, async ({ path }) => {
+      const sourcePath = cssModuleSources.get(path);
+      if (!sourcePath) {
+        throw new Error(`Unable to resolve CSS module source for ${path}`);
+      }
+      return {
+        contents: await compileStyleSource(sourcePath, undefined, undefined, config),
+        loader: "css"
+      };
+    });
+    build.onLoad({ filter: STYLE_EXTENSION_PATTERN }, async ({ path }) => {
+      if (isStyleModulePath(path)) {
+        const cssModulePath = path.replace(STYLE_EXTENSION_PATTERN, ".css");
+        cssModuleSources.set(cssModulePath, path);
+        return {
+          contents: `export { default } from ${JSON.stringify(`absolute-style-module:${cssModulePath}`)};`,
+          loader: "js"
+        };
+      }
+      return {
+        contents: await compileStyleSource(path, undefined, undefined, config),
+        loader: "css"
+      };
+    });
+  }
+}), stylePreprocessorPlugin, createSvelteStylePreprocessor = (config) => ({
   style: async ({
     attributes,
     content,
@@ -1418,35 +1458,14 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
       return;
     const path = filename ?? `style.${language}`;
     return {
-      code: await compileStyleSource(path, content, language)
+      code: await compileStyleSource(path, content, language, config)
     };
   }
-}), compileStyleFileIfNeeded = async (filePath) => {
+}), compileStyleFileIfNeeded = async (filePath, config) => {
   if (!isPreprocessableStylePath(filePath)) {
     return readFile(filePath, "utf-8");
   }
-  return compileStyleSource(filePath);
-}, compileStyleFileIfNeededSync = (filePath) => {
-  const contents = readFileSync3(filePath, "utf-8");
-  const language = getStyleLanguage(filePath);
-  if (language === "scss" || language === "sass") {
-    let sass;
-    try {
-      sass = requireOptionalPeerSync("sass");
-    } catch {
-      throw missingDependencyError("sass", filePath);
-    }
-    return sass.compileString(contents, {
-      loadPaths: [dirname2(filePath), process.cwd()],
-      style: "expanded",
-      syntax: language === "sass" ? "indented" : "scss",
-      url: new URL(`file://${filePath}`)
-    }).css;
-  }
-  if (language === "less") {
-    throw new Error(`Unable to compile ${filePath}: Less styleUrl preprocessing is async-only. Import the Less file from a bundled entrypoint or use SCSS/CSS for Angular styleUrl.`);
-  }
-  return contents;
+  return compileStyleSource(filePath, undefined, undefined, config);
 };
 var init_stylePreprocessor = __esm(() => {
   STYLE_EXTENSION_PATTERN = /\.(s[ac]ss|less)$/i;
@@ -1455,45 +1474,12 @@ var init_stylePreprocessor = __esm(() => {
   importOptionalPeer = new Function("specifier", "return import(specifier)");
   requireOptionalPeer = new Function("specifier", "return require(specifier)");
   requireFromCwd = createRequire(join3(process.cwd(), "package.json"));
-  stylePreprocessorPlugin = {
-    name: "absolute-style-preprocessor",
-    setup(build) {
-      const cssModuleSources = new Map;
-      build.onResolve({ filter: /^absolute-style-module:/ }, ({ path }) => ({
-        namespace: "absolute-style-module",
-        path: path.slice("absolute-style-module:".length)
-      }));
-      build.onLoad({ filter: /\.module\.css$/i, namespace: "absolute-style-module" }, async ({ path }) => {
-        const sourcePath = cssModuleSources.get(path);
-        if (!sourcePath) {
-          throw new Error(`Unable to resolve CSS module source for ${path}`);
-        }
-        return {
-          contents: await compileStyleSource(sourcePath),
-          loader: "css"
-        };
-      });
-      build.onLoad({ filter: STYLE_EXTENSION_PATTERN }, async ({ path }) => {
-        if (isStyleModulePath(path)) {
-          const cssModulePath = path.replace(STYLE_EXTENSION_PATTERN, ".css");
-          cssModuleSources.set(cssModulePath, path);
-          return {
-            contents: `export { default } from ${JSON.stringify(`absolute-style-module:${cssModulePath}`)};`,
-            loader: "js"
-          };
-        }
-        return {
-          contents: await compileStyleSource(path),
-          loader: "css"
-        };
-      });
-    }
-  };
+  stylePreprocessorPlugin = createStylePreprocessorPlugin();
 });
 
 // src/core/svelteServerModule.ts
 import { mkdir, readdir } from "fs/promises";
-import { basename as basename2, dirname as dirname3, extname as extname2, join as join4, relative, resolve as resolve4 } from "path";
+import { basename as basename2, dirname as dirname3, extname as extname2, join as join4, relative, resolve as resolve5 } from "path";
 var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, ensureRelativeImportPath = (from, target) => {
   const importPath = relative(dirname3(from), target).replace(/\\/g, "/");
   return importPath.startsWith(".") ? importPath : `./${importPath}`;
@@ -1541,7 +1527,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const basePath = resolve4(dirname3(from), spec);
+  const basePath = resolve5(dirname3(from), spec);
   const candidates = [
     basePath,
     `${basePath}.ts`,
@@ -1573,7 +1559,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const explicitPath = resolve4(dirname3(from), spec);
+  const explicitPath = resolve5(dirname3(from), spec);
   if (extname2(explicitPath) === ".svelte") {
     return explicitPath;
   }
@@ -3546,27 +3532,27 @@ __export(exports_compileAngular, {
   compileAngularFile: () => compileAngularFile,
   compileAngular: () => compileAngular
 });
-import { existsSync as existsSync4, readFileSync as readFileSync4, promises as fs } from "fs";
-import { join as join5, basename as basename3, sep, dirname as dirname4, resolve as resolve5, relative as relative2 } from "path";
+import { existsSync as existsSync4, readFileSync as readFileSync3, promises as fs } from "fs";
+import { join as join5, basename as basename3, sep, dirname as dirname4, resolve as resolve6, relative as relative2 } from "path";
 import ts from "typescript";
 import { createHash } from "crypto";
 var computeConfigHash = () => {
   try {
-    const content = readFileSync4("./tsconfig.json", "utf-8");
+    const content = readFileSync3("./tsconfig.json", "utf-8");
     return createHash("md5").update(content).digest("hex");
   } catch {
     return "";
   }
 }, resolveDevClientDir = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve5(import.meta.dir, "../dev/client");
+  const fromSource = resolve6(import.meta.dir, "../dev/client");
   if (existsSync4(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve5(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  const fromNodeModules = resolve6(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
   if (existsSync4(fromNodeModules))
     return fromNodeModules;
-  return resolve5(import.meta.dir, "./dev/client");
+  return resolve6(import.meta.dir, "./dev/client");
 }, devClientDir, hmrClientPath, hmrRuntimePath, injectHMRRegistration = (content, sourceId) => {
   const componentClassRegex = /(?:export\s+)?class\s+(\w+Component)\s/g;
   const componentNames = [];
@@ -3609,8 +3595,70 @@ ${registrations}
   if (fileName.startsWith(outDir))
     return fileName.substring(outDir.length + 1);
   return fileName;
-}, compileAngularFile = async (inputPath, outDir) => {
-  const islandMetadataExports = buildIslandMetadataExports(readFileSync4(inputPath, "utf-8"));
+}, isRelativeModuleSpecifier = (specifier) => specifier.startsWith("./") || specifier.startsWith("../"), extractLocalImportSpecifiers = (source, fileName) => {
+  const sourceFile = ts.createSourceFile(fileName, source, ts.ScriptTarget.Latest, true, ts.ScriptKind.TS);
+  const specifiers = [];
+  const addSpecifier = (node) => {
+    if (!node || !ts.isStringLiteralLike(node))
+      return;
+    const specifier = node.text;
+    if (isRelativeModuleSpecifier(specifier))
+      specifiers.push(specifier);
+  };
+  const visit = (node) => {
+    if (ts.isImportDeclaration(node) || ts.isExportDeclaration(node)) {
+      addSpecifier(node.moduleSpecifier);
+    } else if (ts.isCallExpression(node) && node.expression.kind === ts.SyntaxKind.ImportKeyword) {
+      addSpecifier(node.arguments[0]);
+    }
+    ts.forEachChild(node, visit);
+  };
+  visit(sourceFile);
+  return specifiers;
+}, resolveLocalTsImport = (fromFile, specifier) => {
+  if (!isRelativeModuleSpecifier(specifier))
+    return null;
+  const basePath = resolve6(dirname4(fromFile), specifier);
+  const candidates = /\.[cm]?[tj]sx?$/.test(basePath) ? [basePath] : [
+    `${basePath}.ts`,
+    `${basePath}.tsx`,
+    `${basePath}.mts`,
+    `${basePath}.cts`,
+    join5(basePath, "index.ts"),
+    join5(basePath, "index.tsx"),
+    join5(basePath, "index.mts"),
+    join5(basePath, "index.cts")
+  ];
+  return candidates.map((candidate) => resolve6(candidate)).find((candidate) => existsSync4(candidate) && !candidate.endsWith(".d.ts")) ?? null;
+}, readFileForAotTransform = async (fileName, readFile2) => {
+  const hostSource = readFile2?.(fileName);
+  if (typeof hostSource === "string")
+    return hostSource;
+  return fs.readFile(fileName, "utf-8");
+}, precomputeAotResourceTransforms = async (inputPath, readFile2, stylePreprocessors) => {
+  const transformedSources = new Map;
+  const visited = new Set;
+  const transformFile = async (filePath) => {
+    const resolvedPath = resolve6(filePath);
+    if (visited.has(resolvedPath))
+      return;
+    visited.add(resolvedPath);
+    if (!existsSync4(resolvedPath) || resolvedPath.endsWith(".d.ts"))
+      return;
+    const source = await readFileForAotTransform(resolvedPath, readFile2);
+    const transformed = await inlineResources(source, dirname4(resolvedPath), stylePreprocessors);
+    transformedSources.set(resolvedPath, transformed.source);
+    const imports = extractLocalImportSpecifiers(source, resolvedPath);
+    await Promise.all(imports.map(async (specifier) => {
+      const resolvedImport = resolveLocalTsImport(resolvedPath, specifier);
+      if (resolvedImport)
+        await transformFile(resolvedImport);
+    }));
+  };
+  await transformFile(inputPath);
+  return transformedSources;
+}, compileAngularFile = async (inputPath, outDir, stylePreprocessors) => {
+  const islandMetadataExports = buildIslandMetadataExports(readFileSync3(inputPath, "utf-8"));
   const { readConfiguration, performCompilation, EmitFlags } = await import("@angular/compiler-cli");
   const configHash = computeConfigHash();
   const cached = globalThis.__angularCompilerCache;
@@ -3625,7 +3673,7 @@ ${registrations}
   } else {
     const tsPath = __require.resolve("typescript");
     const tsRootDir = dirname4(tsPath);
-    tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve5(tsRootDir, "lib");
+    tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve6(tsRootDir, "lib");
     const config = readConfiguration("./tsconfig.json");
     options = {
       emitDecoratorMetadata: true,
@@ -3672,13 +3720,13 @@ ${registrations}
     };
   }
   const emitted = {};
-  const resolvedOutDir = resolve5(outDir);
+  const resolvedOutDir = resolve6(outDir);
   host.writeFile = (fileName, text) => {
     const relativePath = resolveRelativePath(fileName, resolvedOutDir, outDir);
     emitted[relativePath] = text;
   };
   const originalReadFile = host.readFile;
-  const aotTransformCache = new Map;
+  const aotTransformedSources = await precomputeAotResourceTransforms(inputPath, originalReadFile?.bind(host), stylePreprocessors);
   host.readFile = (fileName) => {
     const source = originalReadFile ? originalReadFile.call(host, fileName) : undefined;
     if (typeof source !== "string")
@@ -3686,13 +3734,8 @@ ${registrations}
     if (!fileName.endsWith(".ts") || fileName.endsWith(".d.ts")) {
       return source;
     }
-    const resolvedPath = resolve5(fileName);
-    const cached2 = aotTransformCache.get(resolvedPath);
-    if (cached2 !== undefined)
-      return cached2;
-    const transformed = inlineResourcesSync(source, dirname4(resolvedPath)).source;
-    aotTransformCache.set(resolvedPath, transformed);
-    return transformed;
+    const resolvedPath = resolve6(fileName);
+    return aotTransformedSources.get(resolvedPath) ?? source;
   };
   const originalGetSourceFileForCompile = host.getSourceFile;
   host.getSourceFile = (fileName, languageVersion, onError) => {
@@ -3736,7 +3779,7 @@ ${registrations}
   await Promise.all(entries.map(({ target, content }) => fs.writeFile(target, content, "utf-8")));
   return entries.map(({ target }) => target);
 }, jitContentCache, wrapperOutputCache, escapeTemplateContent = (content) => content.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${"), resolveAngularDeferImportSpecifier = () => {
-  const sourceEntry = resolve5(import.meta.dir, "../angular/components/index.ts");
+  const sourceEntry = resolve6(import.meta.dir, "../angular/components/index.ts");
   if (existsSync4(sourceEntry)) {
     return sourceEntry.replace(/\\/g, "/");
   }
@@ -3864,10 +3907,10 @@ ${slot.resolvedBindings.map((binding) => `		"${binding.key}": this.__absoluteDef
   return rewritten.replace(/export(?:\s+default)?\s+class\s+([A-Za-z_$][\w$]*)\s*{/, (match) => `${match}
 ${fields}
 `);
-}, readAndEscapeFile = async (filePath) => {
+}, readAndEscapeFile = async (filePath, stylePreprocessors) => {
   if (!existsSync4(filePath))
     return null;
-  const content = await compileStyleFileIfNeeded(filePath);
+  const content = await compileStyleFileIfNeeded(filePath, stylePreprocessors);
   return escapeTemplateContent(content);
 }, inlineTemplateAndLowerDefer = async (source, fileDir) => {
   const templateUrlMatch = source.match(/templateUrl\s*:\s*['"]([^'"]+)['"]/);
@@ -3907,7 +3950,7 @@ ${fields}
     if (!existsSync4(templatePath)) {
       return { deferSlots: [], source };
     }
-    const templateRaw2 = readFileSync4(templatePath, "utf-8");
+    const templateRaw2 = readFileSync3(templatePath, "utf-8");
     const lowered2 = lowerAngularDeferSyntax(templateRaw2);
     const escaped2 = escapeTemplateContent(lowered2.template);
     const replacedSource2 = source.replace(/templateUrl\s*:\s*['"][^'"]+['"]/, `template: \`${escaped2}\``);
@@ -3931,43 +3974,7 @@ ${fields}
     deferSlots: lowered.slots,
     source: injectDeferSlotFields(replacedSource, lowered.slots, resolveAngularDeferImportSpecifier())
   };
-}, readAndEscapeFileSync = (filePath) => {
-  if (!existsSync4(filePath))
-    return null;
-  const content = compileStyleFileIfNeededSync(filePath);
-  return escapeTemplateContent(content);
-}, inlineStyleUrlsSync = (source, fileDir) => {
-  const styleUrlsMatch = source.match(/styleUrls\s*:\s*\[([^\]]+)\]/);
-  if (!styleUrlsMatch?.[1])
-    return source;
-  const urlMatches = styleUrlsMatch[1].match(/['"]([^'"]+)['"]/g);
-  if (!urlMatches)
-    return source;
-  const inlinedStyles = urlMatches.map((urlMatch) => {
-    const styleUrl = urlMatch.replace(/['"]/g, "");
-    return readAndEscapeFileSync(join5(fileDir, styleUrl));
-  }).filter(Boolean).map((escaped) => `\`${escaped}\``);
-  if (inlinedStyles.length === 0)
-    return source;
-  return source.replace(/styleUrls\s*:\s*\[[^\]]+\]/, `styles: [${inlinedStyles.join(", ")}]`);
-}, inlineSingleStyleUrlSync = (source, fileDir) => {
-  const styleUrlMatch = source.match(/styleUrl\s*:\s*['"]([^'"]+)['"]/);
-  if (!styleUrlMatch?.[1])
-    return source;
-  const escaped = readAndEscapeFileSync(join5(fileDir, styleUrlMatch[1]));
-  if (!escaped)
-    return source;
-  return source.replace(/styleUrl\s*:\s*['"][^'"]+['"]/, `styles: [\`${escaped}\`]`);
-}, inlineResourcesSync = (source, fileDir) => {
-  const inlinedTemplate = inlineTemplateAndLowerDeferSync(source, fileDir);
-  let result = inlinedTemplate.source;
-  result = inlineStyleUrlsSync(result, fileDir);
-  result = inlineSingleStyleUrlSync(result, fileDir);
-  return {
-    deferSlots: inlinedTemplate.deferSlots,
-    source: result
-  };
-}, inlineStyleUrls = async (source, fileDir) => {
+}, inlineStyleUrls = async (source, fileDir, stylePreprocessors) => {
   const styleUrlsMatch = source.match(/styleUrls\s*:\s*\[([^\]]+)\]/);
   if (!styleUrlsMatch?.[1])
     return source;
@@ -3976,35 +3983,35 @@ ${fields}
     return source;
   const stylePromises = urlMatches.map((urlMatch) => {
     const styleUrl = urlMatch.replace(/['"]/g, "");
-    return readAndEscapeFile(join5(fileDir, styleUrl));
+    return readAndEscapeFile(join5(fileDir, styleUrl), stylePreprocessors);
   });
   const results = await Promise.all(stylePromises);
   const inlinedStyles = results.filter(Boolean).map((escaped) => `\`${escaped}\``);
   if (inlinedStyles.length === 0)
     return source;
   return source.replace(/styleUrls\s*:\s*\[[^\]]+\]/, `styles: [${inlinedStyles.join(", ")}]`);
-}, inlineSingleStyleUrl = async (source, fileDir) => {
+}, inlineSingleStyleUrl = async (source, fileDir, stylePreprocessors) => {
   const styleUrlMatch = source.match(/styleUrl\s*:\s*['"]([^'"]+)['"]/);
   if (!styleUrlMatch?.[1])
     return source;
-  const escaped = await readAndEscapeFile(join5(fileDir, styleUrlMatch[1]));
+  const escaped = await readAndEscapeFile(join5(fileDir, styleUrlMatch[1]), stylePreprocessors);
   if (!escaped)
     return source;
   return source.replace(/styleUrl\s*:\s*['"][^'"]+['"]/, `styles: [\`${escaped}\`]`);
-}, inlineResources = async (source, fileDir) => {
+}, inlineResources = async (source, fileDir, stylePreprocessors) => {
   const inlinedTemplate = await inlineTemplateAndLowerDefer(source, fileDir);
   let result = inlinedTemplate.source;
-  result = await inlineStyleUrls(result, fileDir);
-  result = await inlineSingleStyleUrl(result, fileDir);
+  result = await inlineStyleUrls(result, fileDir, stylePreprocessors);
+  result = await inlineSingleStyleUrl(result, fileDir, stylePreprocessors);
   return {
     deferSlots: inlinedTemplate.deferSlots,
     source: result
   };
-}, compileAngularFileJIT = async (inputPath, outDir, rootDir) => {
-  const entryPath = resolve5(inputPath);
+}, compileAngularFileJIT = async (inputPath, outDir, rootDir, stylePreprocessors) => {
+  const entryPath = resolve6(inputPath);
   const allOutputs = [];
   const visited = new Set;
-  const baseDir = resolve5(rootDir ?? process.cwd());
+  const baseDir = resolve6(rootDir ?? process.cwd());
   const angularTranspiler = new Bun.Transpiler({
     loader: "ts",
     tsconfig: JSON.stringify({
@@ -4041,13 +4048,13 @@ ${fields}
         return `${prefix}${dots}`;
       return `${prefix}../${dots}`;
     });
-    if (resolve5(actualPath) === entryPath) {
+    if (resolve6(actualPath) === entryPath) {
       processedContent += buildIslandMetadataExports(sourceCode);
     }
     return processedContent;
   };
   const transpileFile = async (filePath) => {
-    const resolved = resolve5(filePath);
+    const resolved = resolve6(filePath);
     if (visited.has(resolved))
       return;
     visited.add(resolved);
@@ -4057,7 +4064,7 @@ ${fields}
     if (!existsSync4(actualPath))
       return;
     let sourceCode = await fs.readFile(actualPath, "utf-8");
-    const inlined = await inlineResources(sourceCode, dirname4(actualPath));
+    const inlined = await inlineResources(sourceCode, dirname4(actualPath), stylePreprocessors);
     sourceCode = inlineTemplateAndLowerDeferSync(inlined.source, dirname4(actualPath)).source;
     const inputDir = dirname4(actualPath);
     const relativeDir = inputDir.startsWith(baseDir) ? inputDir.substring(baseDir.length + 1) : inputDir;
@@ -4089,13 +4096,13 @@ ${fields}
     }
     const inputDirForResolve = dirname4(actualPath);
     await Promise.all(localImports.map((imp) => {
-      const importPath = resolve5(inputDirForResolve, imp);
+      const importPath = resolve6(inputDirForResolve, imp);
       return transpileFile(importPath);
     }));
   };
   await transpileFile(inputPath);
   return allOutputs;
-}, compileAngular = async (entryPoints, outRoot, hmr = false) => {
+}, compileAngular = async (entryPoints, outRoot, hmr = false, stylePreprocessors) => {
   const compiledParent = join5(outRoot, "generated");
   if (entryPoints.length === 0) {
     const emptyPaths = [];
@@ -4105,9 +4112,9 @@ ${fields}
   const indexesDir = join5(compiledParent, "indexes");
   await fs.mkdir(indexesDir, { recursive: true });
   const compileTasks = entryPoints.map(async (entry) => {
-    const resolvedEntry = resolve5(entry);
+    const resolvedEntry = resolve6(entry);
     const relativeEntry = relative2(outRoot, resolvedEntry).replace(/\.[tj]s$/, ".js");
-    const compileEntry = () => hmr ? compileAngularFileJIT(resolvedEntry, compiledRoot, outRoot) : compileAngularFile(resolvedEntry, compiledRoot);
+    const compileEntry = () => hmr ? compileAngularFileJIT(resolvedEntry, compiledRoot, outRoot, stylePreprocessors) : compileAngularFile(resolvedEntry, compiledRoot, stylePreprocessors);
     let outputs = await compileEntry();
     const fileBase = basename3(resolvedEntry).replace(/\.[tj]s$/, "");
     const jsName = `${fileBase}.js`;
@@ -4115,10 +4122,10 @@ ${fields}
       join5(compiledRoot, relativeEntry),
       join5(compiledRoot, "pages", jsName),
       join5(compiledRoot, jsName)
-    ].map((file) => resolve5(file));
+    ].map((file) => resolve6(file));
     const resolveRawServerFile = (candidatePaths) => {
       const normalizedCandidates = [
-        ...candidatePaths.map((file) => resolve5(file)),
+        ...candidatePaths.map((file) => resolve6(file)),
         ...compiledFallbackPaths
       ];
       let candidate = normalizedCandidates.find((file) => existsSync4(file) && file.endsWith(`${sep}pages${sep}${jsName}`));
@@ -4346,19 +4353,19 @@ var init_compileAngular = __esm(() => {
 import { AsyncLocalStorage as AsyncLocalStorage3 } from "async_hooks";
 import { mkdir as mkdir2, symlink } from "fs/promises";
 import { tmpdir } from "os";
-import { basename as basename4, dirname as dirname5, join as join6, resolve as resolve6 } from "path";
+import { basename as basename4, dirname as dirname5, join as join6, resolve as resolve7 } from "path";
 var ssrDirty = false, lastSelector = "angular-page", isRecord5 = (value) => typeof value === "object" && value !== null, isAngularComponent = (value) => typeof value === "function", compilerImportPromise = null, ensureAngularCompiler = () => {
   if (!compilerImportPromise) {
     compilerImportPromise = import("@angular/compiler");
   }
   return compilerImportPromise;
 }, readAngularPageModule = (value) => isRecord5(value) ? value : null, resolveAngularSsrOutDir = () => process.env.ABSOLUTE_ANGULAR_SSR_OUTDIR ?? join6(tmpdir(), "absolutejs", "generated", "angular-ssr"), ensureAngularSsrNodeModules = async (outDir) => {
-  const outRoot = resolve6(dirname5(dirname5(outDir)));
+  const outRoot = resolve7(dirname5(dirname5(outDir)));
   const nodeModulesLink = join6(outRoot, "node_modules");
   if (process.env.ABSOLUTE_ANGULAR_SSR_OUTDIR) {
     return;
   }
-  if (nodeModulesLink === resolve6(process.cwd(), "node_modules")) {
+  if (nodeModulesLink === resolve7(process.cwd(), "node_modules")) {
     return;
   }
   if (await Bun.file(nodeModulesLink).exists()) {
@@ -4366,7 +4373,7 @@ var ssrDirty = false, lastSelector = "angular-page", isRecord5 = (value) => type
   }
   await mkdir2(outRoot, { recursive: true });
   try {
-    await symlink(resolve6(process.cwd(), "node_modules"), nodeModulesLink, "dir");
+    await symlink(resolve7(process.cwd(), "node_modules"), nodeModulesLink, "dir");
   } catch (error) {
     if (!(error instanceof Error) || !("code" in error) || error.code !== "EEXIST") {
       throw error;
@@ -5165,7 +5172,7 @@ var require_Observable = __commonJS((exports) => {
     Observable2.prototype.forEach = function(next, promiseCtor) {
       var _this = this;
       promiseCtor = getPromiseCtor(promiseCtor);
-      return new promiseCtor(function(resolve7, reject) {
+      return new promiseCtor(function(resolve8, reject) {
         var subscriber = new Subscriber_1.SafeSubscriber({
           next: function(value) {
             try {
@@ -5176,7 +5183,7 @@ var require_Observable = __commonJS((exports) => {
             }
           },
           error: reject,
-          complete: resolve7
+          complete: resolve8
         });
         _this.subscribe(subscriber);
       });
@@ -5198,14 +5205,14 @@ var require_Observable = __commonJS((exports) => {
     Observable2.prototype.toPromise = function(promiseCtor) {
       var _this = this;
       promiseCtor = getPromiseCtor(promiseCtor);
-      return new promiseCtor(function(resolve7, reject) {
+      return new promiseCtor(function(resolve8, reject) {
         var value;
         _this.subscribe(function(x) {
           return value = x;
         }, function(err) {
           return reject(err);
         }, function() {
-          return resolve7(value);
+          return resolve8(value);
         });
       });
     };
@@ -7233,11 +7240,11 @@ var require_isReadableStreamLike = __commonJS((exports) => {
 var require_innerFrom = __commonJS((exports) => {
   var __awaiter = exports && exports.__awaiter || function(thisArg, _arguments, P, generator) {
     function adopt(value) {
-      return value instanceof P ? value : new P(function(resolve7) {
-        resolve7(value);
+      return value instanceof P ? value : new P(function(resolve8) {
+        resolve8(value);
       });
     }
-    return new (P || (P = Promise))(function(resolve7, reject) {
+    return new (P || (P = Promise))(function(resolve8, reject) {
       function fulfilled(value) {
         try {
           step(generator.next(value));
@@ -7253,7 +7260,7 @@ var require_innerFrom = __commonJS((exports) => {
         }
       }
       function step(result) {
-        result.done ? resolve7(result.value) : adopt(result.value).then(fulfilled, rejected);
+        result.done ? resolve8(result.value) : adopt(result.value).then(fulfilled, rejected);
       }
       step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
@@ -7343,14 +7350,14 @@ var require_innerFrom = __commonJS((exports) => {
     }, i);
     function verb(n) {
       i[n] = o[n] && function(v) {
-        return new Promise(function(resolve7, reject) {
-          v = o[n](v), settle(resolve7, reject, v.done, v.value);
+        return new Promise(function(resolve8, reject) {
+          v = o[n](v), settle(resolve8, reject, v.done, v.value);
         });
       };
     }
-    function settle(resolve7, reject, d, v) {
+    function settle(resolve8, reject, d, v) {
       Promise.resolve(v).then(function(v2) {
-        resolve7({ value: v2, done: d });
+        resolve8({ value: v2, done: d });
       }, reject);
     }
   };
@@ -7926,7 +7933,7 @@ var require_lastValueFrom = __commonJS((exports) => {
   var EmptyError_1 = require_EmptyError();
   function lastValueFrom(source, config) {
     var hasConfig = typeof config === "object";
-    return new Promise(function(resolve7, reject) {
+    return new Promise(function(resolve8, reject) {
       var _hasValue = false;
       var _value;
       source.subscribe({
@@ -7937,9 +7944,9 @@ var require_lastValueFrom = __commonJS((exports) => {
         error: reject,
         complete: function() {
           if (_hasValue) {
-            resolve7(_value);
+            resolve8(_value);
           } else if (hasConfig) {
-            resolve7(config.defaultValue);
+            resolve8(config.defaultValue);
           } else {
             reject(new EmptyError_1.EmptyError);
           }
@@ -7958,16 +7965,16 @@ var require_firstValueFrom = __commonJS((exports) => {
   var Subscriber_1 = require_Subscriber();
   function firstValueFrom(source, config) {
     var hasConfig = typeof config === "object";
-    return new Promise(function(resolve7, reject) {
+    return new Promise(function(resolve8, reject) {
       var subscriber = new Subscriber_1.SafeSubscriber({
         next: function(value) {
-          resolve7(value);
+          resolve8(value);
           subscriber.unsubscribe();
         },
         error: reject,
         complete: function() {
           if (hasConfig) {
-            resolve7(config.defaultValue);
+            resolve8(config.defaultValue);
           } else {
             reject(new EmptyError_1.EmptyError);
           }
@@ -13729,5 +13736,5 @@ export {
   Island
 };
 
-//# debugId=B10258ED4C6BE30164756E2164756E21
+//# debugId=616C70E79D1443DD64756E2164756E21
 //# sourceMappingURL=index.js.map