@absolutejs/absolute 0.20.0-beta.179 → 0.20.0-beta.180

package/dist/react/server.js

@@ -392,6 +392,8 @@ var colors2, frameworkColors, logTag = () => isDevelopmentRuntime() ? "[hmr]" :
     const pathColor = options.framework ? getFrameworkColor(options.framework) : colors2.white;
     message += ` ${pathColor}${formatPath(options.path)}${colors2.reset}`;
   }
+  if (options?.detail)
+    message += ` ${options.detail}`;
   if (options?.duration !== undefined) {
     message += ` ${colors2.dim}(${options.duration}ms)${colors2.reset}`;
   }
@@ -423,6 +425,16 @@ var colors2, frameworkColors, logTag = () => isDevelopmentRuntime() ? "[hmr]" :
   log(message);
 }, logPageBuild = (path, framework, duration) => {
   log("page build", { duration, framework, path });
+}, logRoutesUpdate = (path, framework, added, removed) => {
+  const changes = [
+    ...added.map((route) => `${colors2.green}+${route}${colors2.reset}`),
+    ...removed.map((route) => `${colors2.red}-${route}${colors2.reset}`)
+  ];
+  log("routes update", {
+    detail: changes.length > 0 ? changes.join(" ") : undefined,
+    framework,
+    path
+  });
 }, logScriptUpdate = (path, framework, duration) => {
   log("script update", { duration, framework, path });
 }, logServerReload = () => {
@@ -459,7 +471,7 @@ var init_logger = __esm(() => {
 });
 
 // src/core/islandManifest.ts
-var ISLAND_BOOTSTRAP_MANIFEST_KEY = "AbsoluteIslandBootstrap", LEGACY_ISLAND_BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + framework.slice(1), collectFrameworkIslands = (manifest, prefix) => {
+var ISLAND_BOOTSTRAP_MANIFEST_KEY = "AbsoluteIslandBootstrap", LEGACY_ISLAND_BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", REACT_PAGE_ROOT_EVENT = "absolute:react-page-root", toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + framework.slice(1), collectFrameworkIslands = (manifest, prefix) => {
   const entries = {};
   let found = false;
   for (const [key, value] of Object.entries(manifest)) {
@@ -533,13 +545,15 @@ var ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST
     return "";
   const renderedKeys = collectRenderedIslandStyleKeys(html);
   return getIslandStyleManifestEntries(manifest).filter(([key]) => renderedKeys.has(key)).filter(([, href]) => !html.includes(`href="${href}"`)).map(([key, href]) => `<link rel="stylesheet" href="${href}" data-island-style="${key}"${nonceAttr()}>`).join("");
-}, buildIslandsHeadMarkup = (manifest, html) => {
+}, REACT_HOOK_STAND_IN, buildIslandsHeadMarkup = (manifest, html, host) => {
   const styleLinks = buildIslandStyleLinks(manifest, html);
   const manifestScript = `<script${nonceAttr()}>window.__ABSOLUTE_MANIFEST__ = ${escapeScriptContent(JSON.stringify(toBrowserManifest(manifest)))}</script>`;
-  const islandStateScript = `<script${nonceAttr()}>window.__ABS_ISLAND_STATE__ = ${escapeScriptContent(JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {}))}</script>`;
+  const hostAssignment = host ? `;window.__ABS_ISLAND_HOST__ = ${JSON.stringify(host)}` : "";
+  const islandStateScript = `<script${nonceAttr()}>window.__ABS_ISLAND_STATE__ = ${escapeScriptContent(JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {}))}${hostAssignment}</script>`;
+  const reactHookScript = isProductionRuntime() ? "" : `<script${nonceAttr()}>${REACT_HOOK_STAND_IN}</script>`;
   const bootstrapPath = getIslandBootstrapPath(manifest);
   const bootstrapScript = bootstrapPath ? `<script${nonceAttr()} type="module" src="${bootstrapPath}"></script>` : "";
-  return `${styleLinks}${manifestScript}${islandStateScript}${bootstrapScript}`;
+  return `${styleLinks}${manifestScript}${islandStateScript}${reactHookScript}${bootstrapScript}`;
 }, injectHeadMarkup = (html, markup) => {
   const closingHeadIndex = html.indexOf("</head>");
   if (closingHeadIndex >= 0) {
@@ -726,7 +740,7 @@ var ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST
   const manifest = globalThis.__absoluteManifest;
   if (!manifest)
     return stream;
-  const markup = buildIslandsHeadMarkup(manifest);
+  const markup = buildIslandsHeadMarkup(manifest, undefined, options?.host);
   if (options?.hasIslands === true) {
     warnIfBootstrapMissing(manifest);
     return pipeStreamWithHeadInjection(stream, markup);
@@ -752,6 +766,7 @@ var init_islandPageContext = __esm(() => {
     "vue",
     "angular"
   ];
+  REACT_HOOK_STAND_IN = "if(!window.__REACT_DEVTOOLS_GLOBAL_HOOK__){var n=0;" + "window.__REACT_DEVTOOLS_GLOBAL_HOOK__={renderers:new Map(),supportsFiber:true," + "inject:function(r){n+=1;this.renderers.set(n,r);return n}," + "onScheduleFiberRoot:function(){},onCommitFiberRoot:function(){},onCommitFiberUnmount:function(){}}}";
 });
 
 // src/core/devRouteRegistrationCallsite.ts
@@ -2454,7 +2469,8 @@ var warnDoubledRscKey = (source, name, assetPath) => {
   warnedDoubledRscKeys.add(name);
   console.warn(`[asset] key "${name}" is deprecated: React Server Components pages whose file name ends in RSC no longer get the suffix twice. Use asset(manifest, '${current}').`);
 };
-var asset = (source, name) => {
+var asset = (source, name) => assetUnchecked(source, name);
+var assetUnchecked = (source, name) => {
   const assetPath = source[name];
   if (assetPath === undefined) {
     if (isProductionRuntime()) {
@@ -2834,7 +2850,9 @@ var handleReactPageRequest = async (input) => {
           console.error("[SSR] React streaming error:", error);
         }
       });
-      const htmlStream = injectIslandPageContextStream(stream);
+      const htmlStream = injectIslandPageContextStream(stream, {
+        host: "react"
+      });
       if (resolveErrorConventionPath("react", pageName) || hasErrorConvention("react")) {
         const html = await new Response(htmlStream).text();
         return new Response(html, {
@@ -2870,7 +2888,7 @@ var reactFileRoute = (route) => defineFileRouteWith("react", route, async ({ man
     throw new Error(`File route ${route.source} has no default-exported React component.`);
   }
   return handleReactPageRequest({
-    index: asset(manifest, `${route.name}Index`),
+    index: assetUnchecked(manifest, `${route.name}Index`),
     Page,
     props,
     request
@@ -3025,6 +3043,12 @@ var createNodeRenderer = (pageModule, renderer) => {
   }));
   return render;
 };
+var dropAllStackFrames = () => false;
+var createDevelopmentDebugChannel = (pageModule) => {
+  if (pageModule.developmentFlight !== true)
+    return;
+  return new TransformStream;
+};
 var createRendererStorage = () => new AsyncLocalStorage5;
 var handleReactServerPageRequest = async (input) => {
   const request = input.request ?? getCurrentAbsoluteRequest();
@@ -3041,7 +3065,14 @@ var handleReactServerPageRequest = async (input) => {
       ]);
       const renderer = await loadRenderer(runtime.ssr);
       const nonce = readCspNonce();
-      const renderFlight = () => pageModule.renderToReadableStream(pageModule.createElement(pageModule.Page, input.props ?? {}), pageModule.clientManifest, { onError: logRenderError });
+      const debugChannel = createDevelopmentDebugChannel(pageModule);
+      const renderFlight = () => pageModule.renderToReadableStream(pageModule.createElement(pageModule.Page, input.props ?? {}), pageModule.clientManifest, debugChannel ? {
+        debugChannel: {
+          writable: debugChannel.writable
+        },
+        filterStackFrame: dropAllStackFrames,
+        onError: logRenderError
+      } : { onError: logRenderError });
       const nodeRenderer = createNodeRenderer(pageModule, renderer);
       const flight = nodeRenderer ? runWithReactServerNodeRenderer(nodeRenderer, createRendererStorage, renderFlight) : renderFlight();
       const [forHtml, forPayload] = flight.tee();
@@ -3050,7 +3081,7 @@ var handleReactServerPageRequest = async (input) => {
         bootstrapScriptContent: `${BROWSER_TRANSLATION_BASELINE_SCRIPT}window.__ABS_SLOT_HYDRATION_PENDING__=true;`,
         nonce,
         onError: logRenderError
-      });
+      }, debugChannel?.readable);
       return new Response(injectFlightPayload(html, forPayload, nonce), {
         headers: streamingPageHeaders()
       });
@@ -3073,5 +3104,5 @@ export {
   reactFileRoute
 };
 
-//# debugId=567A32D4B8B7FF0164756E2164756E21
+//# debugId=2F6E800762A29F1864756E2164756E21
 //# sourceMappingURL=server.js.map