theokit 0.48.9 → 0.48.11

package/dist/{agent-SK4TOO6M.js → agent-K5ZRDLUK.js}

@@ -3,7 +3,7 @@ import "tsx/esm";
 import {
   agentCommand,
   createAgentSsrLoader
-} from "./chunk-SO64VQOD.js";
+} from "./chunk-6DT6PNAI.js";
 import "./chunk-HBU2GIMZ.js";
 import "./chunk-6GGWS7J3.js";
 import "./chunk-LNVMHQ2Z.js";
@@ -12,4 +12,4 @@ export {
   agentCommand,
   createAgentSsrLoader
 };
-//# sourceMappingURL=agent-SK4TOO6M.js.map
+//# sourceMappingURL=agent-K5ZRDLUK.js.map

package/dist/{build-FMRO4W4Q.js → build-LXYQHOTL.js}

@@ -543,7 +543,7 @@ async function buildCommand(options) {
 `);
 }
 async function runAdapterBuild(target, config, cwd) {
-  const { theoPluginAsync } = await import("./vite-plugin-EQMDMDXV.js");
+  const { theoPluginAsync } = await import("./vite-plugin-N573PI37.js");
   const { default: react } = await import("@vitejs/plugin-react");
   const ctx = {
     // `react()` may return Plugin or Plugin[] depending on version; spread the
@@ -629,4 +629,4 @@ function relativize3(absPath, root) {
 export {
   buildCommand
 };
-//# sourceMappingURL=build-FMRO4W4Q.js.map
+//# sourceMappingURL=build-LXYQHOTL.js.map

package/dist/{chunk-Q2S2IGSM.js → chunk-4GJAVUVK.js}

@@ -1380,11 +1380,28 @@ function generateSingleShotEntry(options) {
   return [
     `import React, { Suspense } from 'react'`,
     `import { renderToPipeableStream } from 'react-dom/server'`,
-    `import { createStaticHandler, createStaticRouter, StaticRouterProvider } from 'react-router'`,
+    `import { createStaticHandler, createStaticRouter, StaticRouterProvider, matchRoutes } from 'react-router'`,
     `import { PassThrough } from 'node:stream'`,
-    `import { routes } from '/@theo/route-manifest'`,
+    `import { routes, __theoPreloadMap, __theoPreloadPathsFor } from '/@theo/route-manifest'`,
     theoUiImport,
     `export async function render(url, options = {}) {`,
+    // Resolve the matched pages BEFORE rendering.
+    //
+    // Pages are React.lazy() in the route manifest, which is right for the browser and pure loss
+    // here: the server already has every chunk on local disk. Rendering without this makes React
+    // suspend on the page component, so \`onShellReady\` fires with the layout alone and the actual
+    // page streams afterwards inside a hidden div. The reader gets an empty frame that fills in --
+    // measured at CLS 1.12 and an article absent from the DOM for ~700ms on a real site.
+    //
+    // This mirrors what entry.ts already does before hydrateRoot, using the same preload map.
+    // Streaming still applies to genuine data-fetching Suspense, which is where it earns its keep.
+    // A failed import is swallowed on purpose: React.lazy will retry and suspend as before, which
+    // is strictly no worse than not having preloaded at all.
+    `  const __theoMatches = matchRoutes(routes, url.split('?')[0]) ?? []`,
+    `  await Promise.all(`,
+    `    __theoPreloadPathsFor(__theoMatches).map((p) => __theoPreloadMap[p]().catch(() => null)),`,
+    `  )`,
+    ``,
     `  const handler = createStaticHandler(routes)`,
     `  const request = new Request('http://localhost' + url)`,
     `  const context = await handler.query(request)`,
@@ -1429,6 +1446,23 @@ function streamingWebRenderer(appTree) {
     `// Response with the stream as body. Honors request.signal for client`,
     `// disconnect cleanup.`,
     `export async function renderStreamingWeb(request, options = {}) {`,
+    // Resolve the matched pages BEFORE rendering.
+    //
+    // Pages are React.lazy() in the route manifest, which is right for the browser and pure loss
+    // here: the server already has every chunk on local disk. Rendering without this makes React
+    // suspend on the page component, so \`onShellReady\` fires with the layout alone and the actual
+    // page streams afterwards inside a hidden div. The reader gets an empty frame that fills in --
+    // measured at CLS 1.12 and an article absent from the DOM for ~700ms on a real site.
+    //
+    // This mirrors what entry.ts already does before hydrateRoot, using the same preload map.
+    // Streaming still applies to genuine data-fetching Suspense, which is where it earns its keep.
+    // A failed import is swallowed on purpose: React.lazy will retry and suspend as before, which
+    // is strictly no worse than not having preloaded at all.
+    `  const __theoMatches = matchRoutes(routes, url.split('?')[0]) ?? []`,
+    `  await Promise.all(`,
+    `    __theoPreloadPathsFor(__theoMatches).map((p) => __theoPreloadMap[p]().catch(() => null)),`,
+    `  )`,
+    ``,
     `  const handler = createStaticHandler(routes)`,
     `  const url = new URL(request.url)`,
     `  const context = await handler.query(request)`,
@@ -1461,6 +1495,23 @@ function streamingNodeRenderer(appTree) {
     `// Flushes the shell as soon as it's ready, then streams Suspense boundaries.`,
     `// EC-11: respects request.signal for client-disconnect cleanup.`,
     `export async function renderStreaming(url, response, options = {}) {`,
+    // Resolve the matched pages BEFORE rendering.
+    //
+    // Pages are React.lazy() in the route manifest, which is right for the browser and pure loss
+    // here: the server already has every chunk on local disk. Rendering without this makes React
+    // suspend on the page component, so \`onShellReady\` fires with the layout alone and the actual
+    // page streams afterwards inside a hidden div. The reader gets an empty frame that fills in --
+    // measured at CLS 1.12 and an article absent from the DOM for ~700ms on a real site.
+    //
+    // This mirrors what entry.ts already does before hydrateRoot, using the same preload map.
+    // Streaming still applies to genuine data-fetching Suspense, which is where it earns its keep.
+    // A failed import is swallowed on purpose: React.lazy will retry and suspend as before, which
+    // is strictly no worse than not having preloaded at all.
+    `  const __theoMatches = matchRoutes(routes, url.split('?')[0]) ?? []`,
+    `  await Promise.all(`,
+    `    __theoPreloadPathsFor(__theoMatches).map((p) => __theoPreloadMap[p]().catch(() => null)),`,
+    `  )`,
+    ``,
     `  const handler = createStaticHandler(routes)`,
     `  const request = new Request('http://localhost' + url, { signal: options.signal })`,
     `  const context = await handler.query(request)`,
@@ -1503,6 +1554,23 @@ function backCompatRenderer(appTree) {
     `// Backward compatibility: keep the single-shot render export available so`,
     `// callers that always used 'render()' don't break when streaming is on.`,
     `export async function render(url, options = {}) {`,
+    // Resolve the matched pages BEFORE rendering.
+    //
+    // Pages are React.lazy() in the route manifest, which is right for the browser and pure loss
+    // here: the server already has every chunk on local disk. Rendering without this makes React
+    // suspend on the page component, so \`onShellReady\` fires with the layout alone and the actual
+    // page streams afterwards inside a hidden div. The reader gets an empty frame that fills in --
+    // measured at CLS 1.12 and an article absent from the DOM for ~700ms on a real site.
+    //
+    // This mirrors what entry.ts already does before hydrateRoot, using the same preload map.
+    // Streaming still applies to genuine data-fetching Suspense, which is where it earns its keep.
+    // A failed import is swallowed on purpose: React.lazy will retry and suspend as before, which
+    // is strictly no worse than not having preloaded at all.
+    `  const __theoMatches = matchRoutes(routes, url.split('?')[0]) ?? []`,
+    `  await Promise.all(`,
+    `    __theoPreloadPathsFor(__theoMatches).map((p) => __theoPreloadMap[p]().catch(() => null)),`,
+    `  )`,
+    ``,
     `  const handler = createStaticHandler(routes)`,
     `  const request = new Request('http://localhost' + url)`,
     `  const context = await handler.query(request)`,
@@ -1543,8 +1611,8 @@ function generateStreamingEntry(options) {
   return [
     `import React, { Suspense } from 'react'`,
     `import { renderToPipeableStream, renderToReadableStream } from 'react-dom/server'`,
-    `import { createStaticHandler, createStaticRouter, StaticRouterProvider } from 'react-router'`,
-    `import { routes } from '/@theo/route-manifest'`,
+    `import { createStaticHandler, createStaticRouter, StaticRouterProvider, matchRoutes } from 'react-router'`,
+    `import { routes, __theoPreloadMap, __theoPreloadPathsFor } from '/@theo/route-manifest'`,
     theoUiImport,
     ``,
     ...streamingWebRenderer(appTree),
@@ -1588,9 +1656,10 @@ function generateEntryClient(ssr, opts = {}) {
   const preloadBlock = ssr ? [
     `// Phase 4 \u2014 preload matched-route modules before hydrate (EC-3 safeguard)`,
     `const __theoMatches = matchRoutes(routes, window.location.pathname) ?? []`,
-    `const __theoPreloadPaths = __theoMatches`,
-    `  .map((m) => m.route && (m.route).path)`,
-    `  .filter((p) => typeof p === 'string' && p in __theoPreloadMap)`,
+    `// Absolute paths, rebuilt from the match chain \u2014 see __theoPreloadPathsFor. Looking up`,
+    `// \`m.route.path\` directly finds nothing for any nested route, so this preload silently`,
+    `// did nothing until usetheokit/theokit#323.`,
+    `const __theoPreloadPaths = __theoPreloadPathsFor(__theoMatches)`,
     `const __theoPreloadPromise = Promise.all(`,
     `  __theoPreloadPaths.map((p) => __theoPreloadMap[p]().catch((err) => { console.error('[theo] preload failed', p, err); return null }))`,
     `)`,
@@ -1606,7 +1675,7 @@ function generateEntryClient(ssr, opts = {}) {
     `  })()`,
     `}`
   ] : [`if (el) {`, renderCall, `}`];
-  const manifestImports = ssr ? `import { routes, __theoPreloadMap } from '/@theo/route-manifest'` : `import { routes } from '/@theo/route-manifest'`;
+  const manifestImports = ssr ? `import { routes, __theoPreloadMap, __theoPreloadPathsFor } from '/@theo/route-manifest'` : `import { routes } from '/@theo/route-manifest'`;
   const reactRouterImports = ssr ? `import { createBrowserRouter, RouterProvider, matchRoutes } from 'react-router'` : `import { createBrowserRouter, RouterProvider } from 'react-router'`;
   return [
     `import React, { Suspense } from 'react'`,
@@ -1694,6 +1763,20 @@ function generateRouteManifest(tree) {
   lines.push("export const __theoPreloadMap = {");
   for (const e of preloadEntries) lines.push(e);
   lines.push("}", "");
+  lines.push(
+    "export function __theoPreloadPathsFor(matches) {",
+    "  const out = []",
+    "  let base = ''",
+    "  for (const m of matches ?? []) {",
+    "    const seg = m && m.route && m.route.path",
+    "    if (typeof seg !== 'string') continue",
+    "    base = seg.startsWith('/') ? seg : base.endsWith('/') ? base + seg : base + '/' + seg",
+    "    out.push(base)",
+    "  }",
+    "  return out.filter((p) => p in __theoPreloadMap)",
+    "}",
+    ""
+  );
   function buildChildrenArray(node, seg) {
     const childConfigs = [];
     if (node.page) {
@@ -2121,4 +2204,4 @@ export {
   theoPluginAsync,
   theoPlugin
 };
-//# sourceMappingURL=chunk-Q2S2IGSM.js.map
+//# sourceMappingURL=chunk-4GJAVUVK.js.map