@builder.io/sdk-solid 2.0.25 → 2.0.28

package/dist/index.d.ts

@@ -686,6 +686,10 @@ interface ContentVariantsPrps extends ExtraFrameworkProps {
      * Your API Key: needed to enable visual editing, and to dynamically fetch symbols (required).
      */
     apiKey: string;
+    /**
+     * Sets the host of Builder API calls. (Defaults to global `https://cdn.builder.io`)
+     */
+    apiHost?: string;
     apiVersion?: ApiVersion;
     /**
      * An array of custom components to register (optional).
@@ -1012,6 +1016,10 @@ interface GetContentOptions {
      * Optional fetch options to be passed as the second argument to the `fetch` function.
      */
     fetchOptions?: object;
+    /**
+     * Sets the host of Builder API calls. (Defaults to global `https://cdn.builder.io`)
+     */
+    apiHost?: string;
 }
 
 type GetBuilderPropsOptions = (Omit<GetContentOptions, 'model'> & {

package/lib/browser/dev.js

@@ -1,5 +1,5 @@
 import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, Dynamic, memo, use } from 'solid-js/web';
-import { createContext, useContext, Show, For, createSignal, createMemo, onMount, createEffect, on } from 'solid-js';
+import { createContext, useContext, Show, For, createMemo, onMount, createSignal, createEffect, on } from 'solid-js';
 
 // src/blocks/button/button.tsx
 
@@ -1656,15 +1656,20 @@ var getColumnsClass = (id) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-46766f1c {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`);
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal(typeof props.space === "number" ? props.space || 0 : 20);
-  const [cols, setCols] = createSignal(props.columns || []);
-  const [stackAt, setStackAt] = createSignal(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal(props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column");
+  const gutterSize = createMemo(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -1688,6 +1693,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -1777,7 +1785,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-46766f1c";
+        return getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -4766,7 +4774,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.25";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -4878,7 +4886,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -4887,7 +4896,8 @@ var generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
@@ -5175,7 +5185,10 @@ var createEvent = async ({
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
   if (!eventProps.apiKey) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -5189,7 +5202,8 @@ async function _track(eventProps) {
   if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [await createEvent(eventProps)]
@@ -5633,6 +5647,7 @@ function EnableEditor(props) {
       const variationId = props.builderContextSignal.content?.testVariationId;
       const contentId = props.builderContextSignal.content?.id;
       _track({
+        apiHost: props.apiHost,
         type: "click",
         canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
@@ -5692,7 +5707,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -5718,6 +5733,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -5966,6 +5982,9 @@ function ContentComponent(props) {
     },
     get children() {
       return createComponent(enable_editor_default, mergeProps({
+        get apiHost() {
+          return props.apiHost;
+        },
         get nonce() {
           return props.nonce;
         },
@@ -6007,6 +6026,9 @@ function ContentComponent(props) {
         },
         get trustedHosts() {
           return props.trustedHosts;
+        },
+        get isNestedRender() {
+          return props.isNestedRender;
         }
       }, {
         setBuilderContextSignal
@@ -6139,6 +6161,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, mergeProps({
+            get apiHost() {
+              return props.apiHost;
+            },
             get isNestedRender() {
               return props.isNestedRender;
             },
@@ -6203,6 +6228,9 @@ function ContentVariants(props) {
       })];
     }
   }), createComponent(content_default, mergeProps({
+    get apiHost() {
+      return props.apiHost;
+    },
     get nonce() {
       return props.nonce;
     },

package/lib/browser/dev.jsx

@@ -75,7 +75,7 @@ function Button(props) {
 var button_default = Button;
 
 // src/blocks/columns/columns.tsx
-import { Show as Show7, For as For4, createSignal as createSignal7 } from "solid-js";
+import { Show as Show7, For as For4, createMemo as createMemo7 } from "solid-js";
 
 // src/components/blocks/blocks.tsx
 import { useContext, Show as Show6, For as For3 } from "solid-js";
@@ -1449,14 +1449,15 @@ var getColumnsClass = (id) => {
 
 // src/blocks/columns/columns.tsx
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal7(
-    typeof props.space === "number" ? props.space || 0 : 20
-  );
-  const [cols, setCols] = createSignal7(props.columns || []);
-  const [stackAt, setStackAt] = createSignal7(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal7(
-    props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column"
-  );
+  const gutterSize = createMemo7(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo7(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo7(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -1480,6 +1481,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo7(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -1569,7 +1573,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1598,7 +1602,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -4254,7 +4258,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.25";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -4366,7 +4370,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -4375,7 +4380,8 @@ var generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
@@ -4663,7 +4669,10 @@ var createEvent = async ({
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
   if (!eventProps.apiKey) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -4677,7 +4686,8 @@ async function _track(eventProps) {
   if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [await createEvent(eventProps)]
@@ -5120,6 +5130,7 @@ function EnableEditor(props) {
       const variationId = props.builderContextSignal.content?.testVariationId;
       const contentId = props.builderContextSignal.content?.id;
       _track({
+        apiHost: props.apiHost,
         type: "click",
         canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
@@ -5189,7 +5200,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount6(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -5220,6 +5231,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -5459,6 +5471,7 @@ function ContentComponent(props) {
       registeredComponents: registeredComponents()
     }}
   ><Enable_editor_default
+    apiHost={props.apiHost}
     nonce={props.nonce}
     content={props.content}
     data={props.data}
@@ -5473,6 +5486,7 @@ function ContentComponent(props) {
     contentWrapper={props.contentWrapper}
     contentWrapperProps={props.contentWrapperProps}
     trustedHosts={props.trustedHosts}
+    isNestedRender={props.isNestedRender}
     {...{
       setBuilderContextSignal
     }}
@@ -5551,6 +5565,7 @@ function ContentVariants(props) {
       <For9 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          apiHost={props.apiHost}
           isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           nonce={props.nonce}
@@ -5577,6 +5592,7 @@ function ContentVariants(props) {
       }}</For9>
     </Show15>
     <Content_default
+      apiHost={props.apiHost}
       nonce={props.nonce}
       isNestedRender={props.isNestedRender}
       {...{}}

package/lib/browser/index.js

@@ -1,5 +1,5 @@
 import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, Dynamic, memo, use } from 'solid-js/web';
-import { createContext, useContext, Show, For, createSignal, createMemo, onMount, createEffect, on } from 'solid-js';
+import { createContext, useContext, Show, For, createMemo, onMount, createSignal, createEffect, on } from 'solid-js';
 
 // src/blocks/button/button.tsx
 
@@ -1650,15 +1650,20 @@ var getColumnsClass = (id) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-46766f1c {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`);
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal(typeof props.space === "number" ? props.space || 0 : 20);
-  const [cols, setCols] = createSignal(props.columns || []);
-  const [stackAt, setStackAt] = createSignal(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal(props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column");
+  const gutterSize = createMemo(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -1682,6 +1687,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -1771,7 +1779,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-46766f1c";
+        return getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8";
       },
       get style() {
         return columnsCssVars();
@@ -4756,7 +4764,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.25";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -4866,7 +4874,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -4875,7 +4884,8 @@ var generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
@@ -5161,7 +5171,10 @@ var createEvent = async ({
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
   if (!eventProps.apiKey) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -5175,7 +5188,8 @@ async function _track(eventProps) {
   if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [await createEvent(eventProps)]
@@ -5617,6 +5631,7 @@ function EnableEditor(props) {
       const variationId = props.builderContextSignal.content?.testVariationId;
       const contentId = props.builderContextSignal.content?.id;
       _track({
+        apiHost: props.apiHost,
         type: "click",
         canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
@@ -5675,7 +5690,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -5701,6 +5716,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -5949,6 +5965,9 @@ function ContentComponent(props) {
     },
     get children() {
       return createComponent(enable_editor_default, mergeProps({
+        get apiHost() {
+          return props.apiHost;
+        },
         get nonce() {
           return props.nonce;
         },
@@ -5990,6 +6009,9 @@ function ContentComponent(props) {
         },
         get trustedHosts() {
           return props.trustedHosts;
+        },
+        get isNestedRender() {
+          return props.isNestedRender;
         }
       }, {
         setBuilderContextSignal
@@ -6122,6 +6144,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, mergeProps({
+            get apiHost() {
+              return props.apiHost;
+            },
             get isNestedRender() {
               return props.isNestedRender;
             },
@@ -6186,6 +6211,9 @@ function ContentVariants(props) {
       })];
     }
   }), createComponent(content_default, mergeProps({
+    get apiHost() {
+      return props.apiHost;
+    },
     get nonce() {
       return props.nonce;
     },

package/lib/browser/index.jsx

@@ -75,7 +75,7 @@ function Button(props) {
 var button_default = Button;
 
 // src/blocks/columns/columns.tsx
-import { Show as Show7, For as For4, createSignal as createSignal7 } from "solid-js";
+import { Show as Show7, For as For4, createMemo as createMemo7 } from "solid-js";
 
 // src/components/blocks/blocks.tsx
 import { useContext, Show as Show6, For as For3 } from "solid-js";
@@ -1443,14 +1443,15 @@ var getColumnsClass = (id) => {
 
 // src/blocks/columns/columns.tsx
 function Columns(props) {
-  const [gutterSize, setGutterSize] = createSignal7(
-    typeof props.space === "number" ? props.space || 0 : 20
-  );
-  const [cols, setCols] = createSignal7(props.columns || []);
-  const [stackAt, setStackAt] = createSignal7(props.stackColumnsAt || "tablet");
-  const [flexDir, setFlexDir] = createSignal7(
-    props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column"
-  );
+  const gutterSize = createMemo7(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = createMemo7(() => {
+    return props.columns || [];
+  });
+  const stackAt = createMemo7(() => {
+    return props.stackColumnsAt || "tablet";
+  });
   function getTagName(column) {
     return column.link ? props.builderLinkComponent || "a" : "div";
   }
@@ -1474,6 +1475,9 @@ function Columns(props) {
   }) {
     return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
+  const flexDir = createMemo7(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   function columnsCssVars() {
     return {
       "--flex-dir": flexDir(),
@@ -1563,7 +1567,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-46766f1c"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-a1dad3b8"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -1592,7 +1596,7 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-46766f1c {
+    <style>{`.div-a1dad3b8 {
   display: flex;
   line-height: normal;
 }`}</style>
@@ -4244,7 +4248,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.25";
+var SDK_VERSION = "2.0.28";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -4354,7 +4358,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -4363,7 +4368,8 @@ var generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
@@ -4649,7 +4655,10 @@ var createEvent = async ({
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({
+  apiHost,
+  ...eventProps
+}) {
   if (!eventProps.apiKey) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -4663,7 +4672,8 @@ async function _track(eventProps) {
   if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [await createEvent(eventProps)]
@@ -5104,6 +5114,7 @@ function EnableEditor(props) {
       const variationId = props.builderContextSignal.content?.testVariationId;
       const contentId = props.builderContextSignal.content?.id;
       _track({
+        apiHost: props.apiHost,
         type: "click",
         canTrack: getDefaultCanTrack(props.canTrack),
         contentId,
@@ -5172,7 +5183,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount6(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -5203,6 +5214,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -5442,6 +5454,7 @@ function ContentComponent(props) {
       registeredComponents: registeredComponents()
     }}
   ><Enable_editor_default
+    apiHost={props.apiHost}
     nonce={props.nonce}
     content={props.content}
     data={props.data}
@@ -5456,6 +5469,7 @@ function ContentComponent(props) {
     contentWrapper={props.contentWrapper}
     contentWrapperProps={props.contentWrapperProps}
     trustedHosts={props.trustedHosts}
+    isNestedRender={props.isNestedRender}
     {...{
       setBuilderContextSignal
     }}
@@ -5534,6 +5548,7 @@ function ContentVariants(props) {
       <For9 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          apiHost={props.apiHost}
           isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           nonce={props.nonce}
@@ -5560,6 +5575,7 @@ function ContentVariants(props) {
       }}</For9>
     </Show15>
     <Content_default
+      apiHost={props.apiHost}
       nonce={props.nonce}
       isNestedRender={props.isNestedRender}
       {...{}}