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

package/dist/build.js

@@ -704,7 +704,8 @@ var indexContentCache, resolveDevClientDir = () => {
   const pagesRelPath = relative2(resolve2(reactIndexesDirectory), resolve2(reactPagesDirectory)).split(sep).join("/");
   const promises = files.map(async (file) => {
     const fileName = basename(file);
-    const [componentName] = fileName.split(".");
+    const componentName = fileName.split(".")[0];
+    const pascalComponentName = toPascal(componentName);
     const hmrPreamble = isDev ? [
       `window.__HMR_FRAMEWORK__ = "react";`,
       `window.__REACT_COMPONENT_KEY__ = "${componentName}Index";`,
@@ -758,12 +759,25 @@ var indexContentCache, resolveDevClientDir = () => {
     const content = [
       ...hmrPreamble,
       ...reactImports,
-      `import { ${componentName} } from '${pagesRelPath}/${componentName}';
+      `import * as PageModule from '${pagesRelPath}/${componentName}';
 `,
       ...errorBoundaryDef,
       `// Hydration with error handling and fallback`,
       `const isDev = ${isDev};`,
       `const componentPath = '${pagesRelPath}/${componentName}';
+`,
+      `function resolvePageComponent(module, candidateNames) {`,
+      `	for (const name of candidateNames) {`,
+      `		const value = module[name];`,
+      `		if (typeof value === 'function' || (value && typeof value === 'object')) return value;`,
+      `	}`,
+      `	for (const [name, value] of Object.entries(module)) {`,
+      `		if (!/^[A-Z]/.test(name)) continue;`,
+      `		if (typeof value === 'function' || (value && typeof value === 'object')) return value;`,
+      `	}`,
+      `	throw new Error('React page module ' + componentPath + ' does not export a component. Expected default, ${pascalComponentName}, ${componentName}, or any PascalCase export.');`,
+      `}`,
+      `const PageComponent = resolvePageComponent(PageModule, ['default', '${pascalComponentName}', '${componentName}']);
 `,
       `function isHydrationError(error) {`,
       `	if (!error) return false;`,
@@ -835,7 +849,7 @@ var indexContentCache, resolveDevClientDir = () => {
 `,
       `		// Render into the same root container when falling back to client-only`,
       `		const root = createRoot(container);`,
-      `		root.render(${isDev ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`});`,
+      `		root.render(${isDev ? `createElement(ErrorBoundary, null, createElement(PageComponent, mergedProps))` : `createElement(PageComponent, mergedProps)`});`,
       `		window.__REACT_ROOT__ = root;`,
       `		window.__HMR_CLIENT_ONLY_MODE__ = true;`,
       `	} catch (fallbackError) {`,
@@ -880,14 +894,14 @@ var indexContentCache, resolveDevClientDir = () => {
       `	// After HMR, SSR is skipped to avoid stale content flash \u2014 render client-only`,
       `	if (window.__SSR_DIRTY__) {`,
       `		root = createRoot(container);`,
-      `		root.render(${isDev ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`});`,
+      `		root.render(${isDev ? `createElement(ErrorBoundary, null, createElement(PageComponent, mergedProps))` : `createElement(PageComponent, mergedProps)`});`,
       `		window.__REACT_ROOT__ = root;`,
       `	} else {`,
       `	try {`,
       `		// Use onRecoverableError to catch hydration errors (React 19)`,
       `		root = hydrateRoot(`,
       `			container,`,
-      `			${isDev ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`},`,
+      `			${isDev ? `createElement(ErrorBoundary, null, createElement(PageComponent, mergedProps))` : `createElement(PageComponent, mergedProps)`},`,
       `			{`,
       `				onRecoverableError: (error) => {`,
       `					// Check if this is a hydration error (isHydrationError filters out whitespace-only head mismatches)`,
@@ -2588,11 +2602,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,
@@ -2600,10 +2617,18 @@ __export(exports_stylePreprocessor, {
   compileStyleFileIfNeededSync: () => compileStyleFileIfNeededSync,
   compileStyleFileIfNeeded: () => compileStyleFileIfNeeded
 });
+import { createHash } from "crypto";
 import { existsSync as existsSync5, readFileSync as readFileSync4 } from "fs";
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
-import { dirname as dirname3, extname as extname3, isAbsolute, join as join6, relative as relative3, resolve as resolve5 } from "path";
+import {
+  dirname as dirname3,
+  extname as extname3,
+  isAbsolute,
+  join as join6,
+  relative as relative3,
+  resolve as resolve5
+} 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();
@@ -2616,7 +2641,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 {
@@ -2655,7 +2695,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) => {
@@ -2816,7 +2859,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 ? dirname3(fileURLToPath(options.containingUrl)) : dirname3(entryFile);
     const resolved = resolveImportPath(specifier, fromDirectory, loadPaths, language, config);
@@ -2824,6 +2867,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;
@@ -2832,7 +2876,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);
@@ -2842,6 +2886,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
@@ -2849,7 +2894,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");
@@ -2866,15 +2911,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(resolve5(dep));
+        }
+      }
+      resolveCss(css ?? "");
     });
   });
+}, styleDependencyGraph, styleOutputHashes, recordStyleDeps = (entry, deps) => {
+  const key = resolve5(entry);
+  const stripped = new Set;
+  for (const dep of deps) {
+    const resolved = resolve5(dep);
+    if (resolved !== key)
+      stripped.add(resolved);
+  }
+  styleDependencyGraph.set(key, stripped);
+}, findStyleEntriesImporting = (changedPath) => {
+  const target = resolve5(changedPath);
+  const importers = [];
+  for (const [entry, deps] of styleDependencyGraph) {
+    if (deps.has(target))
+      importers.push(entry);
+  }
+  return importers;
+}, recordStyleOutput = (entry, css) => {
+  const key = resolve5(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 = resolve5(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";
@@ -2886,16 +2967,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);
@@ -2911,22 +2998,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) => ({
@@ -3031,6 +3130,8 @@ var init_stylePreprocessor = __esm(() => {
   importOptionalPeer = new Function("specifier", "return import(specifier)");
   requireOptionalPeer = new Function("specifier", "return require(specifier)");
   requireFromCwd = createRequire(join6(process.cwd(), "package.json"));
+  styleDependencyGraph = new Map;
+  styleOutputHashes = new Map;
   stylePreprocessorPlugin = createStylePreprocessorPlugin();
 });
 
@@ -8582,7 +8683,7 @@ __export(exports_tailwindCompiler, {
   extractCandidates: () => extractCandidates,
   disposeTailwindCompiler: () => disposeTailwindCompiler
 });
-import { createHash } from "crypto";
+import { createHash as createHash2 } from "crypto";
 import { existsSync as existsSync9, readFileSync as readFileSync6 } from "fs";
 import { readFile as readFile2, stat } from "fs/promises";
 import { dirname as dirname5, isAbsolute as isAbsolute2, resolve as resolve7 } from "path";
@@ -8674,7 +8775,7 @@ var compilerCache, cachedTailwindCompile = null, loadTailwindCompile = async ()
     out.add(match[0]);
   }
   return out;
-}, hashCss = (css) => createHash("sha1").update(css).digest("hex"), fileMatchesSources = (file, sources) => {
+}, hashCss = (css) => createHash2("sha1").update(css).digest("hex"), fileMatchesSources = (file, sources) => {
   if (sources.length === 0)
     return true;
   const absFile = resolve7(file);
@@ -9390,7 +9491,7 @@ var devVendorPaths = null, getDevVendorPaths = () => devVendorPaths, setDevVendo
 // src/build/angularLinkerPlugin.ts
 import { existsSync as existsSync14, mkdirSync as mkdirSync5, readFileSync as readFileSync10, writeFileSync as writeFileSync6 } from "fs";
 import { dirname as dirname8, join as join12, relative as relative5, resolve as resolve11 } from "path";
-import { createHash as createHash2 } from "crypto";
+import { createHash as createHash3 } from "crypto";
 var CACHE_ROOT, createAngularLinkerPlugin = (linkerJitMode) => ({
   name: "angular-linker",
   setup(bld) {
@@ -9409,7 +9510,7 @@ var CACHE_ROOT, createAngularLinkerPlugin = (linkerJitMode) => ({
       if (!checkLink || !checkLink(args.path, source)) {
         return;
       }
-      const hash = createHash2("md5").update(source).digest("hex");
+      const hash = createHash3("md5").update(source).digest("hex");
       const cachePath = join12(cacheDir, `${hash}.js`);
       if (existsSync14(cachePath)) {
         return {
@@ -10095,13 +10196,17 @@ var resolveDevClientDir3 = () => {
     return "template-only";
   }
   return "full";
-}, generateVueHmrId = (sourceFilePath, vueRootDir) => relative8(vueRootDir, sourceFilePath).replace(/\\/g, "/").replace(/\.vue$/, ""), extractImports = (sourceCode) => Array.from(sourceCode.matchAll(/import\s+[\s\S]+?['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((importPath) => importPath !== undefined), toJs = (filePath) => {
+}, generateVueHmrId = (sourceFilePath, vueRootDir) => relative8(vueRootDir, sourceFilePath).replace(/\\/g, "/").replace(/\.vue$/, ""), extractImports = (sourceCode) => Array.from(sourceCode.matchAll(/import\s+[\s\S]+?['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((importPath) => importPath !== undefined), toJs = (filePath, sourceDir) => {
   if (filePath.endsWith(".vue"))
     return filePath.replace(/\.vue$/, ".js");
   if (filePath.endsWith(".ts"))
     return filePath.replace(/\.ts$/, ".js");
-  if (isStylePath(filePath))
+  if (isStylePath(filePath)) {
+    if (sourceDir && (filePath.startsWith("./") || filePath.startsWith("../"))) {
+      return resolve15(sourceDir, filePath);
+    }
     return filePath;
+  }
   return `${filePath}.js`;
 }, stripExports = (code) => code.replace(/export\s+default/, "const script =").replace(/^export\s+/gm, ""), mergeVueImports = (code) => {
   const lines = code.split(`
@@ -10167,7 +10272,8 @@ var resolveDevClientDir3 = () => {
     inlineTemplate: false
   }) : { bindings: {}, content: "export default {};" };
   const strippedScript = stripExports(compiledScript.content);
-  const transpiledScript = transpiler3.transformSync(strippedScript).replace(/(['"])(\.{1,2}\/[^'"]+)(['"])/g, (_2, quoteStart, relativeImport, quoteEnd) => `${quoteStart}${toJs(relativeImport)}${quoteEnd}`);
+  const sourceDir = dirname10(sourceFilePath);
+  const transpiledScript = transpiler3.transformSync(strippedScript).replace(/(['"])(\.{1,2}\/[^'"]+)(['"])/g, (_2, quoteStart, relativeImport, quoteEnd) => `${quoteStart}${toJs(relativeImport, sourceDir)}${quoteEnd}`);
   const packageImportRewrites = new Map;
   for (const [bareImport, absolutePath] of packageComponentPaths) {
     const childResult = cacheMap.get(absolutePath);
@@ -10189,7 +10295,7 @@ var resolveDevClientDir3 = () => {
     source: descriptor.template?.content ?? "",
     ssr,
     ssrCssVars: descriptor.cssVars
-  }).code.replace(/(['"])(\.{1,2}\/[^'"]+)(['"])/g, (_2, quoteStart, relativeImport, quoteEnd) => `${quoteStart}${toJs(relativeImport)}${quoteEnd}`);
+  }).code.replace(/(['"])(\.{1,2}\/[^'"]+)(['"])/g, (_2, quoteStart, relativeImport, quoteEnd) => `${quoteStart}${toJs(relativeImport, sourceDir)}${quoteEnd}`);
   const localCss = await Promise.all(descriptor.styles.map(async (styleBlock) => compiler.compileStyle({
     filename: sourceFilePath,
     id: componentId,
@@ -15956,6 +16062,21 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
     await waitRound(round + 1);
   };
   await waitRound(0);
+}, enqueueImporter = (state, importer) => {
+  const importerFramework = detectFramework(importer, state.resolvedPaths);
+  if (importerFramework === "ignored")
+    return;
+  if (!state.fileChangeQueue.has(importerFramework)) {
+    state.fileChangeQueue.set(importerFramework, []);
+  }
+  const importerQueue = state.fileChangeQueue.get(importerFramework);
+  if (importerQueue && !importerQueue.includes(importer)) {
+    importerQueue.push(importer);
+  }
+}, enqueueStyleImporters = (state, changedStylePath) => {
+  for (const importer of findStyleEntriesImporting(changedStylePath)) {
+    enqueueImporter(state, importer);
+  }
 }, queueFileChange = async (state, filePath, config, onRebuildComplete) => {
   const framework = detectFramework(filePath, state.resolvedPaths);
   if (framework === "ignored") {
@@ -15978,6 +16099,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   if (queue && !queue.includes(filePath)) {
     queue.push(filePath);
   }
+  if (isStylePath(filePath)) {
+    enqueueStyleImporters(state, filePath);
+  }
   if (state.isRebuilding) {
     return;
   }
@@ -17901,5 +18025,5 @@ export {
   build
 };
 
-//# debugId=529908DC5C87E9F364756E2164756E21
+//# debugId=CE8C325B0B1EAD2564756E2164756E21
 //# sourceMappingURL=build.js.map