@absolutejs/absolute 0.19.0-beta.691 → 0.19.0-beta.693

package/dist/src/build/stylePreprocessor.d.ts

@@ -1,11 +1,13 @@
 import type { BunPlugin } from 'bun';
+import type { StylePreprocessorConfig } from '../../types/build';
 export declare const isPreprocessableStylePath: (filePath: string) => boolean;
 export declare const isStyleModulePath: (filePath: string) => boolean;
 export declare const isStylePath: (filePath: string) => boolean;
 export declare const getStyleBaseName: (filePath: string) => string;
-export declare const compileStyleSource: (filePath: string, source?: string, languageHint?: string) => Promise<string>;
+export declare const compileStyleSource: (filePath: string, source?: string, languageHint?: string, config?: StylePreprocessorConfig) => Promise<string>;
+export declare const createStylePreprocessorPlugin: (config?: StylePreprocessorConfig) => BunPlugin;
 export declare const stylePreprocessorPlugin: BunPlugin;
-export declare const createSvelteStylePreprocessor: () => {
+export declare const createSvelteStylePreprocessor: (config?: StylePreprocessorConfig) => {
     style: ({ attributes, content, filename }: {
         attributes: Record<string, string | boolean>;
         content: string;
@@ -14,6 +16,6 @@ export declare const createSvelteStylePreprocessor: () => {
         code: string;
     } | undefined>;
 };
-export declare const compileStyleFileIfNeeded: (filePath: string) => Promise<string>;
-export declare const compileStyleFileIfNeededSync: (filePath: string) => string;
+export declare const compileStyleFileIfNeeded: (filePath: string, config?: StylePreprocessorConfig) => Promise<string>;
+export declare const compileStyleFileIfNeededSync: (filePath: string, config?: StylePreprocessorConfig) => string;
 export declare const getCssOutputExtension: (filePath: string) => string;

package/dist/src/core/build.d.ts

@@ -1,6 +1,6 @@
 import type { ConventionsMap } from '../../types/conventions';
 import type { BuildConfig } from '../../types/build';
-export declare const build: ({ buildDirectory, assetsDirectory, publicDirectory, islands, reactDirectory, htmlDirectory, htmxDirectory, angularDirectory, svelteDirectory, vueDirectory, stylesConfig, tailwind, options, incrementalFiles, mode }: BuildConfig) => Promise<{
+export declare const build: ({ buildDirectory, assetsDirectory, publicDirectory, islands, reactDirectory, htmlDirectory, htmxDirectory, angularDirectory, svelteDirectory, vueDirectory, stylesConfig, stylePreprocessors, tailwind, options, incrementalFiles, mode }: BuildConfig) => Promise<{
     conventions?: undefined;
     manifest?: undefined;
 } | {

package/dist/src/dev/moduleServer.d.ts

@@ -1,3 +1,4 @@
+import type { StylePreprocessorConfig } from '../../types/build';
 type ModuleServerConfig = {
     projectRoot: string;
     vendorPaths: Record<string, string>;
@@ -7,6 +8,7 @@ type ModuleServerConfig = {
         svelte?: string;
         vue?: string;
     };
+    stylePreprocessors?: StylePreprocessorConfig;
 };
 export declare const warmCompilers: (frameworks: {
     svelte?: boolean;

package/dist/svelte/index.js

@@ -359,10 +359,9 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 });
 
 // src/build/stylePreprocessor.ts
-import { readFileSync as readFileSync2 } from "fs";
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
-import { dirname, extname, join as join2 } from "path";
+import { dirname, extname, join as join2, resolve as resolve2 } from "path";
 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)$/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"))
@@ -372,24 +371,29 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
   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.`), requireOptionalPeerSync = (specifier) => {
-  try {
-    return requireFromCwd(specifier);
-  } catch {
-    return requireOptionalPeer(specifier);
-  }
-}, compileStyleSource = async (filePath, source, languageHint) => {
+}, missingDependencyError = (name, filePath) => new Error(`Unable to compile ${filePath}: install optional dependency "${name}" to use this stylesheet preprocessor.`), normalizeLoadPaths = (filePath, paths = []) => [
+  dirname(filePath),
+  process.cwd(),
+  ...paths.map((path) => resolve2(process.cwd(), path))
+], getSassOptions = (config, language) => ({
+  ...config?.sass ?? {},
+  ...language === "scss" ? config?.scss ?? {} : {}
+}), getLessOptions = (config) => config?.less ?? {}, withAdditionalData = (contents, additionalData) => additionalData ? `${additionalData}
+${contents}` : contents, compileStyleSource = async (filePath, source, languageHint, config) => {
   const language = getStyleLanguage(languageHint ?? filePath);
-  const contents = source ?? await readFile(filePath, "utf-8");
+  const rawContents = source ?? await readFile(filePath, "utf-8");
   if (language === "scss" || language === "sass") {
+    const options = getSassOptions(config, language);
+    const packageName = options.implementation ?? "sass";
     let sass;
     try {
-      sass = await importOptionalPeer("sass");
+      sass = await importOptionalPeer(packageName);
     } catch {
-      throw missingDependencyError("sass", filePath);
+      throw missingDependencyError(packageName, filePath);
     }
+    const contents = withAdditionalData(rawContents, options.additionalData);
     const result = sass.compileString(contents, {
-      loadPaths: [dirname(filePath), process.cwd()],
+      loadPaths: normalizeLoadPaths(filePath, options.loadPaths),
       style: "expanded",
       syntax: language === "sass" ? "indented" : "scss",
       url: new URL(`file://${filePath}`)
@@ -397,6 +401,7 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
     return result.css;
   }
   if (language === "less") {
+    const options = getLessOptions(config);
     let lessModule;
     try {
       lessModule = await importOptionalPeer("less");
@@ -407,14 +412,49 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
     const render = less?.render;
     if (!render)
       throw missingDependencyError("less", filePath);
+    const contents = withAdditionalData(rawContents, options.additionalData);
     const result = await render(contents, {
+      ...options.options ?? {},
       filename: filePath,
-      paths: [dirname(filePath), process.cwd()]
+      paths: normalizeLoadPaths(filePath, options.paths)
     });
     return result.css;
   }
-  return contents;
-}, stylePreprocessorPlugin, createSvelteStylePreprocessor = () => ({
+  return rawContents;
+}, createStylePreprocessorPlugin = (config) => ({
+  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, undefined, undefined, config),
+        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, undefined, undefined, config),
+        loader: "css"
+      };
+    });
+  }
+}), stylePreprocessorPlugin, createSvelteStylePreprocessor = (config) => ({
   style: async ({
     attributes,
     content,
@@ -425,35 +465,14 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
       return;
     const path = filename ?? `style.${language}`;
     return {
-      code: await compileStyleSource(path, content, language)
+      code: await compileStyleSource(path, content, language, config)
     };
   }
-}), compileStyleFileIfNeeded = async (filePath) => {
+}), compileStyleFileIfNeeded = async (filePath, config) => {
   if (!isPreprocessableStylePath(filePath)) {
     return readFile(filePath, "utf-8");
   }
-  return compileStyleSource(filePath);
-}, compileStyleFileIfNeededSync = (filePath) => {
-  const contents = readFileSync2(filePath, "utf-8");
-  const language = getStyleLanguage(filePath);
-  if (language === "scss" || language === "sass") {
-    let sass;
-    try {
-      sass = requireOptionalPeerSync("sass");
-    } catch {
-      throw missingDependencyError("sass", filePath);
-    }
-    return sass.compileString(contents, {
-      loadPaths: [dirname(filePath), process.cwd()],
-      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.`);
-  }
-  return contents;
+  return compileStyleSource(filePath, undefined, undefined, config);
 };
 var init_stylePreprocessor = __esm(() => {
   STYLE_EXTENSION_PATTERN = /\.(s[ac]ss|less)$/i;
@@ -462,45 +481,12 @@ var init_stylePreprocessor = __esm(() => {
   importOptionalPeer = new Function("specifier", "return import(specifier)");
   requireOptionalPeer = new Function("specifier", "return require(specifier)");
   requireFromCwd = createRequire(join2(process.cwd(), "package.json"));
-  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"
-        };
-      });
-    }
-  };
+  stylePreprocessorPlugin = createStylePreprocessorPlugin();
 });
 
 // src/core/svelteServerModule.ts
 import { mkdir, readdir } from "fs/promises";
-import { basename, dirname as dirname2, extname as extname2, join as join3, relative, resolve as resolve2 } from "path";
+import { basename, dirname as dirname2, extname as extname2, join as join3, relative, resolve as resolve3 } from "path";
 var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, ensureRelativeImportPath = (from, target) => {
   const importPath = relative(dirname2(from), target).replace(/\\/g, "/");
   return importPath.startsWith(".") ? importPath : `./${importPath}`;
@@ -548,7 +534,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const basePath = resolve2(dirname2(from), spec);
+  const basePath = resolve3(dirname2(from), spec);
   const candidates = [
     basePath,
     `${basePath}.ts`,
@@ -580,7 +566,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const explicitPath = resolve2(dirname2(from), spec);
+  const explicitPath = resolve3(dirname2(from), spec);
   if (extname2(explicitPath) === ".svelte") {
     return explicitPath;
   }
@@ -2310,8 +2296,8 @@ var init_pageHandler = __esm(() => {
 });
 
 // src/angular/injectorPatch.ts
-import { existsSync as existsSync2, readFileSync as readFileSync3, writeFileSync } from "fs";
-import { dirname as dirname3, join as join4, resolve as resolve3 } from "path";
+import { existsSync as existsSync2, readFileSync as readFileSync2, writeFileSync } from "fs";
+import { dirname as dirname3, join as join4, resolve as resolve4 } from "path";
 var applyInjectorPatch = (chunkPath, content) => {
   if (content.includes('Symbol.for("angular.currentInjector")')) {
     return;
@@ -2347,7 +2333,7 @@ var applyInjectorPatch = (chunkPath, content) => {
   }
   writeFileSync(chunkPath, patched, "utf-8");
 }, resolveAngularCoreDir = () => {
-  const fromProject = resolve3(process.cwd(), "node_modules/@angular/core");
+  const fromProject = resolve4(process.cwd(), "node_modules/@angular/core");
   if (existsSync2(join4(fromProject, "package.json"))) {
     return fromProject;
   }
@@ -2356,7 +2342,7 @@ var applyInjectorPatch = (chunkPath, content) => {
   try {
     const coreDir = resolveAngularCoreDir();
     const chunkPath = join4(coreDir, "fesm2022", "_not_found-chunk.mjs");
-    const content = readFileSync3(chunkPath, "utf-8");
+    const content = readFileSync2(chunkPath, "utf-8");
     applyInjectorPatch(chunkPath, content);
   } catch {}
 };
@@ -2366,9 +2352,9 @@ var init_injectorPatch = __esm(() => {
 
 // src/angular/resolveAngularPackage.ts
 import { existsSync as existsSync3 } from "fs";
-import { resolve as resolve4 } from "path";
+import { resolve as resolve5 } from "path";
 var resolveAngularPackage = (specifier) => {
-  const fromProject = resolve4(process.cwd(), "node_modules", specifier);
+  const fromProject = resolve5(process.cwd(), "node_modules", specifier);
   if (existsSync3(fromProject)) {
     return fromProject;
   }
@@ -3188,5 +3174,5 @@ export {
   createTypedIsland
 };
 
-//# debugId=4EA8C6EB5ADD129764756E2164756E21
+//# debugId=D77E1858501D2AE764756E2164756E21
 //# sourceMappingURL=index.js.map