@weaverse/react 0.3.1 → 0.3.2

package/dist/index.js

@@ -63,7 +63,7 @@ __export(src_exports, {
 });
 
 // src/renderer.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_core = require("@weaverse/core");
 
 // src/elements/button.tsx
@@ -78,7 +78,6 @@ var Button = React.forwardRef((props, ref) => {
 });
 Button.defaultProps = {
   style: {
-    backgroundColor: "green",
     borderRadius: "9999px",
     fontSize: "13px",
     padding: "10px 15px"
@@ -116,11 +115,30 @@ Grid.defaultProps = {
   type: "grid"
 };
 
+// src/elements/text.tsx
+var React4 = __toESM(require("react"));
+var Text = React4.forwardRef((props, ref) => {
+  let _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ React4.createElement("span", __spreadProps(__spreadValues({
+    ref
+  }, rest), {
+    contentEditable: true,
+    dangerouslySetInnerHTML: { __html: "123123" }
+  }));
+});
+Text.defaultProps = {
+  style: {},
+  type: "text",
+  tag: "span"
+};
+var text_default = Text;
+
 // src/elements/index.ts
 var elements = {
   Button: button_default,
   BaseElement: base_default,
-  Grid
+  Grid,
+  Text: text_default
 };
 var elements_default = elements;
 
@@ -135,8 +153,8 @@ var createRootContext = (configs) => {
 };
 var WeaverseRoot = ({ context, defaultData }) => {
   var _a, _b, _c;
-  let [, setData] = React4.useState(context.projectData);
-  React4.useEffect(() => {
+  let [, setData] = React5.useState(context.projectData);
+  React5.useEffect(() => {
     let handleUpdate = () => {
       setData(__spreadValues({}, context.projectData));
     };
@@ -147,20 +165,22 @@ var WeaverseRoot = ({ context, defaultData }) => {
     };
   }, []);
   if (!((_b = (_a = context.projectData) == null ? void 0 : _a.items) == null ? void 0 : _b.length) && defaultData) {
-    context.projectData = defaultData;
-    context.initItemData();
+    Object.assign(context.projectData, defaultData);
+    context.initProjectItemData();
   }
   let handleProps = ((_c = context == null ? void 0 : context.studioBridge) == null ? void 0 : _c.handleProps) || {};
-  console.log("handleProps", handleProps);
-  return /* @__PURE__ */ React4.createElement("div", __spreadValues({}, handleProps), /* @__PURE__ */ React4.createElement(RenderItem, {
-    itemId: 0,
+  return /* @__PURE__ */ React5.createElement("div", __spreadValues({
+    className: `weaverse-root`,
+    id: "weaverse-root"
+  }, handleProps), /* @__PURE__ */ React5.createElement(RenderItem, {
+    itemId: context.projectData.rootId || 0,
     context
   }));
 };
 var Item = ({ itemInstance, elementInstances, context }) => {
-  let [data, setData] = React4.useState(itemInstance.data);
+  let [data, setData] = React5.useState(itemInstance.data);
   let _a = data, { id, type, childIds, css, className } = _a, rest = __objRest(_a, ["id", "type", "childIds", "css", "className"]);
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     let handleUpdate = (update) => {
       setData(__spreadValues({}, update));
     };
@@ -182,12 +202,12 @@ var Item = ({ itemInstance, elementInstances, context }) => {
     if (Component.$$typeof === Symbol.for("react.forward_ref")) {
       rest.ref = itemInstance.ref;
     }
-    return /* @__PURE__ */ React4.createElement(Component, __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React5.createElement(Component, __spreadProps(__spreadValues({
       key: id,
       "data-wv-id": id
     }, rest), {
       className: realClassName
-    }), Array.isArray(childIds) && childIds.map((childId) => /* @__PURE__ */ React4.createElement(RenderItem, {
+    }), Array.isArray(childIds) && childIds.map((childId) => /* @__PURE__ */ React5.createElement(RenderItem, {
       key: childId,
       itemId: childId,
       context
@@ -199,13 +219,13 @@ var RenderItem = ({ itemId, context }) => {
   let { itemInstances, elementInstances } = context;
   let itemInstance = itemInstances.get(itemId);
   if (itemInstance) {
-    return /* @__PURE__ */ React4.createElement(Item, {
+    return /* @__PURE__ */ React5.createElement(Item, {
       itemInstance,
       elementInstances,
       context
     });
   }
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null);
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null);
 };
 module.exports = __toCommonJS(src_exports);
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 
 // src/renderer.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import { isBrowser, Weaverse } from "@weaverse/core";
 
 // src/elements/button.tsx
@@ -46,7 +46,6 @@ var Button = React.forwardRef((props, ref) => {
 });
 Button.defaultProps = {
   style: {
-    backgroundColor: "green",
     borderRadius: "9999px",
     fontSize: "13px",
     padding: "10px 15px"
@@ -84,11 +83,30 @@ Grid.defaultProps = {
   type: "grid"
 };
 
+// src/elements/text.tsx
+import * as React4 from "react";
+var Text = React4.forwardRef((props, ref) => {
+  let _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ React4.createElement("span", __spreadProps(__spreadValues({
+    ref
+  }, rest), {
+    contentEditable: true,
+    dangerouslySetInnerHTML: { __html: "123123" }
+  }));
+});
+Text.defaultProps = {
+  style: {},
+  type: "text",
+  tag: "span"
+};
+var text_default = Text;
+
 // src/elements/index.ts
 var elements = {
   Button: button_default,
   BaseElement: base_default,
-  Grid
+  Grid,
+  Text: text_default
 };
 var elements_default = elements;
 
@@ -103,8 +121,8 @@ var createRootContext = (configs) => {
 };
 var WeaverseRoot = ({ context, defaultData }) => {
   var _a, _b, _c;
-  let [, setData] = React4.useState(context.projectData);
-  React4.useEffect(() => {
+  let [, setData] = React5.useState(context.projectData);
+  React5.useEffect(() => {
     let handleUpdate = () => {
       setData(__spreadValues({}, context.projectData));
     };
@@ -115,20 +133,22 @@ var WeaverseRoot = ({ context, defaultData }) => {
     };
   }, []);
   if (!((_b = (_a = context.projectData) == null ? void 0 : _a.items) == null ? void 0 : _b.length) && defaultData) {
-    context.projectData = defaultData;
-    context.initItemData();
+    Object.assign(context.projectData, defaultData);
+    context.initProjectItemData();
   }
   let handleProps = ((_c = context == null ? void 0 : context.studioBridge) == null ? void 0 : _c.handleProps) || {};
-  console.log("handleProps", handleProps);
-  return /* @__PURE__ */ React4.createElement("div", __spreadValues({}, handleProps), /* @__PURE__ */ React4.createElement(RenderItem, {
-    itemId: 0,
+  return /* @__PURE__ */ React5.createElement("div", __spreadValues({
+    className: `weaverse-root`,
+    id: "weaverse-root"
+  }, handleProps), /* @__PURE__ */ React5.createElement(RenderItem, {
+    itemId: context.projectData.rootId || 0,
     context
   }));
 };
 var Item = ({ itemInstance, elementInstances, context }) => {
-  let [data, setData] = React4.useState(itemInstance.data);
+  let [data, setData] = React5.useState(itemInstance.data);
   let _a = data, { id, type, childIds, css, className } = _a, rest = __objRest(_a, ["id", "type", "childIds", "css", "className"]);
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     let handleUpdate = (update) => {
       setData(__spreadValues({}, update));
     };
@@ -150,12 +170,12 @@ var Item = ({ itemInstance, elementInstances, context }) => {
     if (Component.$$typeof === Symbol.for("react.forward_ref")) {
       rest.ref = itemInstance.ref;
     }
-    return /* @__PURE__ */ React4.createElement(Component, __spreadProps(__spreadValues({
+    return /* @__PURE__ */ React5.createElement(Component, __spreadProps(__spreadValues({
       key: id,
       "data-wv-id": id
     }, rest), {
       className: realClassName
-    }), Array.isArray(childIds) && childIds.map((childId) => /* @__PURE__ */ React4.createElement(RenderItem, {
+    }), Array.isArray(childIds) && childIds.map((childId) => /* @__PURE__ */ React5.createElement(RenderItem, {
       key: childId,
       itemId: childId,
       context
@@ -167,13 +187,13 @@ var RenderItem = ({ itemId, context }) => {
   let { itemInstances, elementInstances } = context;
   let itemInstance = itemInstances.get(itemId);
   if (itemInstance) {
-    return /* @__PURE__ */ React4.createElement(Item, {
+    return /* @__PURE__ */ React5.createElement(Item, {
       itemInstance,
       elementInstances,
       context
     });
   }
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null);
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null);
 };
 export {
   WeaverseRoot,

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.3.1",
+  "version": "0.3.2",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -7,7 +7,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "type": "commonjs",
   "files": [
     "dist"
   ],
@@ -20,8 +19,8 @@
     "build": "tsup src/index.ts --format esm,cjs --dts --outDir dist --external react"
   },
   "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
   "prettier": {
     "printWidth": 80,