@weaverse/hydrogen 5.8.4 → 5.8.6

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { createWithCache, CacheCustom, getSelectedProductOptions as getSelectedProductOptions$1 } from '@shopify/hydrogen';
-import { Weaverse, WeaverseItemStore, loadScript, WeaverseRoot, isBrowser, EventEmitter, useSafeExternalStore } from '@weaverse/react';
+import { Weaverse, WeaverseItemStore, loadScript, WeaverseRoot, isBrowser, useSafeExternalStore } from '@weaverse/react';
 export { isBrowser, isIframe, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
 import { createSchema, isValidSchema } from '@weaverse/schema';
 export * from '@weaverse/schema';
@@ -8,18 +8,7 @@ import { useMatches, Await, useRevalidator, useNavigation, useLocation, useNavig
 import { memo, useMemo, Suspense, createContext, useEffect } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/components/main.tsx
-var main_exports = {};
-__export(main_exports, {
-  default: () => main_default,
-  schema: () => schema
-});
+// src/index.ts
 function Main(props) {
   let { children, dangerouslySetInnerHTML, ...rest } = props;
   return /* @__PURE__ */ jsx(
@@ -38,7 +27,12 @@ var schema = createSchema({
 });
 
 // src/components/index.ts
-var defaultComponents = [main_exports];
+var defaultComponents = [
+  {
+    default: main_default,
+    schema
+  }
+];
 function createFlatDataContext(matches) {
   const context = {};
   for (const match of matches) {
@@ -92,6 +86,9 @@ function isThemeSettingsResponse(data) {
 function isValidHydrogenSchema(schema2) {
   return isValidSchema(schema2);
 }
+function hasWeaverseStudio(window2) {
+  return "weaverseStudio" in window2 && typeof window2.weaverseStudio === "object";
+}
 
 // src/utils/index.ts
 var warnedTypes = /* @__PURE__ */ new Set();
@@ -153,6 +150,8 @@ function getWeaverseConfigs(request, env) {
     weaverseVersion,
     weaverseApiKey
   } = queries;
+  let url = new URL(request.url);
+  let isRevisionPreview = url.searchParams.has("__revisionId");
   return {
     projectId: weaverseProjectId || WEAVERSE_PROJECT_ID || envFromProcess.WEAVERSE_PROJECT_ID || "",
     weaverseHost: weaverseHost || WEAVERSE_HOST || envFromProcess.WEAVERSE_HOST || "https://studio.weaverse.io",
@@ -161,6 +160,7 @@ function getWeaverseConfigs(request, env) {
     weaverseVersion: weaverseVersion || "",
     isDesignMode,
     isPreviewMode,
+    isRevisionPreview,
     sectionType: sectionType || "",
     publicEnv: {
       PUBLIC_STORE_DOMAIN: PUBLIC_STORE_DOMAIN || "",
@@ -292,13 +292,15 @@ function getPreviewData(type, components, weaverseHost) {
     }
   };
 }
-var ThemeSettingsStore = class extends EventEmitter {
+var ThemeSettingsStore = class {
   settings = {};
   schema;
   publicEnv;
+  listeners = /* @__PURE__ */ new Set();
+  MAX_LISTENERS = 100;
+  isDestroyed = false;
   constructor(data) {
-    super();
-    let { theme, schema: schema2, publicEnv } = data || {};
+    const { theme, schema: schema2, publicEnv } = data || {};
     this.settings = { ...theme };
     this.schema = schema2;
     this.publicEnv = publicEnv;
@@ -307,17 +309,59 @@ var ThemeSettingsStore = class extends EventEmitter {
     }
   }
   updateThemeSettings = (newSettings) => {
+    if (this.isDestroyed) {
+      console.warn("ThemeSettingsStore: Cannot update destroyed store");
+      return;
+    }
     this.settings = {
       ...this.settings,
       ...newSettings
     };
-    this.emit(this.settings);
+    this.emit();
   };
   getSnapshot = () => this.settings;
   getServerSnapshot = () => this.settings;
+  subscribe = (callback) => {
+    if (this.isDestroyed) {
+      console.warn("ThemeSettingsStore: Cannot subscribe to destroyed store");
+      return () => {
+      };
+    }
+    if (this.listeners.size >= this.MAX_LISTENERS) {
+      console.warn(
+        `ThemeSettingsStore: Maximum listeners (${this.MAX_LISTENERS}) exceeded. Possible memory leak detected.`
+      );
+      return () => {
+      };
+    }
+    this.listeners.add(callback);
+    return () => {
+      this.listeners.delete(callback);
+    };
+  };
+  emit = () => {
+    if (this.isDestroyed) return;
+    const currentListeners = Array.from(this.listeners);
+    for (const listener of currentListeners) {
+      try {
+        listener();
+      } catch (error) {
+        console.error("ThemeSettingsStore: Listener error", error);
+      }
+    }
+  };
+  // Method to properly clean up the store
+  destroy = () => {
+    if (this.isDestroyed) return;
+    this.listeners.clear();
+    this.isDestroyed = true;
+    if (isBrowser && window.__weaverseThemeSettingsStore === this) {
+      window.__weaverseThemeSettingsStore = void 0;
+    }
+  };
 };
 function useThemeSettingsStore() {
-  let data = useRouteLoaderData("root");
+  const data = useRouteLoaderData("root");
   if (isBrowser && window.__weaverseThemeSettingsStore) {
     return window.__weaverseThemeSettingsStore;
   }
@@ -331,10 +375,16 @@ function useStudio(weaverse) {
   let { pathname, search } = useLocation();
   let navigate = useNavigate();
   let themeSettingsStore = useThemeSettingsStore();
-  let { isDesignMode, weaverseHost, weaverseVersion, isPreviewMode } = weaverse;
+  let {
+    isDesignMode,
+    weaverseHost,
+    weaverseVersion,
+    isPreviewMode,
+    isRevisionPreview
+  } = weaverse;
   useEffect(() => {
     if (navigation.state === "idle") {
-      if (isPreviewMode) {
+      if (isRevisionPreview || isPreviewMode) {
         let previewSrc = `${weaverseHost}/static/studio/hydrogen/preview.js?v=${weaverseVersion}`;
         loadScript(previewSrc).catch(console.error);
       } else if (isDesignMode) {
@@ -346,7 +396,9 @@ function useStudio(weaverse) {
         };
         let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
         loadScript(studioSrc).then(() => {
-          window.weaverseStudio?.init(weaverse);
+          if (hasWeaverseStudio(window)) {
+            window.weaverseStudio.init(weaverse);
+          }
         }).catch(console.error);
       }
     }
@@ -381,7 +433,6 @@ var WeaverseHydrogenItem = class extends WeaverseItemStore {
 };
 Weaverse.ItemConstructor = WeaverseHydrogenItem;
 var WeaverseHydrogen = class extends Weaverse {
-  platformType = "shopify-hydrogen";
   pageId;
   internal;
   requestInfo;
@@ -392,6 +443,7 @@ var WeaverseHydrogen = class extends Weaverse {
   weaverseVersion;
   isDesignMode;
   isPreviewMode;
+  isRevisionPreview;
   sectionType;
   static itemInstances;
   static elementRegistry;
@@ -408,6 +460,7 @@ var WeaverseHydrogen = class extends Weaverse {
     this.weaverseVersion = params.weaverseVersion || "";
     this.isDesignMode = params.isDesignMode ?? false;
     this.isPreviewMode = params.isPreviewMode ?? false;
+    this.isRevisionPreview = params.isRevisionPreview ?? false;
     this.sectionType = params.sectionType || "";
   }
 };
@@ -421,7 +474,9 @@ function createWeaverseInstance(params) {
     }
     if (weaverse?.isDesignMode) {
       weaverse.requestInfo = params.requestInfo;
-      window.weaverseStudio?.refreshStudio(params);
+      if (hasWeaverseStudio(window)) {
+        window.weaverseStudio.refreshStudio(params);
+      }
     }
     return weaverse;
   }
@@ -460,7 +515,7 @@ function registerComponent(element) {
 var WeaverseHydrogenRoot = memo(
   ({
     components,
-    errorComponent: ErrorComponent = ({ error }) => /* @__PURE__ */ jsx("div", { children: error?.message || "An unexpected error occurred" })
+    errorComponent: ErrorComponent = ({ error }) => /* @__PURE__ */ jsx("div", { children: error instanceof Error ? error.message : "An unexpected error occurred" })
   }) => {
     const matches = useMatches();
     const enhancedDataContext = createWeaverseDataContext(matches);
@@ -615,7 +670,9 @@ var WeaverseClient = class {
       weaverseApiBase: this.configs.weaverseApiBase,
       weaverseApiKey: this.configs.weaverseApiKey,
       weaverseVersion: this.configs.weaverseVersion,
-      isDesignMode: this.configs.isDesignMode
+      isDesignMode: this.configs.isDesignMode,
+      isPreviewMode: this.configs.isPreviewMode,
+      isRevisionPreview: this.configs.isRevisionPreview
     };
     this.basePageRequestBody = {
       isDesignMode: this.configs.isDesignMode,
@@ -849,13 +906,8 @@ var WeaverseClient = class {
       }
     }
   };
-  // Helper method to detect if request is from localhost
-  isLocalhost() {
-    const hostname = this.parsedUrl.hostname;
-    return hostname === "localhost" || hostname === "127.0.0.1";
-  }
   // Helper method for building API URLs consistently
-  getApiUrl(endpoint, useProxy = !(this.configs.isDesignMode || this.isLocalhost())) {
+  getApiUrl(endpoint, useProxy = !this.configs.isDesignMode) {
     const { weaverseHost, weaverseApiBase, projectId } = this.configs;
     if (useProxy) {
       return `${weaverseApiBase}/v1/${endpoint}?projectId=${projectId}`;
@@ -1169,6 +1221,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, WeaverseClient, WeaverseError, WeaverseHydrogen, WeaverseHydrogenItem, WeaverseHydrogenRoot, createWeaverseDataContext, defaultComponents, generateDataFromSchema, getPreviewData, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, hasError, isFetchProjectPayload, isProjectIdFunction, isThemeSettingsResponse, isValidHydrogenSchema, isWithCacheFetchResponse, registerComponent, useThemeSettings, useWeaverseDataContext, withWeaverse };
+export { IMAGES_PLACEHOLDERS, WeaverseClient, WeaverseError, WeaverseHydrogen, WeaverseHydrogenItem, WeaverseHydrogenRoot, createWeaverseDataContext, defaultComponents, generateDataFromSchema, getPreviewData, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, hasError, hasWeaverseStudio, isFetchProjectPayload, isProjectIdFunction, isThemeSettingsResponse, isValidHydrogenSchema, isWithCacheFetchResponse, registerComponent, useThemeSettings, useWeaverseDataContext, withWeaverse };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map