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

package/dist/islands/index.js

@@ -857,12 +857,27 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 });
 
 // src/build/stylePreprocessor.ts
+var exports_stylePreprocessor = {};
+__export(exports_stylePreprocessor, {
+  stylePreprocessorPlugin: () => stylePreprocessorPlugin,
+  isStylePath: () => isStylePath,
+  isStyleModulePath: () => isStyleModulePath,
+  isPreprocessableStylePath: () => isPreprocessableStylePath,
+  getStyleBaseName: () => getStyleBaseName,
+  getCssOutputExtension: () => getCssOutputExtension,
+  createSvelteStylePreprocessor: () => createSvelteStylePreprocessor,
+  createStyleTransformConfig: () => createStyleTransformConfig,
+  createStylePreprocessorPlugin: () => createStylePreprocessorPlugin,
+  compileStyleSource: () => compileStyleSource,
+  compileStyleFileIfNeededSync: () => compileStyleFileIfNeededSync,
+  compileStyleFileIfNeeded: () => compileStyleFileIfNeeded
+});
 import { existsSync as existsSync4, readFileSync as readFileSync3 } from "fs";
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
 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) => {
+var CSS_EXTENSION_PATTERN, 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";
@@ -873,7 +888,13 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
   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.`), normalizeLoadPaths = (filePath, paths = []) => [
+}, 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);
+  }
+}, normalizeLoadPaths = (filePath, paths = []) => [
   dirname2(filePath),
   process.cwd(),
   ...paths.map((path) => resolve4(process.cwd(), path))
@@ -1002,8 +1023,72 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
 }, 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) => ({
+}), getLessOptions = (config) => config?.less ?? {}, getStylusOptions = (config) => config?.stylus ?? {}, createStyleTransformConfig = (stylePreprocessors, postcss) => postcss === undefined ? stylePreprocessors : { ...stylePreprocessors ?? {}, postcss }, withAdditionalData = (contents, additionalData) => additionalData ? `${additionalData}
+${contents}` : contents, normalizePostcssModule = (mod) => {
+  if (mod && typeof mod === "object" && "default" in mod) {
+    return mod.default ?? mod;
+  }
+  return mod;
+}, loadPostcssConfigFile = async (configPath) => {
+  const resolved = resolve4(process.cwd(), configPath);
+  const loaded = resolved.endsWith(".cjs") || resolved.endsWith(".cts") ? requireOptionalPeerSync(resolved) : await importOptionalPeer(`${new URL(`file://${resolved}`).href}?t=${Date.now()}`);
+  const config = normalizePostcssModule(loaded);
+  const value = typeof config === "function" ? await config({
+    cwd: process.cwd(),
+    env: "development"
+  }) : config;
+  return normalizePostcssModule(value) ?? {};
+}, normalizePostcssPlugins = (plugins) => {
+  if (!plugins)
+    return [];
+  if (Array.isArray(plugins))
+    return plugins.filter(Boolean);
+  const resolved = [];
+  for (const [specifier, options] of Object.entries(plugins)) {
+    if (options === false)
+      continue;
+    const mod = normalizePostcssModule(requireOptionalPeerSync(specifier));
+    const plugin = typeof mod === "function" ? mod(options === true ? undefined : options) : mod;
+    if (plugin)
+      resolved.push(plugin);
+  }
+  return resolved;
+}, resolvePostcssConfig = async (config) => {
+  const inlineConfig = config?.postcss;
+  if (!inlineConfig)
+    return null;
+  const fileConfig = inlineConfig.config ? await loadPostcssConfigFile(inlineConfig.config) : {};
+  const plugins = [
+    ...normalizePostcssPlugins(fileConfig.plugins),
+    ...normalizePostcssPlugins(inlineConfig.plugins)
+  ];
+  if (plugins.length === 0)
+    return null;
+  return {
+    options: {
+      ...fileConfig.options ?? {},
+      ...inlineConfig.options ?? {}
+    },
+    plugins
+  };
+}, runPostcss = async (css, filePath, config) => {
+  const postcssConfig = await resolvePostcssConfig(config);
+  if (!postcssConfig)
+    return css;
+  let postcssModule;
+  try {
+    postcssModule = await importOptionalPeer("postcss");
+  } catch {
+    throw missingDependencyError("postcss", filePath);
+  }
+  const postcss = postcssModule.default ?? postcssModule;
+  const result = await postcss(postcssConfig.plugins).process(css, {
+    from: filePath,
+    map: false,
+    ...postcssConfig.options
+  });
+  return result.css;
+}, 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);
@@ -1082,7 +1167,7 @@ ${contents}` : contents, createSassImporter = (entryFile, loadPaths, language, c
       syntax: language === "sass" ? "indented" : "scss",
       url: new URL(`file://${filePath}`)
     });
-    return result.css;
+    return runPostcss(result.css, filePath, config);
   }
   if (language === "less") {
     const options = getLessOptions(config);
@@ -1107,15 +1192,15 @@ ${contents}` : contents, createSassImporter = (entryFile, loadPaths, language, c
         createLessFileManager(filePath, loadPaths, config)
       ]
     });
-    return result.css;
+    return runPostcss(result.css, filePath, config);
   }
   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 runPostcss(await renderStylus(contents, filePath, loadPaths, options), filePath, config);
   }
-  return rawContents;
+  return runPostcss(rawContents, filePath, config);
 }, createStylePreprocessorPlugin = (config) => ({
   name: "absolute-style-preprocessor",
   setup(build) {
@@ -1151,6 +1236,10 @@ ${contents}` : contents, createSassImporter = (entryFile, loadPaths, language, c
         loader: "css"
       };
     });
+    build.onLoad({ filter: CSS_EXTENSION_PATTERN }, async ({ path }) => ({
+      contents: await compileStyleSource(path, undefined, undefined, config),
+      loader: "css"
+    }));
   }
 }), stylePreprocessorPlugin, createSvelteStylePreprocessor = (config) => ({
   style: async ({
@@ -1168,11 +1257,46 @@ ${contents}` : contents, createSassImporter = (entryFile, loadPaths, language, c
   }
 }), compileStyleFileIfNeeded = async (filePath, config) => {
   if (!isPreprocessableStylePath(filePath)) {
-    return readFile(filePath, "utf-8");
+    return runPostcss(await readFile(filePath, "utf-8"), filePath, config);
   }
   return compileStyleSource(filePath, undefined, undefined, config);
-};
+}, compileStyleFileIfNeededSync = (filePath, config) => {
+  const rawContents = readFileSync3(filePath, "utf-8");
+  const language = getStyleLanguage(filePath);
+  if (config?.postcss) {
+    throw new Error(`Unable to compile ${filePath}: PostCSS preprocessing is async-only.`);
+  }
+  if (language === "scss" || language === "sass") {
+    const options = getSassOptions(config, language);
+    const packageName = options.implementation ?? "sass";
+    let sass;
+    try {
+      sass = requireOptionalPeerSync(packageName);
+    } catch {
+      throw missingDependencyError(packageName, filePath);
+    }
+    const contents = withAdditionalData(rawContents, options.additionalData);
+    const loadPaths = normalizeLoadPaths(filePath, options.loadPaths);
+    return sass.compileString(contents, {
+      importers: [
+        createSassImporter(filePath, loadPaths, language, config)
+      ],
+      loadPaths,
+      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.`);
+  }
+  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;
+}, getCssOutputExtension = (filePath) => isPreprocessableStylePath(filePath) ? ".css" : extname(filePath);
 var init_stylePreprocessor = __esm(() => {
+  CSS_EXTENSION_PATTERN = /\.css$/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;
@@ -1625,5 +1749,5 @@ export {
   createIslandStore
 };
 
-//# debugId=DD3DA624C348BAAD64756E2164756E21
+//# debugId=26E37550F14CC1A964756E2164756E21
 //# sourceMappingURL=index.js.map