@absolutejs/absolute 0.19.0-beta.995 → 0.19.0-beta.996

package/dist/index.js

@@ -13251,23 +13251,19 @@ var resolveDevClientDir3 = () => {
     return "template-only";
   }
   return "full";
-}, generateVueHmrId = (sourceFilePath, vueRootDir) => relative10(vueRootDir, sourceFilePath).replace(/\\/g, "/").replace(/\.vue$/, ""), extractImports = (sourceCode) => Array.from(sourceCode.matchAll(/import\s+[\s\S]+?['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((importPath) => importPath !== undefined), hoistCssImports = (css) => {
-  const importRegex = /@import\s+[^;]+;\s*\n?/g;
-  const imports = [];
-  const seen = new Set;
-  const stripped = css.replace(importRegex, (match) => {
-    const normalised = match.trim();
-    if (seen.has(normalised))
-      return "";
-    seen.add(normalised);
-    imports.push(normalised);
+}, generateVueHmrId = (sourceFilePath, vueRootDir) => relative10(vueRootDir, sourceFilePath).replace(/\\/g, "/").replace(/\.vue$/, ""), extractImports = (sourceCode) => Array.from(sourceCode.matchAll(/import\s+[\s\S]+?['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((importPath) => importPath !== undefined), inlineCssImports = (cssContent, cssFilePath, visited = new Set) => {
+  const resolved = realpathSync(cssFilePath);
+  if (visited.has(resolved))
     return "";
+  visited.add(resolved);
+  const importRegex = /@import\s+(?:url\(\s*)?(['"])(\.{1,2}\/[^'"]+)\1\s*\)?\s*;?/g;
+  return cssContent.replace(importRegex, (match, _quote, relPath) => {
+    const importedPath = resolve23(dirname15(cssFilePath), relPath);
+    if (!existsSync22(importedPath))
+      return match;
+    const importedContent = readFileSync19(importedPath, "utf-8");
+    return inlineCssImports(importedContent, importedPath, visited);
   });
-  if (imports.length === 0)
-    return css;
-  return `${imports.join(`
-`)}
-${stripped}`;
 }, resolveHelperTsPath = (sourceDir, helper) => {
   if (helper.endsWith(".ts"))
     return resolve23(sourceDir, helper);
@@ -13406,13 +13402,16 @@ ${stripped}`;
     }).code;
     return transpiler4.transformSync(rendered).replace(/(['"])(\.{1,2}\/[^'"]+)(['"])/g, (_2, quoteStart, relativeImport, quoteEnd) => `${quoteStart}${toJs(relativeImport, sourceDir)}${quoteEnd}`);
   };
-  const localCss = await Promise.all(descriptor.styles.map(async (styleBlock) => compiler.compileStyle({
-    filename: sourceFilePath,
-    id: componentId,
-    scoped: styleBlock.scoped,
-    source: styleBlock.lang ? await compileStyleSource(sourceFilePath, styleBlock.content, styleBlock.lang, stylePreprocessors) : styleBlock.content,
-    trim: true
-  }).code));
+  const localCss = await Promise.all(descriptor.styles.map(async (styleBlock) => {
+    const rawContent = styleBlock.lang ? await compileStyleSource(sourceFilePath, styleBlock.content, styleBlock.lang, stylePreprocessors) : styleBlock.content;
+    return compiler.compileStyle({
+      filename: sourceFilePath,
+      id: componentId,
+      scoped: styleBlock.scoped,
+      source: inlineCssImports(rawContent, sourceFilePath),
+      trim: true
+    }).code;
+  }));
   const allCss = [
     ...localCss,
     ...childBuildResults.flatMap((result2) => result2.cssCodes)
@@ -13421,8 +13420,8 @@ ${stripped}`;
   if (isEntryPoint && allCss.length) {
     const cssOutputFile = join28(outputDirs.css, `${toKebab(fileBaseName)}-compiled.css`);
     await mkdir5(dirname15(cssOutputFile), { recursive: true });
-    await write3(cssOutputFile, hoistCssImports(allCss.join(`
-`)));
+    await write3(cssOutputFile, allCss.join(`
+`));
     cssOutputPaths = [cssOutputFile];
   }
   const assembleModule = (renderCode, renderFnName, includeHmr) => {
@@ -35698,5 +35697,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=66735B5F990E713564756E2164756E21
+//# debugId=B15B054E1CF0882664756E2164756E21
 //# sourceMappingURL=index.js.map