@builder.io/sdk-qwik 0.0.13 → 0.0.16

package/README.md

@@ -32,11 +32,7 @@ Add Qwik SDK code to a particular route (such as `src/routes/index.tsx`)
 ```typscript
 import { component$, Resource, useResource$ } from "@builder.io/qwik";
 import { useLocation } from "@builder.io/qwik-city";
-import {
-  getContent,
-  RenderContent,
-  getBuilderSearchParams,
-} from "@builder.io/sdk-qwik";
+import { getContent, RenderContent, getBuilderSearchParams } from "@builder.io/sdk-qwik";
 
 export const BUILDER_PUBLIC_API_KEY = "YOUR_API_KEY_GOES_HERE"; // ggignore
 export default component$(() => {

package/lib/index.qwik.cjs

@@ -162,7 +162,7 @@ function evaluate({ code, context, state, event }) {
   try {
     return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
   } catch (e) {
-    console.warn("Builder custom code error: ", e);
+    console.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e.message || e);
   }
 }
 const set = (obj, _path, value) => {
@@ -426,10 +426,19 @@ const EMPTY_HTML_ELEMENTS = [
 const isEmptyHtmlElement = (tagName4) => {
   return typeof tagName4 === "string" && EMPTY_HTML_ELEMENTS.includes(tagName4.toLowerCase());
 };
+function markMutable(value) {
+  return qwik.mutable(value);
+}
+function markPropsMutable(props) {
+  Object.keys(props).forEach((key) => {
+    props[key] = qwik.mutable(props[key]);
+  });
+  return props;
+}
 const RenderComponent = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: props.componentRef ? /* @__PURE__ */ jsxRuntime.jsxs(props.componentRef, {
-      ...props.componentOptions,
+      ...markPropsMutable(props.componentOptions),
       children: [
         (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ jsxRuntime.jsx(RenderBlock$1, {
@@ -737,7 +746,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
           ...columnCssVars(props, state)
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(RenderBlocks$1, {
-          blocks: column.blocks,
+          blocks: markMutable(column.blocks),
           path: `component.options.columns.${index}.blocks`,
           parent: props.builderBlock.id
         })
@@ -1885,7 +1894,7 @@ function getGlobalThis() {
     return self;
   return null;
 }
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1906,7 +1915,7 @@ var __async$1 = (__this, __arguments, generator) => {
   });
 };
 function getFetch() {
-  return __async$1(this, null, function* () {
+  return __async$2(this, null, function* () {
     const globalFetch = getGlobalThis().fetch;
     if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
       const nodeFetch = Promise.resolve().then(() => require("./index.d8c1e37f.cjs")).then((d) => d.default);
@@ -1973,7 +1982,7 @@ var __spreadValues$2 = (a, b) => {
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1995,14 +2004,14 @@ var __async = (__this, __arguments, generator) => {
 };
 const fetch$ = getFetch();
 function getContent(options) {
-  return __async(this, null, function* () {
+  return __async$1(this, null, function* () {
     return (yield getAllContent(__spreadProps$2(__spreadValues$2({}, options), {
       limit: 1
     }))).results[0] || null;
   });
 }
 const generateContentUrl = (options) => {
-  const { limit = 1, userAttributes, query, noTraverse = false, model, apiKey } = options;
+  const { limit = 30, userAttributes, query, noTraverse = false, model, apiKey } = options;
   const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`);
   const queryOptions = __spreadValues$2(__spreadValues$2({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
@@ -2020,7 +2029,7 @@ const generateContentUrl = (options) => {
   return url;
 };
 function getAllContent(options) {
-  return __async(this, null, function* () {
+  return __async$1(this, null, function* () {
     const url = generateContentUrl(options);
     const fetch2 = yield fetch$;
     const content = yield fetch2(url.href).then((res) => res.json());
@@ -2294,6 +2303,26 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 const getTrackingEventData = ({ canTrack }) => {
   if (!canTrack)
     return {
@@ -2329,23 +2358,27 @@ const createEvent = (_a) => {
   };
 };
 function track(eventProps) {
-  if (!eventProps.canTrack)
-    return;
-  if (isEditing())
-    return;
-  if (!(isBrowser() || TARGET === "reactNative"))
-    return;
-  return fetch(`https://builder.io/api/v1/track`, {
-    method: "POST",
-    body: JSON.stringify({
-      events: [
-        createEvent(eventProps)
-      ]
-    }),
-    headers: {
-      "content-type": "application/json"
-    },
-    mode: "cors"
+  return __async(this, null, function* () {
+    if (!eventProps.canTrack)
+      return;
+    if (isEditing())
+      return;
+    if (!(isBrowser() || TARGET === "reactNative"))
+      return;
+    return fetch(`https://builder.io/api/v1/track`, {
+      method: "POST",
+      body: JSON.stringify({
+        events: [
+          createEvent(eventProps)
+        ]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((err) => {
+      console.error("Failed to track: ", err);
+    });
   });
 }
 const getCssFromFont = function getCssFromFont2(props, state, font) {
@@ -2398,6 +2431,8 @@ const RenderContentStyles = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((p
 }, "RenderContentStyles_component_32XAr483K2o"));
 const RenderContentStyles$1 = RenderContentStyles;
 const useContent = function useContent2(props, state, elementRef) {
+  if (!props.content && !state.overrideContent)
+    return void 0;
   const mergedContent = {
     ...props.content,
     ...state.overrideContent,
@@ -2442,8 +2477,10 @@ const processMessage = function processMessage2(props, state, elementRef, event)
         const messageContent = data.data;
         const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
         const contentData = messageContent.data;
-        if (key === props.model)
+        if (key === props.model) {
           state.overrideContent = contentData;
+          state.forceReRenderCount = state.forceReRenderCount + 1;
+        }
         break;
       }
     }
@@ -2641,7 +2678,7 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
           customFonts: useContent(props, state)?.data?.customFonts
         }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(RenderBlocks$1, {
-          blocks: useContent(props, state)?.data?.blocks
+          blocks: markMutable(useContent(props, state)?.data?.blocks)
         }, state.forceReRenderCount)
       ]
     }) : null
@@ -2690,14 +2727,14 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
     children: /* @__PURE__ */ jsxRuntime.jsx(RenderContent$1, {
       apiKey: builderContext.apiKey,
       context: builderContext.context,
-      customComponents: Object.values(builderContext.registeredComponents),
-      data: {
+      customComponents: markMutable(Object.values(builderContext.registeredComponents)),
+      data: markMutable({
         ...props.symbol?.data,
         ...builderContext.state,
         ...props.symbol?.content?.data?.state
-      },
+      }),
       model: props.symbol?.model,
-      content: state.content
+      content: markMutable(state.content)
     })
   });
 }, "Symbol_component_Dn8mGpai87I"));

package/lib/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { createContext, componentQrl, inlinedQrl, useContextProvider, useStore, useStylesScopedQrl, useContext, useLexicalScope, Slot, Fragment as Fragment$2, useRef, useWatchQrl, useClientEffectQrl, _useMutableProps, useCleanupQrl } from "@builder.io/qwik";
+import { createContext, mutable, componentQrl, inlinedQrl, useContextProvider, useStore, useStylesScopedQrl, useContext, useLexicalScope, Slot, Fragment as Fragment$2, useRef, useWatchQrl, useClientEffectQrl, _useMutableProps, useCleanupQrl } from "@builder.io/qwik";
 import { jsx, Fragment as Fragment$1, jsxs } from "@builder.io/qwik/jsx-runtime";
 const TARGET = "qwik";
 function isBrowser() {
@@ -160,7 +160,7 @@ function evaluate({ code, context, state, event }) {
   try {
     return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
   } catch (e) {
-    console.warn("Builder custom code error: ", e);
+    console.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e.message || e);
   }
 }
 const set = (obj, _path, value) => {
@@ -424,10 +424,19 @@ const EMPTY_HTML_ELEMENTS = [
 const isEmptyHtmlElement = (tagName4) => {
   return typeof tagName4 === "string" && EMPTY_HTML_ELEMENTS.includes(tagName4.toLowerCase());
 };
+function markMutable(value) {
+  return mutable(value);
+}
+function markPropsMutable(props) {
+  Object.keys(props).forEach((key) => {
+    props[key] = mutable(props[key]);
+  });
+  return props;
+}
 const RenderComponent = (props) => {
   return /* @__PURE__ */ jsx(Fragment$1, {
     children: props.componentRef ? /* @__PURE__ */ jsxs(props.componentRef, {
-      ...props.componentOptions,
+      ...markPropsMutable(props.componentOptions),
       children: [
         (props.blockChildren || []).map((child) => {
           return /* @__PURE__ */ jsx(RenderBlock$1, {
@@ -735,7 +744,7 @@ const Columns = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
           ...columnCssVars(props, state)
         },
         children: /* @__PURE__ */ jsx(RenderBlocks$1, {
-          blocks: column.blocks,
+          blocks: markMutable(column.blocks),
           path: `component.options.columns.${index}.blocks`,
           parent: props.builderBlock.id
         })
@@ -1883,7 +1892,7 @@ function getGlobalThis() {
     return self;
   return null;
 }
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1904,7 +1913,7 @@ var __async$1 = (__this, __arguments, generator) => {
   });
 };
 function getFetch() {
-  return __async$1(this, null, function* () {
+  return __async$2(this, null, function* () {
     const globalFetch = getGlobalThis().fetch;
     if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
       const nodeFetch = import("./index.97024df8.js").then((d) => d.default);
@@ -1971,7 +1980,7 @@ var __spreadValues$2 = (a, b) => {
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1993,14 +2002,14 @@ var __async = (__this, __arguments, generator) => {
 };
 const fetch$ = getFetch();
 function getContent(options) {
-  return __async(this, null, function* () {
+  return __async$1(this, null, function* () {
     return (yield getAllContent(__spreadProps$2(__spreadValues$2({}, options), {
       limit: 1
     }))).results[0] || null;
   });
 }
 const generateContentUrl = (options) => {
-  const { limit = 1, userAttributes, query, noTraverse = false, model, apiKey } = options;
+  const { limit = 30, userAttributes, query, noTraverse = false, model, apiKey } = options;
   const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`);
   const queryOptions = __spreadValues$2(__spreadValues$2({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
   const flattened = flatten(queryOptions);
@@ -2018,7 +2027,7 @@ const generateContentUrl = (options) => {
   return url;
 };
 function getAllContent(options) {
-  return __async(this, null, function* () {
+  return __async$1(this, null, function* () {
     const url = generateContentUrl(options);
     const fetch2 = yield fetch$;
     const content = yield fetch2(url.href).then((res) => res.json());
@@ -2292,6 +2301,26 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 const getTrackingEventData = ({ canTrack }) => {
   if (!canTrack)
     return {
@@ -2327,23 +2356,27 @@ const createEvent = (_a) => {
   };
 };
 function track(eventProps) {
-  if (!eventProps.canTrack)
-    return;
-  if (isEditing())
-    return;
-  if (!(isBrowser() || TARGET === "reactNative"))
-    return;
-  return fetch(`https://builder.io/api/v1/track`, {
-    method: "POST",
-    body: JSON.stringify({
-      events: [
-        createEvent(eventProps)
-      ]
-    }),
-    headers: {
-      "content-type": "application/json"
-    },
-    mode: "cors"
+  return __async(this, null, function* () {
+    if (!eventProps.canTrack)
+      return;
+    if (isEditing())
+      return;
+    if (!(isBrowser() || TARGET === "reactNative"))
+      return;
+    return fetch(`https://builder.io/api/v1/track`, {
+      method: "POST",
+      body: JSON.stringify({
+        events: [
+          createEvent(eventProps)
+        ]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((err) => {
+      console.error("Failed to track: ", err);
+    });
   });
 }
 const getCssFromFont = function getCssFromFont2(props, state, font) {
@@ -2396,6 +2429,8 @@ const RenderContentStyles = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
 }, "RenderContentStyles_component_32XAr483K2o"));
 const RenderContentStyles$1 = RenderContentStyles;
 const useContent = function useContent2(props, state, elementRef) {
+  if (!props.content && !state.overrideContent)
+    return void 0;
   const mergedContent = {
     ...props.content,
     ...state.overrideContent,
@@ -2440,8 +2475,10 @@ const processMessage = function processMessage2(props, state, elementRef, event)
         const messageContent = data.data;
         const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
         const contentData = messageContent.data;
-        if (key === props.model)
+        if (key === props.model) {
           state.overrideContent = contentData;
+          state.forceReRenderCount = state.forceReRenderCount + 1;
+        }
         break;
       }
     }
@@ -2639,7 +2676,7 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
           customFonts: useContent(props, state)?.data?.customFonts
         }) : null,
         /* @__PURE__ */ jsx(RenderBlocks$1, {
-          blocks: useContent(props, state)?.data?.blocks
+          blocks: markMutable(useContent(props, state)?.data?.blocks)
         }, state.forceReRenderCount)
       ]
     }) : null
@@ -2688,14 +2725,14 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     children: /* @__PURE__ */ jsx(RenderContent$1, {
       apiKey: builderContext.apiKey,
       context: builderContext.context,
-      customComponents: Object.values(builderContext.registeredComponents),
-      data: {
+      customComponents: markMutable(Object.values(builderContext.registeredComponents)),
+      data: markMutable({
         ...props.symbol?.data,
         ...builderContext.state,
         ...props.symbol?.content?.data?.state
-      },
+      }),
       model: props.symbol?.model,
-      content: state.content
+      content: markMutable(state.content)
     })
   });
 }, "Symbol_component_Dn8mGpai87I"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.0.13",
+  "version": "0.0.16",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",

package/src/blocks/columns/columns.jsx

@@ -1,6 +1,7 @@
 // GENERATED BY MITOSIS
 
 import RenderBlocks from "../../components/render-blocks";
+import { markMutable } from "../../functions/mark-mutable";
 import { Fragment, component$, h, useStylesScoped$ } from "@builder.io/qwik";
 export const getGutterSize = function getGutterSize(props, state) {
   return typeof props.space === "number" ? props.space || 0 : 20;
@@ -77,7 +78,7 @@ export const Columns = component$((props) => {
             key={index}
           >
             <RenderBlocks
-              blocks={column.blocks}
+              blocks={markMutable(column.blocks)}
               path={`component.options.columns.${index}.blocks`}
               parent={props.builderBlock.id}
             ></RenderBlocks>

package/src/blocks/columns/component-info.js

@@ -1,4 +1,4 @@
-import { markSerializable } from "../util";
+import { markSerializable } from "../util.js";
 const componentInfo = {
   name: "Columns",
   builtIn: true,

package/src/blocks/embed/component-info.js

@@ -1,4 +1,4 @@
-import { markSerializable } from "../util";
+import { markSerializable } from "../util.js";
 const componentInfo = {
   name: "Embed",
   static: true,

package/src/blocks/embed/embed.jsx

@@ -1,6 +1,6 @@
 // GENERATED BY MITOSIS
 
-import { isJsScript } from "./helpers";
+import { isJsScript } from "./helpers.js";
 import {
   Fragment,
   component$,

package/src/blocks/form/form.jsx

@@ -1,8 +1,8 @@
 // GENERATED BY MITOSIS
 
 import RenderBlock from "../../components/render-block/render-block";
+import BuilderBlocks from "../../components/render-blocks";
 import { isEditing } from "../../functions/is-editing.js";
-import BuilderBlocks from "./builder-blocks";
 import {
   Fragment,
   component$,

package/src/blocks/image/component-info.js

@@ -1,4 +1,4 @@
-import { markSerializable } from "../util";
+import { markSerializable } from "../util.js";
 const componentInfo = {
   name: "Image",
   static: true,

package/src/blocks/image/image.jsx

@@ -1,6 +1,6 @@
 // GENERATED BY MITOSIS
 
-import { getSrcSet } from "./image.helpers";
+import { getSrcSet } from "./image.helpers.js";
 import {
   Fragment,
   Slot,

package/src/blocks/symbol/symbol.jsx

@@ -3,6 +3,7 @@
 import RenderContent from "../../components/render-content/render-content";
 import BuilderContext from "../../context/builder.context";
 import { getContent } from "../../functions/get-content/index.js";
+import { markMutable } from "../../functions/mark-mutable";
 import {
   Fragment,
   component$,
@@ -60,14 +61,16 @@ export const Symbol = component$((props) => {
       <RenderContent
         apiKey={builderContext.apiKey}
         context={builderContext.context}
-        customComponents={Object.values(builderContext.registeredComponents)}
-        data={{
+        customComponents={markMutable(
+          Object.values(builderContext.registeredComponents)
+        )}
+        data={markMutable({
           ...props.symbol?.data,
           ...builderContext.state,
           ...props.symbol?.content?.data?.state,
-        }}
+        })}
         model={props.symbol?.model}
-        content={state.content}
+        content={markMutable(state.content)}
       ></RenderContent>
     </div>
   );

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

@@ -1,5 +1,6 @@
 // GENERATED BY MITOSIS
 
+import { markPropsMutable } from "../../functions/mark-mutable.js";
 import BlockStyles from "./block-styles";
 import RenderBlock from "./render-block";
 import { Fragment, h } from "@builder.io/qwik";
@@ -7,7 +8,7 @@ export const RenderComponent = (props) => {
   return (
     <>
       {props.componentRef ? (
-        <props.componentRef {...props.componentOptions}>
+        <props.componentRef {...markPropsMutable(props.componentOptions)}>
           {(props.blockChildren || []).map((child) => {
             return (
               <RenderBlock

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

@@ -9,6 +9,7 @@ import { getFetch } from "../../functions/get-fetch.js";
 import { isBrowser } from "../../functions/is-browser.js";
 import { isEditing } from "../../functions/is-editing.js";
 import { isPreviewing } from "../../functions/is-previewing.js";
+import { markMutable } from "../../functions/mark-mutable.js";
 import {
   components,
   createRegisterComponentMessage,
@@ -33,6 +34,10 @@ import {
   useWatch$,
 } from "@builder.io/qwik";
 export const useContent = function useContent(props, state, elementRef) {
+  if (!props.content && !state.overrideContent) {
+    return undefined;
+  }
+
   const mergedContent = {
     ...props.content,
     ...state.overrideContent,
@@ -102,6 +107,7 @@ export const processMessage = function processMessage(
 
         if (key === props.model) {
           state.overrideContent = contentData;
+          state.forceReRenderCount = state.forceReRenderCount + 1; // This is a hack to force Qwik to re-render.
         }
 
         break;
@@ -349,7 +355,9 @@ export const RenderContent = component$((props) => {
             ></RenderContentStyles>
           ) : null}
           <RenderBlocks
-            blocks={useContent(props, state, elementRef)?.data?.blocks}
+            blocks={markMutable(
+              useContent(props, state, elementRef)?.data?.blocks
+            )}
             key={state.forceReRenderCount}
           ></RenderBlocks>
         </div>

package/src/constants/builder-registered-components.js

@@ -15,25 +15,25 @@ var __spreadValues = (a, b) => {
   return a;
 };
 import { default as Button } from "../blocks/button/button.jsx";
-import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info";
+import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info.js";
 import { default as Columns } from "../blocks/columns/columns.jsx";
-import { componentInfo as columnsComponentInfo } from "../blocks/columns/component-info";
-import { componentInfo as fragmentComponentInfo } from "../blocks/fragment/component-info";
+import { componentInfo as columnsComponentInfo } from "../blocks/columns/component-info.js";
+import { componentInfo as fragmentComponentInfo } from "../blocks/fragment/component-info.js";
 import { default as Fragment } from "../blocks/fragment/fragment.jsx";
-import { componentInfo as imageComponentInfo } from "../blocks/image/component-info";
+import { componentInfo as imageComponentInfo } from "../blocks/image/component-info.js";
 import { default as Image } from "../blocks/image/image.jsx";
-import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info";
+import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info.js";
 import { default as Section } from "../blocks/section/section.jsx";
-import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info";
+import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info.js";
 import { default as Symbol } from "../blocks/symbol/symbol.jsx";
-import { componentInfo as textComponentInfo } from "../blocks/text/component-info";
+import { componentInfo as textComponentInfo } from "../blocks/text/component-info.js";
 import { default as Text } from "../blocks/text/text.jsx";
-import { componentInfo as videoComponentInfo } from "../blocks/video/component-info";
+import { componentInfo as videoComponentInfo } from "../blocks/video/component-info.js";
 import { default as Video } from "../blocks/video/video.jsx";
-import { componentInfo as embedComponentInfo } from "../blocks/embed/component-info";
+import { componentInfo as embedComponentInfo } from "../blocks/embed/component-info.js";
 import { default as embed } from "../blocks/embed/embed.jsx";
 import { default as Img } from "../blocks/img/img.jsx";
-import { componentInfo as imgComponentInfo } from "../blocks/img/component-info";
+import { componentInfo as imgComponentInfo } from "../blocks/img/component-info.js";
 const getDefaultRegisteredComponents = () => [
   __spreadValues({ component: Columns }, columnsComponentInfo),
   __spreadValues({ component: Image }, imageComponentInfo),

package/src/functions/evaluate.js

@@ -20,7 +20,7 @@ function evaluate({
   try {
     return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
   } catch (e) {
-    console.warn("Builder custom code error: ", e);
+    console.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e.message || e);
   }
 }
 export {

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

@@ -1,4 +1,4 @@
-import { isBrowser } from "../is-browser";
+import { isBrowser } from "../is-browser.js";
 const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
 const convertSearchParamsToQueryObject = (searchParams) => {
   const options = {};

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

@@ -52,7 +52,7 @@ function getContent(options) {
 }
 const generateContentUrl = (options) => {
   const {
-    limit = 1,
+    limit = 30,
     userAttributes,
     query,
     noTraverse = false,

package/src/functions/mark-mutable.js

@@ -0,0 +1,14 @@
+import { mutable } from "@builder.io/qwik";
+function markMutable(value) {
+  return mutable(value);
+}
+function markPropsMutable(props) {
+  Object.keys(props).forEach((key) => {
+    props[key] = mutable(props[key]);
+  });
+  return props;
+}
+export {
+  markMutable,
+  markPropsMutable
+};

package/src/functions/track.js

@@ -29,6 +29,26 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { TARGET } from "../constants/target.js";
 import { getSessionId } from "../helpers/sessionId.js";
 import { getVisitorId } from "../helpers/visitorId.js";
@@ -66,24 +86,28 @@ const createEvent = (_a) => {
   };
 };
 function track(eventProps) {
-  if (!eventProps.canTrack) {
-    return;
-  }
-  if (isEditing()) {
-    return;
-  }
-  if (!(isBrowser() || TARGET === "reactNative")) {
-    return;
-  }
-  return fetch(`https://builder.io/api/v1/track`, {
-    method: "POST",
-    body: JSON.stringify({
-      events: [createEvent(eventProps)]
-    }),
-    headers: {
-      "content-type": "application/json"
-    },
-    mode: "cors"
+  return __async(this, null, function* () {
+    if (!eventProps.canTrack) {
+      return;
+    }
+    if (isEditing()) {
+      return;
+    }
+    if (!(isBrowser() || TARGET === "reactNative")) {
+      return;
+    }
+    return fetch(`https://builder.io/api/v1/track`, {
+      method: "POST",
+      body: JSON.stringify({
+        events: [createEvent(eventProps)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((err) => {
+      console.error("Failed to track: ", err);
+    });
   });
 }
 export {

package/src/helpers/cookie.js

@@ -1,5 +1,5 @@
-import { isBrowser } from "../functions/is-browser";
-import { getTopLevelDomain } from "./url";
+import { isBrowser } from "../functions/is-browser.js";
+import { getTopLevelDomain } from "./url.js";
 const getCookie = ({
   name,
   canTrack

package/src/helpers/css.js

@@ -1,4 +1,4 @@
-import { camelToKebabCase } from "../functions/camel-to-kebab-case";
+import { camelToKebabCase } from "../functions/camel-to-kebab-case.js";
 const convertStyleMaptoCSS = (style) => {
   const cssProps = Object.entries(style).map(([key, value]) => {
     if (typeof value === "string") {

package/src/helpers/localStorage.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "../functions/is-browser";
+import { isBrowser } from "../functions/is-browser.js";
 const getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
 const getLocalStorageItem = ({
   key,

package/src/helpers/sessionId.js

@@ -1,6 +1,6 @@
-import { getCookie, setCookie } from "./cookie";
-import { checkIsDefined } from "./nullable";
-import { uuid } from "./uuid";
+import { getCookie, setCookie } from "./cookie.js";
+import { checkIsDefined } from "./nullable.js";
+import { uuid } from "./uuid.js";
 const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
 const getSessionId = ({ canTrack }) => {
   if (!canTrack) {

package/src/helpers/visitorId.js

@@ -1,6 +1,6 @@
-import { getLocalStorageItem, setLocalStorageItem } from "./localStorage";
-import { checkIsDefined } from "./nullable";
-import { uuid } from "./uuid";
+import { getLocalStorageItem, setLocalStorageItem } from "./localStorage.js";
+import { checkIsDefined } from "./nullable.js";
+import { uuid } from "./uuid.js";
 const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
 const getVisitorId = ({ canTrack }) => {
   if (!canTrack) {

package/src/blocks/form/builder-blocks.jsx

@@ -1,11 +0,0 @@
-// GENERATED BY MITOSIS
-
-import { Fragment, component$, h } from "@builder.io/qwik";
-export const BuilderBlocks = component$((props) => {
-  return (
-    <Fragment>
-      NOT YET IMPLEMENTED: <code>BuilderBlocks {JSON.stringify(props)}</code>
-    </Fragment>
-  );
-});
-export default BuilderBlocks;