@weaverse/hydrogen 1.0.21 → 1.0.23

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { Weaverse, WeaverseType, WeaverseElement } from '@weaverse/core';
+import { LoaderArgs } from '@remix-run/server-runtime';
 
 type WHFetchConfigs = {
     weaverseHost?: string;
@@ -8,10 +9,12 @@ type WHFetchConfigs = {
 declare let fetchPageData: ({ weaverseHost, projectId, url, }: WHFetchConfigs) => Promise<any>;
 declare let useStudio: (weaverseCore: Weaverse) => void;
 
+declare function weaverseLoader({ request, context, params, }: LoaderArgs): Promise<any>;
+
 declare let createHydrogenRootContext: (configs: WeaverseType, elements?: {
     [key: string]: WeaverseElement;
 }) => Weaverse;
 declare let createWeaverseHydrogenContext: (configs: WeaverseType) => Weaverse;
 declare let WeaverseHydrogenRoot: () => JSX.Element;
 
-export { WHFetchConfigs, WeaverseHydrogenRoot, createHydrogenRootContext, createWeaverseHydrogenContext, fetchPageData, useStudio };
+export { WHFetchConfigs, WeaverseHydrogenRoot, createHydrogenRootContext, createWeaverseHydrogenContext, fetchPageData, useStudio, weaverseLoader };

package/dist/index.js

@@ -34,7 +34,8 @@ __export(src_exports, {
   createHydrogenRootContext: () => createHydrogenRootContext,
   createWeaverseHydrogenContext: () => createWeaverseHydrogenContext,
   fetchPageData: () => fetchPageData,
-  useStudio: () => useStudio
+  useStudio: () => useStudio,
+  weaverseLoader: () => weaverseLoader
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -71,20 +72,36 @@ var fetchPageData = async ({
 var useStudio = (weaverseCore) => {
   (0, import_react.useEffect)(() => {
     if (weaverseCore.isDesignMode && import_core.isIframe && !window.weaverseStudioInitialized) {
-      (0, import_core.loadScript)(
-        `${weaverseCore.weaverseHost}/assets/studio/studio-bridge.js?t=${Date.now()}`
-      ).then(() => {
-        window?.createWeaverseStudioBridge(weaverseCore);
-        setTimeout(() => {
-          weaverseCore.triggerUpdate();
-        }, 2e3);
-      });
+      window.weaverseStudioInitialized = true;
+      let host = weaverseCore.weaverseHost;
+      let version = weaverseCore.weaverseVersion || Date.now();
+      (0, import_core.loadScript)(`${host}/assets/studio/studio-bridge.js?v=${version}`).then(
+        () => {
+          window?.createWeaverseStudioBridge(weaverseCore);
+          setTimeout(() => {
+            weaverseCore.triggerUpdate();
+          }, 2e3);
+        }
+      );
     }
   }, []);
 };
 
 // src/index.tsx
 var import_react2 = __toESM(require("react"));
+
+// src/weaverse-loader.ts
+async function weaverseLoader({
+  request,
+  context,
+  params
+}) {
+  return {
+    foo: "bar"
+  };
+}
+
+// src/index.tsx
 var createHydrogenRootContext = (configs, elements2 = {}) => {
   let rootContext = new import_core2.Weaverse(configs);
   Object.keys(elements2).forEach((key) => {
@@ -113,5 +130,6 @@ var WeaverseHydrogenRoot = () => {
   createHydrogenRootContext,
   createWeaverseHydrogenContext,
   fetchPageData,
-  useStudio
+  useStudio,
+  weaverseLoader
 });

package/dist/index.mjs

@@ -31,20 +31,36 @@ var fetchPageData = async ({
 var useStudio = (weaverseCore) => {
   useEffect(() => {
     if (weaverseCore.isDesignMode && isIframe && !window.weaverseStudioInitialized) {
-      loadScript(
-        `${weaverseCore.weaverseHost}/assets/studio/studio-bridge.js?t=${Date.now()}`
-      ).then(() => {
-        window?.createWeaverseStudioBridge(weaverseCore);
-        setTimeout(() => {
-          weaverseCore.triggerUpdate();
-        }, 2e3);
-      });
+      window.weaverseStudioInitialized = true;
+      let host = weaverseCore.weaverseHost;
+      let version = weaverseCore.weaverseVersion || Date.now();
+      loadScript(`${host}/assets/studio/studio-bridge.js?v=${version}`).then(
+        () => {
+          window?.createWeaverseStudioBridge(weaverseCore);
+          setTimeout(() => {
+            weaverseCore.triggerUpdate();
+          }, 2e3);
+        }
+      );
     }
   }, []);
 };
 
 // src/index.tsx
 import React from "react";
+
+// src/weaverse-loader.ts
+async function weaverseLoader({
+  request,
+  context,
+  params
+}) {
+  return {
+    foo: "bar"
+  };
+}
+
+// src/index.tsx
 var createHydrogenRootContext = (configs, elements2 = {}) => {
   let rootContext = new Weaverse(configs);
   Object.keys(elements2).forEach((key) => {
@@ -72,5 +88,6 @@ export {
   createHydrogenRootContext,
   createWeaverseHydrogenContext,
   fetchPageData,
-  useStudio
+  useStudio,
+  weaverseLoader
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.21",
+  "version": "1.0.23",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -15,8 +15,8 @@
   },
   "scripts": {
     "start": "npm run dev",
-    "dev": "tsup src/index.tsx --format esm,cjs --dts --outDir dist --watch --external react",
-    "build": "tsup src/index.tsx --format esm,cjs --dts --outDir dist --external react",
+    "dev": "tsup src/index.tsx --format esm,cjs --dts --outDir dist --watch --external react @shopify/hydrogen",
+    "build": "tsup src/index.tsx --format esm,cjs --dts --outDir dist --external react @shopify/hydrogen",
     "clean": "rimraf dist",
     "prepublish": "npm run build"
   },
@@ -32,7 +32,7 @@
   "name": "@weaverse/hydrogen",
   "author": "Weaverse Team",
   "dependencies": {
-    "@weaverse/core": "1.0.21",
+    "@weaverse/core": "1.0.23",
     "@shopify/hydrogen": "2023.1.6"
   }
 }