@absolutejs/absolute 0.19.0-beta.692 → 0.19.0-beta.694

package/dist/angular/index.js

@@ -1352,10 +1352,12 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 });
 
 // src/build/stylePreprocessor.ts
+import { existsSync as existsSync4, readFileSync as readFileSync3 } from "fs";
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
-import { dirname as dirname2, extname, join as join3 } 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) => {
+import { dirname as dirname2, extname, isAbsolute, join as join3, relative, resolve as resolve4 } from "path";
+import { fileURLToPath } from "url";
+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|styl(?:us)?)$/i.test(filePath), getStyleBaseName = (filePath) => filePath.replace(/\.(css|s[ac]ss|less|styl(?:us)?)$/i, ""), getStyleLanguage = (filePathOrLanguage) => {
   const normalized = filePathOrLanguage.toLowerCase();
   if (normalized === "scss" || normalized.endsWith(".scss"))
     return "scss";
@@ -1363,19 +1365,214 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
     return "sass";
   if (normalized === "less" || normalized.endsWith(".less"))
     return "less";
+  if (normalized === "styl" || normalized === "stylus" || normalized.endsWith(".styl") || normalized.endsWith(".stylus"))
+    return "stylus";
   return null;
-}, missingDependencyError = (name, filePath) => new Error(`Unable to compile ${filePath}: install optional dependency "${name}" to use this stylesheet preprocessor.`), 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))
+], tsconfigAliasCache, stripJsonComments = (source) => source.replace(/\/\*[\s\S]*?\*\//g, "").replace(/(^|[^:])\/\/.*$/gm, "$1"), normalizeAliasEntries = (aliases) => Object.entries(aliases ?? {}).map(([pattern, value]) => ({
+  pattern,
+  replacements: Array.isArray(value) ? value : [value]
+})), readTsconfigAliases = () => {
+  const cwd = process.cwd();
+  if (tsconfigAliasCache?.cwd === cwd)
+    return tsconfigAliasCache;
+  const tsconfigPath = resolve4(cwd, "tsconfig.json");
+  const empty = { aliases: [], baseUrl: cwd, cwd };
+  if (!existsSync4(tsconfigPath)) {
+    tsconfigAliasCache = empty;
+    return empty;
+  }
+  try {
+    const parsed = JSON.parse(stripJsonComments(readFileSync3(tsconfigPath, "utf-8")));
+    const compilerOptions = parsed.compilerOptions ?? {};
+    const baseUrl = resolve4(cwd, compilerOptions.baseUrl ?? ".");
+    tsconfigAliasCache = {
+      aliases: normalizeAliasEntries(compilerOptions.paths),
+      baseUrl,
+      cwd
+    };
+  } catch {
+    tsconfigAliasCache = empty;
+  }
+  return tsconfigAliasCache;
+}, getAliasEntries = (config) => {
+  const tsconfig = readTsconfigAliases();
+  return {
+    aliases: [...normalizeAliasEntries(config?.aliases), ...tsconfig.aliases],
+    baseUrl: tsconfig.baseUrl
+  };
+}, aliasPatternToRegExp = (pattern) => new RegExp(`^${pattern.split("*").map((part) => part.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("(.+)")}$`), resolveAliasTargets = (specifier, config) => {
+  const { aliases, baseUrl } = getAliasEntries(config);
+  const targets = [];
+  for (const alias of aliases) {
+    const match = specifier.match(aliasPatternToRegExp(alias.pattern));
+    if (!match)
+      continue;
+    const wildcard = match[1] ?? "";
+    for (const replacement of alias.replacements) {
+      targets.push(resolve4(baseUrl, replacement.replace("*", wildcard)));
+    }
+  }
+  return targets;
+}, getLanguageExtensions = (language) => {
+  if (language === "less")
+    return [".less", ".css"];
+  if (language === "stylus")
+    return [".styl", ".stylus", ".css"];
+  return [".scss", ".sass", ".css"];
+}, getCandidatePaths = (basePath, language) => {
+  const ext = extname(basePath);
+  const paths = ext ? [basePath] : getLanguageExtensions(language).flatMap((extension) => [
+    `${basePath}${extension}`,
+    join3(basePath, `index${extension}`)
+  ]);
+  if (language === "scss" || language === "sass") {
+    return paths.flatMap((path) => {
+      const dir = dirname2(path);
+      const base = path.slice(dir.length + 1);
+      return [path, join3(dir, `_${base}`)];
+    });
+  }
+  return paths;
+}, resolveImportPath = (specifier, fromDirectory, loadPaths, language, config) => {
+  const rawCandidates = [
+    ...resolveAliasTargets(specifier, config),
+    isAbsolute(specifier) ? specifier : resolve4(fromDirectory, specifier),
+    ...loadPaths.map((path) => resolve4(path, specifier))
+  ];
+  for (const candidate of rawCandidates.flatMap((path) => getCandidatePaths(path, language))) {
+    if (existsSync4(candidate))
+      return candidate;
+  }
+  return null;
+}, isExternalCssUrl = (url) => /^(?:[a-z][a-z0-9+.-]*:|\/\/|#|\/)/i.test(url), splitCssUrl = (url) => {
+  const markerIndex = url.search(/[?#]/);
+  if (markerIndex === -1)
+    return { marker: "", path: url };
+  return {
+    marker: url.slice(markerIndex),
+    path: url.slice(0, markerIndex)
+  };
+}, rebaseCssUrls = (contents, sourceFile, entryFile) => {
+  const sourceDir = dirname2(sourceFile);
+  const entryDir = dirname2(entryFile);
+  if (sourceDir === entryDir)
+    return contents;
+  return contents.replace(/url\(\s*(['"]?)([^'")]+)\1\s*\)/gi, (match, quote, rawUrl) => {
+    const trimmedUrl = rawUrl.trim();
+    if (!trimmedUrl || isExternalCssUrl(trimmedUrl))
+      return match;
+    const { marker, path } = splitCssUrl(trimmedUrl);
+    const rebased = relative(entryDir, resolve4(sourceDir, path)).replace(/\\/g, "/");
+    const normalized = rebased.startsWith(".") ? rebased : `./${rebased}`;
+    const nextQuote = quote || '"';
+    return `url(${nextQuote}${normalized}${marker}${nextQuote})`;
+  });
+}, rewriteAliasedStyleImports = (contents, sourceFile, loadPaths, language, config) => contents.replace(/(@(?:use|forward|import|require)\s+)(["'])([^"']+)\2/g, (match, prefix, quote, specifier) => {
+  if (specifier.startsWith(".") || isAbsolute(specifier) || isExternalCssUrl(specifier))
+    return match;
+  const resolved = resolveImportPath(specifier, dirname2(sourceFile), loadPaths, language, config);
+  return resolved ? `${prefix}${quote}${resolved}${quote}` : match;
+}), preprocessLoadedStyle = (contents, sourceFile, entryFile, loadPaths = [], language, config) => {
+  const rebased = rebaseCssUrls(contents, sourceFile, entryFile);
+  return language ? rewriteAliasedStyleImports(rebased, sourceFile, loadPaths, language, config) : rebased;
+}, extractCssModuleExports = (css) => {
+  const exports = {};
+  const nextCss = css.replace(/:export\s*\{([^}]*)\}/g, (_, body) => {
+    for (const declaration of body.split(";")) {
+      const separator = declaration.indexOf(":");
+      if (separator === -1)
+        continue;
+      const key = declaration.slice(0, separator).trim();
+      const value = declaration.slice(separator + 1).trim();
+      if (key && value)
+        exports[key] = value;
+    }
+    return "";
+  });
+  return { css: nextCss, exports };
+}, getSassOptions = (config, language) => ({
+  ...config?.sass ?? {},
+  ...language === "scss" ? config?.scss ?? {} : {}
+}), getLessOptions = (config) => config?.less ?? {}, getStylusOptions = (config) => config?.stylus ?? {}, withAdditionalData = (contents, additionalData) => additionalData ? `${additionalData}
+${contents}` : contents, createSassImporter = (entryFile, loadPaths, language, config) => ({
+  canonicalize(specifier, options) {
+    const fromDirectory = options.containingUrl ? dirname2(fileURLToPath(options.containingUrl)) : dirname2(entryFile);
+    const resolved = resolveImportPath(specifier, fromDirectory, loadPaths, language, config);
+    return resolved ? new URL(`file://${resolved}`) : null;
+  },
+  load(canonicalUrl) {
+    const filePath = fileURLToPath(canonicalUrl);
+    const fileLanguage = getStyleLanguage(filePath);
+    if (fileLanguage !== "scss" && fileLanguage !== "sass" && fileLanguage !== null)
+      return null;
+    return {
+      contents: preprocessLoadedStyle(readFileSync3(filePath, "utf-8"), filePath, entryFile, loadPaths, language, config),
+      syntax: filePath.endsWith(".sass") ? "indented" : "scss"
+    };
+  }
+}), createLessFileManager = (entryFile, loadPaths, config) => ({
+  install(less, pluginManager) {
+    const baseManager = new less.FileManager;
+    const manager = Object.create(baseManager);
+    manager.supports = (filename, currentDirectory) => Boolean(resolveImportPath(filename, resolve4(currentDirectory), loadPaths, "less", config));
+    manager.loadFile = async (filename, currentDirectory) => {
+      const resolved = resolveImportPath(filename, resolve4(currentDirectory), loadPaths, "less", config);
+      if (!resolved) {
+        throw new Error(`Unable to resolve Less import "${filename}"`);
+      }
+      return {
+        contents: preprocessLoadedStyle(await readFile(resolved, "utf-8"), resolved, entryFile, loadPaths, "less", config),
+        filename: resolved
+      };
+    };
+    pluginManager.addFileManager(manager);
+  }
+}), renderStylus = async (contents, filePath, loadPaths, options) => {
+  let stylus;
+  try {
+    const stylusModule = await importOptionalPeer("stylus");
+    stylus = stylusModule.default ?? stylusModule;
+  } catch {
+    throw missingDependencyError("stylus", filePath);
+  }
+  return new Promise((resolveCss, reject) => {
+    const renderer = stylus(contents);
+    renderer.set("filename", filePath);
+    for (const [key, value] of Object.entries(options.options ?? {})) {
+      renderer.set(key, value);
+    }
+    for (const path of loadPaths)
+      renderer.include(path);
+    renderer.render((error, css) => {
+      if (error)
+        reject(error);
+      else
+        resolveCss(css ?? "");
+    });
+  });
+}, 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 loadPaths = normalizeLoadPaths(filePath, options.loadPaths);
     const result = sass.compileString(contents, {
-      loadPaths: [dirname2(filePath), process.cwd()],
+      importers: [
+        createSassImporter(filePath, loadPaths, language, config)
+      ],
+      loadPaths,
       style: "expanded",
       syntax: language === "sass" ? "indented" : "scss",
       url: new URL(`file://${filePath}`)
@@ -1383,6 +1580,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");
@@ -1393,14 +1591,63 @@ 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 loadPaths = normalizeLoadPaths(filePath, options.paths);
     const result = await render(contents, {
+      ...options.options ?? {},
       filename: filePath,
-      paths: [dirname2(filePath), process.cwd()]
+      paths: loadPaths,
+      plugins: [
+        ...options.options?.plugins ?? [],
+        createLessFileManager(filePath, loadPaths, config)
+      ]
     });
     return result.css;
   }
-  return contents;
-}, stylePreprocessorPlugin, createSvelteStylePreprocessor = () => ({
+  if (language === "stylus") {
+    const options = getStylusOptions(config);
+    const loadPaths = normalizeLoadPaths(filePath, options.paths);
+    const contents = withAdditionalData(preprocessLoadedStyle(rawContents, filePath, filePath, loadPaths, "stylus", config), options.additionalData);
+    return renderStylus(contents, filePath, loadPaths, options);
+  }
+  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 source = cssModuleSources.get(path);
+      if (!source) {
+        throw new Error(`Unable to resolve CSS module source for ${path}`);
+      }
+      return {
+        contents: source.css,
+        loader: "css"
+      };
+    });
+    build.onLoad({ filter: STYLE_EXTENSION_PATTERN }, async ({ path }) => {
+      if (isStyleModulePath(path)) {
+        const cssModulePath = path.replace(STYLE_EXTENSION_PATTERN, ".css");
+        const compiled = await compileStyleSource(path, undefined, undefined, config);
+        const { css, exports } = extractCssModuleExports(compiled);
+        cssModuleSources.set(cssModulePath, { css, exports });
+        const exportSource = Object.keys(exports).length > 0 ? `import styles from ${JSON.stringify(`absolute-style-module:${cssModulePath}`)}; export default Object.assign({}, styles, ${JSON.stringify(exports)});` : `export { default } from ${JSON.stringify(`absolute-style-module:${cssModulePath}`)};`;
+        return {
+          contents: exportSource,
+          loader: "js"
+        };
+      }
+      return {
+        contents: await compileStyleSource(path, undefined, undefined, config),
+        loader: "css"
+      };
+    });
+  }
+}), stylePreprocessorPlugin, createSvelteStylePreprocessor = (config) => ({
   style: async ({
     attributes,
     content,
@@ -1411,63 +1658,30 @@ 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);
+  return compileStyleSource(filePath, undefined, undefined, config);
 };
 var init_stylePreprocessor = __esm(() => {
-  STYLE_EXTENSION_PATTERN = /\.(s[ac]ss|less)$/i;
-  STYLE_MODULE_EXTENSION_PATTERN = /\.module\.(s[ac]ss|less)$/i;
-  STYLE_LANGUAGE_PATTERN = /^(s[ac]ss|less)$/i;
+  STYLE_EXTENSION_PATTERN = /\.(s[ac]ss|less|styl(?:us)?)$/i;
+  STYLE_MODULE_EXTENSION_PATTERN = /\.module\.(s[ac]ss|less|styl(?:us)?)$/i;
+  STYLE_LANGUAGE_PATTERN = /^(s[ac]ss|less|styl(?:us)?)$/i;
   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 as relative2, resolve as resolve5 } from "path";
 var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, ensureRelativeImportPath = (from, target) => {
-  const importPath = relative(dirname3(from), target).replace(/\\/g, "/");
+  const importPath = relative2(dirname3(from), target).replace(/\\/g, "/");
   return importPath.startsWith(".") ? importPath : `./${importPath}`;
 }, processDirectoryEntries = (entries, dir, targetFileName, stack) => {
   for (const entry of entries) {
@@ -1513,7 +1727,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`,
@@ -1531,7 +1745,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   const foundIndex = existResults.indexOf(true);
   return foundIndex >= 0 ? candidates[foundIndex] ?? null : null;
 }, getCachedModulePath = (sourcePath) => {
-  const relativeSourcePath = relative(process.cwd(), sourcePath).replace(/\\/g, "/");
+  const relativeSourcePath = relative2(process.cwd(), sourcePath).replace(/\\/g, "/");
   const normalizedSourcePath = relativeSourcePath.startsWith("..") ? sourcePath.replace(/[:\\/]/g, "_") : relativeSourcePath;
   return join4(serverCacheRoot, `${normalizedSourcePath}.server.js`);
 }, resolveSvelteImport = async (spec, from) => {
@@ -1545,7 +1759,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;
   }
@@ -2851,12 +3065,12 @@ var init_startupBanner = __esm(() => {
 // src/utils/logger.ts
 var colors2, frameworkColors, formatPath = (filePath) => {
   const cwd = process.cwd();
-  let relative2 = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
-  relative2 = relative2.replace(/\\/g, "/");
-  if (!relative2.startsWith("/")) {
-    relative2 = `/${relative2}`;
+  let relative3 = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
+  relative3 = relative3.replace(/\\/g, "/");
+  if (!relative3.startsWith("/")) {
+    relative3 = `/${relative3}`;
   }
-  return relative2;
+  return relative3;
 }, getFrameworkColor = (framework) => frameworkColors[framework] || colors2.white, log = (action, options) => {
   const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
   const tag = `${colors2.cyan}[hmr]${colors2.reset}`;
@@ -3518,27 +3732,27 @@ __export(exports_compileAngular, {
   compileAngularFile: () => compileAngularFile,
   compileAngular: () => compileAngular
 });
-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 resolve5, relative as relative2 } from "path";
+import { existsSync as existsSync5, readFileSync as readFileSync4, promises as fs } from "fs";
+import { join as join5, basename as basename3, sep, dirname as dirname4, resolve as resolve6, relative as relative3 } from "path";
 import ts from "typescript";
 import { createHash } from "crypto";
 var computeConfigHash = () => {
   try {
-    const content = readFileSync3("./tsconfig.json", "utf-8");
+    const content = readFileSync4("./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");
-  if (existsSync4(fromSource) && fromSource.startsWith(projectRoot)) {
+  const fromSource = resolve6(import.meta.dir, "../dev/client");
+  if (existsSync5(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve5(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
-  if (existsSync4(fromNodeModules))
+  const fromNodeModules = resolve6(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  if (existsSync5(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 = [];
@@ -3604,7 +3818,7 @@ ${registrations}
 }, resolveLocalTsImport = (fromFile, specifier) => {
   if (!isRelativeModuleSpecifier(specifier))
     return null;
-  const basePath = resolve5(dirname4(fromFile), specifier);
+  const basePath = resolve6(dirname4(fromFile), specifier);
   const candidates = /\.[cm]?[tj]sx?$/.test(basePath) ? [basePath] : [
     `${basePath}.ts`,
     `${basePath}.tsx`,
@@ -3615,24 +3829,24 @@ ${registrations}
     join5(basePath, "index.mts"),
     join5(basePath, "index.cts")
   ];
-  return candidates.map((candidate) => resolve5(candidate)).find((candidate) => existsSync4(candidate) && !candidate.endsWith(".d.ts")) ?? null;
+  return candidates.map((candidate) => resolve6(candidate)).find((candidate) => existsSync5(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) => {
+}, precomputeAotResourceTransforms = async (inputPath, readFile2, stylePreprocessors) => {
   const transformedSources = new Map;
   const visited = new Set;
   const transformFile = async (filePath) => {
-    const resolvedPath = resolve5(filePath);
+    const resolvedPath = resolve6(filePath);
     if (visited.has(resolvedPath))
       return;
     visited.add(resolvedPath);
-    if (!existsSync4(resolvedPath) || resolvedPath.endsWith(".d.ts"))
+    if (!existsSync5(resolvedPath) || resolvedPath.endsWith(".d.ts"))
       return;
     const source = await readFileForAotTransform(resolvedPath, readFile2);
-    const transformed = await inlineResources(source, dirname4(resolvedPath));
+    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) => {
@@ -3643,8 +3857,8 @@ ${registrations}
   };
   await transformFile(inputPath);
   return transformedSources;
-}, compileAngularFile = async (inputPath, outDir) => {
-  const islandMetadataExports = buildIslandMetadataExports(readFileSync3(inputPath, "utf-8"));
+}, compileAngularFile = async (inputPath, outDir, stylePreprocessors) => {
+  const islandMetadataExports = buildIslandMetadataExports(readFileSync4(inputPath, "utf-8"));
   const { readConfiguration, performCompilation, EmitFlags } = await import("@angular/compiler-cli");
   const configHash = computeConfigHash();
   const cached = globalThis.__angularCompilerCache;
@@ -3659,7 +3873,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,
@@ -3706,13 +3920,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 aotTransformedSources = await precomputeAotResourceTransforms(inputPath, originalReadFile?.bind(host));
+  const aotTransformedSources = await precomputeAotResourceTransforms(inputPath, originalReadFile?.bind(host), stylePreprocessors);
   host.readFile = (fileName) => {
     const source = originalReadFile ? originalReadFile.call(host, fileName) : undefined;
     if (typeof source !== "string")
@@ -3720,7 +3934,7 @@ ${registrations}
     if (!fileName.endsWith(".ts") || fileName.endsWith(".d.ts")) {
       return source;
     }
-    const resolvedPath = resolve5(fileName);
+    const resolvedPath = resolve6(fileName);
     return aotTransformedSources.get(resolvedPath) ?? source;
   };
   const originalGetSourceFileForCompile = host.getSourceFile;
@@ -3765,8 +3979,8 @@ ${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");
-  if (existsSync4(sourceEntry)) {
+  const sourceEntry = resolve6(import.meta.dir, "../angular/components/index.ts");
+  if (existsSync5(sourceEntry)) {
     return sourceEntry.replace(/\\/g, "/");
   }
   return "@absolutejs/absolute/angular/components";
@@ -3893,16 +4107,16 @@ ${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) => {
-  if (!existsSync4(filePath))
+}, readAndEscapeFile = async (filePath, stylePreprocessors) => {
+  if (!existsSync5(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*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
     const templatePath = join5(fileDir, templateUrlMatch[1]);
-    if (!existsSync4(templatePath)) {
+    if (!existsSync5(templatePath)) {
       return { deferSlots: [], source };
     }
     const templateRaw2 = await fs.readFile(templatePath, "utf-8");
@@ -3933,10 +4147,10 @@ ${fields}
   const templateUrlMatch = source.match(/templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
     const templatePath = join5(fileDir, templateUrlMatch[1]);
-    if (!existsSync4(templatePath)) {
+    if (!existsSync5(templatePath)) {
       return { deferSlots: [], source };
     }
-    const templateRaw2 = readFileSync3(templatePath, "utf-8");
+    const templateRaw2 = readFileSync4(templatePath, "utf-8");
     const lowered2 = lowerAngularDeferSyntax(templateRaw2);
     const escaped2 = escapeTemplateContent(lowered2.template);
     const replacedSource2 = source.replace(/templateUrl\s*:\s*['"][^'"]+['"]/, `template: \`${escaped2}\``);
@@ -3960,7 +4174,7 @@ ${fields}
     deferSlots: lowered.slots,
     source: injectDeferSlotFields(replacedSource, lowered.slots, resolveAngularDeferImportSpecifier())
   };
-}, inlineStyleUrls = async (source, fileDir) => {
+}, inlineStyleUrls = async (source, fileDir, stylePreprocessors) => {
   const styleUrlsMatch = source.match(/styleUrls\s*:\s*\[([^\]]+)\]/);
   if (!styleUrlsMatch?.[1])
     return source;
@@ -3969,35 +4183,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({
@@ -4034,23 +4248,23 @@ ${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);
     let actualPath = resolved;
     if (!actualPath.endsWith(".ts"))
       actualPath += ".ts";
-    if (!existsSync4(actualPath))
+    if (!existsSync5(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;
@@ -4071,7 +4285,7 @@ ${fields}
     }
     const contentHash = Bun.hash(sourceCode).toString(BASE_36_RADIX);
     const cacheKey = actualPath;
-    if (jitContentCache.get(cacheKey) === contentHash && existsSync4(targetPath)) {
+    if (jitContentCache.get(cacheKey) === contentHash && existsSync5(targetPath)) {
       allOutputs.push(targetPath);
     } else {
       const processedContent = transpileAndRewrite(sourceCode, relativeDir, actualPath);
@@ -4082,13 +4296,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 = [];
@@ -4098,9 +4312,9 @@ ${fields}
   const indexesDir = join5(compiledParent, "indexes");
   await fs.mkdir(indexesDir, { recursive: true });
   const compileTasks = entryPoints.map(async (entry) => {
-    const resolvedEntry = resolve5(entry);
-    const relativeEntry = relative2(outRoot, resolvedEntry).replace(/\.[tj]s$/, ".js");
-    const compileEntry = () => hmr ? compileAngularFileJIT(resolvedEntry, compiledRoot, outRoot) : compileAngularFile(resolvedEntry, compiledRoot);
+    const resolvedEntry = resolve6(entry);
+    const relativeEntry = relative3(outRoot, resolvedEntry).replace(/\.[tj]s$/, ".js");
+    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`;
@@ -4108,18 +4322,18 @@ ${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}`));
+      let candidate = normalizedCandidates.find((file) => existsSync5(file) && file.endsWith(`${sep}pages${sep}${jsName}`));
       if (!candidate) {
-        candidate = normalizedCandidates.find((file) => existsSync4(file) && file.endsWith(`${sep}${jsName}`));
+        candidate = normalizedCandidates.find((file) => existsSync5(file) && file.endsWith(`${sep}${jsName}`));
       }
       if (!candidate) {
-        candidate = normalizedCandidates.find((file) => existsSync4(file));
+        candidate = normalizedCandidates.find((file) => existsSync5(file));
       }
       return candidate;
     };
@@ -4127,11 +4341,11 @@ ${fields}
     if (!rawServerFile) {
       rawServerFile = resolveRawServerFile([]);
     }
-    if (rawServerFile && !existsSync4(rawServerFile)) {
+    if (rawServerFile && !existsSync5(rawServerFile)) {
       outputs = await compileEntry();
       rawServerFile = resolveRawServerFile(outputs);
     }
-    if (!rawServerFile || !existsSync4(rawServerFile)) {
+    if (!rawServerFile || !existsSync5(rawServerFile)) {
       throw new Error(`Compiled output not found for ${entry}. Looking for: ${jsName}. Available: ${[
         ...outputs,
         ...compiledFallbackPaths
@@ -4142,7 +4356,7 @@ ${fields}
     const serverContentHash = Bun.hash(original).toString(BASE_36_RADIX);
     const cachedWrapper = wrapperOutputCache.get(resolvedEntry);
     const clientFile = join5(indexesDir, jsName);
-    if (hmr && cachedWrapper && cachedWrapper.serverHash === serverContentHash && existsSync4(clientFile)) {
+    if (hmr && cachedWrapper && cachedWrapper.serverHash === serverContentHash && existsSync5(clientFile)) {
       return {
         clientPath: clientFile,
         indexUnchanged: true,
@@ -4176,7 +4390,7 @@ export default ${componentClassName};
       await fs.writeFile(ssrDepsFile, ssrDepsContent, "utf-8");
     }
     await fs.writeFile(rawServerFile, rewritten, "utf-8");
-    const relativePath = relative2(indexesDir, rawServerFile).replace(/\\/g, "/");
+    const relativePath = relative3(indexesDir, rawServerFile).replace(/\\/g, "/");
     const normalizedImportPath = relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     const hmrPreamble = hmr ? `window.__HMR_FRAMEWORK__ = "angular";
 import "${hmrRuntimePath}";
@@ -4339,19 +4553,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()) {
@@ -4359,7 +4573,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;
@@ -5158,7 +5372,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 {
@@ -5169,7 +5383,7 @@ var require_Observable = __commonJS((exports) => {
             }
           },
           error: reject,
-          complete: resolve7
+          complete: resolve8
         });
         _this.subscribe(subscriber);
       });
@@ -5191,14 +5405,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);
         });
       });
     };
@@ -7226,11 +7440,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));
@@ -7246,7 +7460,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());
     });
@@ -7336,14 +7550,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);
     }
   };
@@ -7919,7 +8133,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({
@@ -7930,9 +8144,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);
           }
@@ -7951,16 +8165,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);
           }
@@ -13722,5 +13936,5 @@ export {
   Island
 };
 
-//# debugId=F6C2AE0EB325322564756E2164756E21
+//# debugId=996E4E3B3568CFA564756E2164756E21
 //# sourceMappingURL=index.js.map