@weaverse/hydrogen 1.0.17 → 1.0.19

package/dist/index.d.ts

@@ -1,6 +1,4 @@
-import * as _weaverse_core from '@weaverse/core';
-import { WeaverseRootPropsType, WeaverseType } from '@weaverse/react';
-export * from '@weaverse/react';
+import { Weaverse, WeaverseType, WeaverseElement } from '@weaverse/core';
 
 type WHFetchConfigs = {
     weaverseHost?: string;
@@ -8,11 +6,12 @@ type WHFetchConfigs = {
     url: URL;
 };
 declare let fetchPageData: ({ weaverseHost, projectId, url, }: WHFetchConfigs) => Promise<any>;
+declare let useStudio: (weaverseCore: Weaverse) => void;
 
-type WeaverseRootProps = WeaverseRootPropsType & {
-    data?: any;
-};
-declare let createWeaverseHydrogenContext: (configs: WeaverseType) => _weaverse_core.Weaverse;
-declare let WeaverseHydrogenRoot: ({ context }: WeaverseRootProps) => JSX.Element;
+declare let createHydrogenRootContext: (configs: WeaverseType, elements?: {
+    [key: string]: WeaverseElement;
+}) => Weaverse;
+declare let createWeaverseHydrogenContext: (configs: WeaverseType) => Weaverse;
+declare let WeaverseHydrogenRoot: () => JSX.Element;
 
-export { WHFetchConfigs, WeaverseHydrogenRoot, WeaverseRootProps, createWeaverseHydrogenContext, fetchPageData };
+export { WHFetchConfigs, WeaverseHydrogenRoot, createHydrogenRootContext, createWeaverseHydrogenContext, fetchPageData, useStudio };

package/dist/index.js

@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -32,8 +31,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   WeaverseHydrogenRoot: () => WeaverseHydrogenRoot,
+  createHydrogenRootContext: () => createHydrogenRootContext,
   createWeaverseHydrogenContext: () => createWeaverseHydrogenContext,
-  fetchPageData: () => fetchPageData
+  fetchPageData: () => fetchPageData,
+  useStudio: () => useStudio
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -42,11 +43,11 @@ var elements = {};
 var elements_default = elements;
 
 // src/index.tsx
-var import_react = require("@weaverse/react");
-var import_react2 = __toESM(require("react"));
-__reExport(src_exports, require("@weaverse/react"), module.exports);
+var import_core2 = require("@weaverse/core");
 
 // src/utils.ts
+var import_core = require("@weaverse/core");
+var import_react = require("react");
 var fetchPageData = async ({
   weaverseHost = "https://studio.weaverse.io",
   projectId,
@@ -67,21 +68,50 @@ var fetchPageData = async ({
   });
   return { ...data, weaverseHost, isDesignMode };
 };
+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`
+      ).then(() => {
+        window?.createWeaverseStudioBridge(weaverseCore);
+        setTimeout(() => {
+          weaverseCore.triggerUpdate();
+        }, 2e3);
+      });
+    }
+  }, []);
+};
 
 // src/index.tsx
+var import_react2 = __toESM(require("react"));
+var createHydrogenRootContext = (configs, elements2 = {}) => {
+  let rootContext = new import_core2.Weaverse(configs);
+  Object.keys(elements2).forEach((key) => {
+    rootContext.registerElement(elements2[key]);
+  });
+  return rootContext;
+};
 var createWeaverseHydrogenContext = (configs) => {
-  let context = (0, import_react.createRootContext)(configs);
+  let context = createHydrogenRootContext(configs);
   Object.keys(elements_default).forEach((key) => {
     context.registerElement(elements_default[key]);
   });
   return context;
 };
-var WeaverseHydrogenRoot = ({ context }) => {
-  return context?.data?.items ? /* @__PURE__ */ import_react2.default.createElement(import_react.WeaverseRoot, { context }) : /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, "No Weaverse data found!");
+var WeaverseHydrogenRoot = () => {
+  let weaverse = createHydrogenRootContext({
+    isDesignMode: true,
+    platformType: "shopify-hydrogen"
+  });
+  useStudio(weaverse);
+  return /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("div", { id: "weaverse-test" }, "hello world from weaverse hydrogen"));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   WeaverseHydrogenRoot,
+  createHydrogenRootContext,
   createWeaverseHydrogenContext,
-  fetchPageData
+  fetchPageData,
+  useStudio
 });

package/dist/index.mjs

@@ -3,11 +3,11 @@ var elements = {};
 var elements_default = elements;
 
 // src/index.tsx
-import { createRootContext, WeaverseRoot } from "@weaverse/react";
-import React from "react";
-export * from "@weaverse/react";
+import { Weaverse } from "@weaverse/core";
 
 // src/utils.ts
+import { isIframe, loadScript } from "@weaverse/core";
+import { useEffect } from "react";
 var fetchPageData = async ({
   weaverseHost = "https://studio.weaverse.io",
   projectId,
@@ -28,20 +28,49 @@ var fetchPageData = async ({
   });
   return { ...data, weaverseHost, isDesignMode };
 };
+var useStudio = (weaverseCore) => {
+  useEffect(() => {
+    if (weaverseCore.isDesignMode && isIframe && !window.weaverseStudioInitialized) {
+      loadScript(
+        `${weaverseCore.weaverseHost}/assets/studio/studio-bridge.js`
+      ).then(() => {
+        window?.createWeaverseStudioBridge(weaverseCore);
+        setTimeout(() => {
+          weaverseCore.triggerUpdate();
+        }, 2e3);
+      });
+    }
+  }, []);
+};
 
 // src/index.tsx
+import React from "react";
+var createHydrogenRootContext = (configs, elements2 = {}) => {
+  let rootContext = new Weaverse(configs);
+  Object.keys(elements2).forEach((key) => {
+    rootContext.registerElement(elements2[key]);
+  });
+  return rootContext;
+};
 var createWeaverseHydrogenContext = (configs) => {
-  let context = createRootContext(configs);
+  let context = createHydrogenRootContext(configs);
   Object.keys(elements_default).forEach((key) => {
     context.registerElement(elements_default[key]);
   });
   return context;
 };
-var WeaverseHydrogenRoot = ({ context }) => {
-  return context?.data?.items ? /* @__PURE__ */ React.createElement(WeaverseRoot, { context }) : /* @__PURE__ */ React.createElement(React.Fragment, null, "No Weaverse data found!");
+var WeaverseHydrogenRoot = () => {
+  let weaverse = createHydrogenRootContext({
+    isDesignMode: true,
+    platformType: "shopify-hydrogen"
+  });
+  useStudio(weaverse);
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { id: "weaverse-test" }, "hello world from weaverse hydrogen"));
 };
 export {
   WeaverseHydrogenRoot,
+  createHydrogenRootContext,
   createWeaverseHydrogenContext,
-  fetchPageData
+  fetchPageData,
+  useStudio
 };

package/package.json

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