@weaverse/react 0.7.71 → 1.0.1

package/dist/index.js

@@ -1928,7 +1928,7 @@ function initUploadCareAdaptiveDelivery(baseUrl) {
 // src/context.ts
 var createRootContext = (configs) => {
   let rootContext = new import_core2.Weaverse(configs);
-  initUploadCareAdaptiveDelivery(configs.appUrl);
+  initUploadCareAdaptiveDelivery(configs.weaverseHost);
   Object.keys(Elements).forEach((key) => {
     rootContext.registerElement(Elements[key]);
   });
@@ -2198,7 +2198,7 @@ var SliderComponents = {
 var import_core3 = require("@weaverse/core");
 var import_react38 = __toESM(require("react"));
 var WeaverseRoot = ({ context }) => {
-  let [, setData] = (0, import_react38.useState)(context.projectData);
+  let [, setData] = (0, import_react38.useState)(context.data);
   let rootRef = (0, import_react38.useRef)();
   let renderRoot = () => setData({});
   (0, import_react38.useEffect)(() => {
@@ -2210,7 +2210,7 @@ var WeaverseRoot = ({ context }) => {
   }, []);
   let eventHandlers = context?.studioBridge?.eventHandlers || {};
   let themeClass = context.stitchesInstance.theme.className;
-  if (context.projectData?.rootId) {
+  if (context.data?.rootId) {
     return /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
@@ -2218,7 +2218,8 @@ var WeaverseRoot = ({ context }) => {
         ...eventHandlers,
         ref: rootRef
       },
-      /* @__PURE__ */ import_react38.default.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { id: context.projectData.rootId }))
+      /* @__PURE__ */ import_react38.default.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { id: context.data.rootId })),
+      context.platformType === "react-ssr" ? /* @__PURE__ */ import_react38.default.createElement(StitchesSSR, { stitchesInstance: context.stitchesInstance }) : null
     );
   }
   return null;
@@ -2243,25 +2244,33 @@ var ItemComponent = ({ instance }) => {
     if (Component.$$typeof === Symbol.for("react.forward_ref")) {
       rest.ref = instance.ref;
     }
-    return (
-      // @ts-ignore
-      /* @__PURE__ */ import_react38.default.createElement(
-        Component,
-        {
-          key: id,
-          "data-wv-type": type,
-          "data-wv-id": id,
-          className: generateItemClassName(instance, stitchesInstance),
-          ...rest
-        },
-        childIds.map((id2) => /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { key: id2, id: id2 }))
-      )
-    );
+    return /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement(
+      Component,
+      {
+        key: id,
+        "data-wv-type": type,
+        "data-wv-id": id,
+        className: generateItemClassName(instance, stitchesInstance),
+        ...rest
+      },
+      childIds.map((id2) => /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { key: id2, id: id2 }))
+    ));
   } else {
     console.log(`Unknown element: ${type}`);
     return null;
   }
 };
+var StitchesSSR = ({ stitchesInstance }) => {
+  const stitchesCss2 = stitchesInstance.getCssText();
+  return /* @__PURE__ */ import_react38.default.createElement(
+    "style",
+    {
+      "data-style": "weaverse-stitches",
+      dangerouslySetInnerHTML: { __html: stitchesCss2 },
+      suppressHydrationWarning: true
+    }
+  );
+};
 var ItemInstance = ({ id }) => {
   let context = (0, import_react38.useContext)(WeaverseContext);
   let { itemInstances } = context;

package/dist/index.mjs

@@ -1892,7 +1892,7 @@ function initUploadCareAdaptiveDelivery(baseUrl) {
 // src/context.ts
 var createRootContext = (configs) => {
   let rootContext = new Weaverse(configs);
-  initUploadCareAdaptiveDelivery(configs.appUrl);
+  initUploadCareAdaptiveDelivery(configs.weaverseHost);
   Object.keys(Elements).forEach((key) => {
     rootContext.registerElement(Elements[key]);
   });
@@ -2162,7 +2162,7 @@ var SliderComponents = {
 import { isBrowser as isBrowser2 } from "@weaverse/core";
 import React29, { useContext as useContext6, useEffect as useEffect4, useRef, useState as useState3 } from "react";
 var WeaverseRoot = ({ context }) => {
-  let [, setData] = useState3(context.projectData);
+  let [, setData] = useState3(context.data);
   let rootRef = useRef();
   let renderRoot = () => setData({});
   useEffect4(() => {
@@ -2174,7 +2174,7 @@ var WeaverseRoot = ({ context }) => {
   }, []);
   let eventHandlers = context?.studioBridge?.eventHandlers || {};
   let themeClass = context.stitchesInstance.theme.className;
-  if (context.projectData?.rootId) {
+  if (context.data?.rootId) {
     return /* @__PURE__ */ React29.createElement(
       "div",
       {
@@ -2182,7 +2182,8 @@ var WeaverseRoot = ({ context }) => {
         ...eventHandlers,
         ref: rootRef
       },
-      /* @__PURE__ */ React29.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ React29.createElement(ItemInstance, { id: context.projectData.rootId }))
+      /* @__PURE__ */ React29.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ React29.createElement(ItemInstance, { id: context.data.rootId })),
+      context.platformType === "react-ssr" ? /* @__PURE__ */ React29.createElement(StitchesSSR, { stitchesInstance: context.stitchesInstance }) : null
     );
   }
   return null;
@@ -2207,25 +2208,33 @@ var ItemComponent = ({ instance }) => {
     if (Component.$$typeof === Symbol.for("react.forward_ref")) {
       rest.ref = instance.ref;
     }
-    return (
-      // @ts-ignore
-      /* @__PURE__ */ React29.createElement(
-        Component,
-        {
-          key: id,
-          "data-wv-type": type,
-          "data-wv-id": id,
-          className: generateItemClassName(instance, stitchesInstance),
-          ...rest
-        },
-        childIds.map((id2) => /* @__PURE__ */ React29.createElement(ItemInstance, { key: id2, id: id2 }))
-      )
-    );
+    return /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(
+      Component,
+      {
+        key: id,
+        "data-wv-type": type,
+        "data-wv-id": id,
+        className: generateItemClassName(instance, stitchesInstance),
+        ...rest
+      },
+      childIds.map((id2) => /* @__PURE__ */ React29.createElement(ItemInstance, { key: id2, id: id2 }))
+    ));
   } else {
     console.log(`Unknown element: ${type}`);
     return null;
   }
 };
+var StitchesSSR = ({ stitchesInstance }) => {
+  const stitchesCss2 = stitchesInstance.getCssText();
+  return /* @__PURE__ */ React29.createElement(
+    "style",
+    {
+      "data-style": "weaverse-stitches",
+      dangerouslySetInnerHTML: { __html: stitchesCss2 },
+      suppressHydrationWarning: true
+    }
+  );
+};
 var ItemInstance = ({ id }) => {
   let context = useContext6(WeaverseContext);
   let { itemInstances } = context;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.71",
+  "version": "1.0.1",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.2",
     "@stitches/react": "^1.2.8",
-    "@weaverse/core": "0.7.71",
+    "@weaverse/core": "1.0.1",
     "clsx": "^1.2.1",
     "keen-slider": "^6.8.5"
   }