@absolutejs/absolute 0.19.0-beta.781 → 0.19.0-beta.783

package/dist/islands/index.js

@@ -1009,11 +1009,14 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 var exports_stylePreprocessor = {};
 __export(exports_stylePreprocessor, {
   stylePreprocessorPlugin: () => stylePreprocessorPlugin,
+  recordStyleOutput: () => recordStyleOutput,
   isStylePath: () => isStylePath,
   isStyleModulePath: () => isStyleModulePath,
   isPreprocessableStylePath: () => isPreprocessableStylePath,
   getStyleBaseName: () => getStyleBaseName,
   getCssOutputExtension: () => getCssOutputExtension,
+  forgetStyleEntry: () => forgetStyleEntry,
+  findStyleEntriesImporting: () => findStyleEntriesImporting,
   createSvelteStylePreprocessor: () => createSvelteStylePreprocessor,
   createStyleTransformConfig: () => createStyleTransformConfig,
   createStylePreprocessorPlugin: () => createStylePreprocessorPlugin,
@@ -1021,10 +1024,18 @@ __export(exports_stylePreprocessor, {
   compileStyleFileIfNeededSync: () => compileStyleFileIfNeededSync,
   compileStyleFileIfNeeded: () => compileStyleFileIfNeeded
 });
+import { createHash } from "crypto";
 import { existsSync as existsSync4, readFileSync as readFileSync4 } from "fs";
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
-import { dirname as dirname2, extname, isAbsolute, join as join4, relative, resolve as resolve3 } from "path";
+import {
+  dirname as dirname2,
+  extname,
+  isAbsolute,
+  join as join4,
+  relative,
+  resolve as resolve3
+} from "path";
 import { fileURLToPath } from "url";
 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();
@@ -1037,7 +1048,22 @@ var CSS_EXTENSION_PATTERN, STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTE
   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.`), requireOptionalPeerSync = (specifier) => {
+}, missingDependencyError = (name, filePath) => new Error(`Unable to compile ${filePath}: install optional dependency "${name}" to use this stylesheet preprocessor.`), throwPreprocessorError = (error, filePath, language) => {
+  if (!(error instanceof Error)) {
+    throw new Error(`${language} compile failed in ${filePath}: ${String(error)}`);
+  }
+  const detail = error;
+  const sassLine = detail.span?.start?.line;
+  const sassCol = detail.span?.start?.column;
+  const line = detail.line ?? sassLine;
+  const column = detail.column ?? sassCol;
+  const location = typeof line === "number" ? `:${line}${typeof column === "number" ? `:${column}` : ""}` : "";
+  const message = detail.formatted ?? detail.message;
+  const wrapped = new Error(`${language} compile failed in ${filePath}${location}
+${message}`);
+  wrapped.cause = error;
+  throw wrapped;
+}, requireOptionalPeerSync = (specifier) => {
   try {
     return requireFromCwd(specifier);
   } catch {
@@ -1076,7 +1102,10 @@ var CSS_EXTENSION_PATTERN, STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTE
 }, getAliasEntries = (config) => {
   const tsconfig = readTsconfigAliases();
   return {
-    aliases: [...normalizeAliasEntries(config?.aliases), ...tsconfig.aliases],
+    aliases: [
+      ...normalizeAliasEntries(config?.aliases),
+      ...tsconfig.aliases
+    ],
     baseUrl: tsconfig.baseUrl
   };
 }, aliasPatternToRegExp = (pattern) => new RegExp(`^${pattern.split("*").map((part) => part.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("(.+)")}$`), resolveAliasTargets = (specifier, config) => {
@@ -1237,7 +1266,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     ...postcssConfig.options
   });
   return result.css;
-}, createSassImporter = (entryFile, loadPaths, language, config) => ({
+}, createSassImporter = (entryFile, loadPaths, language, config, deps) => ({
   canonicalize(specifier, options) {
     const fromDirectory = options.containingUrl ? dirname2(fileURLToPath(options.containingUrl)) : dirname2(entryFile);
     const resolved = resolveImportPath(specifier, fromDirectory, loadPaths, language, config);
@@ -1245,6 +1274,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
   },
   load(canonicalUrl) {
     const filePath = fileURLToPath(canonicalUrl);
+    deps?.add(filePath);
     const fileLanguage = getStyleLanguage(filePath);
     if (fileLanguage !== "scss" && fileLanguage !== "sass" && fileLanguage !== null)
       return null;
@@ -1253,7 +1283,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
       syntax: filePath.endsWith(".sass") ? "indented" : "scss"
     };
   }
-}), createLessFileManager = (entryFile, loadPaths, config) => ({
+}), createLessFileManager = (entryFile, loadPaths, config, deps) => ({
   install(less, pluginManager) {
     const baseManager = new less.FileManager;
     const manager = Object.create(baseManager);
@@ -1263,6 +1293,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
       if (!resolved) {
         throw new Error(`Unable to resolve Less import "${filename}"`);
       }
+      deps?.add(resolved);
       return {
         contents: preprocessLoadedStyle(await readFile(resolved, "utf-8"), resolved, entryFile, loadPaths, "less", config),
         filename: resolved
@@ -1270,7 +1301,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     };
     pluginManager.addFileManager(manager);
   }
-}), renderStylus = async (contents, filePath, loadPaths, options) => {
+}), renderStylus = async (contents, filePath, loadPaths, options, deps) => {
   let stylus;
   try {
     const stylusModule = await importOptionalPeer("stylus");
@@ -1287,15 +1318,51 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     for (const path of loadPaths)
       renderer.include(path);
     renderer.render((error, css) => {
-      if (error)
+      if (error) {
         reject(error);
-      else
-        resolveCss(css ?? "");
+        return;
+      }
+      if (deps) {
+        const stylusDeps = renderer.deps?.();
+        if (Array.isArray(stylusDeps)) {
+          for (const dep of stylusDeps)
+            deps.add(resolve3(dep));
+        }
+      }
+      resolveCss(css ?? "");
     });
   });
+}, styleDependencyGraph, styleOutputHashes, recordStyleDeps = (entry, deps) => {
+  const key = resolve3(entry);
+  const stripped = new Set;
+  for (const dep of deps) {
+    const resolved = resolve3(dep);
+    if (resolved !== key)
+      stripped.add(resolved);
+  }
+  styleDependencyGraph.set(key, stripped);
+}, findStyleEntriesImporting = (changedPath) => {
+  const target = resolve3(changedPath);
+  const importers = [];
+  for (const [entry, deps] of styleDependencyGraph) {
+    if (deps.has(target))
+      importers.push(entry);
+  }
+  return importers;
+}, recordStyleOutput = (entry, css) => {
+  const key = resolve3(entry);
+  const hash = createHash("sha1").update(css).digest("hex");
+  const previous = styleOutputHashes.get(key);
+  styleOutputHashes.set(key, hash);
+  return previous !== hash;
+}, forgetStyleEntry = (entry) => {
+  const key = resolve3(entry);
+  styleDependencyGraph.delete(key);
+  styleOutputHashes.delete(key);
 }, compileStyleSource = async (filePath, source, languageHint, config) => {
   const language = getStyleLanguage(languageHint ?? filePath);
   const rawContents = source ?? await readFile(filePath, "utf-8");
+  const deps = new Set;
   if (language === "scss" || language === "sass") {
     const options = getSassOptions(config, language);
     const packageName = options.implementation ?? "sass";
@@ -1307,16 +1374,22 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     }
     const contents = withAdditionalData(rawContents, options.additionalData);
     const loadPaths = normalizeLoadPaths(filePath, options.loadPaths);
-    const result = sass.compileString(contents, {
-      importers: [
-        createSassImporter(filePath, loadPaths, language, config)
-      ],
-      loadPaths,
-      style: "expanded",
-      syntax: language === "sass" ? "indented" : "scss",
-      url: new URL(`file://${filePath}`)
-    });
-    return runPostcss(result.css, filePath, config);
+    try {
+      const result = sass.compileString(contents, {
+        importers: [
+          createSassImporter(filePath, loadPaths, language, config, deps)
+        ],
+        loadPaths,
+        style: "expanded",
+        syntax: language === "sass" ? "indented" : "scss",
+        url: new URL(`file://${filePath}`)
+      });
+      const css = await runPostcss(result.css, filePath, config);
+      recordStyleDeps(filePath, deps);
+      return css;
+    } catch (error) {
+      throwPreprocessorError(error, filePath, language);
+    }
   }
   if (language === "less") {
     const options = getLessOptions(config);
@@ -1332,22 +1405,34 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
       throw missingDependencyError("less", filePath);
     const contents = withAdditionalData(rawContents, options.additionalData);
     const loadPaths = normalizeLoadPaths(filePath, options.paths);
-    const result = await render(contents, {
-      ...options.options ?? {},
-      filename: filePath,
-      paths: loadPaths,
-      plugins: [
-        ...options.options?.plugins ?? [],
-        createLessFileManager(filePath, loadPaths, config)
-      ]
-    });
-    return runPostcss(result.css, filePath, config);
+    try {
+      const result = await render(contents, {
+        ...options.options ?? {},
+        filename: filePath,
+        paths: loadPaths,
+        plugins: [
+          ...options.options?.plugins ?? [],
+          createLessFileManager(filePath, loadPaths, config, deps)
+        ]
+      });
+      const css = await runPostcss(result.css, filePath, config);
+      recordStyleDeps(filePath, deps);
+      return css;
+    } catch (error) {
+      throwPreprocessorError(error, filePath, "less");
+    }
   }
   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 runPostcss(await renderStylus(contents, filePath, loadPaths, options), filePath, config);
+    try {
+      const css = await runPostcss(await renderStylus(contents, filePath, loadPaths, options, deps), filePath, config);
+      recordStyleDeps(filePath, deps);
+      return css;
+    } catch (error) {
+      throwPreprocessorError(error, filePath, "stylus");
+    }
   }
   return runPostcss(rawContents, filePath, config);
 }, createStylePreprocessorPlugin = (config) => ({
@@ -1452,6 +1537,8 @@ var init_stylePreprocessor = __esm(() => {
   importOptionalPeer = new Function("specifier", "return import(specifier)");
   requireOptionalPeer = new Function("specifier", "return require(specifier)");
   requireFromCwd = createRequire(join4(process.cwd(), "package.json"));
+  styleDependencyGraph = new Map;
+  styleOutputHashes = new Map;
   stylePreprocessorPlugin = createStylePreprocessorPlugin();
 });
 
@@ -1904,5 +1991,5 @@ export {
   createIslandStore
 };
 
-//# debugId=9B407368C3733D6664756E2164756E21
+//# debugId=9DD653AD3479FFA464756E2164756E21
 //# sourceMappingURL=index.js.map