@absolutejs/absolute 0.19.0-beta.686 → 0.19.0-beta.688

package/dist/react/index.js

@@ -2501,11 +2501,120 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
   AWAIT_BLOCK_RE = /\{#await\s+([^}]+)\}([\s\S]*?)\{:then(?:\s+([A-Za-z_$][\w$]*))?\}([\s\S]*?)(?:\{:catch(?:\s+([A-Za-z_$][\w$]*))?\}([\s\S]*?))?\{\/await\}/g;
 });
 
+// src/build/stylePreprocessor.ts
+import { readFile } from "fs/promises";
+import { dirname as dirname2, extname } from "path";
+var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATTERN, importOptionalPeer, 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) => {
+  const normalized = filePathOrLanguage.toLowerCase();
+  if (normalized === "scss" || normalized.endsWith(".scss"))
+    return "scss";
+  if (normalized === "sass" || normalized.endsWith(".sass"))
+    return "sass";
+  if (normalized === "less" || normalized.endsWith(".less"))
+    return "less";
+  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) => {
+  const language = getStyleLanguage(languageHint ?? filePath);
+  const contents = source ?? await readFile(filePath, "utf-8");
+  if (language === "scss" || language === "sass") {
+    let sass;
+    try {
+      sass = await importOptionalPeer("sass");
+    } catch {
+      throw missingDependencyError("sass", filePath);
+    }
+    const result = sass.compileString(contents, {
+      loadPaths: [dirname2(filePath), process.cwd()],
+      style: "expanded",
+      syntax: language === "sass" ? "indented" : "scss",
+      url: new URL(`file://${filePath}`)
+    });
+    return result.css;
+  }
+  if (language === "less") {
+    let lessModule;
+    try {
+      lessModule = await importOptionalPeer("less");
+    } catch {
+      throw missingDependencyError("less", filePath);
+    }
+    const less = lessModule.render ? lessModule : lessModule.default;
+    const render = less?.render;
+    if (!render)
+      throw missingDependencyError("less", filePath);
+    const result = await render(contents, {
+      filename: filePath,
+      paths: [dirname2(filePath), process.cwd()]
+    });
+    return result.css;
+  }
+  return contents;
+}, stylePreprocessorPlugin, createSvelteStylePreprocessor = () => ({
+  style: async ({
+    attributes,
+    content,
+    filename
+  }) => {
+    const language = typeof attributes.lang === "string" ? attributes.lang : typeof attributes.type === "string" ? attributes.type.replace(/^text\//, "") : null;
+    if (!language || !STYLE_LANGUAGE_PATTERN.test(language))
+      return;
+    const path = filename ?? `style.${language}`;
+    return {
+      code: await compileStyleSource(path, content, language)
+    };
+  }
+}), compileStyleFileIfNeeded = async (filePath) => {
+  if (!isPreprocessableStylePath(filePath)) {
+    return readFile(filePath, "utf-8");
+  }
+  return compileStyleSource(filePath);
+};
+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;
+  importOptionalPeer = new Function("specifier", "return import(specifier)");
+  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"
+        };
+      });
+    }
+  };
+});
+
 // src/core/svelteServerModule.ts
 import { mkdir, readdir } from "fs/promises";
-import { basename as basename2, dirname as dirname2, extname, join as join3, relative, resolve as resolve4 } from "path";
+import { basename as basename2, dirname as dirname3, extname as extname2, join as join3, relative, resolve as resolve4 } from "path";
 var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, ensureRelativeImportPath = (from, target) => {
-  const importPath = relative(dirname2(from), target).replace(/\\/g, "/");
+  const importPath = relative(dirname3(from), target).replace(/\\/g, "/");
   return importPath.startsWith(".") ? importPath : `./${importPath}`;
 }, processDirectoryEntries = (entries, dir, targetFileName, stack) => {
   for (const entry of entries) {
@@ -2551,7 +2660,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const basePath = resolve4(dirname2(from), spec);
+  const basePath = resolve4(dirname3(from), spec);
   const candidates = [
     basePath,
     `${basePath}.ts`,
@@ -2583,8 +2692,8 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const explicitPath = resolve4(dirname2(from), spec);
-  if (extname(explicitPath) === ".svelte") {
+  const explicitPath = resolve4(dirname3(from), spec);
+  if (extname2(explicitPath) === ".svelte") {
     return explicitPath;
   }
   const candidate = `${explicitPath}.svelte`;
@@ -2612,7 +2721,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   const { compile, preprocess } = await import("svelte/compiler");
   const loweredAwaitSource = lowerSvelteAwaitSlotSyntax(source);
   const loweredSource = lowerSvelteIslandSyntax(loweredAwaitSource.code, "server");
-  const preprocessed = await preprocess(loweredSource.code, {});
+  const preprocessed = await preprocess(loweredSource.code, createSvelteStylePreprocessor());
   let transpiled = sourcePath.endsWith(".ts") || sourcePath.endsWith(".svelte.ts") ? transpiler.transformSync(preprocessed.code) : preprocessed.code;
   const childImportSpecs = Array.from(transpiled.matchAll(/from\s+['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((value) => value !== undefined);
   const resolvedChildModules = await Promise.all(childImportSpecs.map((spec) => resolveSvelteImport(spec, resolutionSourcePath)));
@@ -2662,7 +2771,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
     compiledCode = compiledCode.replaceAll(spec, resolvedModuleImport);
   }
   const compiledModulePath = getCachedModulePath(sourcePath);
-  await mkdir(dirname2(compiledModulePath), { recursive: true });
+  await mkdir(dirname3(compiledModulePath), { recursive: true });
   await writeIfChanged(compiledModulePath, compiledCode);
   compiledModuleCache.set(sourcePath, compiledModulePath);
   return compiledModulePath;
@@ -2671,6 +2780,7 @@ var init_svelteServerModule = __esm(() => {
   init_resolvePackageImport();
   init_lowerIslandSyntax();
   init_lowerAwaitSlotSyntax();
+  init_stylePreprocessor();
   serverCacheRoot = join3(process.cwd(), ".absolutejs", "islands", "svelte");
   compiledModuleCache = new Map;
   originalSourcePathCache = new Map;
@@ -2975,5 +3085,5 @@ export {
   Island
 };
 
-//# debugId=C805D3719B3596C964756E2164756E21
+//# debugId=1229492736870B8F64756E2164756E21
 //# sourceMappingURL=index.js.map