@weaverse/hydrogen 3.1.0 → 3.1.2

package/dist/index.d.mts

@@ -6,21 +6,6 @@ import { LanguageCode, CountryCode, CurrencyCode, SelectedOptionInput } from '@s
 import { LoaderFunctionArgs, AppLoadContext } from '@shopify/remix-oxygen';
 import React, { ForwardRefExoticComponent } from 'react';
 
-declare class ThemeSettingsStore {
-    static settings: HydrogenThemeSettings | null;
-    listeners: (() => void)[];
-    countries?: Localizations;
-    schema?: HydrogenThemeSchema;
-    publicEnv?: PublicEnv;
-    constructor(data: RootRouteData['weaverseTheme']);
-    updateThemeSettings: (newSettings: HydrogenThemeSettings) => void;
-    subscribe: (listener: () => void) => (() => void);
-    getSnapshot: () => HydrogenThemeSettings | null;
-    getServerSnapshot: () => HydrogenThemeSettings | null;
-    emitChange: () => void;
-}
-declare function useThemeSettings<T = HydrogenThemeSettings>(): T;
-
 declare let STORE_PAGES: {
     INDEX: string;
     PRODUCT: string;
@@ -33,6 +18,21 @@ declare let STORE_PAGES: {
     CUSTOM: string;
 };
 
+declare class ThemeSettingsStore {
+    settings: HydrogenThemeSettings;
+    listeners: (() => void)[];
+    countries?: Localizations;
+    schema?: HydrogenThemeSchema;
+    publicEnv?: PublicEnv;
+    constructor(data: RootRouteData['weaverseTheme']);
+    updateThemeSettings: (newSettings: HydrogenThemeSettings) => void;
+    subscribe: (listener: () => void) => (() => void);
+    getSnapshot: () => HydrogenThemeSettings;
+    getServerSnapshot: () => HydrogenThemeSettings;
+    emitChange: () => void;
+}
+declare function useThemeSettings<T = HydrogenThemeSettings>(): T;
+
 declare class WeaverseClient {
     API: string;
     basePageConfigs: Omit<WeaverseProjectConfigs, 'requestInfo'>;
@@ -312,6 +312,7 @@ declare global {
     interface Window {
         __weaverse: WeaverseHydrogen;
         __weaverses: Record<string, WeaverseHydrogen>;
+        __weaverseThemeSettingsStore: ThemeSettingsStore;
     }
 }
 
@@ -320,10 +321,10 @@ declare function withWeaverse(Component: React.ComponentType<any>): (props: Reac
 
 declare function getRequestQueries<T = Record<string, string | boolean>>(request: Request): T;
 declare function getWeaverseConfigs(request: Request, env: HydrogenThemeEnv): WeaverseProjectConfigs;
+declare function generateDataFromSchema({ inspector, }: HydrogenComponentSchema | HydrogenThemeSchema): Record<string, any>;
 
 declare function getSelectedProductOptions(request: Request): SelectedOptionInput[];
 
-declare let registerComponents: (components: HydrogenComponent[]) => void;
 declare class WeaverseHydrogen extends Weaverse {
     platformType: PlatformTypeEnum;
     pageId: string;
@@ -339,7 +340,7 @@ declare class WeaverseHydrogenItem extends WeaverseItemStore {
     weaverse: WeaverseHydrogen;
     constructor(initialData: HydrogenComponentData, weaverse: WeaverseHydrogen);
     get Element(): HydrogenElement;
-    getDefaultData: () => Record<string, any> | undefined;
+    get _schemaData(): Record<string, any>;
 }
 
-export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type CreateWeaverseClientArgs, 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, registerComponents, useThemeSettings, withWeaverse };
+export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type CreateWeaverseClientArgs, 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, 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, generateDataFromSchema, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };

package/dist/index.d.ts

@@ -6,21 +6,6 @@ import { LanguageCode, CountryCode, CurrencyCode, SelectedOptionInput } from '@s
 import { LoaderFunctionArgs, AppLoadContext } from '@shopify/remix-oxygen';
 import React, { ForwardRefExoticComponent } from 'react';
 
-declare class ThemeSettingsStore {
-    static settings: HydrogenThemeSettings | null;
-    listeners: (() => void)[];
-    countries?: Localizations;
-    schema?: HydrogenThemeSchema;
-    publicEnv?: PublicEnv;
-    constructor(data: RootRouteData['weaverseTheme']);
-    updateThemeSettings: (newSettings: HydrogenThemeSettings) => void;
-    subscribe: (listener: () => void) => (() => void);
-    getSnapshot: () => HydrogenThemeSettings | null;
-    getServerSnapshot: () => HydrogenThemeSettings | null;
-    emitChange: () => void;
-}
-declare function useThemeSettings<T = HydrogenThemeSettings>(): T;
-
 declare let STORE_PAGES: {
     INDEX: string;
     PRODUCT: string;
@@ -33,6 +18,21 @@ declare let STORE_PAGES: {
     CUSTOM: string;
 };
 
+declare class ThemeSettingsStore {
+    settings: HydrogenThemeSettings;
+    listeners: (() => void)[];
+    countries?: Localizations;
+    schema?: HydrogenThemeSchema;
+    publicEnv?: PublicEnv;
+    constructor(data: RootRouteData['weaverseTheme']);
+    updateThemeSettings: (newSettings: HydrogenThemeSettings) => void;
+    subscribe: (listener: () => void) => (() => void);
+    getSnapshot: () => HydrogenThemeSettings;
+    getServerSnapshot: () => HydrogenThemeSettings;
+    emitChange: () => void;
+}
+declare function useThemeSettings<T = HydrogenThemeSettings>(): T;
+
 declare class WeaverseClient {
     API: string;
     basePageConfigs: Omit<WeaverseProjectConfigs, 'requestInfo'>;
@@ -312,6 +312,7 @@ declare global {
     interface Window {
         __weaverse: WeaverseHydrogen;
         __weaverses: Record<string, WeaverseHydrogen>;
+        __weaverseThemeSettingsStore: ThemeSettingsStore;
     }
 }
 
@@ -320,10 +321,10 @@ declare function withWeaverse(Component: React.ComponentType<any>): (props: Reac
 
 declare function getRequestQueries<T = Record<string, string | boolean>>(request: Request): T;
 declare function getWeaverseConfigs(request: Request, env: HydrogenThemeEnv): WeaverseProjectConfigs;
+declare function generateDataFromSchema({ inspector, }: HydrogenComponentSchema | HydrogenThemeSchema): Record<string, any>;
 
 declare function getSelectedProductOptions(request: Request): SelectedOptionInput[];
 
-declare let registerComponents: (components: HydrogenComponent[]) => void;
 declare class WeaverseHydrogen extends Weaverse {
     platformType: PlatformTypeEnum;
     pageId: string;
@@ -339,7 +340,7 @@ declare class WeaverseHydrogenItem extends WeaverseItemStore {
     weaverse: WeaverseHydrogen;
     constructor(initialData: HydrogenComponentData, weaverse: WeaverseHydrogen);
     get Element(): HydrogenElement;
-    getDefaultData: () => Record<string, any> | undefined;
+    get _schemaData(): Record<string, any>;
 }
 
-export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type CreateWeaverseClientArgs, 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, registerComponents, useThemeSettings, withWeaverse };
+export { type AllCacheOptions, type BasicInput, type ComponentLoaderArgs, type CreateWeaverseClientArgs, 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, 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, generateDataFromSchema, getRequestQueries, getSelectedProductOptions, getWeaverseConfigs, useThemeSettings, withWeaverse };

package/dist/index.js

@@ -30,15 +30,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  ThemeSettingsStore: () => ThemeSettingsStore,
   WeaverseClient: () => WeaverseClient,
   WeaverseHydrogen: () => WeaverseHydrogen,
   WeaverseHydrogenItem: () => WeaverseHydrogenItem,
   WeaverseHydrogenRoot: () => WeaverseHydrogenRoot,
+  generateDataFromSchema: () => generateDataFromSchema,
   getRequestQueries: () => getRequestQueries,
   getSelectedProductOptions: () => getSelectedProductOptions,
   getWeaverseConfigs: () => getWeaverseConfigs,
-  registerComponents: () => registerComponents,
   useChildInstances: () => import_react14.useChildInstances,
   useItemInstance: () => import_react14.useItemInstance,
   useParentInstance: () => import_react14.useParentInstance,
@@ -49,114 +48,100 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var import_react14 = require("@weaverse/react");
 
-// src/WeaverseHydrogenRoot.tsx
-var import_react11 = require("@remix-run/react");
-var import_react12 = require("@weaverse/react");
-var import_react13 = __toESM(require("react"));
-var import_react_error_boundary = require("react-error-boundary");
-
-// src/context.ts
-var import_react2 = require("@weaverse/react");
-var import_react3 = require("react");
-
-// src/components/main.tsx
-var main_exports = {};
-__export(main_exports, {
-  default: () => main_default,
-  schema: () => schema
-});
-var import_react = __toESM(require("react"));
-var Main = (0, import_react.forwardRef)((props, ref) => {
-  let { children, dangerouslySetInnerHTML, ...rest } = props;
-  return (
-    // eslint-disable-next-line react/no-danger-with-children
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        ref,
-        ...rest,
-        children,
-        dangerouslySetInnerHTML: children ? void 0 : dangerouslySetInnerHTML
-      }
-    )
+// src/utils.ts
+function getRequestQueries(request) {
+  let url = new URL(request.url);
+  return Array.from(url.searchParams.entries()).reduce(
+    (q, [k, v]) => {
+      q[k] = v === "true" ? true : v === "false" ? false : v;
+      return q;
+    },
+    {}
   );
-});
-var main_default = Main;
-var schema = {
-  type: "main",
-  title: "Main",
-  inspector: []
-};
-
-// src/components/index.ts
-var defaultComponents = [main_exports];
-
-// src/context.ts
-function createCachedWeaverseInstance(params) {
-  if (import_react2.isBrowser) {
-    window.__weaverses = window.__weaverses || {};
-    let weaverse = window.__weaverses[params.pageId];
-    if (!weaverse) {
-      weaverse = new WeaverseHydrogen(params);
-      window.__weaverses[params.pageId] = weaverse;
+}
+function getWeaverseConfigs(request, env) {
+  let queries = getRequestQueries(request);
+  let {
+    WEAVERSE_PROJECT_ID,
+    WEAVERSE_API_KEY,
+    WEAVERSE_HOST,
+    PUBLIC_STORE_DOMAIN,
+    PUBLIC_STOREFRONT_API_TOKEN
+  } = env || {};
+  let envFromProcess = typeof process !== "undefined" && process.env || {};
+  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://studio.weaverse.io",
+    weaverseApiKey: weaverseApiKey || WEAVERSE_API_KEY || envFromProcess.WEAVERSE_API_KEY || "",
+    weaverseVersion: weaverseVersion || "",
+    isDesignMode: isDesignMode || false,
+    publicEnv: {
+      PUBLIC_STORE_DOMAIN: PUBLIC_STORE_DOMAIN || "",
+      PUBLIC_STOREFRONT_API_TOKEN: PUBLIC_STOREFRONT_API_TOKEN || ""
     }
-    if (weaverse?.isDesignMode) {
-      weaverse.requestInfo = params.requestInfo;
-      window.weaverseStudio?.refreshStudio(params);
+  };
+}
+function generateDataFromSchema({
+  inspector
+}) {
+  let data = {};
+  if (inspector) {
+    for (let group of inspector) {
+      for (let input of group.inputs) {
+        let { name, defaultValue } = input;
+        if (name && defaultValue !== null && defaultValue !== void 0) {
+          data[name] = defaultValue;
+        }
+      }
     }
-    return weaverse;
   }
-  return new WeaverseHydrogen(params);
+  return data;
 }
-function createWeaverseInstance(weaverseData, components) {
-  let { page, configs, project, pageAssignment } = weaverseData || {};
-  registerComponents(components);
-  registerComponents(defaultComponents);
-  return createCachedWeaverseInstance({
-    ...configs,
-    data: page || {},
-    pageId: page?.id,
-    internal: { project, pageAssignment }
-  });
-}
-var ThemeProvider = (0, import_react3.createContext)(null);
-ThemeProvider.displayName = "WeaverseThemeProvider";
 
-// src/hooks/use-theme-settings.ts
-var import_react5 = require("react");
-var import_react6 = require("@weaverse/react");
+// src/WeaverseHydrogenRoot.tsx
+var import_react11 = require("@remix-run/react");
+var import_react12 = require("@weaverse/react");
+var import_react13 = __toESM(require("react"));
+var import_react_error_boundary = require("react-error-boundary");
 
-// src/hooks/use-theme-context.ts
-var import_react4 = require("react");
-function useThemeContext() {
-  let themeContext = (0, import_react4.useContext)(ThemeProvider);
-  return themeContext || new ThemeSettingsStore({ theme: {} });
-}
+// src/Effect.tsx
+var import_react7 = require("react");
+
+// src/hooks/use-studio.ts
+var import_react4 = require("@remix-run/react");
+var import_react5 = require("@weaverse/react");
+var import_react6 = require("react");
 
 // src/hooks/use-theme-settings.ts
-var ThemeSettingsStore = class _ThemeSettingsStore {
-  static settings = null;
+var import_react = require("@remix-run/react");
+var import_react2 = require("@weaverse/react");
+var import_react3 = require("react");
+var ThemeSettingsStore = class {
+  settings = {};
   listeners = [];
   countries;
   schema;
   publicEnv;
   constructor(data) {
     let { theme, countries, schema: schema2, publicEnv } = data || {};
-    if (import_react6.isBrowser && _ThemeSettingsStore.settings) {
-      _ThemeSettingsStore.settings = {
-        ...theme,
-        ..._ThemeSettingsStore.settings
-      };
-    } else {
-      _ThemeSettingsStore.settings = theme || {};
-    }
+    this.settings = { ...theme };
     this.countries = countries;
     this.schema = schema2;
     this.publicEnv = publicEnv;
+    if (import_react2.isBrowser) {
+      window.__weaverseThemeSettingsStore = this;
+    }
   }
   updateThemeSettings = (newSettings) => {
-    _ThemeSettingsStore.settings = {
-      ..._ThemeSettingsStore.settings,
+    this.settings = {
+      ...this.settings,
       ...newSettings
     };
     this.emitChange();
@@ -168,10 +153,10 @@ var ThemeSettingsStore = class _ThemeSettingsStore {
     };
   };
   getSnapshot = () => {
-    return _ThemeSettingsStore.settings;
+    return this.settings;
   };
   getServerSnapshot = () => {
-    return _ThemeSettingsStore.settings;
+    return this.settings;
   };
   emitChange = () => {
     for (let listener of this.listeners) {
@@ -179,9 +164,16 @@ var ThemeSettingsStore = class _ThemeSettingsStore {
     }
   };
 };
+function useThemeSettingsStore() {
+  let data = (0, import_react.useRouteLoaderData)("root");
+  if (import_react2.isBrowser && window.__weaverseThemeSettingsStore) {
+    return window.__weaverseThemeSettingsStore;
+  }
+  return new ThemeSettingsStore(data?.weaverseTheme);
+}
 function useThemeSettings() {
-  let themeSettingsStore = useThemeContext();
-  let settings = (0, import_react5.useSyncExternalStore)(
+  let themeSettingsStore = useThemeSettingsStore();
+  let settings = (0, import_react3.useSyncExternalStore)(
     themeSettingsStore.subscribe,
     themeSettingsStore.getSnapshot,
     themeSettingsStore.getServerSnapshot
@@ -189,21 +181,15 @@ function useThemeSettings() {
   return settings;
 }
 
-// src/Effect.tsx
-var import_react10 = require("react");
-
 // src/hooks/use-studio.ts
-var import_react7 = require("@remix-run/react");
-var import_react8 = require("@weaverse/react");
-var import_react9 = require("react");
 function useStudio(weaverse) {
-  let { revalidate } = (0, import_react7.useRevalidator)();
-  const navigation = (0, import_react7.useNavigation)();
-  let { pathname, search } = (0, import_react7.useLocation)();
-  let navigate = (0, import_react7.useNavigate)();
-  let themeSettingsStore = useThemeContext();
+  let { revalidate } = (0, import_react4.useRevalidator)();
+  let navigation = (0, import_react4.useNavigation)();
+  let { pathname, search } = (0, import_react4.useLocation)();
+  let navigate = (0, import_react4.useNavigate)();
+  let themeSettingsStore = useThemeSettingsStore();
   let { isDesignMode, weaverseHost, weaverseVersion } = weaverse;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (navigation.state === "idle" && isDesignMode) {
       weaverse.internal = {
         ...weaverse.internal,
@@ -212,21 +198,100 @@ function useStudio(weaverse) {
         themeSettingsStore
       };
       let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
-      (0, import_react8.loadScript)(studioSrc).then(() => {
-        window.weaverseStudio.init(weaverse);
+      (0, import_react5.loadScript)(studioSrc).then(() => {
+        window.weaverseStudio?.init(weaverse);
       }).catch(console.error);
     }
   }, [pathname, search, navigation.state]);
 }
 
 // src/Effect.tsx
-var WeaverseEffect = (0, import_react10.memo)(
+var WeaverseEffect = (0, import_react7.memo)(
   ({ context }) => {
     useStudio(context);
     return null;
   }
 );
 
+// src/context.ts
+var import_react9 = require("@weaverse/react");
+var import_react10 = require("react");
+
+// src/components/main.tsx
+var main_exports = {};
+__export(main_exports, {
+  default: () => main_default,
+  schema: () => schema
+});
+var import_react8 = __toESM(require("react"));
+var Main = (0, import_react8.forwardRef)((props, ref) => {
+  let { children, dangerouslySetInnerHTML, ...rest } = props;
+  return (
+    // eslint-disable-next-line react/no-danger-with-children
+    /* @__PURE__ */ import_react8.default.createElement(
+      "div",
+      {
+        ref,
+        ...rest,
+        children,
+        dangerouslySetInnerHTML: children ? void 0 : dangerouslySetInnerHTML
+      }
+    )
+  );
+});
+var main_default = Main;
+var schema = {
+  type: "main",
+  title: "Main",
+  inspector: []
+};
+
+// src/components/index.ts
+var defaultComponents = [main_exports];
+
+// src/context.ts
+function registerComponents(components) {
+  components.forEach((comp) => {
+    WeaverseHydrogen.registerElement({
+      type: comp?.schema?.type,
+      Component: comp?.default,
+      schema: comp?.schema,
+      loader: comp?.loader
+    });
+  });
+}
+function createCachedWeaverseInstance(params) {
+  if (import_react9.isBrowser) {
+    window.__weaverses = window.__weaverses || {};
+    let weaverse = window.__weaverses[params.pageId];
+    if (!weaverse) {
+      weaverse = new WeaverseHydrogen(params);
+      window.__weaverses[params.pageId] = weaverse;
+    }
+    if (weaverse?.isDesignMode) {
+      weaverse.requestInfo = params.requestInfo;
+      window.weaverseStudio?.refreshStudio(params);
+    }
+    return weaverse;
+  }
+  return new WeaverseHydrogen(params);
+}
+function createWeaverseInstance(weaverseData, components) {
+  let { page, configs, project, pageAssignment } = weaverseData || {};
+  registerComponents(components);
+  registerComponents(defaultComponents);
+  return createCachedWeaverseInstance({
+    ...configs,
+    data: page || {},
+    pageId: page?.id,
+    internal: { project, pageAssignment }
+  });
+}
+var ThemeSettingsProvider = (0, import_react10.createContext)(
+  null
+);
+ThemeSettingsProvider.displayName = "WeaverseThemeSettingsProvider";
+
 // src/WeaverseHydrogenRoot.tsx
 var WeaverseHydrogenRoot = (0, import_react13.memo)(
   ({
@@ -258,9 +323,8 @@ function RenderRoot(props) {
 }
 function withWeaverse(Component) {
   return (props) => {
-    let loaderData = (0, import_react11.useRouteLoaderData)("root");
-    let themeSettingsStore = new ThemeSettingsStore(loaderData?.weaverseTheme);
-    return /* @__PURE__ */ import_react13.default.createElement(ThemeProvider.Provider, { value: themeSettingsStore }, /* @__PURE__ */ import_react13.default.createElement(Component, { ...props }));
+    let { settings } = useThemeSettingsStore();
+    return /* @__PURE__ */ import_react13.default.createElement(ThemeSettingsProvider.Provider, { value: settings }, /* @__PURE__ */ import_react13.default.createElement(Component, { ...props }));
   };
 }
 function FallbackError({ error }) {
@@ -269,49 +333,6 @@ function FallbackError({ error }) {
 
 // src/weaverse-client.ts
 var import_hydrogen = require("@shopify/hydrogen");
-
-// src/utils.ts
-function getRequestQueries(request) {
-  let url = new URL(request.url);
-  return Array.from(url.searchParams.entries()).reduce(
-    (q, [k, v]) => {
-      q[k] = v === "true" ? true : v === "false" ? false : v;
-      return q;
-    },
-    {}
-  );
-}
-function getWeaverseConfigs(request, env) {
-  let queries = getRequestQueries(request);
-  let {
-    WEAVERSE_PROJECT_ID,
-    WEAVERSE_API_KEY,
-    WEAVERSE_HOST,
-    PUBLIC_STORE_DOMAIN,
-    PUBLIC_STOREFRONT_API_TOKEN
-  } = env || {};
-  let envFromProcess = typeof process !== "undefined" && process.env || {};
-  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://studio.weaverse.io",
-    weaverseApiKey: weaverseApiKey || WEAVERSE_API_KEY || envFromProcess.WEAVERSE_API_KEY || "",
-    weaverseVersion: weaverseVersion || "",
-    isDesignMode: isDesignMode || false,
-    publicEnv: {
-      PUBLIC_STORE_DOMAIN: PUBLIC_STORE_DOMAIN || "",
-      PUBLIC_STOREFRONT_API_TOKEN: PUBLIC_STOREFRONT_API_TOKEN || ""
-    }
-  };
-}
-
-// src/weaverse-client.ts
 var WeaverseClient = class {
   API = "api/public";
   basePageConfigs;
@@ -397,28 +418,20 @@ var WeaverseClient = class {
       }
       let url = `${weaverseHost}/${API}/project_configs`;
       let res;
-      let body = JSON.stringify({
-        isDesignMode,
-        projectId
-      });
+      let body = JSON.stringify({ isDesignMode, projectId });
       if (isDesignMode) {
-        res = await fetch(url, {
-          method: "POST",
-          body
-        }).then((res2) => res2.json());
+        res = await fetch(url, { method: "POST", body }).then(
+          (res2) => res2.json()
+        );
       } else {
         res = await this.fetchWithCache(url, { method: "POST", strategy, body });
       }
       let data = res || {};
       if (data?.theme && this.themeSchema?.inspector) {
         let defaultThemeSettings = {};
-        this.themeSchema.inspector.forEach(({ inputs }) => {
-          inputs.forEach(({ name, defaultValue }) => {
-            if (name && defaultValue) {
-              defaultThemeSettings[name] = defaultValue;
-            }
-          });
-        });
+        if (this.themeSchema) {
+          defaultThemeSettings = generateDataFromSchema(this.themeSchema);
+        }
         data.theme = {
           ...defaultThemeSettings,
           ...data.theme
@@ -549,16 +562,6 @@ function getSelectedProductOptions(request) {
 }
 
 // src/index.ts
-var registerComponents = (components) => {
-  components.forEach((comp) => {
-    WeaverseHydrogen.registerElement({
-      type: comp?.schema?.type,
-      Component: comp?.default,
-      schema: comp?.schema,
-      loader: comp?.loader
-    });
-  });
-};
 var WeaverseHydrogen = class extends import_react14.Weaverse {
   platformType = "shopify-hydrogen";
   pageId;
@@ -578,32 +581,29 @@ var WeaverseHydrogenItem = class extends import_react14.WeaverseItemStore {
   constructor(initialData, weaverse) {
     super(initialData, weaverse);
     let { data, ...rest } = initialData;
-    Object.assign(this._store, this.getDefaultData(), data, rest);
+    Object.assign(this._store, this._schemaData, data, rest);
   }
   get Element() {
     return super.Element;
   }
-  getDefaultData = () => {
-    return this.Element?.schema?.inspector?.flatMap((group) => group.inputs).reduce((a, { defaultValue, name }) => {
-      if (name && defaultValue !== null && defaultValue !== void 0) {
-        a[name] = defaultValue;
-      }
-      return a;
-    }, {});
-  };
+  get _schemaData() {
+    if (this.Element.schema) {
+      return generateDataFromSchema(this.Element.schema);
+    }
+    return {};
+  }
 };
 import_react14.Weaverse.ItemConstructor = WeaverseHydrogenItem;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ThemeSettingsStore,
   WeaverseClient,
   WeaverseHydrogen,
   WeaverseHydrogenItem,
   WeaverseHydrogenRoot,
+  generateDataFromSchema,
   getRequestQueries,
   getSelectedProductOptions,
   getWeaverseConfigs,
-  registerComponents,
   useChildInstances,
   useItemInstance,
   useParentInstance,

package/dist/index.mjs

@@ -6,122 +6,113 @@ var __export = (target, all) => {
 
 // src/index.ts
 import {
+  Weaverse,
+  WeaverseItemStore,
   useChildInstances,
   useItemInstance,
   useParentInstance,
-  useWeaverse,
-  Weaverse,
-  WeaverseItemStore
+  useWeaverse
 } from "@weaverse/react";
 
-// src/WeaverseHydrogenRoot.tsx
-import { Await, useLoaderData, useRouteLoaderData } from "@remix-run/react";
-import { WeaverseRoot } from "@weaverse/react";
-import React2, { memo as memo2, Suspense } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-
-// src/context.ts
-import { isBrowser } from "@weaverse/react";
-import { createContext } from "react";
-
-// src/components/main.tsx
-var main_exports = {};
-__export(main_exports, {
-  default: () => main_default,
-  schema: () => schema
-});
-import React, { forwardRef } from "react";
-var Main = forwardRef((props, ref) => {
-  let { children, dangerouslySetInnerHTML, ...rest } = props;
-  return (
-    // eslint-disable-next-line react/no-danger-with-children
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        ...rest,
-        children,
-        dangerouslySetInnerHTML: children ? void 0 : dangerouslySetInnerHTML
-      }
-    )
+// src/utils.ts
+function getRequestQueries(request) {
+  let url = new URL(request.url);
+  return Array.from(url.searchParams.entries()).reduce(
+    (q, [k, v]) => {
+      q[k] = v === "true" ? true : v === "false" ? false : v;
+      return q;
+    },
+    {}
   );
-});
-var main_default = Main;
-var schema = {
-  type: "main",
-  title: "Main",
-  inspector: []
-};
-
-// src/components/index.ts
-var defaultComponents = [main_exports];
-
-// src/context.ts
-function createCachedWeaverseInstance(params) {
-  if (isBrowser) {
-    window.__weaverses = window.__weaverses || {};
-    let weaverse = window.__weaverses[params.pageId];
-    if (!weaverse) {
-      weaverse = new WeaverseHydrogen(params);
-      window.__weaverses[params.pageId] = weaverse;
+}
+function getWeaverseConfigs(request, env) {
+  let queries = getRequestQueries(request);
+  let {
+    WEAVERSE_PROJECT_ID,
+    WEAVERSE_API_KEY,
+    WEAVERSE_HOST,
+    PUBLIC_STORE_DOMAIN,
+    PUBLIC_STOREFRONT_API_TOKEN
+  } = env || {};
+  let envFromProcess = typeof process !== "undefined" && process.env || {};
+  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://studio.weaverse.io",
+    weaverseApiKey: weaverseApiKey || WEAVERSE_API_KEY || envFromProcess.WEAVERSE_API_KEY || "",
+    weaverseVersion: weaverseVersion || "",
+    isDesignMode: isDesignMode || false,
+    publicEnv: {
+      PUBLIC_STORE_DOMAIN: PUBLIC_STORE_DOMAIN || "",
+      PUBLIC_STOREFRONT_API_TOKEN: PUBLIC_STOREFRONT_API_TOKEN || ""
     }
-    if (weaverse?.isDesignMode) {
-      weaverse.requestInfo = params.requestInfo;
-      window.weaverseStudio?.refreshStudio(params);
+  };
+}
+function generateDataFromSchema({
+  inspector
+}) {
+  let data = {};
+  if (inspector) {
+    for (let group of inspector) {
+      for (let input of group.inputs) {
+        let { name, defaultValue } = input;
+        if (name && defaultValue !== null && defaultValue !== void 0) {
+          data[name] = defaultValue;
+        }
+      }
     }
-    return weaverse;
   }
-  return new WeaverseHydrogen(params);
+  return data;
 }
-function createWeaverseInstance(weaverseData, components) {
-  let { page, configs, project, pageAssignment } = weaverseData || {};
-  registerComponents(components);
-  registerComponents(defaultComponents);
-  return createCachedWeaverseInstance({
-    ...configs,
-    data: page || {},
-    pageId: page?.id,
-    internal: { project, pageAssignment }
-  });
-}
-var ThemeProvider = createContext(null);
-ThemeProvider.displayName = "WeaverseThemeProvider";
 
-// src/hooks/use-theme-settings.ts
-import { useSyncExternalStore } from "react";
-import { isBrowser as isBrowser2 } from "@weaverse/react";
+// src/WeaverseHydrogenRoot.tsx
+import { Await, useLoaderData } from "@remix-run/react";
+import { WeaverseRoot } from "@weaverse/react";
+import React2, { memo as memo2, Suspense } from "react";
+import { ErrorBoundary } from "react-error-boundary";
 
-// src/hooks/use-theme-context.ts
-import { useContext } from "react";
-function useThemeContext() {
-  let themeContext = useContext(ThemeProvider);
-  return themeContext || new ThemeSettingsStore({ theme: {} });
-}
+// src/Effect.tsx
+import { memo } from "react";
+
+// src/hooks/use-studio.ts
+import {
+  useLocation,
+  useNavigate,
+  useNavigation,
+  useRevalidator
+} from "@remix-run/react";
+import { loadScript } from "@weaverse/react";
+import { useEffect } from "react";
 
 // src/hooks/use-theme-settings.ts
-var ThemeSettingsStore = class _ThemeSettingsStore {
-  static settings = null;
+import { useRouteLoaderData } from "@remix-run/react";
+import { isBrowser } from "@weaverse/react";
+import { useSyncExternalStore } from "react";
+var ThemeSettingsStore = class {
+  settings = {};
   listeners = [];
   countries;
   schema;
   publicEnv;
   constructor(data) {
     let { theme, countries, schema: schema2, publicEnv } = data || {};
-    if (isBrowser2 && _ThemeSettingsStore.settings) {
-      _ThemeSettingsStore.settings = {
-        ...theme,
-        ..._ThemeSettingsStore.settings
-      };
-    } else {
-      _ThemeSettingsStore.settings = theme || {};
-    }
+    this.settings = { ...theme };
     this.countries = countries;
     this.schema = schema2;
     this.publicEnv = publicEnv;
+    if (isBrowser) {
+      window.__weaverseThemeSettingsStore = this;
+    }
   }
   updateThemeSettings = (newSettings) => {
-    _ThemeSettingsStore.settings = {
-      ..._ThemeSettingsStore.settings,
+    this.settings = {
+      ...this.settings,
       ...newSettings
     };
     this.emitChange();
@@ -133,10 +124,10 @@ var ThemeSettingsStore = class _ThemeSettingsStore {
     };
   };
   getSnapshot = () => {
-    return _ThemeSettingsStore.settings;
+    return this.settings;
   };
   getServerSnapshot = () => {
-    return _ThemeSettingsStore.settings;
+    return this.settings;
   };
   emitChange = () => {
     for (let listener of this.listeners) {
@@ -144,8 +135,15 @@ var ThemeSettingsStore = class _ThemeSettingsStore {
     }
   };
 };
+function useThemeSettingsStore() {
+  let data = useRouteLoaderData("root");
+  if (isBrowser && window.__weaverseThemeSettingsStore) {
+    return window.__weaverseThemeSettingsStore;
+  }
+  return new ThemeSettingsStore(data?.weaverseTheme);
+}
 function useThemeSettings() {
-  let themeSettingsStore = useThemeContext();
+  let themeSettingsStore = useThemeSettingsStore();
   let settings = useSyncExternalStore(
     themeSettingsStore.subscribe,
     themeSettingsStore.getSnapshot,
@@ -154,24 +152,13 @@ function useThemeSettings() {
   return settings;
 }
 
-// src/Effect.tsx
-import { memo } from "react";
-
 // src/hooks/use-studio.ts
-import {
-  useLocation,
-  useNavigate,
-  useRevalidator,
-  useNavigation
-} from "@remix-run/react";
-import { loadScript } from "@weaverse/react";
-import { useEffect } from "react";
 function useStudio(weaverse) {
   let { revalidate } = useRevalidator();
-  const navigation = useNavigation();
+  let navigation = useNavigation();
   let { pathname, search } = useLocation();
   let navigate = useNavigate();
-  let themeSettingsStore = useThemeContext();
+  let themeSettingsStore = useThemeSettingsStore();
   let { isDesignMode, weaverseHost, weaverseVersion } = weaverse;
   useEffect(() => {
     if (navigation.state === "idle" && isDesignMode) {
@@ -183,7 +170,7 @@ function useStudio(weaverse) {
       };
       let studioSrc = `${weaverseHost}/static/studio/hydrogen/index.js?v=${weaverseVersion}`;
       loadScript(studioSrc).then(() => {
-        window.weaverseStudio.init(weaverse);
+        window.weaverseStudio?.init(weaverse);
       }).catch(console.error);
     }
   }, [pathname, search, navigation.state]);
@@ -197,6 +184,85 @@ var WeaverseEffect = memo(
   }
 );
 
+// src/context.ts
+import { isBrowser as isBrowser2 } from "@weaverse/react";
+import { createContext } from "react";
+
+// src/components/main.tsx
+var main_exports = {};
+__export(main_exports, {
+  default: () => main_default,
+  schema: () => schema
+});
+import React, { forwardRef } from "react";
+var Main = forwardRef((props, ref) => {
+  let { children, dangerouslySetInnerHTML, ...rest } = props;
+  return (
+    // eslint-disable-next-line react/no-danger-with-children
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        ...rest,
+        children,
+        dangerouslySetInnerHTML: children ? void 0 : dangerouslySetInnerHTML
+      }
+    )
+  );
+});
+var main_default = Main;
+var schema = {
+  type: "main",
+  title: "Main",
+  inspector: []
+};
+
+// src/components/index.ts
+var defaultComponents = [main_exports];
+
+// src/context.ts
+function registerComponents(components) {
+  components.forEach((comp) => {
+    WeaverseHydrogen.registerElement({
+      type: comp?.schema?.type,
+      Component: comp?.default,
+      schema: comp?.schema,
+      loader: comp?.loader
+    });
+  });
+}
+function createCachedWeaverseInstance(params) {
+  if (isBrowser2) {
+    window.__weaverses = window.__weaverses || {};
+    let weaverse = window.__weaverses[params.pageId];
+    if (!weaverse) {
+      weaverse = new WeaverseHydrogen(params);
+      window.__weaverses[params.pageId] = weaverse;
+    }
+    if (weaverse?.isDesignMode) {
+      weaverse.requestInfo = params.requestInfo;
+      window.weaverseStudio?.refreshStudio(params);
+    }
+    return weaverse;
+  }
+  return new WeaverseHydrogen(params);
+}
+function createWeaverseInstance(weaverseData, components) {
+  let { page, configs, project, pageAssignment } = weaverseData || {};
+  registerComponents(components);
+  registerComponents(defaultComponents);
+  return createCachedWeaverseInstance({
+    ...configs,
+    data: page || {},
+    pageId: page?.id,
+    internal: { project, pageAssignment }
+  });
+}
+var ThemeSettingsProvider = createContext(
+  null
+);
+ThemeSettingsProvider.displayName = "WeaverseThemeSettingsProvider";
+
 // src/WeaverseHydrogenRoot.tsx
 var WeaverseHydrogenRoot = memo2(
   ({
@@ -228,9 +294,8 @@ function RenderRoot(props) {
 }
 function withWeaverse(Component) {
   return (props) => {
-    let loaderData = useRouteLoaderData("root");
-    let themeSettingsStore = new ThemeSettingsStore(loaderData?.weaverseTheme);
-    return /* @__PURE__ */ React2.createElement(ThemeProvider.Provider, { value: themeSettingsStore }, /* @__PURE__ */ React2.createElement(Component, { ...props }));
+    let { settings } = useThemeSettingsStore();
+    return /* @__PURE__ */ React2.createElement(ThemeSettingsProvider.Provider, { value: settings }, /* @__PURE__ */ React2.createElement(Component, { ...props }));
   };
 }
 function FallbackError({ error }) {
@@ -239,49 +304,6 @@ function FallbackError({ error }) {
 
 // src/weaverse-client.ts
 import { createWithCache, generateCacheControlHeader } from "@shopify/hydrogen";
-
-// src/utils.ts
-function getRequestQueries(request) {
-  let url = new URL(request.url);
-  return Array.from(url.searchParams.entries()).reduce(
-    (q, [k, v]) => {
-      q[k] = v === "true" ? true : v === "false" ? false : v;
-      return q;
-    },
-    {}
-  );
-}
-function getWeaverseConfigs(request, env) {
-  let queries = getRequestQueries(request);
-  let {
-    WEAVERSE_PROJECT_ID,
-    WEAVERSE_API_KEY,
-    WEAVERSE_HOST,
-    PUBLIC_STORE_DOMAIN,
-    PUBLIC_STOREFRONT_API_TOKEN
-  } = env || {};
-  let envFromProcess = typeof process !== "undefined" && process.env || {};
-  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://studio.weaverse.io",
-    weaverseApiKey: weaverseApiKey || WEAVERSE_API_KEY || envFromProcess.WEAVERSE_API_KEY || "",
-    weaverseVersion: weaverseVersion || "",
-    isDesignMode: isDesignMode || false,
-    publicEnv: {
-      PUBLIC_STORE_DOMAIN: PUBLIC_STORE_DOMAIN || "",
-      PUBLIC_STOREFRONT_API_TOKEN: PUBLIC_STOREFRONT_API_TOKEN || ""
-    }
-  };
-}
-
-// src/weaverse-client.ts
 var WeaverseClient = class {
   API = "api/public";
   basePageConfigs;
@@ -367,28 +389,20 @@ var WeaverseClient = class {
       }
       let url = `${weaverseHost}/${API}/project_configs`;
       let res;
-      let body = JSON.stringify({
-        isDesignMode,
-        projectId
-      });
+      let body = JSON.stringify({ isDesignMode, projectId });
       if (isDesignMode) {
-        res = await fetch(url, {
-          method: "POST",
-          body
-        }).then((res2) => res2.json());
+        res = await fetch(url, { method: "POST", body }).then(
+          (res2) => res2.json()
+        );
       } else {
         res = await this.fetchWithCache(url, { method: "POST", strategy, body });
       }
       let data = res || {};
       if (data?.theme && this.themeSchema?.inspector) {
         let defaultThemeSettings = {};
-        this.themeSchema.inspector.forEach(({ inputs }) => {
-          inputs.forEach(({ name, defaultValue }) => {
-            if (name && defaultValue) {
-              defaultThemeSettings[name] = defaultValue;
-            }
-          });
-        });
+        if (this.themeSchema) {
+          defaultThemeSettings = generateDataFromSchema(this.themeSchema);
+        }
         data.theme = {
           ...defaultThemeSettings,
           ...data.theme
@@ -519,16 +533,6 @@ function getSelectedProductOptions(request) {
 }
 
 // src/index.ts
-var registerComponents = (components) => {
-  components.forEach((comp) => {
-    WeaverseHydrogen.registerElement({
-      type: comp?.schema?.type,
-      Component: comp?.default,
-      schema: comp?.schema,
-      loader: comp?.loader
-    });
-  });
-};
 var WeaverseHydrogen = class extends Weaverse {
   platformType = "shopify-hydrogen";
   pageId;
@@ -548,31 +552,28 @@ var WeaverseHydrogenItem = class extends WeaverseItemStore {
   constructor(initialData, weaverse) {
     super(initialData, weaverse);
     let { data, ...rest } = initialData;
-    Object.assign(this._store, this.getDefaultData(), data, rest);
+    Object.assign(this._store, this._schemaData, data, rest);
   }
   get Element() {
     return super.Element;
   }
-  getDefaultData = () => {
-    return this.Element?.schema?.inspector?.flatMap((group) => group.inputs).reduce((a, { defaultValue, name }) => {
-      if (name && defaultValue !== null && defaultValue !== void 0) {
-        a[name] = defaultValue;
-      }
-      return a;
-    }, {});
-  };
+  get _schemaData() {
+    if (this.Element.schema) {
+      return generateDataFromSchema(this.Element.schema);
+    }
+    return {};
+  }
 };
 Weaverse.ItemConstructor = WeaverseHydrogenItem;
 export {
-  ThemeSettingsStore,
   WeaverseClient,
   WeaverseHydrogen,
   WeaverseHydrogenItem,
   WeaverseHydrogenRoot,
+  generateDataFromSchema,
   getRequestQueries,
   getSelectedProductOptions,
   getWeaverseConfigs,
-  registerComponents,
   useChildInstances,
   useItemInstance,
   useParentInstance,

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": "3.1.0",
+  "version": "3.1.2",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -33,7 +33,7 @@
     "singleQuote": true
   },
   "dependencies": {
-    "@weaverse/react": "3.1.0",
+    "@weaverse/react": "3.1.2",
     "react-error-boundary": "^4.0.13"
   },
   "devDependencies": {