@weaverse/hydrogen 5.16.3 → 5.16.4

package/dist/index.mjs

@@ -56,77 +56,70 @@ function interpolate(template, variables) {
     return value === void 0 ? match : String(value);
   });
 }
-var ThemeTextContext = createContext(null);
-ThemeTextContext.displayName = "WeaverseThemeTextContext";
-function unflattenKeys(flat) {
-  const result = {};
-  for (const [dotPath, value] of Object.entries(flat)) {
-    const keys = dotPath.split(".");
-    let current = result;
-    for (let i = 0; i < keys.length - 1; i++) {
-      const k = keys[i];
-      if (!(k in current) || typeof current[k] !== "object") {
-        current[k] = {};
+var TranslationContext = createContext(null);
+TranslationContext.displayName = "WeaverseTranslationContext";
+function createTranslate(sources) {
+  const { staticContent, merchantOverrides, designOverrides, externalT } = sources;
+  return (key, variables) => {
+    if (externalT) {
+      const external = externalT(key, variables);
+      if (external && external !== key) {
+        return external;
       }
-      current = current[k];
     }
-    current[keys[keys.length - 1]] = value;
-  }
-  return result;
+    const design = designOverrides && Object.hasOwn(designOverrides, key) ? designOverrides[key] : void 0;
+    const override = merchantOverrides ? getNestedKey(merchantOverrides, key) : void 0;
+    const staticValue = getNestedKey(staticContent, key);
+    const raw = design ?? override ?? staticValue ?? key;
+    return interpolate(raw, variables);
+  };
 }
 var EMPTY = {};
 var NOOP_SUBSCRIBE = () => () => {
 };
 var NOOP_SNAPSHOT = () => EMPTY;
-function ThemeTextProvider({
+function TranslationProvider({
   staticContent,
   merchantOverrides,
   t: externalT,
+  translationStore,
   themeTextStore,
   children
 }) {
+  const store = translationStore ?? themeTextStore ?? null;
   const designOverrides = useSafeExternalStore(
-    themeTextStore?.subscribe ?? NOOP_SUBSCRIBE,
-    themeTextStore?.getSnapshot ?? NOOP_SNAPSHOT,
-    themeTextStore?.getServerSnapshot ?? NOOP_SNAPSHOT
+    store?.subscribe ?? NOOP_SUBSCRIBE,
+    store?.getSnapshot ?? NOOP_SNAPSHOT,
+    store?.getServerSnapshot ?? NOOP_SNAPSHOT
   );
-  const mergedOverrides = designOverrides !== EMPTY && Object.keys(designOverrides).length > 0 ? { ...merchantOverrides, ...unflattenKeys(designOverrides) } : merchantOverrides;
-  const value = useMemo(() => {
-    const t = (key, variables) => {
-      if (externalT) {
-        const external = externalT(key, variables);
-        if (external && external !== key) {
-          return external;
-        }
-      }
-      const override = mergedOverrides ? getNestedKey(mergedOverrides, key) : void 0;
-      const staticValue = getNestedKey(staticContent, key);
-      const raw = override ?? staticValue ?? key;
-      return interpolate(raw, variables);
-    };
-    return {
-      t,
-      themeTextStore: themeTextStore ?? null,
+  const value = useMemo(
+    () => ({
+      t: createTranslate({
+        staticContent,
+        merchantOverrides,
+        designOverrides,
+        externalT
+      }),
+      translationStore: store,
+      // Deprecated alias — same instance, kept for backward compatibility.
+      themeTextStore: store,
       merchantOverrides: merchantOverrides ?? null
-    };
-  }, [
-    staticContent,
-    merchantOverrides,
-    mergedOverrides,
-    externalT,
-    themeTextStore
-  ]);
-  return /* @__PURE__ */ jsx(ThemeTextContext.Provider, { value, children });
+    }),
+    [staticContent, merchantOverrides, designOverrides, externalT, store]
+  );
+  return /* @__PURE__ */ jsx(TranslationContext.Provider, { value, children });
 }
-function useThemeText() {
-  const ctx = useContext(ThemeTextContext);
+function useTranslation() {
+  const ctx = useContext(TranslationContext);
   if (!ctx) {
     throw new Error(
-      "useThemeText must be used within <ThemeTextProvider>. Wrap your app with withWeaverse()."
+      "useTranslation must be used within <TranslationProvider>. Wrap your app with withWeaverse()."
     );
   }
   return ctx;
 }
+var ThemeTextProvider = TranslationProvider;
+var useThemeText = useTranslation;
 function createFlatDataContext(matches) {
   const context = {};
   for (const match of matches) {
@@ -520,8 +513,8 @@ function getPreviewData(type, components, weaverseHost) {
   };
 }
 
-// src/utils/theme-text-store.ts
-var ThemeTextStore = class {
+// src/utils/translation-store.ts
+var TranslationStore = class {
   overrides = {};
   listeners = /* @__PURE__ */ new Set();
   setOverrides = (overrides) => {
@@ -545,11 +538,12 @@ var ThemeTextStore = class {
       try {
         listener();
       } catch (error) {
-        console.error("ThemeTextStore: Listener error", error);
+        console.error("TranslationStore: Listener error", error);
       }
     }
   };
 };
+var ThemeTextStore = TranslationStore;
 
 // src/utils/pick-weaverse-data.ts
 function pickWeaverseData(dataProp, ownLoaderData, matches) {
@@ -639,11 +633,14 @@ function syncReusedInstance(weaverse, params) {
 var currentNavigationKey = null;
 var firedPageIds = /* @__PURE__ */ new Set();
 var mountedInstances = 0;
-function shouldFirePixel(navigationKey, pageId) {
+function observeNavigation(navigationKey) {
   if (navigationKey !== currentNavigationKey) {
     currentNavigationKey = navigationKey;
     firedPageIds.clear();
   }
+}
+function shouldFirePixel(navigationKey, pageId) {
+  observeNavigation(navigationKey);
   if (firedPageIds.has(pageId)) {
     return false;
   }
@@ -798,7 +795,7 @@ function useStudio(weaverse) {
   let { pathname, search } = useLocation();
   let navigate = useNavigate();
   let themeSettingsStore = useThemeSettingsStore();
-  let { themeTextStore, merchantOverrides } = useThemeText();
+  let { translationStore, themeTextStore, merchantOverrides } = useTranslation();
   let {
     isDesignMode,
     weaverseHost,
@@ -829,6 +826,8 @@ function useStudio(weaverse) {
         revalidate,
         merchantOverrides,
         themeSettingsStore,
+        translationStore,
+        // Deprecated alias for existing Studio bridge integrations.
         themeTextStore
       };
       loadScript(src).then(waitForStudio).then((studio) => studio?.init(weaverse)).catch(console.error);
@@ -839,6 +838,12 @@ function useStudio(weaverse) {
 function usePixel(context) {
   let { projectId, pageId, isDesignMode, weaverseHost } = context;
   let { key: navigationKey } = useLocation();
+  useEffect(() => {
+    if (!(projectId && pageId) || isDesignMode) {
+      return;
+    }
+    observeNavigation(navigationKey);
+  }, [navigationKey, projectId, pageId, isDesignMode]);
   useEffect(() => {
     if (!(projectId && pageId) || isDesignMode) {
       return;
@@ -1126,18 +1131,18 @@ var WeaverseHydrogenRoot = memo(
 function withWeaverse(Component, options) {
   return (props) => {
     const themeSettingsStore = useCreateThemeSettingsStore();
-    const themeTextData = useThemeTextData();
-    const themeTextStoreRef = useRef(null);
-    if (!themeTextStoreRef.current) {
-      themeTextStoreRef.current = new ThemeTextStore();
+    const translationData = useTranslationData();
+    const translationStoreRef = useRef(null);
+    if (!translationStoreRef.current) {
+      translationStoreRef.current = new TranslationStore();
     }
     return /* @__PURE__ */ jsx(ThemeSettingsStoreContext.Provider, { value: themeSettingsStore, children: /* @__PURE__ */ jsxs(
-      ThemeTextProvider,
+      TranslationProvider,
       {
-        merchantOverrides: themeTextData.merchantOverrides,
-        staticContent: themeTextData.staticContent,
+        merchantOverrides: translationData.merchantOverrides,
+        staticContent: translationData.staticContent,
         t: options?.t,
-        themeTextStore: themeTextStoreRef.current,
+        translationStore: translationStoreRef.current,
         children: [
           /* @__PURE__ */ jsx(StudioConnect, {}),
           /* @__PURE__ */ jsx(Component, { ...props })
@@ -1146,7 +1151,7 @@ function withWeaverse(Component, options) {
     ) });
   };
 }
-function useThemeTextData() {
+function useTranslationData() {
   const data = useRouteLoaderData("root");
   return {
     staticContent: data?.weaverseTheme?.staticContent ?? {},
@@ -1724,6 +1729,9 @@ var WeaverseClient = class {
     try {
       const { projectId, weaverseHost } = this.configs;
       const i18n = this.storefront.i18n;
+      if (!this.themeSchema?.i18n) {
+        return;
+      }
       if (!(projectId && weaverseHost)) {
         return;
       }
@@ -1824,7 +1832,7 @@ var WeaverseClient = class {
    * Fetches page content, executes component loaders, and handles empty items fallback.
    *
    * @param params - Optional page loading parameters
-   * @param params.type - Page type (HOME, PAGE, PRODUCT, COLLECTION, etc.)
+   * @param params.type - Page type (INDEX, PAGE, PRODUCT, COLLECTION, etc.)
    * @param params.handle - Page handle for dynamic routes
    * @param params.locale - Locale override
    * @param params.projectId - Route-level project ID override (for multi-project)
@@ -1837,7 +1845,7 @@ var WeaverseClient = class {
    * const data = await weaverse.loadPage()
    *
    * // With page type
-   * const data = await weaverse.loadPage({ type: 'HOME' })
+   * const data = await weaverse.loadPage({ type: 'INDEX' })
    *
    * // Route-level project override
    * const data = await weaverse.loadPage({
@@ -2053,6 +2061,6 @@ var IMAGES_PLACEHOLDERS = {
   product_18: "https://cdn.shopify.com/s/files/1/0838/0052/3057/files/fpo-product-watch-2-1024x1024.svg"
 };
 
-export { IMAGES_PLACEHOLDERS, ThemeTextProvider, ThemeTextStore, WeaverseClient, WeaverseError, WeaverseHydrogen, WeaverseHydrogenItem, WeaverseHydrogenRoot, createWeaverseDataContext, defaultComponents, formatMetaDescriptors, generateDataFromSchema, getNestedKey, getPreviewData, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, getWeaverseSeoMeta, hasError, hasWeaverseStudio, interpolate, isFetchProjectPayload, isProjectIdFunction, isThemeSettingsResponse, isValidHydrogenSchema, isWithCacheFetchResponse, registerComponent, useThemeSettings, useThemeText, useWeaverseDataContext, withWeaverse };
+export { IMAGES_PLACEHOLDERS, ThemeTextProvider, ThemeTextStore, TranslationProvider, TranslationStore, WeaverseClient, WeaverseError, WeaverseHydrogen, WeaverseHydrogenItem, WeaverseHydrogenRoot, createWeaverseDataContext, defaultComponents, formatMetaDescriptors, generateDataFromSchema, getNestedKey, getPreviewData, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, getWeaverseSeoMeta, hasError, hasWeaverseStudio, interpolate, isFetchProjectPayload, isProjectIdFunction, isThemeSettingsResponse, isValidHydrogenSchema, isWithCacheFetchResponse, registerComponent, useThemeSettings, useThemeText, useTranslation, useWeaverseDataContext, withWeaverse };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map