@builder.io/react 3.0.14 → 3.1.0

package/dist/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@builder.io/react",
-    "version": "3.0.14-0",
+    "version": "3.0.14",
     "description": "",
     "keywords": [],
     "main": "dist/builder-react.cjs.js",

package/dist/lib/src/blocks/Text.js

@@ -33,6 +33,7 @@ exports.Text = void 0;
 /** @jsx jsx */
 var core_1 = require("@emotion/core");
 var react_1 = __importDefault(require("react"));
+var sdk_1 = require("@builder.io/sdk");
 var with_builder_1 = require("../functions/with-builder");
 var builder_store_1 = require("../store/builder-store");
 var try_eval_1 = require("../functions/try-eval");
@@ -51,8 +52,26 @@ var TextComponent = /** @class */ (function (_super) {
         }
     };
     TextComponent.prototype.evalExpression = function (expression, state) {
+        // Don't interpolate when inline editing
+        if (this.allowTextEdit) {
+            return String(expression);
+        }
         return String(expression).replace(/{{([^}]+)}}/g, function (match, group) { return (0, try_eval_1.tryEval)(group, state); });
     };
+    Object.defineProperty(TextComponent.prototype, "allowTextEdit", {
+        get: function () {
+            return (sdk_1.Builder.isBrowser &&
+                sdk_1.Builder.isEditing &&
+                location.search.includes('builder.allowTextEdit=true') &&
+                !(this.props.builderBlock &&
+                    this.props.builderBlock.bindings &&
+                    (this.props.builderBlock.bindings['component.options.text'] ||
+                        this.props.builderBlock.bindings['options.text'] ||
+                        this.props.builderBlock.bindings['text'])));
+        },
+        enumerable: false,
+        configurable: true
+    });
     TextComponent.prototype.render = function () {
         var _this = this;
         var textCSS = {

package/dist/lib/src/blocks/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/blocks/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,sCAA4D;AAC5D,gDAA0B;AAE1B,0DAAwD;AACxD,wDAA6D;AAC7D,kDAAgD;AAEhD,IAAM,OAAO,GACX,2KAA2K,CAAC;AAO9K;IAA4B,iCAA0B;IAAtD;QAAA,qEAiEC;QAhEC,aAAO,GAA2B,IAAI,CAAC;;IAgEzC,CAAC;IA9DC,yCAAiB,GAAjB;QACE,uEAAuE;QACvE,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YACxD,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;SAC1C;IACH,CAAC;IAED,sCAAc,GAAd,UAAe,UAAkB,EAAE,KAAU;QAC3C,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,IAAA,kBAAO,EAAC,KAAK,EAAE,KAAK,CAAC,EAArB,CAAqB,CAAC,CAAC;IAC7F,CAAC;IAED,8BAAM,GAAN;QAAA,iBAkDC;QAjDC,IAAM,OAAO,GAAgC;YAC3C,OAAO,EAAE,MAAM;YACf,uDAAuD,EAAE;gBACvD,MAAM,EAAE,CAAC;aACV;YACD,6BAA6B,EAAE;gBAC7B,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE,SAAS;gBACrB,aAAa,EAAE,SAAS;gBACxB,UAAU,EAAE,SAAS;gBACrB,QAAQ,EAAE,SAAS;gBACnB,SAAS,EAAE,SAAS;gBACpB,UAAU,EAAE,SAAS;aACtB;SACF,CAAC;QAEF,OAAO,CACL,gBAAC,mCAAmB,CAAC,QAAQ,QAC1B,UAAA,KAAK;;YACJ,IAAI,MAAA,KAAK,CAAC,OAAO,CAAC,IAAI,0CAAE,OAAO,EAAE;gBAC/B,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;aAC3B;YAED,OAAO,CACL,gBAAC,eAAK,CAAC,QAAQ;gBAEb,mCACE,GAAG,EAAE,UAAA,GAAG;wBACN,KAAI,CAAC,OAAO,GAAG,GAAG,CAAC;oBACrB,CAAC,EACD,GAAG,EAAE,OAAO,EACZ,SAAS;oBACP,mGAAmG;oBACnG,cAAc,IAEZ;oBACF,uBAAuB,EAAE;wBACvB,MAAM,EAAE,KAAI,CAAC,cAAc,CACzB,KAAI,CAAC,KAAK,CAAC,IAAI,IAAK,KAAI,CAAC,KAAa,CAAC,OAAO,IAAI,EAAE,EACpD,KAAK,CAAC,KAAK,CACZ;qBACF;iBACF,EACD,CACa,CAClB,CAAC;QACJ,CAAC,CAC4B,CAChC,CAAC;IACJ,CAAC;IACH,oBAAC;AAAD,CAAC,AAjED,CAA4B,eAAK,CAAC,SAAS,GAiE1C;AAEY,QAAA,IAAI,GAAG,IAAA,0BAAW,EAAC,aAAa,EAAE;IAC7C,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE;QACN;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,oBAAoB;SACnC;KACF;IACD,oFAAoF;IACpF,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/blocks/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,sCAA4D;AAC5D,gDAA0B;AAC1B,uCAA0D;AAC1D,0DAAwD;AACxD,wDAA6D;AAC7D,kDAAgD;AAEhD,IAAM,OAAO,GACX,2KAA2K,CAAC;AAO9K;IAA4B,iCAA0B;IAAtD;QAAA,qEAoFC;QAnFC,aAAO,GAA2B,IAAI,CAAC;;IAmFzC,CAAC;IAjFC,yCAAiB,GAAjB;QACE,uEAAuE;QACvE,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YACxD,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;SAC1C;IACH,CAAC;IAED,sCAAc,GAAd,UAAe,UAAkB,EAAE,KAAU;QAC3C,wCAAwC;QACxC,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC;SAC3B;QACD,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,IAAA,kBAAO,EAAC,KAAK,EAAE,KAAK,CAAC,EAArB,CAAqB,CAAC,CAAC;IAC7F,CAAC;IAED,sBAAI,wCAAa;aAAjB;YACE,OAAO,CACL,aAAO,CAAC,SAAS;gBACjB,aAAO,CAAC,SAAS;gBACjB,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,4BAA4B,CAAC;gBACtD,CAAC,CACC,IAAI,CAAC,KAAK,CAAC,YAAY;oBACvB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ;oBAChC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,wBAAwB,CAAC;wBACzD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,cAAc,CAAC;wBAChD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAC5C,CACF,CAAC;QACJ,CAAC;;;OAAA;IAED,8BAAM,GAAN;QAAA,iBAkDC;QAjDC,IAAM,OAAO,GAAgC;YAC3C,OAAO,EAAE,MAAM;YACf,uDAAuD,EAAE;gBACvD,MAAM,EAAE,CAAC;aACV;YACD,6BAA6B,EAAE;gBAC7B,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE,SAAS;gBACrB,aAAa,EAAE,SAAS;gBACxB,UAAU,EAAE,SAAS;gBACrB,QAAQ,EAAE,SAAS;gBACnB,SAAS,EAAE,SAAS;gBACpB,UAAU,EAAE,SAAS;aACtB;SACF,CAAC;QAEF,OAAO,CACL,gBAAC,mCAAmB,CAAC,QAAQ,QAC1B,UAAA,KAAK;;YACJ,IAAI,MAAA,KAAK,CAAC,OAAO,CAAC,IAAI,0CAAE,OAAO,EAAE;gBAC/B,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;aAC3B;YAED,OAAO,CACL,gBAAC,eAAK,CAAC,QAAQ;gBAEb,mCACE,GAAG,EAAE,UAAA,GAAG;wBACN,KAAI,CAAC,OAAO,GAAG,GAAG,CAAC;oBACrB,CAAC,EACD,GAAG,EAAE,OAAO,EACZ,SAAS;oBACP,mGAAmG;oBACnG,cAAc,IAEZ;oBACF,uBAAuB,EAAE;wBACvB,MAAM,EAAE,KAAI,CAAC,cAAc,CACzB,KAAI,CAAC,KAAK,CAAC,IAAI,IAAK,KAAI,CAAC,KAAa,CAAC,OAAO,IAAI,EAAE,EACpD,KAAK,CAAC,KAAK,CACZ;qBACF;iBACF,EACD,CACa,CAClB,CAAC;QACJ,CAAC,CAC4B,CAChC,CAAC;IACJ,CAAC;IACH,oBAAC;AAAD,CAAC,AApFD,CAA4B,eAAK,CAAC,SAAS,GAoF1C;AAEY,QAAA,IAAI,GAAG,IAAA,0BAAW,EAAC,aAAa,EAAE;IAC7C,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE;QACN;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,oBAAoB;SACnC;KACF;IACD,oFAAoF;IACpF,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC"}

package/dist/types/src/components/builder-content.component.d.ts

@@ -87,6 +87,7 @@ export declare class BuilderContent<ContentType extends object = any> extends Re
             [key: string]: any;
         } | undefined;
         noEditorUpdates?: boolean | undefined;
+        noTraverse?: boolean | undefined;
     } | {
         apiVersion?: "v3" | undefined;
         enrich?: boolean | undefined;
@@ -120,6 +121,7 @@ export declare class BuilderContent<ContentType extends object = any> extends Re
             [key: string]: any;
         } | undefined;
         noEditorUpdates?: boolean | undefined;
+        noTraverse?: boolean | undefined;
     } | {
         apiVersion?: undefined;
         enrich?: boolean | undefined;
@@ -153,6 +155,7 @@ export declare class BuilderContent<ContentType extends object = any> extends Re
             [key: string]: any;
         } | undefined;
         noEditorUpdates?: boolean | undefined;
+        noTraverse?: boolean | undefined;
     };
     get data(): {
         variationId: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/react",
-  "version": "3.0.14",
+  "version": "3.1.0",
   "description": "",
   "keywords": [],
   "main": "dist/builder-react.cjs.js",
@@ -124,7 +124,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@builder.io/sdk": "2.0.8",
+    "@builder.io/sdk": "2.1.0",
     "@emotion/core": "^10.0.17",
     "hash-sum": "^2.0.0",
     "isolated-vm": "^4.5.0",

package/src/blocks/Text.tsx

@@ -25,9 +25,28 @@ class TextComponent extends React.Component<TextProps> {
   }
 
   evalExpression(expression: string, state: any) {
+    // Don't interpolate when inline editing
+    if (this.allowTextEdit) {
+      return String(expression);
+    }
     return String(expression).replace(/{{([^}]+)}}/g, (match, group) => tryEval(group, state));
   }
 
+  get allowTextEdit() {
+    return (
+      Builder.isBrowser &&
+      Builder.isEditing &&
+      location.search.includes('builder.allowTextEdit=true') &&
+      !(
+        this.props.builderBlock &&
+        this.props.builderBlock.bindings &&
+        (this.props.builderBlock.bindings['component.options.text'] ||
+          this.props.builderBlock.bindings['options.text'] ||
+          this.props.builderBlock.bindings['text'])
+      )
+    );
+  }
+
   render() {
     const textCSS: InterpolationWithTheme<any> = {
       outline: 'none',

package/dist/lib/src/scripts/iso-vm.js

@@ -1,74 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var ivm = require('isolated-vm');
-var isolate = new ivm.Isolate({ memoryLimit: 128 });
-var context = isolate.createContextSync();
-var jail = context.global;
-var state = { articles: { bar: [{ a: 1 }] } };
-var fetch = require('node-fetch');
-var fetching = function () { return __awaiter(void 0, void 0, void 0, function () {
-    var result, json, b;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, fetch("https://cdn.builder.io/api/v3/content/page?apiKey=c3e3257ff5594facbf478a68d37f766d&limit=1&fields=id")];
-            case 1:
-                result = _a.sent();
-                return [4 /*yield*/, result.json()];
-            case 2:
-                json = _a.sent();
-                console.log(json);
-                b = undefined;
-                jail.setSync('returnValue', function (val) { return (b = val); });
-                state.articles = json;
-                context.evalClosureSync("\n  const refToProxy = (obj) => {\n     if (typeof obj !== 'object' || obj === null) {\n       return obj;\n     }\n     return new Proxy(obj, {\n         get(target, key) {\n            if(key === 'toJS') {\n              return () => obj.copySync();\n            }\n             const val = obj.getSync(key);\n             if (typeof val?.getSync === 'function') {\n                 return refToProxy(val);\n             }\n             return val;\n         },\n         set(target, key, value) {\n             obj.setSync(key, value);\n         },\n         deleteProperty(target, key) {\n             obj.deleteSync(key);\n         },\n       })\n   }\n   const state = refToProxy($0);\n   \n   returnValue(state.toJS());\n   return state.articles.results.toJS();\n ", [new ivm.Reference(state)]);
-                console.log(b.articles.results);
-                return [2 /*return*/];
-        }
-    });
-}); };
-jail.setSync('global', jail.derefInto());
-// We will create a basic `log` function for the new isolate to use.
-jail.setSync('log', function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    console.log.apply(console, args);
-});
-fetching();
-//# sourceMappingURL=iso-vm.js.map

package/dist/lib/src/scripts/iso-vm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iso-vm.js","sourceRoot":"","sources":["../../../../src/scripts/iso-vm.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAM,GAAG,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AAEnC,IAAM,OAAO,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;AAEtD,IAAM,OAAO,GAAG,OAAO,CAAC,iBAAiB,EAAE,CAAC;AAC5C,IAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC;AAC5B,IAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;AAChD,IAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AACpC,IAAM,QAAQ,GAAG;;;;oBACA,qBAAM,KAAK,CACxB,sGAAsG,CACvG,EAAA;;gBAFK,MAAM,GAAG,SAEd;gBACY,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;gBAA1B,IAAI,GAAG,SAAmB;gBAChC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACd,CAAC,GAAG,SAAS,CAAC;gBAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,UAAA,GAAG,IAAI,OAAA,CAAC,CAAC,GAAG,GAAG,CAAC,EAAT,CAAS,CAAC,CAAC;gBAC9C,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACtB,OAAO,CAAC,eAAe,CACrB,qwBA4BF,EACE,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAC3B,CAAC;gBAEF,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;;;;KACjC,CAAC;AACF,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AAEzC,oEAAoE;AACpE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;IAAU,cAAO;SAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;QAAP,yBAAO;;IACnC,OAAO,CAAC,GAAG,OAAX,OAAO,EAAQ,IAAI,EAAE;AACvB,CAAC,CAAC,CAAC;AAEH,QAAQ,EAAE,CAAC"}

package/dist/types/src/scripts/iso-vm.d.ts

@@ -1 +0,0 @@
-export {};