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

package/dist/build.js

@@ -2448,12 +2448,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 existsSync5, readFileSync as readFileSync3 } from "fs";
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
 import { dirname as dirname3, extname as extname3, isAbsolute, join as join5, relative as relative3, resolve as resolve6 } 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";
@@ -2464,7 +2479,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 = []) => [
   dirname3(filePath),
   process.cwd(),
   ...paths.map((path) => resolve6(process.cwd(), path))
@@ -2593,8 +2614,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 = resolve6(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 ? dirname3(fileURLToPath(options.containingUrl)) : dirname3(entryFile);
     const resolved = resolveImportPath(specifier, fromDirectory, loadPaths, language, config);
@@ -2673,7 +2758,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);
@@ -2698,15 +2783,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) {
@@ -2742,6 +2827,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 ({
@@ -2759,11 +2848,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" : extname3(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;
@@ -6995,6 +7119,7 @@ ${content.slice(firstUseIdx)}`;
   vueDirectory,
   stylesConfig,
   stylePreprocessors,
+  postcss,
   tailwind,
   options,
   incrementalFiles,
@@ -7004,7 +7129,8 @@ ${content.slice(firstUseIdx)}`;
   const projectRoot = cwd();
   await resolveAbsoluteVersion();
   const isIncremental = incrementalFiles && incrementalFiles.length > 0;
-  const stylePreprocessorPlugin2 = createStylePreprocessorPlugin(stylePreprocessors);
+  const styleTransformConfig = createStyleTransformConfig(stylePreprocessors, postcss);
+  const stylePreprocessorPlugin2 = createStylePreprocessorPlugin(styleTransformConfig);
   const normalizedIncrementalFiles = incrementalFiles?.map(normalizePath);
   const throwOnError = options?.throwOnError === true;
   const hmr = options?.injectHMR === true;
@@ -7200,28 +7326,28 @@ ${content.slice(firstUseIdx)}`;
     { vueClientPaths: islandVueClientPaths },
     { clientPaths: islandAngularClientPaths }
   ] = await Promise.all([
-    shouldCompileSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteEntries, svelteDir, new Map, hmr, stylePreprocessors)) : {
+    shouldCompileSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteEntries, svelteDir, new Map, hmr, styleTransformConfig)) : {
       svelteClientPaths: [...emptyStringArray],
       svelteIndexPaths: [...emptyStringArray],
       svelteServerPaths: [...emptyStringArray]
     },
-    shouldCompileVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueEntries, vueDir, hmr, stylePreprocessors)) : {
+    shouldCompileVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueEntries, vueDir, hmr, styleTransformConfig)) : {
       vueClientPaths: [...emptyStringArray],
       vueCssPaths: [...emptyStringArray],
       vueIndexPaths: [...emptyStringArray],
       vueServerPaths: [...emptyStringArray]
     },
-    shouldCompileAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(angularEntries, angularDir, hmr, stylePreprocessors)) : {
+    shouldCompileAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(angularEntries, angularDir, hmr, styleTransformConfig)) : {
       clientPaths: [...emptyStringArray],
       serverPaths: [...emptyStringArray]
     },
-    shouldCompileIslandSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(islandSvelteSources, svelteDir, new Map, hmr, stylePreprocessors)) : {
+    shouldCompileIslandSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(islandSvelteSources, svelteDir, new Map, hmr, styleTransformConfig)) : {
       svelteClientPaths: [...emptyStringArray]
     },
-    shouldCompileIslandVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(islandVueSources, vueDir, hmr, stylePreprocessors)) : {
+    shouldCompileIslandVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(islandVueSources, vueDir, hmr, styleTransformConfig)) : {
       vueClientPaths: [...emptyStringArray]
     },
-    shouldCompileIslandAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(islandAngularSources, angularDir, hmr, stylePreprocessors)) : {
+    shouldCompileIslandAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(islandAngularSources, angularDir, hmr, styleTransformConfig)) : {
       clientPaths: [...emptyStringArray]
     }
   ]);
@@ -7253,8 +7379,8 @@ ${content.slice(firstUseIdx)}`;
   const vueConventionSources = collectConventionSourceFiles(conventionsMap.vue);
   if (svelteConventionSources.length > 0 || vueConventionSources.length > 0) {
     const [svelteConvResult, vueConvResult] = await Promise.all([
-      svelteConventionSources.length > 0 && svelteDir ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteConventionSources, svelteDir, new Map, false, stylePreprocessors)) : { svelteServerPaths: emptyStringArray },
-      vueConventionSources.length > 0 && vueDir ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueConventionSources, vueDir, false, stylePreprocessors)) : { vueServerPaths: emptyStringArray }
+      svelteConventionSources.length > 0 && svelteDir ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteConventionSources, svelteDir, new Map, false, styleTransformConfig)) : { svelteServerPaths: emptyStringArray },
+      vueConventionSources.length > 0 && vueDir ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueConventionSources, vueDir, false, styleTransformConfig)) : { vueServerPaths: emptyStringArray }
     ]);
     const copyConventionFiles = (framework, sources, compiledPaths) => {
       const destDir = join19(buildPath, "conventions", framework);
@@ -9652,6 +9778,11 @@ var init_pageHandler = __esm(() => {
 });
 
 // src/react/pageHandler.ts
+var exports_pageHandler = {};
+__export(exports_pageHandler, {
+  invalidateReactSsrCache: () => invalidateReactSsrCache,
+  handleReactPageRequest: () => handleReactPageRequest
+});
 var ssrDirty2 = false, buildRefreshSetup = () => {
   if (false) {}
   return "window.__REFRESH_BUFFER__=[];" + "window.$RefreshReg$=function(t,i){window.__REFRESH_BUFFER__.push([t,i])};" + "window.$RefreshSig$=function(){return function(t){return t}};";
@@ -10807,7 +10938,7 @@ var init_simpleHTMXHMR = () => {};
 // src/dev/rebuildTrigger.ts
 import { existsSync as existsSync22 } from "fs";
 import { basename as basename13, dirname as dirname15, relative as relative12, resolve as resolve30 } from "path";
-var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseErrorLocationFromMessage = (msg) => {
+var moduleServerPromise, getModuleServer = () => moduleServerPromise, getStyleTransformConfig = (config) => createStyleTransformConfig(config.stylePreprocessors, config.postcss), parseErrorLocationFromMessage = (msg) => {
   const pathLineCol = msg.match(/^([^\s:]+):(\d+)(?::(\d+))?/);
   if (pathLineCol) {
     const [, file3, lineStr, colStr] = pathLineCol;
@@ -11115,7 +11246,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     naming: "[dir]/[name].[hash].[ext]",
     outdir: buildDir,
     plugins: [
-      createStylePreprocessorPlugin(state.config.stylePreprocessors)
+      createStylePreprocessorPlugin(getStyleTransformConfig(state.config))
     ],
     root: clientRoot,
     target: "browser",
@@ -11157,7 +11288,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   });
 }, compileAndBundleAngular = async (state, pageEntries, angularDir) => {
   const { compileAngular: compileAngular2 } = await Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular));
-  const { clientPaths, serverPaths } = await compileAngular2(pageEntries, angularDir, true, state.config.stylePreprocessors);
+  const { clientPaths, serverPaths } = await compileAngular2(pageEntries, angularDir, true, getStyleTransformConfig(state.config));
   serverPaths.forEach((serverPath) => {
     const fileBase = basename13(serverPath, ".js");
     state.manifest[toPascal(fileBase)] = resolve30(serverPath);
@@ -11250,7 +11381,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     naming: "[dir]/[name].[hash].[ext]",
     outdir: buildDir,
     plugins: [
-      createStylePreprocessorPlugin(state.config.stylePreprocessors)
+      createStylePreprocessorPlugin(getStyleTransformConfig(state.config))
     ],
     reactFastRefresh: true,
     root: clientRoot,
@@ -11424,7 +11555,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     const { compileSvelte: compileSvelte2 } = await Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte));
     const { build: bunBuild7 } = await Promise.resolve(globalThis.Bun);
     const clientRoot = await computeClientRoot(state.resolvedPaths);
-    const { svelteServerPaths, svelteIndexPaths, svelteClientPaths } = await compileSvelte2(svelteFiles, svelteDir, new Map, true, state.config.stylePreprocessors);
+    const { svelteServerPaths, svelteIndexPaths, svelteClientPaths } = await compileSvelte2(svelteFiles, svelteDir, new Map, true, getStyleTransformConfig(state.config));
     const serverEntries = [...svelteServerPaths];
     const clientEntries = [...svelteIndexPaths, ...svelteClientPaths];
     const serverRoot = resolve30(svelteDir, "generated", "server");
@@ -11444,7 +11575,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
         naming: "[dir]/[name].[hash].[ext]",
         outdir: serverOutDir,
         plugins: [
-          createStylePreprocessorPlugin(state.config.stylePreprocessors)
+          createStylePreprocessorPlugin(getStyleTransformConfig(state.config))
         ],
         root: serverRoot,
         target: "bun",
@@ -11456,7 +11587,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
         naming: "[dir]/[name].[hash].[ext]",
         outdir: buildDir,
         plugins: [
-          createStylePreprocessorPlugin(state.config.stylePreprocessors)
+          createStylePreprocessorPlugin(getStyleTransformConfig(state.config))
         ],
         root: clientRoot,
         target: "browser",
@@ -12836,5 +12967,5 @@ export {
   build
 };
 
-//# debugId=E51CE14B6945493364756E2164756E21
+//# debugId=FC044B4AB3E004F164756E2164756E21
 //# sourceMappingURL=build.js.map