@builder.io/sdk-react-native 0.5.6 → 0.5.8

package/dist/components/content/components/enable-editor.js

@@ -44,6 +44,7 @@ const logger_js_1 = require("../../../helpers/logger.js");
 const index_js_3 = require("../../../functions/get-content/index.js");
 const is_previewing_js_1 = require("../../../functions/is-previewing.js");
 const set_js_1 = require("../../../helpers/preview-lru-cache/set.js");
+const fast_clone_js_1 = require("../../../functions/fast-clone.js");
 function EnableEditor(props) {
     var _a, _b, _c, _d, _e;
     const elementRef = (0, react_1.useRef)(null);
@@ -184,7 +185,7 @@ function EnableEditor(props) {
         if ((0, is_editing_js_1.isEditing)()) {
             window.dispatchEvent(new CustomEvent("builder:component:stateChange", {
                 detail: {
-                    state: props.builderContextSignal.rootState,
+                    state: (0, fast_clone_js_1.fastClone)(props.builderContextSignal.rootState),
                     ref: {
                         name: props.model,
                     },

package/dist/constants/sdk-version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SDK_VERSION = void 0;
-exports.SDK_VERSION = "0.5.6";
+exports.SDK_VERSION = "0.5.8";

package/dist/functions/register-component.js

@@ -50,7 +50,7 @@ function registerComponent(component, info) {
 exports.registerComponent = registerComponent;
 const createRegisterComponentMessage = info => ({
     type: "builder.registerComponent",
-    data: info
+    data: serializeComponentInfo(info)
 });
 exports.createRegisterComponentMessage = createRegisterComponentMessage;
 const serializeFn = fnValue => {

package/dist/functions/transform-block-properties.js

@@ -6,12 +6,16 @@ const react_dom_1 = require("react-dom");
 function transformBlockProperties(block) {
     block.className = block.class;
     delete block.class;
+    const id = block["builder-id"];
+    if (!id && (0, is_editing_js_1.isEditing)()) {
+        console.warn("No builder-id found on block", block);
+    }
     block.ref = (ref) => {
         if ((0, is_editing_js_1.isEditing)()) {
             const el = (0, react_dom_1.findDOMNode)(ref);
             if (el) {
-                el.setAttribute("builder-id", block.id);
-                el.classList.add(block.id);
+                el.setAttribute("builder-id", id);
+                el.classList.add(id);
             }
         }
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/components/content/components/enable-editor.jsx

@@ -26,6 +26,7 @@ import { logger } from "../../../helpers/logger.js";
 import { fetchOneEntry } from "../../../functions/get-content/index.js";
 import { isPreviewing } from "../../../functions/is-previewing.js";
 import { postPreviewContent } from "../../../helpers/preview-lru-cache/set.js";
+import { fastClone } from "../../../functions/fast-clone.js";
 
 function EnableEditor(props) {
   const elementRef = useRef(null);
@@ -186,7 +187,7 @@ function EnableEditor(props) {
       window.dispatchEvent(
         new CustomEvent("builder:component:stateChange", {
           detail: {
-            state: props.builderContextSignal.rootState,
+            state: fastClone(props.builderContextSignal.rootState),
             ref: {
               name: props.model,
             },

package/src/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.5.6"
+export const SDK_VERSION = "0.5.8"

package/src/functions/register-component.js

@@ -37,7 +37,7 @@ function registerComponent(component, info) {
 }
 const createRegisterComponentMessage = info => ({
   type: "builder.registerComponent",
-  data: info
+  data: serializeComponentInfo(info)
 });
 const serializeFn = fnValue => {
   const fnStr = fnValue.toString().trim();

package/src/functions/transform-block-properties.js

@@ -3,12 +3,16 @@ import { findDOMNode } from "react-dom";
 function transformBlockProperties(block) {
   block.className = block.class;
   delete block.class;
+  const id = block["builder-id"];
+  if (!id && isEditing()) {
+    console.warn("No builder-id found on block", block);
+  }
   block.ref = (ref) => {
     if (isEditing()) {
       const el = findDOMNode(ref);
       if (el) {
-        el.setAttribute("builder-id", block.id);
-        el.classList.add(block.id);
+        el.setAttribute("builder-id", id);
+        el.classList.add(id);
       }
     }
   };