@weaverse/next 0.1.0-alpha.8 → 1.0.0

package/dist/index.mjs

@@ -1,13 +1,31 @@
-import { buildWeaverseNextRequestInfo, generateDataFromSchema } from './chunk-6PMZ77RA.mjs';
-export { buildWeaverseNextRequestInfo, formatWeaverseNextSeoMetadata, getWeaverseNextSeoMetadata, runWeaverseComponentLoaders } from './chunk-6PMZ77RA.mjs';
+import { buildWeaverseNextRequestInfo, DEFAULT_REVALIDATE_ENDPOINT, revalidateWeaverseNextItem, generateDataFromSchema } from './chunk-LH6AAEIK.mjs';
+export { DEFAULT_REVALIDATE_ENDPOINT, buildWeaverseNextRequestInfo, buildWeaverseNextRevalidateRouteContext, formatWeaverseNextSeoMetadata, generateDataFromSchema, getWeaverseNextSeoMetadata, revalidateWeaverseNextItem, runWeaverseComponentLoaders } from './chunk-LH6AAEIK.mjs';
 import { WeaverseRoot, Weaverse, WeaverseItemStore, useSafeExternalStore } from '@weaverse/react';
 export { isBrowser, isIframe, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
 import { createSchema } from '@weaverse/schema';
-export { createSchema } from '@weaverse/schema';
+export * from '@weaverse/schema';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { createContext, memo, useContext, useMemo, useRef, useEffect, useSyncExternalStore } from 'react';
+import { createContext, memo, useContext, useMemo, useEffect, useLayoutEffect, useRef, useSyncExternalStore } from 'react';
 import { useRouter } from 'next/navigation';
 
+function flattenItemData(update) {
+  let { data, ...rest } = update;
+  if (!(data && typeof data === "object" && !Array.isArray(data))) {
+    return rest;
+  }
+  return { ...data, ...rest };
+}
+var deferredItemUpdates = null;
+function collectDeferredItemUpdates(create) {
+  let previousQueue = deferredItemUpdates;
+  let queue = /* @__PURE__ */ new Set();
+  deferredItemUpdates = queue;
+  try {
+    return [create(), [...queue]];
+  } finally {
+    deferredItemUpdates = previousQueue;
+  }
+}
 var WeaverseNextItem = class extends WeaverseItemStore {
   /**
    * Cached merged snapshot (base `_store` + translations). Reset whenever the
@@ -17,12 +35,47 @@ var WeaverseNextItem = class extends WeaverseItemStore {
   _cachedSnapshot = null;
   _snapshotStoreRef = null;
   _snapshotTranslationRef = null;
+  /** Create an item store from serialized component data and its runtime. */
   constructor(initialData, weaverse) {
     super(initialData, weaverse);
-    let { data, ...rest } = initialData;
     let schemaData = generateDataFromSchema(this.Element?.schema);
-    Object.assign(this._store, schemaData, data, rest);
+    Object.assign(this._store, schemaData, flattenItemData(initialData));
   }
+  /**
+   * Flatten nested `data` on updates exactly like the constructor does. Core's
+   * `initProject()` calls `setData(item)` when a new runtime serves a page
+   * whose item instances already exist (e.g. locale/client navigation).
+   *
+   * A complete serialized item (it carries `id` and `type`; core's
+   * `initProject()` always passes one) replaces the store the way the
+   * constructor builds it: the schema defaults of the item's own `type` — the
+   * Builder can replace a section in place, keeping its id — then the item's
+   * settings. A payload omits a setting — or the whole optional `data` — when
+   * its value equals the schema default, so merging into the previous store
+   * would keep the previous locale's value visible. Partial updates still
+   * merge. Either way the `_store` ref changes, which invalidates the memoized
+   * snapshot below. The subscriber emit is queued instead of fired when a
+   * render-phase deferral is active (see `collectDeferredItemUpdates`).
+   */
+  setData = (update) => {
+    if ("id" in update && "type" in update) {
+      let { data, type } = update;
+      let schema = this.weaverse.elementRegistry.get(type)?.schema;
+      this._store = {
+        ...generateDataFromSchema(schema),
+        ...data === void 0 ? {} : { data },
+        ...flattenItemData(update)
+      };
+    } else {
+      this.data = flattenItemData(update);
+    }
+    if (deferredItemUpdates) {
+      deferredItemUpdates.add(this);
+    } else {
+      this.triggerUpdate();
+    }
+    return this.data;
+  };
   /**
    * Overlay item-level translations onto the base store when the runtime is in
    * translation mode. Mirrors Hydrogen's `WeaverseHydrogenItem.getSnapShot()`:
@@ -264,18 +317,24 @@ var useThemeText = useTranslation;
 
 // src/translation-store.ts
 var TranslationStore = class {
+  /** Current flat translation overrides keyed by dot path. */
   overrides = {};
   listeners = /* @__PURE__ */ new Set();
+  /** Replace every override and notify subscribers. */
   setOverrides = (overrides) => {
     this.overrides = { ...overrides };
     this.emit();
   };
+  /** Merge changed overrides into the current values and notify subscribers. */
   updateOverrides = (newOverrides) => {
     this.overrides = { ...this.overrides, ...newOverrides };
     this.emit();
   };
+  /** Return the current client-side override snapshot. */
   getSnapshot = () => this.overrides;
+  /** Return the override snapshot used during server rendering. */
   getServerSnapshot = () => this.overrides;
+  /** Subscribe to override changes and return an unsubscribe function. */
   subscribe = (callback) => {
     this.listeners.add(callback);
     return () => {
@@ -466,6 +525,12 @@ function getConfigString(configs, key) {
   let value = configs?.[key];
   return typeof value === "string" ? value : void 0;
 }
+function resolveModeFlag(config, key) {
+  return config.client?.requestContext?.[key] === true || config.data.configs?.[key] === true;
+}
+function resolveSectionType(config) {
+  return config.client?.requestContext?.sectionType || getConfigString(config.data.configs, "sectionType") || void 0;
+}
 function getRecordString(record, key) {
   let value = record?.[key];
   return typeof value === "string" ? value : void 0;
@@ -502,12 +567,30 @@ function registerRuntime(runtime) {
   runtimeWindow.__weaverses[runtime.pageId] = runtime;
   runtimeWindow.__weaverse = runtime;
 }
+function rebindPageItemsToRuntime(runtime) {
+  let items = runtime.data?.items;
+  if (!items) {
+    return;
+  }
+  for (let { id } of items) {
+    let instance = runtime.itemInstances.get(id);
+    if (instance && instance.weaverse !== runtime) {
+      instance.weaverse = runtime;
+    }
+  }
+}
 var WeaverseNextRuntime = class extends Weaverse {
+  /** Stable ID of the page owned by this runtime. */
   pageId;
+  /** Mutable callbacks and stores consumed by the Studio bridge. */
   internal;
+  /** Path, query, and locale metadata for Studio navigation. */
   requestInfo;
+  /** Whether this runtime renders a component preview. */
   isPreviewMode;
+  /** Whether this runtime renders a saved revision. */
   isRevisionPreview;
+  /** Component type rendered in section preview mode. */
   sectionType;
   // ─── Item-level translation sidecar (design mode only) ─────────────
   /**
@@ -516,29 +599,52 @@ var WeaverseNextRuntime = class extends Weaverse {
    * components, so translations render without mutating the base `_store`.
    */
   translationMap = {};
+  /** Locale associated with the item-level translation sidecar. */
   translationLocale = String();
+  /** Weaverse language ID used when saving translation changes. */
   translationLanguageId = String();
+  /**
+   * Fresh page data captured while React was rendering. Runtime reuse happens
+   * inside the renderer's render phase (`useMemo`), where applying it through
+   * `setProjectData()` would emit item updates to `useSyncExternalStore`
+   * subscribers mid-render. The renderer applies it post-commit via
+   * `flushRenderPhaseUpdates()`. Never set on design-mode runtimes — the live
+   * Studio tree owns the page data there.
+   */
+  pendingProjectData;
+  /**
+   * Reused item instances whose data was refreshed while this runtime was
+   * constructed during render (core `initProject()` calls `setData()` on
+   * them). Their data is already fresh; only the subscriber notification was
+   * deferred to `flushRenderPhaseUpdates()`.
+   */
+  pendingItemUpdates = [];
+  /** Create a browser runtime from a loaded page and its request context. */
   constructor(config) {
     let { client, data } = config;
     let page = getRenderablePage(data);
     let configs = data.configs;
     let requestContext = client?.requestContext;
+    let isDesignMode = resolveModeFlag(config, "isDesignMode");
+    let isPreviewMode = resolveModeFlag(config, "isPreviewMode");
+    let isRevisionPreview = resolveModeFlag(config, "isRevisionPreview");
+    let sectionType = resolveSectionType(config);
     let projectId = resolveProjectId(client, data, page.id);
     ensureNextItemConstructor();
     super({
       projectId,
       data: page,
-      isDesignMode: requestContext?.isDesignMode ?? false,
+      isDesignMode,
       weaverseHost: getConfigString(configs, "weaverseHost"),
       weaverseVersion: getConfigString(configs, "weaverseVersion")
     });
     this.pageId = page.id;
     this.dataContext = resolveDataContext(config);
     this.requestInfo = buildWeaverseNextRequestInfo(requestContext);
-    this.isDesignMode = requestContext?.isDesignMode ?? false;
-    this.isPreviewMode = requestContext?.isPreviewMode ?? false;
-    this.isRevisionPreview = requestContext?.isRevisionPreview ?? false;
-    this.sectionType = requestContext?.sectionType;
+    this.isDesignMode = isDesignMode;
+    this.isPreviewMode = isPreviewMode;
+    this.isRevisionPreview = isRevisionPreview;
+    this.sectionType = sectionType;
     let translationStore = config.translationStore ?? new TranslationStore();
     this.internal = {
       merchantOverrides: config.merchantOverrides,
@@ -641,6 +747,27 @@ var WeaverseNextRuntime = class extends Weaverse {
     this.extractTranslationSidecar();
     this.initProject();
   };
+  /**
+   * Apply updates deferred off the render phase: swap in any pending page data
+   * captured on runtime reuse, then notify items whose data was refreshed
+   * during construction. The renderer calls this from a layout effect right
+   * after commit, so subscribers re-render before paint (no content flash) and
+   * without React's setState-in-render warning.
+   */
+  flushRenderPhaseUpdates = () => {
+    let pendingData = this.pendingProjectData;
+    if (pendingData) {
+      this.pendingProjectData = void 0;
+      this.setProjectData(pendingData);
+    }
+    let pendingItems = this.pendingItemUpdates;
+    if (pendingItems.length > 0) {
+      this.pendingItemUpdates = [];
+      for (let item of pendingItems) {
+        item.triggerUpdate();
+      }
+    }
+  };
 };
 function createWeaverseNextRuntime(config) {
   let requestInfo = buildWeaverseNextRequestInfo(config.client?.requestContext);
@@ -649,20 +776,26 @@ function createWeaverseNextRuntime(config) {
   let existing = runtimeWindow?.__weaverses?.[page.id];
   let requestKey = getRuntimeKey(page.id, requestInfo);
   if (existing?.__weaverseNextRequestKey === requestKey) {
-    let nextIsDesignMode = config.client?.requestContext?.isDesignMode ?? false;
-    if (!(existing.isDesignMode || nextIsDesignMode)) {
-      existing.setProjectData(page);
+    let configs = config.data.configs;
+    let nextIsDesignMode = resolveModeFlag(config, "isDesignMode");
+    let nextIsPreviewMode = resolveModeFlag(config, "isPreviewMode");
+    let nextIsRevisionPreview = resolveModeFlag(config, "isRevisionPreview");
+    let nextSectionType = resolveSectionType(config);
+    if (existing.isDesignMode || nextIsDesignMode) {
+      existing.pendingProjectData = void 0;
+    } else {
+      existing.pendingProjectData = page;
     }
     existing.__weaverseNextLatestData = page;
     existing.dataContext = resolveDataContext(config);
     existing.requestInfo = requestInfo;
     existing.projectId = resolveProjectId(config.client, config.data, page.id);
     existing.isDesignMode = nextIsDesignMode;
-    existing.isPreviewMode = config.client?.requestContext?.isPreviewMode ?? false;
-    existing.isRevisionPreview = config.client?.requestContext?.isRevisionPreview ?? false;
-    existing.sectionType = config.client?.requestContext?.sectionType;
-    existing.weaverseHost = getConfigString(config.data.configs, "weaverseHost") ?? existing.weaverseHost;
-    existing.weaverseVersion = getConfigString(config.data.configs, "weaverseVersion") ?? existing.weaverseVersion;
+    existing.isPreviewMode = nextIsPreviewMode;
+    existing.isRevisionPreview = nextIsRevisionPreview;
+    existing.sectionType = nextSectionType;
+    existing.weaverseHost = getConfigString(configs, "weaverseHost") ?? existing.weaverseHost;
+    existing.weaverseVersion = getConfigString(configs, "weaverseVersion") ?? existing.weaverseVersion;
     existing.internal.pageAssignment = config.data.pageAssignment;
     existing.internal.project = config.data.project;
     if (config.navigate) {
@@ -682,7 +815,11 @@ function createWeaverseNextRuntime(config) {
     registerRuntime(existing);
     return existing;
   }
-  let runtime = new WeaverseNextRuntime(config);
+  let [runtime, refreshedItems] = collectDeferredItemUpdates(
+    () => new WeaverseNextRuntime(config)
+  );
+  runtime.pendingItemUpdates = refreshedItems;
+  rebindPageItemsToRuntime(runtime);
   runtime.__weaverseNextRequestKey = requestKey;
   runtime.__weaverseNextLatestData = page;
   registerRuntime(runtime);
@@ -697,7 +834,10 @@ function bindWeaverseNextStudioRuntime(runtime) {
     return false;
   }
   let boundRuntime = runtime;
-  if (!boundRuntime.__weaverseNextStudioBound) {
+  let activeRuntime = studio.weaverse;
+  let activeRequestInfo = activeRuntime?.requestInfo;
+  let isActiveUrl = !activeRequestInfo || activeRequestInfo.pathname === runtime.requestInfo.pathname && activeRequestInfo.search === runtime.requestInfo.search;
+  if (!(boundRuntime.__weaverseNextStudioBound && isActiveUrl)) {
     studio.init?.(runtime);
     boundRuntime.__weaverseNextStudioBound = true;
     return true;
@@ -709,29 +849,6 @@ function bindWeaverseNextStudioRuntime(runtime) {
   });
   return true;
 }
-
-// src/revalidate-item.ts
-var DEFAULT_REVALIDATE_ENDPOINT = "/api/weaverse/revalidate";
-async function revalidateWeaverseNextItem(runtime, draftItem, endpoint = DEFAULT_REVALIDATE_ENDPOINT) {
-  let instance = runtime.itemInstances.get(draftItem.id);
-  if (!instance) {
-    throw new Error(
-      `[weaverse-next] No live item instance for "${draftItem.id}".`
-    );
-  }
-  let response = await fetch(endpoint, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ draftItem })
-  });
-  if (!response.ok) {
-    throw new Error(
-      `[weaverse-next] Revalidate endpoint responded ${response.status}.`
-    );
-  }
-  let { loaderData } = await response.json();
-  instance.setData({ loaderData: loaderData ?? null });
-}
 var STUDIO_BIND_RETRY_INTERVAL_MS = 50;
 var STUDIO_BIND_MAX_ATTEMPTS = 100;
 function WeaverseNextStudioBridge(props) {
@@ -835,6 +952,7 @@ function WeaverseNextStudio(props) {
   );
 }
 var EMPTY_DATA_CONTEXT = {};
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
 function getRenderablePage2(data) {
   let page = data?.page;
   if (!page) {
@@ -870,6 +988,9 @@ var WeaverseNextRenderer = memo(function WeaverseNextRendererComponent(props) {
     context?.themeSettingsStore,
     context?.translationStore
   ]);
+  useIsomorphicLayoutEffect(() => {
+    weaverse?.flushRenderPhaseUpdates();
+  }, [weaverse]);
   if (!weaverse) {
     return null;
   }
@@ -942,7 +1063,7 @@ function resolveWeaverseNextStudioScriptSrc(context, options = {}) {
   if (!isTrustedStudioOrigin(origin, storefrontHostname)) {
     return null;
   }
-  let bundle = isDesignMode ? "index.js" : "preview.js";
+  let bundle = isPreviewMode || isRevisionPreview ? "preview.js" : "index.js";
   let version = last(searchParams, "weaverseVersion");
   let url = `${origin}/static/studio/next/${bundle}`;
   return version ? `${url}?v=${encodeURIComponent(version)}` : url;
@@ -992,6 +1113,6 @@ function WeaverseNextStudioConnect(props) {
   return null;
 }
 
-export { DEFAULT_REVALIDATE_ENDPOINT, ThemeTextProvider, ThemeTextStore, TranslationProvider, TranslationStore, WeaverseNextProvider, WeaverseNextRenderer, WeaverseNextRootProvider, WeaverseNextRuntime, WeaverseNextStudio, WeaverseNextStudioBridge, WeaverseNextStudioConnect, bindWeaverseNextStudioRuntime, createTranslate, createWeaverseNextClient, createWeaverseNextRuntime, createWeaverseNextStudioInternals, createWeaverseNextThemeSettingsStore, getNestedKey, interpolate, loadWeaverseNextStudioScript, resolveWeaverseNextStudioScriptSrc, revalidateWeaverseNextItem, useThemeSettings, useThemeText, useTranslation, useWeaverseCommerce, useWeaverseNextStudioInternals, useWeaversePageData, useWeaverseRootData };
+export { ThemeTextProvider, ThemeTextStore, TranslationProvider, TranslationStore, WeaverseNextProvider, WeaverseNextRenderer, WeaverseNextRootProvider, WeaverseNextRuntime, WeaverseNextStudio, WeaverseNextStudioBridge, WeaverseNextStudioConnect, bindWeaverseNextStudioRuntime, createTranslate, createWeaverseNextClient, createWeaverseNextRuntime, createWeaverseNextStudioInternals, createWeaverseNextThemeSettingsStore, getNestedKey, interpolate, loadWeaverseNextStudioScript, resolveWeaverseNextStudioScriptSrc, useThemeSettings, useThemeText, useTranslation, useWeaverseCommerce, useWeaverseNextStudioInternals, useWeaversePageData, useWeaverseRootData };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map