@weaverse/hydrogen 2.7.2 → 2.8.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { ElementData, ElementSchema, BasicInput as BasicInput$1, WeaverseElement, WeaverseCoreParams, WeaverseProjectDataType, WeaverseResourcePickerData, Weaverse, PlatformTypeEnum, WeaverseItemStore } from '@weaverse/react';
-export { InputType, WeaverseImage, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
+export { InputType, PositionInputValue, WeaverseImage, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
 import { NavigateFunction } from '@remix-run/react';
 import { createWithCache, Storefront } from '@shopify/hydrogen';
 import { LanguageCode, CountryCode, CurrencyCode } from '@shopify/hydrogen/storefront-api-types';
@@ -112,9 +112,15 @@ interface HydrogenComponentSchema extends ElementSchema {
 type BasicInput = BasicInput$1 & {
     shouldRevalidate?: boolean;
 };
+type HeadingInputType = 'heading';
+type HeadingInput = {
+    type: HeadingInputType;
+    label: string;
+    [key: string]: any;
+};
 interface InspectorGroup {
     group: string;
-    inputs: BasicInput[];
+    inputs: (BasicInput | HeadingInput)[];
 }
 interface HydrogenComponentProps<L = any> extends WeaverseElement {
     className?: string;
@@ -134,7 +140,6 @@ type WeaverseLoaderRequestInfo = {
 };
 type WeaverseStorefrontData = {
     id?: string;
-    __cachedId?: string;
     rootId: string;
     name: string;
     items: HydrogenComponentData[];
@@ -221,9 +226,9 @@ interface WeaverseLoaderData {
 }
 interface HydrogenPageData extends WeaverseProjectDataType {
     id: string;
-    pageId: string;
     name: string;
     items: HydrogenComponentData[];
+    __cacheId?: string;
     [key: string]: any;
 }
 interface WeaverseHydrogenRootProps {
@@ -267,6 +272,7 @@ type FetchProjectPayload = {
     page: HydrogenPageData;
     project: HydrogenProjectType;
     pageAssignment: HydrogenPageAssignment;
+    error?: string;
 };
 type HydrogenThemeEnv = {
     WEAVERSE_PROJECT_ID: string;
@@ -304,7 +310,7 @@ type WeaverseArticle = WeaverseResourcePickerData;
 declare global {
     interface Window {
         __weaverse: WeaverseHydrogen;
-        __weaverses: WeaverseHydrogen[];
+        __weaverses: Record<string, WeaverseHydrogen>;
     }
 }
 
@@ -336,4 +342,4 @@ declare class WeaverseHydrogenItem extends WeaverseItemStore {
     set data(update: HydrogenComponentData);
 }
 
-export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type FetchProjectPayload, type FetchProjectRequestBody, type FetchWithCacheOptions, type HydrogenComponent, type HydrogenComponentData, type HydrogenComponentLoaderFunction, type HydrogenComponentPresets, type HydrogenComponentProps, type HydrogenComponentSchema, type HydrogenElement, type HydrogenPageAssignment, type HydrogenPageConfigs, type HydrogenPageData, type HydrogenProjectConfig, type HydrogenProjectType, type HydrogenThemeEnv, type HydrogenThemeInfo, type HydrogenThemeSchema, type HydrogenThemeSettings, type HydrogenToolbarAction, type I18nLocale, type InspectorGroup, type LoadPageParams, type Locale, type Localizations, type PageAssignmentParams, type PageType, type PublicEnv, type RootRouteData, type RouteLoaderArgs, ThemeSettingsStore, type WeaverseArticle, type WeaverseBlog, WeaverseClient, type WeaverseClientArgs, type WeaverseCollection, WeaverseHydrogen, WeaverseHydrogenItem, type WeaverseHydrogenParams, WeaverseHydrogenRoot, type WeaverseHydrogenRootProps, type WeaverseInternal, type WeaverseLoaderData, type WeaverseLoaderRequestInfo, type WeaverseProduct, type WeaverseProjectConfigs, type WeaverseStorefrontData, type WeaverseStudioQueries, type WeaverseThemeConfigs, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };
+export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type FetchProjectPayload, type FetchProjectRequestBody, type FetchWithCacheOptions, type HeadingInput, type HeadingInputType, type HydrogenComponent, type HydrogenComponentData, type HydrogenComponentLoaderFunction, type HydrogenComponentPresets, type HydrogenComponentProps, type HydrogenComponentSchema, type HydrogenElement, type HydrogenPageAssignment, type HydrogenPageConfigs, type HydrogenPageData, type HydrogenProjectConfig, type HydrogenProjectType, type HydrogenThemeEnv, type HydrogenThemeInfo, type HydrogenThemeSchema, type HydrogenThemeSettings, type HydrogenToolbarAction, type I18nLocale, type InspectorGroup, type LoadPageParams, type Locale, type Localizations, type PageAssignmentParams, type PageType, type PublicEnv, type RootRouteData, type RouteLoaderArgs, ThemeSettingsStore, type WeaverseArticle, type WeaverseBlog, WeaverseClient, type WeaverseClientArgs, type WeaverseCollection, WeaverseHydrogen, WeaverseHydrogenItem, type WeaverseHydrogenParams, WeaverseHydrogenRoot, type WeaverseHydrogenRootProps, type WeaverseInternal, type WeaverseLoaderData, type WeaverseLoaderRequestInfo, type WeaverseProduct, type WeaverseProjectConfigs, type WeaverseStorefrontData, type WeaverseStudioQueries, type WeaverseThemeConfigs, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { ElementData, ElementSchema, BasicInput as BasicInput$1, WeaverseElement, WeaverseCoreParams, WeaverseProjectDataType, WeaverseResourcePickerData, Weaverse, PlatformTypeEnum, WeaverseItemStore } from '@weaverse/react';
-export { InputType, WeaverseImage, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
+export { InputType, PositionInputValue, WeaverseImage, useChildInstances, useItemInstance, useParentInstance, useWeaverse } from '@weaverse/react';
 import { NavigateFunction } from '@remix-run/react';
 import { createWithCache, Storefront } from '@shopify/hydrogen';
 import { LanguageCode, CountryCode, CurrencyCode } from '@shopify/hydrogen/storefront-api-types';
@@ -112,9 +112,15 @@ interface HydrogenComponentSchema extends ElementSchema {
 type BasicInput = BasicInput$1 & {
     shouldRevalidate?: boolean;
 };
+type HeadingInputType = 'heading';
+type HeadingInput = {
+    type: HeadingInputType;
+    label: string;
+    [key: string]: any;
+};
 interface InspectorGroup {
     group: string;
-    inputs: BasicInput[];
+    inputs: (BasicInput | HeadingInput)[];
 }
 interface HydrogenComponentProps<L = any> extends WeaverseElement {
     className?: string;
@@ -134,7 +140,6 @@ type WeaverseLoaderRequestInfo = {
 };
 type WeaverseStorefrontData = {
     id?: string;
-    __cachedId?: string;
     rootId: string;
     name: string;
     items: HydrogenComponentData[];
@@ -221,9 +226,9 @@ interface WeaverseLoaderData {
 }
 interface HydrogenPageData extends WeaverseProjectDataType {
     id: string;
-    pageId: string;
     name: string;
     items: HydrogenComponentData[];
+    __cacheId?: string;
     [key: string]: any;
 }
 interface WeaverseHydrogenRootProps {
@@ -267,6 +272,7 @@ type FetchProjectPayload = {
     page: HydrogenPageData;
     project: HydrogenProjectType;
     pageAssignment: HydrogenPageAssignment;
+    error?: string;
 };
 type HydrogenThemeEnv = {
     WEAVERSE_PROJECT_ID: string;
@@ -304,7 +310,7 @@ type WeaverseArticle = WeaverseResourcePickerData;
 declare global {
     interface Window {
         __weaverse: WeaverseHydrogen;
-        __weaverses: WeaverseHydrogen[];
+        __weaverses: Record<string, WeaverseHydrogen>;
     }
 }
 
@@ -336,4 +342,4 @@ declare class WeaverseHydrogenItem extends WeaverseItemStore {
     set data(update: HydrogenComponentData);
 }
 
-export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type FetchProjectPayload, type FetchProjectRequestBody, type FetchWithCacheOptions, type HydrogenComponent, type HydrogenComponentData, type HydrogenComponentLoaderFunction, type HydrogenComponentPresets, type HydrogenComponentProps, type HydrogenComponentSchema, type HydrogenElement, type HydrogenPageAssignment, type HydrogenPageConfigs, type HydrogenPageData, type HydrogenProjectConfig, type HydrogenProjectType, type HydrogenThemeEnv, type HydrogenThemeInfo, type HydrogenThemeSchema, type HydrogenThemeSettings, type HydrogenToolbarAction, type I18nLocale, type InspectorGroup, type LoadPageParams, type Locale, type Localizations, type PageAssignmentParams, type PageType, type PublicEnv, type RootRouteData, type RouteLoaderArgs, ThemeSettingsStore, type WeaverseArticle, type WeaverseBlog, WeaverseClient, type WeaverseClientArgs, type WeaverseCollection, WeaverseHydrogen, WeaverseHydrogenItem, type WeaverseHydrogenParams, WeaverseHydrogenRoot, type WeaverseHydrogenRootProps, type WeaverseInternal, type WeaverseLoaderData, type WeaverseLoaderRequestInfo, type WeaverseProduct, type WeaverseProjectConfigs, type WeaverseStorefrontData, type WeaverseStudioQueries, type WeaverseThemeConfigs, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };
+export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type FetchProjectPayload, type FetchProjectRequestBody, type FetchWithCacheOptions, type HeadingInput, type HeadingInputType, type HydrogenComponent, type HydrogenComponentData, type HydrogenComponentLoaderFunction, type HydrogenComponentPresets, type HydrogenComponentProps, type HydrogenComponentSchema, type HydrogenElement, type HydrogenPageAssignment, type HydrogenPageConfigs, type HydrogenPageData, type HydrogenProjectConfig, type HydrogenProjectType, type HydrogenThemeEnv, type HydrogenThemeInfo, type HydrogenThemeSchema, type HydrogenThemeSettings, type HydrogenToolbarAction, type I18nLocale, type InspectorGroup, type LoadPageParams, type Locale, type Localizations, type PageAssignmentParams, type PageType, type PublicEnv, type RootRouteData, type RouteLoaderArgs, ThemeSettingsStore, type WeaverseArticle, type WeaverseBlog, WeaverseClient, type WeaverseClientArgs, type WeaverseCollection, WeaverseHydrogen, WeaverseHydrogenItem, type WeaverseHydrogenParams, WeaverseHydrogenRoot, type WeaverseHydrogenRootProps, type WeaverseInternal, type WeaverseLoaderData, type WeaverseLoaderRequestInfo, type WeaverseProduct, type WeaverseProjectConfigs, type WeaverseStorefrontData, type WeaverseStudioQueries, type WeaverseThemeConfigs, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };

package/dist/index.js

@@ -79,17 +79,13 @@ var import_react2 = require("@weaverse/react");
 var import_react3 = require("react");
 function createCachedWeaverseInstance(params, components) {
   if (import_react2.isBrowser) {
-    window.__weaverses = window.__weaverses || [];
-    let weaverse = window.__weaverses.find((w) => {
-      let { pathname } = w.requestInfo;
-      return pathname === params.requestInfo.pathname;
-    });
+    window.__weaverses = window.__weaverses || {};
+    let weaverse = window.__weaverses[params.pageId];
     if (!weaverse) {
       weaverse = new WeaverseHydrogen(params, components);
-      window.__weaverses.push(weaverse);
+      window.__weaverses[params.pageId] = weaverse;
     } else if (weaverse.isDesignMode) {
-      weaverse.requestInfo = params.requestInfo;
-      weaverse.setProjectData(params.data);
+      window.weaverseStudio?.refresh(params);
     }
     return weaverse;
   }
@@ -185,41 +181,38 @@ function useThemeContext() {
 // src/hooks/use-studio.ts
 function useStudio(weaverse) {
   let { revalidate } = (0, import_react7.useRevalidator)();
+  let { pathname, search } = (0, import_react7.useLocation)();
   let navigate = (0, import_react7.useNavigate)();
   let themeSettingsStore = useThemeContext();
   let { isDesignMode, weaverseHost, weaverseVersion } = weaverse;
-  let isStudio = import_react8.isIframe && isDesignMode && weaverseHost && weaverseVersion;
   (0, import_react9.useEffect)(() => {
-    if (isStudio) {
+    if (isDesignMode) {
       weaverse.internal = {
         ...weaverse.internal,
         navigate,
         revalidate,
         themeSettingsStore
       };
-      window.__weaverse = weaverse;
-      if (window.weaverseStudio) {
-        window.weaverseStudio.init(weaverse);
-      } else {
-        let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
-        (0, import_react8.loadScript)(studioSrc);
-      }
+      let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
+      (0, import_react8.loadScript)(studioSrc).then(() => {
+        window.weaverseStudio?.init(weaverse);
+      }).catch(console.error);
     }
-  }, [weaverse.requestInfo]);
+  }, [pathname, search]);
 }
 
 // src/pixel.tsx
 var import_react10 = __toESM(require("react"));
-var Pixel = ({ baseUrl, projectId, pageId }) => {
+function Pixel({ baseUrl, projectId, pageId }) {
   const url = `${baseUrl}/api/public/px?projectId=${projectId}&pageId=${pageId}`;
   return /* @__PURE__ */ import_react10.default.createElement("img", { src: url, alt: "weaverse pixel", style: { display: "none" } });
-};
-var WeaversePixel = ({ context }) => {
+}
+function WeaversePixel({ context }) {
   let { projectId, pageId, weaverseHost, isDesignMode } = context;
   if (isDesignMode || !projectId || !pageId || !weaverseHost)
     return null;
   return /* @__PURE__ */ import_react10.default.createElement(Pixel, { baseUrl: weaverseHost, projectId, pageId });
-};
+}
 
 // src/WeaverseHydrogenRoot.tsx
 var WeaverseHydrogenRoot = (0, import_react13.memo)(
@@ -270,7 +263,7 @@ var package_default = {
   name: "@weaverse/hydrogen",
   author: "Weaverse Team",
   description: "Components, hooks, and utilities for building Shopify Hydrogen websites with Weaverse",
-  version: "2.7.2",
+  version: "2.8.0",
   license: "MIT",
   main: "dist/index.js",
   typings: "dist/index.d.ts",
@@ -308,7 +301,7 @@ var package_default = {
     singleQuote: true
   },
   dependencies: {
-    "@weaverse/react": "2.7.2",
+    "@weaverse/react": "2.8.0",
     "react-error-boundary": "^4.0.11"
   },
   devDependencies: {
@@ -337,7 +330,13 @@ function getWeaverseConfigs(request, env) {
     PUBLIC_STOREFRONT_API_TOKEN
   } = env || {};
   let envFromProcess = typeof process !== "undefined" && process.env || {};
-  let { weaverseProjectId, weaverseHost, isDesignMode, weaverseVersion, weaverseApiKey } = queries;
+  let {
+    weaverseProjectId,
+    weaverseHost,
+    isDesignMode,
+    weaverseVersion,
+    weaverseApiKey
+  } = queries;
   return {
     projectId: weaverseProjectId || WEAVERSE_PROJECT_ID || envFromProcess.WEAVERSE_PROJECT_ID || "",
     weaverseHost: weaverseHost || WEAVERSE_HOST || envFromProcess.WEAVERSE_HOST || "https://weaverse.io",
@@ -413,10 +412,13 @@ var WeaverseClient = class {
     } = options;
     let res = this.withCache(cacheKey, strategy, async () => {
       let cacheControlHeader = (0, import_hydrogen.generateCacheControlHeader)(strategy);
-      let response = await fetch(url, { ...reqInit, headers: {
-        "Cache-Control": cacheControlHeader,
-        ...reqInit.headers
-      } });
+      let response = await fetch(url, {
+        ...reqInit,
+        headers: {
+          "Cache-Control": cacheControlHeader,
+          ...reqInit.headers
+        }
+      });
       if (!response.ok) {
         let error = await response.text();
         let { status, statusText } = response;
@@ -504,12 +506,15 @@ var WeaverseClient = class {
             strategy
           });
         }
+        if (payload?.error) {
+          throw new Error(payload?.error);
+        }
         let { page, project, pageAssignment } = payload;
-        if (!page || !project || !pageAssignment) {
-          throw new Error(
-            // @ts-ignore
-            payload?.error || "Invalid Weaverse project payload!"
-          );
+        if (!project) {
+          throw new Error(`Weaverse project not found. Id: ${projectId}`);
+        }
+        if (!page) {
+          throw new Error(`No Weaverse page assigned to this url.`);
         }
         if (page?.items) {
           let items = page.items;
@@ -576,6 +581,7 @@ var WeaverseHydrogen = class extends import_react14.Weaverse {
   internal;
   requestInfo;
   constructor(params, components) {
+    console.log("\u{1F4BF} New WeaverseHydrogen", params);
     let { internal, pageId, requestInfo, ...coreParams } = params;
     super({ ...coreParams, ItemConstructor: WeaverseHydrogenItem });
     this.internal = internal;

package/dist/index.mjs

@@ -45,17 +45,13 @@ import { isBrowser } from "@weaverse/react";
 import { createContext } from "react";
 function createCachedWeaverseInstance(params, components) {
   if (isBrowser) {
-    window.__weaverses = window.__weaverses || [];
-    let weaverse = window.__weaverses.find((w) => {
-      let { pathname } = w.requestInfo;
-      return pathname === params.requestInfo.pathname;
-    });
+    window.__weaverses = window.__weaverses || {};
+    let weaverse = window.__weaverses[params.pageId];
     if (!weaverse) {
       weaverse = new WeaverseHydrogen(params, components);
-      window.__weaverses.push(weaverse);
+      window.__weaverses[params.pageId] = weaverse;
     } else if (weaverse.isDesignMode) {
-      weaverse.requestInfo = params.requestInfo;
-      weaverse.setProjectData(params.data);
+      window.weaverseStudio?.refresh(params);
     }
     return weaverse;
   }
@@ -77,8 +73,8 @@ var ThemeProvider = createContext(null);
 ThemeProvider.displayName = "WeaverseThemeProvider";
 
 // src/hooks/use-studio.ts
-import { useNavigate, useRevalidator } from "@remix-run/react";
-import { isIframe, loadScript } from "@weaverse/react";
+import { useLocation, useNavigate, useRevalidator } from "@remix-run/react";
+import { loadScript } from "@weaverse/react";
 import { useEffect } from "react";
 
 // src/hooks/use-theme-context.ts
@@ -151,41 +147,38 @@ function useThemeContext() {
 // src/hooks/use-studio.ts
 function useStudio(weaverse) {
   let { revalidate } = useRevalidator();
+  let { pathname, search } = useLocation();
   let navigate = useNavigate();
   let themeSettingsStore = useThemeContext();
   let { isDesignMode, weaverseHost, weaverseVersion } = weaverse;
-  let isStudio = isIframe && isDesignMode && weaverseHost && weaverseVersion;
   useEffect(() => {
-    if (isStudio) {
+    if (isDesignMode) {
       weaverse.internal = {
         ...weaverse.internal,
         navigate,
         revalidate,
         themeSettingsStore
       };
-      window.__weaverse = weaverse;
-      if (window.weaverseStudio) {
-        window.weaverseStudio.init(weaverse);
-      } else {
-        let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
-        loadScript(studioSrc);
-      }
+      let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
+      loadScript(studioSrc).then(() => {
+        window.weaverseStudio?.init(weaverse);
+      }).catch(console.error);
     }
-  }, [weaverse.requestInfo]);
+  }, [pathname, search]);
 }
 
 // src/pixel.tsx
 import React2 from "react";
-var Pixel = ({ baseUrl, projectId, pageId }) => {
+function Pixel({ baseUrl, projectId, pageId }) {
   const url = `${baseUrl}/api/public/px?projectId=${projectId}&pageId=${pageId}`;
   return /* @__PURE__ */ React2.createElement("img", { src: url, alt: "weaverse pixel", style: { display: "none" } });
-};
-var WeaversePixel = ({ context }) => {
+}
+function WeaversePixel({ context }) {
   let { projectId, pageId, weaverseHost, isDesignMode } = context;
   if (isDesignMode || !projectId || !pageId || !weaverseHost)
     return null;
   return /* @__PURE__ */ React2.createElement(Pixel, { baseUrl: weaverseHost, projectId, pageId });
-};
+}
 
 // src/WeaverseHydrogenRoot.tsx
 var WeaverseHydrogenRoot = memo(
@@ -236,7 +229,7 @@ var package_default = {
   name: "@weaverse/hydrogen",
   author: "Weaverse Team",
   description: "Components, hooks, and utilities for building Shopify Hydrogen websites with Weaverse",
-  version: "2.7.2",
+  version: "2.8.0",
   license: "MIT",
   main: "dist/index.js",
   typings: "dist/index.d.ts",
@@ -274,7 +267,7 @@ var package_default = {
     singleQuote: true
   },
   dependencies: {
-    "@weaverse/react": "2.7.2",
+    "@weaverse/react": "2.8.0",
     "react-error-boundary": "^4.0.11"
   },
   devDependencies: {
@@ -303,7 +296,13 @@ function getWeaverseConfigs(request, env) {
     PUBLIC_STOREFRONT_API_TOKEN
   } = env || {};
   let envFromProcess = typeof process !== "undefined" && process.env || {};
-  let { weaverseProjectId, weaverseHost, isDesignMode, weaverseVersion, weaverseApiKey } = queries;
+  let {
+    weaverseProjectId,
+    weaverseHost,
+    isDesignMode,
+    weaverseVersion,
+    weaverseApiKey
+  } = queries;
   return {
     projectId: weaverseProjectId || WEAVERSE_PROJECT_ID || envFromProcess.WEAVERSE_PROJECT_ID || "",
     weaverseHost: weaverseHost || WEAVERSE_HOST || envFromProcess.WEAVERSE_HOST || "https://weaverse.io",
@@ -379,10 +378,13 @@ var WeaverseClient = class {
     } = options;
     let res = this.withCache(cacheKey, strategy, async () => {
       let cacheControlHeader = generateCacheControlHeader(strategy);
-      let response = await fetch(url, { ...reqInit, headers: {
-        "Cache-Control": cacheControlHeader,
-        ...reqInit.headers
-      } });
+      let response = await fetch(url, {
+        ...reqInit,
+        headers: {
+          "Cache-Control": cacheControlHeader,
+          ...reqInit.headers
+        }
+      });
       if (!response.ok) {
         let error = await response.text();
         let { status, statusText } = response;
@@ -470,12 +472,15 @@ var WeaverseClient = class {
             strategy
           });
         }
+        if (payload?.error) {
+          throw new Error(payload?.error);
+        }
         let { page, project, pageAssignment } = payload;
-        if (!page || !project || !pageAssignment) {
-          throw new Error(
-            // @ts-ignore
-            payload?.error || "Invalid Weaverse project payload!"
-          );
+        if (!project) {
+          throw new Error(`Weaverse project not found. Id: ${projectId}`);
+        }
+        if (!page) {
+          throw new Error(`No Weaverse page assigned to this url.`);
         }
         if (page?.items) {
           let items = page.items;
@@ -542,6 +547,7 @@ var WeaverseHydrogen = class extends Weaverse {
   internal;
   requestInfo;
   constructor(params, components) {
+    console.log("\u{1F4BF} New WeaverseHydrogen", params);
     let { internal, pageId, requestInfo, ...coreParams } = params;
     super({ ...coreParams, ItemConstructor: WeaverseHydrogenItem });
     this.internal = internal;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@weaverse/hydrogen",
   "author": "Weaverse Team",
   "description": "Components, hooks, and utilities for building Shopify Hydrogen websites with Weaverse",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -40,10 +40,10 @@
     "singleQuote": true
   },
   "dependencies": {
-    "@weaverse/react": "2.7.2",
+    "@weaverse/react": "2.8.0",
     "react-error-boundary": "^4.0.11"
   },
   "devDependencies": {
     "@shopify/remix-oxygen": "^2.0.1"
   }
-}
+}