@webjsdev/core 0.7.17 → 0.7.18

package/index-browser.js

@@ -52,6 +52,10 @@ export { signal, computed, effect, batch, isSignal, Signal } from './src/signal.
 // Optimistic-mutation helper (thin signal wrapper, rolls back on failure)
 export { optimistic } from './src/optimistic.js';
 
+// SSR action-seed consumer (#472): the generated RPC stub reads a seed on its
+// first call so async-render hydration does not re-fetch the SSR'd data.
+export { takeSeed, scanSeeds, SEED_MISS } from './src/action-seed-client.js';
+
 // Directives, also available via '@webjsdev/core/directives'. The full
 // lit-html-parity set is re-exported here so the dist browser bundle (which
 // the `@webjsdev/core/directives` subpath collapses onto in dist mode) carries

package/index.d.ts

@@ -91,6 +91,7 @@ export { Task, TaskStatus } from './src/task.js';
 // src/*.d.ts (#388 fixed the index.d.ts drift from index.js).
 export { signal, computed, effect, batch, isSignal, Signal } from './src/signal.js';
 export { cspNonce, setCspNonceProvider } from './src/csp-nonce.js';
+export { takeSeed, scanSeeds, SEED_MISS } from './src/action-seed-client.js';
 export { stringify, parse, serialize, deserialize } from './src/serialize.js';
 export { WebjsFrame } from './src/webjs-frame.js';
 export { WebjsStream, renderStream } from './src/webjs-stream.js';

package/index.js

@@ -34,6 +34,10 @@ export { signal, computed, effect, batch, isSignal, Signal } from './src/signal.
 // Optimistic-mutation helper (thin signal wrapper, rolls back on failure)
 export { optimistic } from './src/optimistic.js';
 
+// SSR action-seed consumer (#472): the generated RPC stub reads a seed on its
+// first call so async-render hydration does not re-fetch. Inert server-side.
+export { takeSeed, scanSeeds, SEED_MISS } from './src/action-seed-client.js';
+
 // Directives, also available via '@webjsdev/core/directives'. The full
 // lit-html-parity set is re-exported so the bare specifier exposes the same
 // directive surface in Node as the browser bundle does.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webjsdev/core",
-  "version": "0.7.17",
+  "version": "0.7.18",
   "type": "module",
   "description": "webjs core runtime - html/css tags, WebComponent base, isomorphic renderers",
   "types": "./index.d.ts",

package/src/action-seed-client.d.ts

@@ -0,0 +1,17 @@
+/** Client-side SSR action-seed consumer (#472). Inert server-side. */
+
+/** Returned by `takeSeed` when no seed matches; distinct from any real value. */
+export const SEED_MISS: unique symbol;
+
+/**
+ * Merge any seeds found under `root` (or the whole document) into the global
+ * consume-once store, removing the carriers. Reads the page-level
+ * `#__webjs-seeds` JSON block and per-element `[data-webjs-seed]` carriers.
+ */
+export function scanSeeds(root?: ParentNode): void;
+
+/**
+ * Look up and CONSUME the seed for an action call, or return `SEED_MISS`.
+ * Keyed `hash/fn/argsKey`; the first call lazily scans the initial document.
+ */
+export function takeSeed(hash: string, fnName: string, argsKey: string): unknown;

package/src/action-seed-client.js

@@ -0,0 +1,107 @@
+/**
+ * Client-side SSR action-seed consumer (#472).
+ *
+ * The server (`@webjsdev/server`'s `action-seed.js`) serializes each action
+ * result invoked during SSR into a `<script type="application/json"
+ * id="__webjs-seeds">` block (and, for streamed regions, per-element
+ * `data-webjs-seed` attributes). On the client, the generated RPC stub
+ * (`actions.js`) calls `takeSeed(hash, fn, argsKey)` on its FIRST invocation: a
+ * hit resolves the action synchronously with the SSR value (no RPC, no flicker
+ * on hydration); a miss falls through to the normal RPC.
+ *
+ * Consume-once: a hit removes the seed, so a later refetch / arg-change always
+ * goes to the network (the seed is a first-paint optimization, not a cache).
+ * Keyed `hash/fn/stringify(args)`, where `hash` and `stringify` match exactly
+ * what the server emitted, so distinct components and distinct args each map to
+ * their own seed. A miss is always safe (it just re-fetches).
+ *
+ * This module is imported by the generated stub via the bare `@webjsdev/core`
+ * specifier; on the server it is inert (its only DOM access is inside
+ * `scanSeeds`, never called server-side).
+ */
+
+import { parse } from './serialize.js';
+
+/** Global consume-once seed store: `key -> value`. */
+const seeds = new Map();
+
+/** Returned by `takeSeed` when no seed matches; distinct from any real value. */
+export const SEED_MISS = Symbol('webjs.seed.miss');
+
+/** One-time eager scan guard (the initial-load document is scanned lazily). */
+let scannedInitial = false;
+
+/**
+ * Merge any seeds found under `root` into the global store, then remove the
+ * carriers so a re-scan (a streamed boundary, a soft navigation) never
+ * re-ingests stale data. Reads both the page-level `#__webjs-seeds` JSON block
+ * and per-element `[data-webjs-seed]` carriers. Idempotent and fail-open: a
+ * malformed payload is skipped, never thrown.
+ * @param {ParentNode & { querySelectorAll?: Function }} [root]
+ */
+export function scanSeeds(root) {
+  const scope = root || (typeof document !== 'undefined' ? document : null);
+  if (!scope || typeof scope.querySelectorAll !== 'function') return;
+  // Page-level JSON block(s).
+  for (const el of scope.querySelectorAll('script[type="application/json"]#__webjs-seeds, script[type="application/json"][data-webjs-seeds]')) {
+    ingest(el.textContent, el);
+  }
+  // Per-element carriers (streamed boundaries / future per-component seeding).
+  for (const el of scope.querySelectorAll('[data-webjs-seed]')) {
+    ingest(el.getAttribute('data-webjs-seed'), el, () => el.removeAttribute('data-webjs-seed'));
+  }
+}
+
+/**
+ * Parse one serialized seed payload and merge it (first write wins, so an
+ * already-consumed or earlier seed is never clobbered by a later duplicate),
+ * then run `cleanup` (or remove the element).
+ * @param {string | null} raw
+ * @param {Element} el
+ * @param {() => void} [cleanup]
+ */
+function ingest(raw, el, cleanup) {
+  if (raw) {
+    try {
+      const obj = parse(raw);
+      if (obj && typeof obj === 'object') {
+        for (const k in obj) if (!seeds.has(k)) seeds.set(k, obj[k]);
+      }
+    } catch {
+      // Malformed payload: ignore, the stub re-fetches.
+    }
+  }
+  if (cleanup) cleanup();
+  else el.remove?.();
+}
+
+/**
+ * Look up and CONSUME the seed for an action call. Returns the seeded value
+ * (removing it) on a hit, or `SEED_MISS` when there is none. The first call
+ * lazily scans the initial document, so the boot path needs no wiring; the
+ * router calls `scanSeeds(subtree)` for content that arrives later.
+ * @param {string} hash the action file's hash (the RPC endpoint hash)
+ * @param {string} fnName the exported action name
+ * @param {string} argsKey `stringify(args)`, computed by the stub with the same
+ *   serializer the server used, so identical args produce an identical key
+ * @returns {unknown | typeof SEED_MISS}
+ */
+export function takeSeed(hash, fnName, argsKey) {
+  if (!scannedInitial) {
+    scannedInitial = true;
+    scanSeeds();
+  }
+  const key = `${hash}/${fnName}/${argsKey}`;
+  if (seeds.has(key)) {
+    const v = seeds.get(key);
+    seeds.delete(key);
+    return v;
+  }
+  return SEED_MISS;
+}
+
+/** Test seam: drop all seeds and reset the lazy-scan guard. */
+export function __resetSeeds() {
+  seeds.clear();
+  scannedInitial = false;
+}

package/src/router-client.js

@@ -11,6 +11,9 @@ import { renderStream } from './webjs-stream.js';
 // Register <webjs-suspense> (the element-level streaming boundary, #471) so it
 // is layout-neutral and available for the progressive soft-nav streaming apply.
 import './webjs-suspense.js';
+// Ingest SSR action seeds (#472) from an incoming soft-nav document before its
+// components hydrate, so a navigated async component resolves from the seed.
+import { scanSeeds } from './action-seed-client.js';
 
 /** The content type a content-negotiated stream-action response carries (#248). */
 const STREAM_MIME = 'text/vnd.webjs-stream.html';
@@ -2067,6 +2070,13 @@ function upgradeCustomElementsInRange(range) {
 }
 
 function applySwap(doc, frameId, revalidating, href, incomingBuild) {
+  // SSR action seeding (#472): ingest any seed payload the incoming page
+  // carries BEFORE its components are grafted into the live DOM and upgrade, so
+  // a soft-navigated async component resolves from the seed instead of
+  // re-fetching. Scanning `doc` (the detached parse) also strips the seed
+  // carriers, so the inert payload never lands in the live document.
+  try { scanSeeds(doc); } catch { /* seeding is best-effort */ }
+
   // Any clean swap (no importmap mismatch, including cache restores
   // and frame swaps where we don't even run the mismatch check) is a
   // signal that the user successfully navigated, so clear the reload

package/src/webjs-config.d.ts

@@ -109,6 +109,15 @@ export interface WebjsConfig {
    */
   elide?: boolean;
 
+  /**
+   * SSR action-result seeding switch (#472). Default `true`. When on, a
+   * `'use server'` action's SSR result is serialized into the page so an
+   * `async render()` component does not re-fetch it over RPC on hydration. Set
+   * to `false` to disable (the client re-fetches as before). The `WEBJS_SEED`
+   * env override wins over this.
+   */
+  seed?: boolean;
+
   /** Per-path response-header rules, shaped like Next's. */
   headers?: WebjsHeaderRule[];