npm - @vertz/ui-server - Versions diffs - 0.2.29 → 0.2.31 - Mend

@vertz/ui-server 0.2.29 → 0.2.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/dist/bun-dev-server.d.ts +24 -1
package/dist/bun-dev-server.js +99 -68
package/dist/bun-plugin/index.d.ts +2 -2
package/dist/dom-shim/index.js +1 -1
package/dist/index.d.ts +342 -318
package/dist/index.js +25 -478
package/dist/node-handler.d.ts +170 -0
package/dist/node-handler.js +8 -0
package/dist/shared/chunk-34fexgex.js +1284 -0
package/dist/shared/chunk-es0406qq.js +227 -0
package/dist/shared/chunk-wb5fv233.js +216 -0
package/dist/shared/{chunk-gcwqkynf.js → chunk-ybftdw1r.js} +1 -1
package/dist/ssr/index.d.ts +75 -2
package/dist/ssr/index.js +5 -3
package/package.json +9 -5
package/dist/shared/chunk-yr65qdge.js +0 -764

package/dist/bun-dev-server.d.ts CHANGED Viewed

@@ -25,6 +25,7 @@ interface SSRSessionInfo {
 * Returns null when no valid session exists (expired, missing, or invalid cookie).
 */
 type SessionResolver = (request: Request) => Promise<SSRSessionInfo | null>;
+import { BunPlugin as BunPlugin_seob6 } from "bun";
 /**
 * Detect `public/favicon.svg` and return a `<link>` tag for it.
 * Returns empty string when the file does not exist.
@@ -98,6 +99,21 @@ interface BunDevServerOptions {
 	* script restarts the process.
 	*/
 	onRestartNeeded?: () => void;
+	/**
+	* Enable progressive HTML streaming in the dev server. Default: false.
+	*
+	* When true, SSR responses stream `<head>` content before `<body>`
+	* rendering completes. Currently reserved for future use — the dev server
+	* always uses buffered rendering. The option is accepted to match the
+	* production handler's `progressiveHTML` option.
+	*/
+	progressiveHTML?: boolean;
+	/**
+	* Additional Bun plugins to register alongside the Vertz compiler plugin.
+	* Use this to add MDX compilation or other custom file type handling.
+	* Plugins are registered once (process-global) on the first `start()` call.
+	*/
+	plugins?: BunPlugin_seob6[];
 }
 interface ErrorDetail {
 	message: string;
@@ -110,6 +126,13 @@ interface ErrorDetail {
 }
 type ErrorCategory = "build" | "resolve" | "runtime" | "ssr";
 declare function isStaleGraphError(message: string): boolean;
+/**
+* Detect Bun's reload stub — the response served when the dev bundler
+* fails to compile a client module. The stub is literally:
+*   try{location.reload()}catch(_){}
+*   addEventListener("DOMContentLoaded",function(event){location.reload()})
+*/
+declare function isReloadStub(text: string): boolean;
 /** A resolved stack frame for terminal logging. */
 interface TerminalStackFrame {
 	functionName: string | null;
@@ -221,4 +244,4 @@ declare function clearSSRRequireCache(): number;
 * SSR is always on. HMR always works. No mode toggle needed.
 */
 declare function createBunDevServer(options: BunDevServerOptions): BunDevServer;
-export { parseHMRAssets, isStaleGraphError, generateSSRPageHtml, formatTerminalRuntimeError, detectFaviconTag, createRuntimeErrorDeduplicator, createFetchInterceptor, createBunDevServer, clearSSRRequireCache, buildScriptTag, SSRPageHtmlOptions, HMRAssets, FetchInterceptorOptions, ErrorDetail, ErrorCategory, BunDevServerOptions, BunDevServer };
+export { parseHMRAssets, isStaleGraphError, isReloadStub, generateSSRPageHtml, formatTerminalRuntimeError, detectFaviconTag, createRuntimeErrorDeduplicator, createFetchInterceptor, createBunDevServer, clearSSRRequireCache, buildScriptTag, SSRPageHtmlOptions, HMRAssets, FetchInterceptorOptions, ErrorDetail, ErrorCategory, BunDevServerOptions, BunDevServer };

package/dist/bun-dev-server.js CHANGED Viewed

@@ -1790,6 +1790,15 @@ function safeSerialize(data) {
 }
 // src/ssr-render.ts
+var compiledThemeCache = new WeakMap;
+function compileThemeCached(theme, fallbackMetrics) {
+  const cached = compiledThemeCache.get(theme);
+  if (cached)
+    return cached;
+  const compiled = compileTheme(theme, { fallbackMetrics });
+  compiledThemeCache.set(theme, compiled);
+  return compiled;
+}
 function createRequestContext(url) {
   return {
     url,
@@ -1855,9 +1864,7 @@ async function ssrRenderToString(module, url, options) {
       let themePreloadTags = "";
       if (module.theme) {
         try {
-          const compiled = compileTheme(module.theme, {
-            fallbackMetrics: options?.fallbackMetrics
-          });
+          const compiled = compileThemeCached(module.theme, options?.fallbackMetrics);
           themeCss = compiled.css;
           themePreloadTags = compiled.preloadTags;
         } catch (e) {
@@ -1914,10 +1921,7 @@ async function ssrRenderToString(module, url, options) {
       const stream = renderToStream(vnode);
       const html = await streamToString(stream);
       const css = collectCSS(themeCss, module);
-      const ssrData = resolvedQueries.length > 0 ? resolvedQueries.map(({ key, data }) => ({
-        key,
-        data: JSON.parse(JSON.stringify(data))
-      })) : [];
+      const ssrData = resolvedQueries.length > 0 ? resolvedQueries.map(({ key, data }) => ({ key, data })) : [];
       return {
         html,
         css,
@@ -2003,7 +2007,7 @@ data: {}
             return;
           settled = true;
           resolve(data);
-          const entry = { key, data: JSON.parse(JSON.stringify(data)) };
+          const entry = { key, data };
           safeEnqueue(encoder2.encode(`event: data
 data: ${safeSerialize(entry)}
@@ -2040,9 +2044,6 @@ function escapeAttr3(s) {
   return s.replace(/[&"'<>]/g, (c) => `&#${c.charCodeAt(0)};`);
 }
-// src/ssr-single-pass.ts
-import { compileTheme as compileTheme2 } from "@vertz/ui";
 // src/ssr-manifest-prefetch.ts
 function reconstructDescriptors(queries, routeParams, apiClient) {
   if (!apiClient)
@@ -2179,54 +2180,7 @@ async function ssrRenderSinglePass(module, url, options) {
   if (zeroDiscoveryData) {
     return renderWithPrefetchedData(module, normalizedUrl, zeroDiscoveryData, options);
   }
-  const discoveryCtx = createRequestContext(normalizedUrl);
-  if (options?.ssrAuth) {
-    discoveryCtx.ssrAuth = options.ssrAuth;
-  }
-  const discoveredData = await ssrStorage.run(discoveryCtx, async () => {
-    try {
-      setGlobalSSRTimeout(ssrTimeout);
-      const createApp = resolveAppFactory2(module);
-      createApp();
-      if (discoveryCtx.ssrRedirect) {
-        return { redirect: discoveryCtx.ssrRedirect };
-      }
-      if (discoveryCtx.pendingRouteComponents?.size) {
-        const entries = Array.from(discoveryCtx.pendingRouteComponents.entries());
-        const results = await Promise.allSettled(entries.map(([route, promise]) => Promise.race([
-          promise.then((mod) => ({ route, factory: mod.default })),
-          new Promise((_, reject) => setTimeout(() => reject(new Error("lazy route timeout")), ssrTimeout))
-        ])));
-        discoveryCtx.resolvedComponents = new Map;
-        for (const result of results) {
-          if (result.status === "fulfilled") {
-            const { route, factory } = result.value;
-            discoveryCtx.resolvedComponents.set(route, factory);
-          }
-        }
-        discoveryCtx.pendingRouteComponents = undefined;
-      }
-      const queries = getSSRQueries();
-      const eligibleQueries = filterByEntityAccess(queries, options?.manifest?.entityAccess, options?.prefetchSession);
-      const resolvedQueries = [];
-      if (eligibleQueries.length > 0) {
-        await Promise.allSettled(eligibleQueries.map(({ promise, timeout, resolve, key }) => Promise.race([
-          promise.then((data) => {
-            resolve(data);
-            resolvedQueries.push({ key, data });
-            return "resolved";
-          }),
-          new Promise((r) => setTimeout(r, timeout || ssrTimeout)).then(() => "timeout")
-        ])));
-      }
-      return {
-        resolvedQueries,
-        resolvedComponents: discoveryCtx.resolvedComponents
-      };
-    } finally {
-      clearGlobalSSRTimeout();
-    }
-  });
+  const discoveredData = await runDiscoveryPhase(normalizedUrl, ssrTimeout, module, options);
   if ("redirect" in discoveredData) {
     return {
       html: "",
@@ -2252,9 +2206,7 @@ async function ssrRenderSinglePass(module, url, options) {
       let themePreloadTags = "";
       if (module.theme) {
         try {
-          const compiled = compileTheme2(module.theme, {
-            fallbackMetrics: options?.fallbackMetrics
-          });
+          const compiled = compileThemeCached(module.theme, options?.fallbackMetrics);
           themeCss = compiled.css;
           themePreloadTags = compiled.preloadTags;
         } catch (e) {
@@ -2268,7 +2220,7 @@ async function ssrRenderSinglePass(module, url, options) {
       const css = collectCSS2(themeCss, module);
       const ssrData = discoveredData.resolvedQueries.map(({ key, data }) => ({
         key,
-        data: JSON.parse(JSON.stringify(data))
+        data
       }));
       return {
         html,
@@ -2283,6 +2235,56 @@ async function ssrRenderSinglePass(module, url, options) {
     }
   });
 }
+async function runDiscoveryPhase(normalizedUrl, ssrTimeout, module, options) {
+  const discoveryCtx = createRequestContext(normalizedUrl);
+  if (options?.ssrAuth) {
+    discoveryCtx.ssrAuth = options.ssrAuth;
+  }
+  return ssrStorage.run(discoveryCtx, async () => {
+    try {
+      setGlobalSSRTimeout(ssrTimeout);
+      const createApp = resolveAppFactory2(module);
+      createApp();
+      if (discoveryCtx.ssrRedirect) {
+        return { redirect: discoveryCtx.ssrRedirect };
+      }
+      if (discoveryCtx.pendingRouteComponents?.size) {
+        const entries = Array.from(discoveryCtx.pendingRouteComponents.entries());
+        const results = await Promise.allSettled(entries.map(([route, promise]) => Promise.race([
+          promise.then((mod) => ({ route, factory: mod.default })),
+          new Promise((_, reject) => setTimeout(() => reject(new Error("lazy route timeout")), ssrTimeout))
+        ])));
+        discoveryCtx.resolvedComponents = new Map;
+        for (const result of results) {
+          if (result.status === "fulfilled") {
+            const { route, factory } = result.value;
+            discoveryCtx.resolvedComponents.set(route, factory);
+          }
+        }
+        discoveryCtx.pendingRouteComponents = undefined;
+      }
+      const queries = getSSRQueries();
+      const eligibleQueries = filterByEntityAccess(queries, options?.manifest?.entityAccess, options?.prefetchSession);
+      const resolvedQueries = [];
+      if (eligibleQueries.length > 0) {
+        await Promise.allSettled(eligibleQueries.map(({ promise, timeout, resolve, key }) => Promise.race([
+          promise.then((data) => {
+            resolve(data);
+            resolvedQueries.push({ key, data });
+            return "resolved";
+          }),
+          new Promise((r) => setTimeout(r, timeout || ssrTimeout)).then(() => "timeout")
+        ])));
+      }
+      return {
+        resolvedQueries,
+        resolvedComponents: discoveryCtx.resolvedComponents
+      };
+    } finally {
+      clearGlobalSSRTimeout();
+    }
+  });
+}
 function attemptZeroDiscovery(url, module, options, ssrTimeout) {
   const manifest = options?.manifest;
   if (!manifest?.routeEntries || !module.api)
@@ -2345,9 +2347,7 @@ async function renderWithPrefetchedData(module, normalizedUrl, prefetchedData, o
       let themePreloadTags = "";
       if (module.theme) {
         try {
-          const compiled = compileTheme2(module.theme, {
-            fallbackMetrics: options?.fallbackMetrics
-          });
+          const compiled = compileThemeCached(module.theme, options?.fallbackMetrics);
           themeCss = compiled.css;
           themePreloadTags = compiled.preloadTags;
         } catch (e) {
@@ -2372,7 +2372,7 @@ async function renderWithPrefetchedData(module, normalizedUrl, prefetchedData, o
       const css = collectCSS2(themeCss, module);
       const ssrData = data.resolvedQueries.map(({ key, data: d }) => ({
         key,
-        data: JSON.parse(JSON.stringify(d))
+        data: d
       }));
       return {
         html,
@@ -2553,6 +2553,9 @@ var STALE_GRAPH_PATTERNS = [
 function isStaleGraphError(message) {
   return STALE_GRAPH_PATTERNS.some((pattern) => pattern.test(message));
 }
+function isReloadStub(text) {
+  return text.trimStart().startsWith("try{location.reload()}");
+}
 var MAX_TERMINAL_STACK_FRAMES = 5;
 function formatTerminalRuntimeError(errors, parsedStack) {
   const primary = errors[0];
@@ -2881,9 +2884,13 @@ var BUILD_ERROR_LOADER = [
   "if(t.trimStart().startsWith('try{location.reload()}')){",
   "fetch('/__vertz_build_check').then(function(r){return r.json()}).then(function(j){",
   "if(j.errors&&j.errors.length>0){showOverlay('Build failed',formatErrors(j.errors),j)}",
+  "else{var V2=window.__vertz_overlay;",
+  "if(V2&&V2._autoRestart&&V2._canAutoRestart&&V2._canAutoRestart()){",
+  "V2._autoRestart();sessionStorage.removeItem('__vertz_stub_retry');",
+  `showOverlay('Restarting dev server','<p style="margin:0;color:#666;font-size:12px">Dev bundler appears stale after adding new files. Restarting...</p>')}`,
   "else{var rk='__vertz_stub_retry',rc=+(sessionStorage.getItem(rk)||0);",
   "if(rc<3){sessionStorage.setItem(rk,String(rc+1));setTimeout(function(){location.reload()},2000)}",
-  `else{sessionStorage.removeItem(rk);showOverlay('Build failed','<p style="margin:0;color:#666;font-size:12px">Could not load client bundle. Try reloading manually.</p>')}}`,
+  `else{sessionStorage.removeItem(rk);showOverlay('Build failed','<p style="margin:0;color:#666;font-size:12px">Could not load client bundle. Try restarting the dev server.</p>',null,null,true)}}}`,
   "}).catch(function(){",
   `showOverlay('Build failed','<p style="margin:0;color:#666;font-size:12px">Check your terminal for details.</p>')})}`,
   "else{sessionStorage.removeItem('__vertz_stub_retry');var s=document.createElement('script');s.type='module';s.crossOrigin='';s.src=src;document.body.appendChild(s)}",
@@ -3277,6 +3284,11 @@ function createBunDevServer(options) {
       plugin(serverPlugin);
       stableUpdateManifest = updateManifest;
     }
+    if (!pluginsRegistered && options.plugins) {
+      for (const userPlugin of options.plugins) {
+        plugin(userPlugin);
+      }
+    }
     pluginsRegistered = true;
     const updateServerManifest = stableUpdateManifest;
     let ssrMod;
@@ -3897,6 +3909,24 @@ data: {}
                 if (bundledScriptUrl !== prevUrl)
                   break;
               }
+              if (bundledScriptUrl && server && !isRestarting) {
+                try {
+                  const bundleRes = await fetch(`http://${host}:${server.port}${bundledScriptUrl}`);
+                  const bundleText = await bundleRes.text();
+                  if (isReloadStub(bundleText)) {
+                    if (canAutoRestart()) {
+                      autoRestartTimestamps.push(Date.now());
+                      if (logRequests) {
+                        console.log("[Server] Dev bundler serving reload stub after successful build \u2014 restarting");
+                      }
+                      devServer.restart();
+                      return;
+                    } else if (logRequests) {
+                      console.log("[Server] Dev bundler stale but auto-restart cap reached");
+                    }
+                  }
+                } catch {}
+              }
               clearErrorForFileChange();
             }
           } catch {}
@@ -4110,6 +4140,7 @@ data: {}
 export {
   parseHMRAssets,
   isStaleGraphError,
+  isReloadStub,
   generateSSRPageHtml,
   formatTerminalRuntimeError,
   detectFaviconTag,

package/dist/bun-plugin/index.d.ts CHANGED Viewed

@@ -133,7 +133,7 @@ declare class DiagnosticsCollector {
 	recordFieldMiss(type: string, id: string, field: string, querySource: string): void;
 	getSnapshot(): DiagnosticsSnapshot;
 }
-import { BunPlugin as BunPlugin_seob6 } from "bun";
+import { BunPlugin as BunPlugin_seob62 } from "bun";
 interface VertzBunPluginOptions {
 	/** Regex filter for files to transform. Defaults to .tsx files. */
 	filter?: RegExp;
@@ -187,7 +187,7 @@ interface ManifestUpdateResult {
 }
 interface VertzBunPluginResult {
 	/** The Bun plugin to pass to Bun.build or bunfig.toml. */
-	plugin: BunPlugin_seob6;
+	plugin: BunPlugin_seob62;
 	/** CSS extractions for all transformed files (for production dead CSS elimination). */
 	fileExtractions: FileExtractionsMap;
 	/** Map of source file to CSS sidecar file path (for debugging). */

package/dist/dom-shim/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ import {
   installDomShim,
   removeDomShim,
   toVNode
-} from "../shared/chunk-gcwqkynf.js";
+} from "../shared/chunk-ybftdw1r.js";
 export {
   toVNode,
   removeDomShim,