@builder.io/sdk-react 0.0.3 → 0.0.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "src/index.js",
   "type": "module",
   "exports": {
@@ -15,6 +15,7 @@
     }
   },
   "scripts": {
+    "build": "echo 'no need to build react SDK'",
     "release:patch": "npm version patch --no-git-tag-version && npm publish --access public",
     "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"
   },

package/packages/_rsc/src/blocks/image/image.js

@@ -44,6 +44,17 @@ function Image(props) {
       } else {
         return "";
       }
+    },
+    get aspectRatioCss() {
+      const aspectRatioStyles = {
+        position: "absolute",
+        height: "100%",
+        width: "100%",
+        left: "0px",
+        top: "0px"
+      };
+      const out = props.aspectRatio ? aspectRatioStyles : void 0;
+      return out;
     }
   };
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("picture", null, state.webpSrcSet ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("source", {
@@ -53,34 +64,29 @@ function Image(props) {
     loading: "lazy",
     alt: props.altText,
     role: props.altText ? "presentation" : void 0,
-    style: {
-      objectPosition: props.backgroundSize || "center",
+    style: __spreadValues({
+      objectPosition: props.backgroundPosition || "center",
       objectFit: props.backgroundSize || "cover"
-    },
-    className: "builder-image" + (props.className ? " " + props.className : "") + " img-af05e244",
+    }, state.aspectRatioCss),
+    className: "builder-image" + (props.className ? " " + props.className : "") + " img-03c4fd62",
     src: props.image,
     srcSet: state.srcSetToUse,
     sizes: props.sizes
   }), /* @__PURE__ */ React.createElement("source", {
     srcSet: state.srcSetToUse
   })), props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-    className: "builder-image-sizer div-af05e244",
+    className: "builder-image-sizer div-03c4fd62",
     style: {
       paddingTop: props.aspectRatio * 100 + "%"
     }
   })) : null, ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ React.createElement(React.Fragment, null, props.children) : null, !props.fitContent && props.children ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-    className: "div-af05e244-2"
-  }, props.children)) : null), /* @__PURE__ */ React.createElement("style", null, `.img-af05e244 { 
+    className: "div-03c4fd62-2"
+  }, props.children)) : null), /* @__PURE__ */ React.createElement("style", null, `.img-03c4fd62 { 
 opacity: 1;
-transition: opacity 0.2s ease-in-out;
-position: absolute;
-height: 100%;
-width: 100%;
-top: 0px;
-left: 0px; }.div-af05e244 { 
+transition: opacity 0.2s ease-in-out; }.div-03c4fd62 { 
 width: 100%;
 pointer-events: none;
-font-size: 0; }.div-af05e244-2 { 
+font-size: 0; }.div-03c4fd62-2 { 
 display: flex;
 flex-direction: column;
 align-items: stretch;

package/packages/_rsc/src/components/render-block/render-block.js

@@ -80,12 +80,15 @@ function RenderBlock(props) {
         shouldEvaluateBindings: true
       });
     },
-    get attributes() {
-      return __spreadValues(__spreadValues(__spreadValues({}, getBlockProperties(state.useBlock)), getBlockActions({
+    get actions() {
+      return getBlockActions({
         block: state.useBlock,
         state: props.context.state,
         context: props.context.context
-      })), TARGET === "reactNative" ? {
+      });
+    },
+    get attributes() {
+      return __spreadValues(__spreadValues({}, getBlockProperties(state.useBlock)), TARGET === "reactNative" ? {
         style: getReactNativeBlockStyles({
           block: state.useBlock,
           context: props.context
@@ -102,7 +105,7 @@ function RenderBlock(props) {
         blockChildren: state.useChildren,
         componentRef: (_a2 = state.component) == null ? void 0 : _a2.component,
         componentOptions: __spreadValues(__spreadValues({}, getBlockComponentOptions(state.useBlock)), state.shouldWrap ? {} : {
-          attributes: state.attributes
+          attributes: __spreadValues(__spreadValues({}, state.attributes), state.actions)
         }),
         context: state.childrenContext
       };
@@ -177,12 +180,12 @@ function RenderBlock(props) {
   };
   const RenderComponentTagRef = state.renderComponentTag;
   const TagRef = state.tag;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, state.shouldWrap ? /* @__PURE__ */ React.createElement(React.Fragment, null, isEmptyHtmlElement(state.tag) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues({}, state.attributes))) : null, !isEmptyHtmlElement(state.tag) && state.repeatItemData ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = state.repeatItemData) == null ? void 0 : _a.map((data, index) => /* @__PURE__ */ React.createElement(RenderRepeatedBlock, {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, state.shouldWrap ? /* @__PURE__ */ React.createElement(React.Fragment, null, isEmptyHtmlElement(state.tag) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues(__spreadValues({}, state.attributes), state.actions))) : null, !isEmptyHtmlElement(state.tag) && state.repeatItemData ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = state.repeatItemData) == null ? void 0 : _a.map((data, index) => /* @__PURE__ */ React.createElement(RenderRepeatedBlock, {
     key: index,
     repeatContext: data.context,
     block: data.block,
     _context
-  }))) : null, !isEmptyHtmlElement(state.tag) && !state.repeatItemData ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues({}, state.attributes), /* @__PURE__ */ React.createElement(RenderComponentTagRef, __spreadProps(__spreadValues({}, state.renderComponentProps), {
+  }))) : null, !isEmptyHtmlElement(state.tag) && !state.repeatItemData ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues(__spreadValues({}, state.attributes), state.actions), /* @__PURE__ */ React.createElement(RenderComponentTagRef, __spreadProps(__spreadValues({}, state.renderComponentProps), {
     _context
   })), (_b = state.childrenWithoutParentComponent) == null ? void 0 : _b.map((child) => /* @__PURE__ */ React.createElement(RenderBlock, {
     key: "render-block-" + child.id,

package/packages/_rsc/src/components/render-content/render-content.js

@@ -52,7 +52,9 @@ function RenderContent(props) {
     overrideState: {},
     get contentState() {
       var _a2, _b2;
-      return __spreadValues(__spreadValues(__spreadValues({}, (_b2 = (_a2 = props.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.state), props.data), state.overrideState);
+      return __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, (_b2 = (_a2 = props.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.state), props.data), props.locale ? {
+        locale: props.locale
+      } : {}), state.overrideState);
     },
     get contextContext() {
       return props.context || {};

package/packages/_rsc/src/functions/get-block-actions-handler.js

@@ -1,12 +1,11 @@
 import { evaluate } from "./evaluate.js";
-function crateEventHandler(value, options) {
-  return (event) => evaluate({
-    code: value,
-    context: options.context,
-    state: options.state,
-    event
-  });
-}
+const createEventHandler = (value, options) => (event) => evaluate({
+  code: value,
+  context: options.context,
+  state: options.state,
+  event,
+  isExpression: false
+});
 export {
-  crateEventHandler
+  createEventHandler
 };

package/packages/_rsc/src/functions/get-block-actions.js

@@ -1,5 +1,5 @@
 import { getEventHandlerName } from "./event-handler-name.js";
-import { crateEventHandler } from "./get-block-actions-handler.js";
+import { createEventHandler } from "./get-block-actions-handler.js";
 function getBlockActions(options) {
   var _a;
   const obj = {};
@@ -9,7 +9,7 @@ function getBlockActions(options) {
       continue;
     }
     const value = optionActions[key];
-    obj[getEventHandlerName(key)] = crateEventHandler(value, options);
+    obj[getEventHandlerName(key)] = createEventHandler(value, options);
   }
   return obj;
 }

package/packages/_rsc/src/functions/get-builder-search-params/index.js

@@ -1,5 +1,6 @@
 import { isBrowser } from "../is-browser.js";
 const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
+const BUILDER_OPTIONS_PREFIX = "options.";
 const convertSearchParamsToQueryObject = (searchParams) => {
   const options = {};
   searchParams.forEach((value, key) => {
@@ -15,7 +16,7 @@ const getBuilderSearchParams = (_options) => {
   const newOptions = {};
   Object.keys(options).forEach((key) => {
     if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
-      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "");
+      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
       newOptions[trimmedKey] = options[key];
     }
   });

package/packages/_rsc/src/functions/get-content/index.js

@@ -57,12 +57,13 @@ const generateContentUrl = (options) => {
     noTraverse = false,
     model,
     apiKey,
-    includeRefs = true
+    includeRefs = true,
+    locale
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
   }
-  const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}`);
+  const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}`);
   const queryOptions = __spreadValues(__spreadValues({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
   for (const key in flattened) {
@@ -85,7 +86,7 @@ function getAllContent(options) {
     const fetch = yield getFetch();
     const content = yield fetch(url.href).then((res) => res.json());
     const canTrack = options.canTrack !== false;
-    if (canTrack) {
+    if (canTrack && Array.isArray(content.results)) {
       for (const item of content.results) {
         yield handleABTesting({ item, canTrack });
       }

package/packages/_rsc/src/functions/track.js

@@ -90,6 +90,10 @@ const createEvent = (_a) => __async(void 0, null, function* () {
 });
 function _track(eventProps) {
   return __async(this, null, function* () {
+    if (!eventProps.apiKey) {
+      console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");
+      return;
+    }
     if (!eventProps.canTrack) {
       return;
     }

package/packages/_rsc/src/scripts/init-editing.js

@@ -20,8 +20,8 @@ const registerInsertMenu = () => {
   });
 };
 let isSetupForEditing = false;
-const setupBrowserForEditing = () => {
-  var _a;
+const setupBrowserForEditing = (options = {}) => {
+  var _a, _b;
   if (isSetupForEditing) {
     return;
   }
@@ -36,8 +36,14 @@ const setupBrowserForEditing = () => {
         supportsCustomBreakpoints: true
       }
     }, "*");
+    (_b = window.parent) == null ? void 0 : _b.postMessage({
+      type: "builder.updateContent",
+      data: {
+        options
+      }
+    }, "*");
     window.addEventListener("message", ({ data }) => {
-      var _a2, _b;
+      var _a2, _b2;
       if (!(data == null ? void 0 : data.type)) {
         return;
       }
@@ -69,7 +75,7 @@ const setupBrowserForEditing = () => {
                 }, "*");
               }).catch(console.error);
             } else {
-              (_b = window.parent) == null ? void 0 : _b.postMessage({
+              (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
                 type: "builder.evaluateResult",
                 data: { result, id }
               }, "*");

package/src/blocks/image/image.jsx

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import { getSrcSet } from "./image.helpers.js";
 function Image(props) {
@@ -27,6 +43,17 @@ function Image(props) {
       return "";
     }
   }
+  function aspectRatioCss() {
+    const aspectRatioStyles = {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      left: "0px",
+      top: "0px"
+    };
+    const out = props.aspectRatio ? aspectRatioStyles : void 0;
+    return out;
+  }
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("picture", null, webpSrcSet() ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("source", {
     type: "image/webp",
     srcSet: webpSrcSet()
@@ -34,34 +61,29 @@ function Image(props) {
     loading: "lazy",
     alt: props.altText,
     role: props.altText ? "presentation" : void 0,
-    style: {
-      objectPosition: props.backgroundSize || "center",
+    style: __spreadValues({
+      objectPosition: props.backgroundPosition || "center",
       objectFit: props.backgroundSize || "cover"
-    },
-    className: "builder-image" + (props.className ? " " + props.className : "") + " img-6cfc0cdc",
+    }, aspectRatioCss()),
+    className: "builder-image" + (props.className ? " " + props.className : "") + " img-35d6dc22",
     src: props.image,
     srcSet: srcSetToUse(),
     sizes: props.sizes
   }), /* @__PURE__ */ React.createElement("source", {
     srcSet: srcSetToUse()
   })), props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-    className: "builder-image-sizer div-6cfc0cdc",
+    className: "builder-image-sizer div-35d6dc22",
     style: {
       paddingTop: props.aspectRatio * 100 + "%"
     }
   })) : null, ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ React.createElement(React.Fragment, null, props.children) : null, !props.fitContent && props.children ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-    className: "div-6cfc0cdc-2"
-  }, props.children)) : null), /* @__PURE__ */ React.createElement("style", null, `.img-6cfc0cdc { 
+    className: "div-35d6dc22-2"
+  }, props.children)) : null), /* @__PURE__ */ React.createElement("style", null, `.img-35d6dc22 { 
 opacity: 1;
-transition: opacity 0.2s ease-in-out;
-position: absolute;
-height: 100%;
-width: 100%;
-top: 0px;
-left: 0px; }.div-6cfc0cdc { 
+transition: opacity 0.2s ease-in-out; }.div-35d6dc22 { 
 width: 100%;
 pointer-events: none;
-font-size: 0; }.div-6cfc0cdc-2 { 
+font-size: 0; }.div-35d6dc22-2 { 
 display: flex;
 flex-direction: column;
 align-items: stretch;

package/src/components/render-block/render-block.jsx

@@ -79,12 +79,15 @@ function RenderBlock(props) {
       shouldEvaluateBindings: true
     });
   }
-  function attributes() {
-    return __spreadValues(__spreadValues(__spreadValues({}, getBlockProperties(useBlock())), getBlockActions({
+  function actions() {
+    return getBlockActions({
       block: useBlock(),
       state: props.context.state,
       context: props.context.context
-    })), TARGET === "reactNative" ? {
+    });
+  }
+  function attributes() {
+    return __spreadValues(__spreadValues({}, getBlockProperties(useBlock())), TARGET === "reactNative" ? {
       style: getReactNativeBlockStyles({
         block: useBlock(),
         context: props.context
@@ -101,7 +104,7 @@ function RenderBlock(props) {
       blockChildren: useChildren(),
       componentRef: (_a2 = component == null ? void 0 : component()) == null ? void 0 : _a2.component,
       componentOptions: __spreadValues(__spreadValues({}, getBlockComponentOptions(useBlock())), shouldWrap() ? {} : {
-        attributes: attributes()
+        attributes: __spreadValues(__spreadValues({}, attributes()), actions())
       }),
       context: childrenContext()
     };
@@ -175,11 +178,11 @@ function RenderBlock(props) {
   const [componentInfo, setComponentInfo] = useState(() => null);
   const RenderComponentTagRef = renderComponentTag();
   const TagRef = tag();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, shouldWrap() ? /* @__PURE__ */ React.createElement(React.Fragment, null, isEmptyHtmlElement(tag()) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues({}, attributes()))) : null, !isEmptyHtmlElement(tag()) && repeatItemData() ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = repeatItemData()) == null ? void 0 : _a.map((data, index) => /* @__PURE__ */ React.createElement(RenderRepeatedBlock, {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, shouldWrap() ? /* @__PURE__ */ React.createElement(React.Fragment, null, isEmptyHtmlElement(tag()) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues(__spreadValues({}, attributes()), actions()))) : null, !isEmptyHtmlElement(tag()) && repeatItemData() ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = repeatItemData()) == null ? void 0 : _a.map((data, index) => /* @__PURE__ */ React.createElement(RenderRepeatedBlock, {
     key: index,
     repeatContext: data.context,
     block: data.block
-  }))) : null, !isEmptyHtmlElement(tag()) && !repeatItemData() ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues({}, attributes()), /* @__PURE__ */ React.createElement(RenderComponentTagRef, __spreadValues({}, renderComponentProps())), (_b = childrenWithoutParentComponent()) == null ? void 0 : _b.map((child) => /* @__PURE__ */ React.createElement(RenderBlock, {
+  }))) : null, !isEmptyHtmlElement(tag()) && !repeatItemData() ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues(__spreadValues({}, attributes()), actions()), /* @__PURE__ */ React.createElement(RenderComponentTagRef, __spreadValues({}, renderComponentProps())), (_b = childrenWithoutParentComponent()) == null ? void 0 : _b.map((child) => /* @__PURE__ */ React.createElement(RenderBlock, {
     key: "render-block-" + child.id,
     block: child,
     context: childrenContext()

package/src/components/render-content/render-content.jsx

@@ -21,7 +21,6 @@ import * as React from "react";
 import { useState, useRef, useEffect } from "react";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
 import { TARGET } from "../../constants/target.js";
-import BuilderContext from "../../context/builder.context.js";
 import { evaluate } from "../../functions/evaluate.js";
 import { getContent } from "../../functions/get-content/index.js";
 import { getFetch } from "../../functions/get-fetch.js";
@@ -35,6 +34,7 @@ import {
 import { _track } from "../../functions/track.js";
 import RenderBlocks from "../render-blocks.jsx";
 import RenderContentStyles from "./components/render-styles.jsx";
+import BuilderContext from "../../context/builder.context.js";
 import {
   registerInsertMenu,
   setupBrowserForEditing
@@ -61,7 +61,9 @@ function RenderContent(props) {
   const [overrideState, setOverrideState] = useState(() => ({}));
   function contentState() {
     var _a2, _b2;
-    return __spreadValues(__spreadValues(__spreadValues({}, (_b2 = (_a2 = props.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.state), props.data), overrideState);
+    return __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, (_b2 = (_a2 = props.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.state), props.data), props.locale ? {
+      locale: props.locale
+    } : {}), overrideState);
   }
   function contextContext() {
     return props.context || {};
@@ -173,11 +175,18 @@ function RenderContent(props) {
   }
   useEffect(() => {
     var _a2, _b2;
+    if (!props.apiKey) {
+      console.error("[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+    }
     if (isBrowser()) {
       if (isEditing()) {
         setForceReRenderCount(forceReRenderCount + 1);
         registerInsertMenu();
-        setupBrowserForEditing();
+        setupBrowserForEditing(__spreadValues(__spreadValues({}, props.locale ? {
+          locale: props.locale
+        } : {}), props.includeRefs ? {
+          includeRefs: props.includeRefs
+        } : {}));
         Object.values(allRegisteredComponents()).forEach((registeredComponent) => {
           var _a3;
           const message = createRegisterComponentMessage(registeredComponent);
@@ -220,7 +229,7 @@ function RenderContent(props) {
   }, []);
   useEffect(() => {
     evaluateJsCode();
-  }, [(_b = (_a = useContent == null ? void 0 : useContent()) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode]);
+  }, [(_b = (_a = useContent == null ? void 0 : useContent()) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode, contentState()]);
   useEffect(() => {
     runHttpRequests();
   }, [(_d = (_c = useContent == null ? void 0 : useContent()) == null ? void 0 : _c.data) == null ? void 0 : _d.httpRequests]);

package/src/functions/evaluate.js

@@ -4,7 +4,8 @@ function evaluate({
   code,
   context,
   state,
-  event
+  event,
+  isExpression = true
 }) {
   if (code === "") {
     console.warn("Skipping evaluation of empty code block.");
@@ -15,12 +16,12 @@ function evaluate({
     isBrowser: isBrowser(),
     isServer: !isBrowser()
   };
-  const useReturn = !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "));
+  const useReturn = isExpression && !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "));
   const useCode = useReturn ? `return (${code});` : code;
   try {
     return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
   } catch (e) {
-    console.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e.message || e);
+    console.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e);
   }
 }
 export {

package/src/functions/get-block-actions-handler.js

@@ -1,12 +1,11 @@
 import { evaluate } from "./evaluate.js";
-function crateEventHandler(value, options) {
-  return (event) => evaluate({
-    code: value,
-    context: options.context,
-    state: options.state,
-    event
-  });
-}
+const createEventHandler = (value, options) => (event) => evaluate({
+  code: value,
+  context: options.context,
+  state: options.state,
+  event,
+  isExpression: false
+});
 export {
-  crateEventHandler
+  createEventHandler
 };

package/src/functions/get-block-actions.js

@@ -1,5 +1,5 @@
 import { getEventHandlerName } from "./event-handler-name.js";
-import { crateEventHandler } from "./get-block-actions-handler.js";
+import { createEventHandler } from "./get-block-actions-handler.js";
 function getBlockActions(options) {
   var _a;
   const obj = {};
@@ -9,7 +9,7 @@ function getBlockActions(options) {
       continue;
     }
     const value = optionActions[key];
-    obj[getEventHandlerName(key)] = crateEventHandler(value, options);
+    obj[getEventHandlerName(key)] = createEventHandler(value, options);
   }
   return obj;
 }

package/src/functions/get-builder-search-params/index.js

@@ -1,5 +1,6 @@
 import { isBrowser } from "../is-browser.js";
 const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
+const BUILDER_OPTIONS_PREFIX = "options.";
 const convertSearchParamsToQueryObject = (searchParams) => {
   const options = {};
   searchParams.forEach((value, key) => {
@@ -15,7 +16,7 @@ const getBuilderSearchParams = (_options) => {
   const newOptions = {};
   Object.keys(options).forEach((key) => {
     if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
-      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "");
+      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
       newOptions[trimmedKey] = options[key];
     }
   });

package/src/functions/get-content/index.js

@@ -57,12 +57,13 @@ const generateContentUrl = (options) => {
     noTraverse = false,
     model,
     apiKey,
-    includeRefs = true
+    includeRefs = true,
+    locale
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
   }
-  const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}`);
+  const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}`);
   const queryOptions = __spreadValues(__spreadValues({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
   for (const key in flattened) {
@@ -85,7 +86,7 @@ function getAllContent(options) {
     const fetch = yield getFetch();
     const content = yield fetch(url.href).then((res) => res.json());
     const canTrack = options.canTrack !== false;
-    if (canTrack) {
+    if (canTrack && Array.isArray(content.results)) {
       for (const item of content.results) {
         yield handleABTesting({ item, canTrack });
       }

package/src/functions/track.js

@@ -90,6 +90,10 @@ const createEvent = (_a) => __async(void 0, null, function* () {
 });
 function _track(eventProps) {
   return __async(this, null, function* () {
+    if (!eventProps.apiKey) {
+      console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");
+      return;
+    }
     if (!eventProps.canTrack) {
       return;
     }

package/src/scripts/init-editing.js

@@ -20,8 +20,8 @@ const registerInsertMenu = () => {
   });
 };
 let isSetupForEditing = false;
-const setupBrowserForEditing = () => {
-  var _a;
+const setupBrowserForEditing = (options = {}) => {
+  var _a, _b;
   if (isSetupForEditing) {
     return;
   }
@@ -36,8 +36,14 @@ const setupBrowserForEditing = () => {
         supportsCustomBreakpoints: true
       }
     }, "*");
+    (_b = window.parent) == null ? void 0 : _b.postMessage({
+      type: "builder.updateContent",
+      data: {
+        options
+      }
+    }, "*");
     window.addEventListener("message", ({ data }) => {
-      var _a2, _b;
+      var _a2, _b2;
       if (!(data == null ? void 0 : data.type)) {
         return;
       }
@@ -69,7 +75,7 @@ const setupBrowserForEditing = () => {
                 }, "*");
               }).catch(console.error);
             } else {
-              (_b = window.parent) == null ? void 0 : _b.postMessage({
+              (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
                 type: "builder.evaluateResult",
                 data: { result, id }
               }, "*");

package/packages/_rsc/src/functions/mark-mutable.js

@@ -1,10 +0,0 @@
-function markMutable(value) {
-  return value;
-}
-function markPropsMutable(props) {
-  return props;
-}
-export {
-  markMutable,
-  markPropsMutable
-};

package/src/functions/mark-mutable.js

@@ -1,10 +0,0 @@
-function markMutable(value) {
-  return value;
-}
-function markPropsMutable(props) {
-  return props;
-}
-export {
-  markMutable,
-  markPropsMutable
-};