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

package/dist/cli/index.js

@@ -656,7 +656,7 @@ var SERVER_OUTPUT_LIMIT = 4000, STARTUP_POLL_INTERVAL_MS = 100, DEFAULT_STARTUP_
   }
   return links;
 }, fetchRoute = async (baseUrl, path) => {
-  const res = await fetch(`${baseUrl}${path}`);
+  const res = await fetch(`${baseUrl}${path}`, { redirect: "manual" });
   if (!res.ok)
     return null;
   const contentType = res.headers.get("content-type") ?? "";
@@ -691,7 +691,8 @@ var SERVER_OUTPUT_LIMIT = 4000, STARTUP_POLL_INTERVAL_MS = 100, DEFAULT_STARTUP_
 }, rerenderRoute = async (route, port, prerenderDir) => {
   try {
     const res = await fetch(`http://localhost:${port}${route}`, {
-      headers: { [PRERENDER_BYPASS_HEADER]: "1" }
+      headers: { [PRERENDER_BYPASS_HEADER]: "1" },
+      redirect: "manual"
     });
     if (!res.ok)
       return false;
@@ -705,7 +706,9 @@ var SERVER_OUTPUT_LIMIT = 4000, STARTUP_POLL_INTERVAL_MS = 100, DEFAULT_STARTUP_
     return false;
   }
 }, prerenderRoute = async (baseUrl, route, prerenderDir, result, log) => {
-  const res = await fetch(`${baseUrl}${route}`).catch(() => null);
+  const res = await fetch(`${baseUrl}${route}`, {
+    redirect: "manual"
+  }).catch(() => null);
   if (!res) {
     log?.(`  Failed to pre-render ${route}`);
     return;

package/dist/index.js

@@ -87,11 +87,14 @@ var WS_READY_STATE_OPEN = 1;
 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,
@@ -99,10 +102,18 @@ __export(exports_stylePreprocessor, {
   compileStyleFileIfNeededSync: () => compileStyleFileIfNeededSync,
   compileStyleFileIfNeeded: () => compileStyleFileIfNeeded
 });
+import { createHash } from "crypto";
 import { existsSync, readFileSync } from "fs";
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
-import { dirname, extname, isAbsolute, join, relative, resolve } from "path";
+import {
+  dirname,
+  extname,
+  isAbsolute,
+  join,
+  relative,
+  resolve
+} 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();
@@ -115,7 +126,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 {
@@ -154,7 +180,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) => {
@@ -315,7 +344,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 ? dirname(fileURLToPath(options.containingUrl)) : dirname(entryFile);
     const resolved = resolveImportPath(specifier, fromDirectory, loadPaths, language, config);
@@ -323,6 +352,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;
@@ -331,7 +361,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);
@@ -341,6 +371,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
@@ -348,7 +379,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");
@@ -365,15 +396,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(resolve(dep));
+        }
+      }
+      resolveCss(css ?? "");
     });
   });
+}, styleDependencyGraph, styleOutputHashes, recordStyleDeps = (entry, deps) => {
+  const key = resolve(entry);
+  const stripped = new Set;
+  for (const dep of deps) {
+    const resolved = resolve(dep);
+    if (resolved !== key)
+      stripped.add(resolved);
+  }
+  styleDependencyGraph.set(key, stripped);
+}, findStyleEntriesImporting = (changedPath) => {
+  const target = resolve(changedPath);
+  const importers = [];
+  for (const [entry, deps] of styleDependencyGraph) {
+    if (deps.has(target))
+      importers.push(entry);
+  }
+  return importers;
+}, recordStyleOutput = (entry, css) => {
+  const key = resolve(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 = resolve(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";
@@ -385,16 +452,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);
@@ -410,22 +483,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) => ({
@@ -530,6 +615,8 @@ var init_stylePreprocessor = __esm(() => {
   importOptionalPeer = new Function("specifier", "return import(specifier)");
   requireOptionalPeer = new Function("specifier", "return require(specifier)");
   requireFromCwd = createRequire(join(process.cwd(), "package.json"));
+  styleDependencyGraph = new Map;
+  styleOutputHashes = new Map;
   stylePreprocessorPlugin = createStylePreprocessorPlugin();
 });
 
@@ -5421,7 +5508,7 @@ __export(exports_tailwindCompiler, {
   extractCandidates: () => extractCandidates,
   disposeTailwindCompiler: () => disposeTailwindCompiler
 });
-import { createHash } from "crypto";
+import { createHash as createHash2 } from "crypto";
 import { existsSync as existsSync2, readFileSync as readFileSync2 } from "fs";
 import { readFile as readFile2, stat } from "fs/promises";
 import { dirname as dirname2, isAbsolute as isAbsolute2, resolve as resolve2 } from "path";
@@ -5513,7 +5600,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 = resolve2(file);
@@ -8671,7 +8758,8 @@ var indexContentCache, resolveDevClientDir = () => {
   const pagesRelPath = relative4(resolve10(reactIndexesDirectory), resolve10(reactPagesDirectory)).split(sep).join("/");
   const promises = files.map(async (file2) => {
     const fileName = basename3(file2);
-    const [componentName] = fileName.split(".");
+    const componentName = fileName.split(".")[0];
+    const pascalComponentName = toPascal(componentName);
     const hmrPreamble = isDev2 ? [
       `window.__HMR_FRAMEWORK__ = "react";`,
       `window.__REACT_COMPONENT_KEY__ = "${componentName}Index";`,
@@ -8725,12 +8813,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 = ${isDev2};`,
       `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;`,
@@ -8802,7 +8903,7 @@ var indexContentCache, resolveDevClientDir = () => {
 `,
       `		// Render into the same root container when falling back to client-only`,
       `		const root = createRoot(container);`,
-      `		root.render(${isDev2 ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`});`,
+      `		root.render(${isDev2 ? `createElement(ErrorBoundary, null, createElement(PageComponent, mergedProps))` : `createElement(PageComponent, mergedProps)`});`,
       `		window.__REACT_ROOT__ = root;`,
       `		window.__HMR_CLIENT_ONLY_MODE__ = true;`,
       `	} catch (fallbackError) {`,
@@ -8847,14 +8948,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(${isDev2 ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`});`,
+      `		root.render(${isDev2 ? `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,`,
-      `			${isDev2 ? `createElement(ErrorBoundary, null, createElement(${componentName}, mergedProps))` : `createElement(${componentName}, mergedProps)`},`,
+      `			${isDev2 ? `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)`,
@@ -9659,7 +9760,7 @@ var devVendorPaths = null, getDevVendorPaths = () => devVendorPaths, setDevVendo
 // src/build/angularLinkerPlugin.ts
 import { existsSync as existsSync14, mkdirSync as mkdirSync5, readFileSync as readFileSync11, writeFileSync as writeFileSync6 } from "fs";
 import { dirname as dirname9, join as join12, relative as relative5, resolve as resolve14 } from "path";
-import { createHash as createHash2 } from "crypto";
+import { createHash as createHash3 } from "crypto";
 var CACHE_ROOT, createAngularLinkerPlugin = (linkerJitMode) => ({
   name: "angular-linker",
   setup(bld) {
@@ -9678,7 +9779,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 {
@@ -16058,6 +16159,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") {
@@ -16080,6 +16196,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   if (queue && !queue.includes(filePath)) {
     queue.push(filePath);
   }
+  if (isStylePath(filePath)) {
+    enqueueStyleImporters(state, filePath);
+  }
   if (state.isRebuilding) {
     return;
   }
@@ -18488,7 +18607,7 @@ var SERVER_OUTPUT_LIMIT = 4000, STARTUP_POLL_INTERVAL_MS = 100, DEFAULT_STARTUP_
   }
   return links;
 }, fetchRoute = async (baseUrl, path) => {
-  const res = await fetch(`${baseUrl}${path}`);
+  const res = await fetch(`${baseUrl}${path}`, { redirect: "manual" });
   if (!res.ok)
     return null;
   const contentType = res.headers.get("content-type") ?? "";
@@ -18523,7 +18642,8 @@ var SERVER_OUTPUT_LIMIT = 4000, STARTUP_POLL_INTERVAL_MS = 100, DEFAULT_STARTUP_
 }, rerenderRoute = async (route, port, prerenderDir) => {
   try {
     const res = await fetch(`http://localhost:${port}${route}`, {
-      headers: { [PRERENDER_BYPASS_HEADER]: "1" }
+      headers: { [PRERENDER_BYPASS_HEADER]: "1" },
+      redirect: "manual"
     });
     if (!res.ok)
       return false;
@@ -18537,7 +18657,9 @@ var SERVER_OUTPUT_LIMIT = 4000, STARTUP_POLL_INTERVAL_MS = 100, DEFAULT_STARTUP_
     return false;
   }
 }, prerenderRoute = async (baseUrl, route, prerenderDir, result, log2) => {
-  const res = await fetch(`${baseUrl}${route}`).catch(() => null);
+  const res = await fetch(`${baseUrl}${route}`, {
+    redirect: "manual"
+  }).catch(() => null);
   if (!res) {
     log2?.(`  Failed to pre-render ${route}`);
     return;
@@ -26410,5 +26532,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=2FCAF657E39AC98C64756E2164756E21
+//# debugId=32C8636F582E470C64756E2164756E21
 //# sourceMappingURL=index.js.map