@absolutejs/absolute 0.19.0-beta.846 → 0.19.0-beta.848

package/dist/react/index.js

@@ -2401,11 +2401,53 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
       code: await compileStyleSource(path, content, language, config)
     };
   }
-}), compileStyleFileIfNeeded = async (filePath, config) => {
-  if (!isPreprocessableStylePath(filePath)) {
-    return runPostcss(await readFile(filePath, "utf-8"), filePath, config);
+}), CSS_IMPORT_PATTERN, resolveCssImportsAsync = async (content, baseDir, visited) => {
+  const matches = Array.from(content.matchAll(CSS_IMPORT_PATTERN));
+  if (matches.length === 0)
+    return content;
+  let cursor = 0;
+  const parts = [];
+  for (const match of matches) {
+    const importPath = match[1];
+    if (importPath === undefined)
+      continue;
+    const start = match.index ?? 0;
+    const end = start + match[0].length;
+    parts.push(content.slice(cursor, start));
+    const fullPath = isAbsolute(importPath) ? importPath : resolve3(baseDir, importPath);
+    if (visited.has(fullPath) || !existsSync3(fullPath)) {
+      parts.push(visited.has(fullPath) ? "" : match[0]);
+      cursor = end;
+      continue;
+    }
+    const nextVisited = new Set(visited);
+    nextVisited.add(fullPath);
+    const imported = await readFile(fullPath, "utf-8");
+    parts.push(await resolveCssImportsAsync(imported, dirname(fullPath), nextVisited));
+    cursor = end;
   }
-  return compileStyleSource(filePath, undefined, undefined, config);
+  parts.push(content.slice(cursor));
+  return parts.join("");
+}, compileStyleFileIfNeeded = async (filePath, config) => {
+  if (!isPreprocessableStylePath(filePath)) {
+    const raw = await readFile(filePath, "utf-8");
+    const processed = await runPostcss(raw, filePath, config);
+    return resolveCssImportsAsync(processed, dirname(filePath), new Set([filePath]));
+  }
+  const compiled = await compileStyleSource(filePath, undefined, undefined, config);
+  return resolveCssImportsAsync(compiled, dirname(filePath), new Set([filePath]));
+}, resolveCssImportsSync = (content, baseDir, visited) => {
+  return content.replace(CSS_IMPORT_PATTERN, (match, importPath) => {
+    const fullPath = isAbsolute(importPath) ? importPath : resolve3(baseDir, importPath);
+    if (visited.has(fullPath))
+      return "";
+    if (!existsSync3(fullPath))
+      return match;
+    const nextVisited = new Set(visited);
+    nextVisited.add(fullPath);
+    const imported = readFileSync3(fullPath, "utf-8");
+    return resolveCssImportsSync(imported, dirname(fullPath), nextVisited);
+  });
 }, compileStyleFileIfNeededSync = (filePath, config) => {
   const rawContents = readFileSync3(filePath, "utf-8");
   const language = getStyleLanguage(filePath);
@@ -2423,7 +2465,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     }
     const contents = withAdditionalData(rawContents, options.additionalData);
     const loadPaths = normalizeLoadPaths(filePath, options.loadPaths);
-    return sass.compileString(contents, {
+    const compiled = sass.compileString(contents, {
       importers: [
         createSassImporter(filePath, loadPaths, language, config)
       ],
@@ -2432,6 +2474,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
       syntax: language === "sass" ? "indented" : "scss",
       url: new URL(`file://${filePath}`)
     }).css;
+    return resolveCssImportsSync(compiled, dirname(filePath), new Set([filePath]));
   }
   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.`);
@@ -2439,7 +2482,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
   if (language === "stylus") {
     throw new Error(`Unable to compile ${filePath}: Stylus styleUrl preprocessing is async-only. Import the Stylus file from a bundled entrypoint or use SCSS/CSS for Angular styleUrl.`);
   }
-  return rawContents;
+  return resolveCssImportsSync(rawContents, dirname(filePath), new Set([filePath]));
 }, getCssOutputExtension = (filePath) => isPreprocessableStylePath(filePath) ? ".css" : extname(filePath);
 var init_stylePreprocessor = __esm(() => {
   CSS_EXTENSION_PATTERN = /\.css$/i;
@@ -2452,6 +2495,7 @@ var init_stylePreprocessor = __esm(() => {
   styleDependencyGraph = new Map;
   styleOutputHashes = new Map;
   stylePreprocessorPlugin = createStylePreprocessorPlugin();
+  CSS_IMPORT_PATTERN = /@import\s+["']([^"']+)["']\s*;?/g;
 });
 
 // src/core/svelteServerModule.ts
@@ -3692,5 +3736,5 @@ export {
   Island
 };
 
-//# debugId=373BA0E0A092E99664756E2164756E21
+//# debugId=9EFB2B06AFE0F78B64756E2164756E21
 //# sourceMappingURL=index.js.map