@builder.io/sdk-svelte 2.0.25 → 2.0.28

package/lib/edge/functions/track/index.js

@@ -39,7 +39,7 @@ const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...pro
         ownerId: apiKey
     }
 });
-export async function _track(eventProps) {
+export async function _track({ apiHost, ...eventProps }) {
     if (!eventProps.apiKey) {
         logger.error('Missing API key for track call. Please provide your API key.');
         return;
@@ -53,7 +53,8 @@ export 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)]

package/lib/node/blocks/columns/columns.svelte

@@ -32,30 +32,30 @@ function getTagName(column) {
     return column.link ? builderLinkComponent || "a" : "div";
 }
 function getWidth(index) {
-    return cols[index]?.width || 100 / cols.length;
+    return cols()[index]?.width || 100 / cols().length;
 }
 function getColumnCssWidth(index) {
     const width = getWidth(index);
-    const subtractWidth = gutterSize * (cols.length - 1) * (width / 100);
+    const subtractWidth = gutterSize() * (cols().length - 1) * (width / 100);
     return `calc(${width}% - ${subtractWidth}px)`;
 }
 function getTabletStyle({ stackedStyle, desktopStyle, }) {
-    return stackAt === "tablet" ? stackedStyle : desktopStyle;
+    return stackAt() === "tablet" ? stackedStyle : desktopStyle;
 }
 function getMobileStyle({ stackedStyle, desktopStyle, }) {
-    return stackAt === "never" ? desktopStyle : stackedStyle;
+    return stackAt() === "never" ? desktopStyle : stackedStyle;
 }
 function columnsCssVars() {
     return {
-        "--flex-dir": flexDir,
+        "--flex-dir": flexDir(),
         "--flex-dir-tablet": getTabletStyle({
-            stackedStyle: flexDir,
+            stackedStyle: flexDir(),
             desktopStyle: "row",
         }),
     };
 }
 function columnCssVars(index) {
-    const gutter = index === 0 ? 0 : gutterSize;
+    const gutter = index === 0 ? 0 : gutterSize();
     const width = getColumnCssWidth(index);
     const gutterPixels = `${gutter}px`;
     const mobileWidth = "100%";
@@ -132,14 +132,22 @@ function getAttributes(column, index) {
         style: mapStyleObjToStrIfNeeded(columnCssVars(index)),
     };
 }
-let gutterSize = typeof space === "number" ? space || 0 : 20;
-let cols = columns || [];
-let stackAt = stackColumnsAt || "tablet";
-let flexDir = stackColumnsAt === "never"
-    ? "row"
-    : reverseColumnsWhenStacked
-        ? "column-reverse"
-        : "column";
+$: gutterSize = () => {
+    return typeof space === "number" ? space || 0 : 20;
+};
+$: cols = () => {
+    return columns || [];
+};
+$: stackAt = () => {
+    return stackColumnsAt || "tablet";
+};
+$: flexDir = () => {
+    return stackColumnsAt === "never"
+        ? "row"
+        : reverseColumnsWhenStacked
+            ? "column-reverse"
+            : "column";
+};
 </script>
 
 <div

package/lib/node/components/content/components/enable-editor.svelte

@@ -18,9 +18,11 @@ import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/in
 import { triggerAnimation } from "../../block/animator";
 import "../../dynamic-div.svelte";
 import { getWrapperClassName } from "./styles.helpers";
+export let isNestedRender = undefined;
 export let builderContextSignal;
 export let canTrack = undefined;
 export let apiKey;
+export let apiHost = undefined;
 export let locale = undefined;
 export let enrich = undefined;
 export let trustedHosts = undefined;
@@ -92,6 +94,7 @@ function onClick(event) {
         const variationId = $builderContextSignal.content?.testVariationId;
         const contentId = $builderContextSignal.content?.id;
         _track({
+            apiHost: apiHost,
             type: "click",
             canTrack: getDefaultCanTrack(canTrack),
             contentId,
@@ -223,7 +226,7 @@ runHttpRequests();
 emitStateUpdate();
 onMount(() => {
     if (isBrowser()) {
-        if (isEditing()) {
+        if (isEditing() && !isNestedRender) {
             if (elementRef) {
                 elementRef.dispatchEvent(new CustomEvent("initeditingbldr"));
             }
@@ -234,6 +237,7 @@ onMount(() => {
             const contentId = $builderContextSignal.content?.id;
             const apiKeyProp = apiKey;
             _track({
+                apiHost: apiHost,
                 type: "impression",
                 canTrack: true,
                 contentId,

package/lib/node/components/content/components/enable-editor.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps" | "isNestedRender" | "linkComponent"> & {
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps" | "linkComponent"> & {
     builderContextSignal: Writable<BuilderContextInterface>;
     setBuilderContextSignal?: (signal: any) => any;
     children?: any;
@@ -9,9 +9,11 @@ import type { ContentProps } from "../content.types";
 import type { Writable } from "svelte/store";
 declare const __propDef: {
     props: {
+        isNestedRender?: BuilderEditorProps["isNestedRender"];
         builderContextSignal: BuilderEditorProps["builderContextSignal"];
         canTrack?: BuilderEditorProps["canTrack"];
         apiKey: BuilderEditorProps["apiKey"];
+        apiHost?: BuilderEditorProps["apiHost"];
         locale?: BuilderEditorProps["locale"];
         enrich?: BuilderEditorProps["enrich"];
         trustedHosts?: BuilderEditorProps["trustedHosts"];

package/lib/node/components/content/content.svelte

@@ -26,13 +26,14 @@ export let apiVersion = undefined;
 export let blocksWrapper = undefined;
 export let blocksWrapperProps = undefined;
 export let nonce = undefined;
+export let apiHost = undefined;
 export let enrich = undefined;
 export let showContent;
 export let contentWrapper = undefined;
 export let contentWrapperProps = undefined;
 export let trustedHosts = undefined;
-export let isSsrAbTest;
 export let isNestedRender = undefined;
+export let isSsrAbTest;
 export let linkComponent = undefined;
 function contentSetState(newRootState) {
     $builderContextSignal.rootState = newRootState;
@@ -116,6 +117,7 @@ setContext(ComponentsContext.key, {
 </script>
 
 <EnableEditor
+  {apiHost}
   {nonce}
   {content}
   {data}
@@ -130,6 +132,7 @@ setContext(ComponentsContext.key, {
   {contentWrapper}
   {contentWrapperProps}
   {trustedHosts}
+  {isNestedRender}
   {...{}}
 >
   {#if isSsrAbTest}

package/lib/node/components/content/content.svelte.d.ts

@@ -14,13 +14,14 @@ declare const __propDef: {
         blocksWrapper?: ContentProps["blocksWrapper"];
         blocksWrapperProps?: ContentProps["blocksWrapperProps"];
         nonce?: ContentProps["nonce"];
+        apiHost?: ContentProps["apiHost"];
         enrich?: ContentProps["enrich"];
         showContent: ContentProps["showContent"];
         contentWrapper?: ContentProps["contentWrapper"];
         contentWrapperProps?: ContentProps["contentWrapperProps"];
         trustedHosts?: ContentProps["trustedHosts"];
-        isSsrAbTest: ContentProps["isSsrAbTest"];
         isNestedRender?: ContentProps["isNestedRender"];
+        isSsrAbTest: ContentProps["isSsrAbTest"];
         linkComponent?: ContentProps["linkComponent"];
     };
     events: {

package/lib/node/components/content-variants/content-variants.svelte

@@ -12,6 +12,7 @@ export let canTrack = undefined;
 export let content = undefined;
 export let isNestedRender = undefined;
 export let nonce = undefined;
+export let apiHost = undefined;
 export let model = undefined;
 export let data = undefined;
 export let context = undefined;
@@ -82,6 +83,7 @@ onMount(() => {
 
   {#each getVariants(content) as variant (variant.testVariationId)}
     <ContentComponent
+      {apiHost}
       {isNestedRender}
       {nonce}
       content={variant}
@@ -107,6 +109,7 @@ onMount(() => {
   {/each}
 {/if}
 <ContentComponent
+  {apiHost}
   {nonce}
   {isNestedRender}
   {...{}}

package/lib/node/components/content-variants/content-variants.svelte.d.ts

@@ -12,6 +12,7 @@ declare const __propDef: {
         content?: VariantsProviderProps["content"];
         isNestedRender?: VariantsProviderProps["isNestedRender"];
         nonce?: VariantsProviderProps["nonce"];
+        apiHost?: VariantsProviderProps["apiHost"];
         model?: VariantsProviderProps["model"];
         data?: VariantsProviderProps["data"];
         context?: VariantsProviderProps["context"];

package/lib/node/components/content-variants/content-variants.types.d.ts

@@ -26,6 +26,10 @@ export 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).

package/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.25";
+export declare const SDK_VERSION = "2.0.28";

package/lib/node/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.25";
+export const SDK_VERSION = "2.0.28";

package/lib/node/functions/evaluate/node-runtime/node-runtime.js

@@ -63,6 +63,8 @@ let IVM_CONTEXT = null;
  * `safeDynamicRequire` trick to import the `isolated-vm` package.
  */
 export const setIvm = (ivm, options = {}) => {
+    if (IVM_INSTANCE)
+        return;
     IVM_INSTANCE = ivm;
     setIsolateContext(options);
 };
@@ -92,6 +94,8 @@ const getIvm = () => {
 function setIsolateContext(options = {
     memoryLimit: 128
 }) {
+    if (IVM_CONTEXT)
+        return IVM_CONTEXT;
     const ivm = getIvm();
     const isolate = new ivm.Isolate(options);
     const context = isolate.createContextSync();
@@ -108,10 +112,7 @@ function setIsolateContext(options = {
     return context;
 }
 const getIsolateContext = () => {
-    if (IVM_CONTEXT)
-        return IVM_CONTEXT;
-    const context = setIsolateContext();
-    return context;
+    return setIsolateContext();
 };
 export const runInNode = ({ code, builder, context, event, localState, rootSetState, rootState }) => {
     const ivm = getIvm();

package/lib/node/functions/evaluate/node-runtime/setIvm.d.ts

@@ -0,0 +1 @@
+export { setIvm } from './node-runtime';

package/lib/node/functions/evaluate/node-runtime/setIvm.js

@@ -0,0 +1 @@
+export { setIvm } from './node-runtime';

package/lib/node/functions/get-content/generate-content-url.js

@@ -4,7 +4,7 @@ import { DEFAULT_API_VERSION } from '../../types/api-version';
 import { getBuilderSearchParamsFromWindow } from '../get-builder-search-params/index';
 const isPositiveNumber = (thing) => typeof thing === 'number' && !isNaN(thing) && thing >= 0;
 export const generateContentUrl = (options) => {
-    const { limit = 30, userAttributes, query, model, apiKey, enrich, locale, apiVersion = DEFAULT_API_VERSION, fields, omit, offset, cacheSeconds, staleCacheSeconds, sort, includeUnpublished } = options;
+    const { limit = 30, userAttributes, query, model, apiKey, enrich, locale, apiVersion = DEFAULT_API_VERSION, fields, omit, offset, cacheSeconds, staleCacheSeconds, sort, includeUnpublished, apiHost } = options;
     if (!apiKey) {
         throw new Error('Missing API key');
     }
@@ -13,7 +13,8 @@ export const generateContentUrl = (options) => {
     }
     // if we are fetching an array of content, we disable noTraverse for perf reasons.
     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));

package/lib/node/functions/get-content/types.d.ts

@@ -136,4 +136,8 @@ export 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;
 }

package/lib/node/functions/track/index.d.ts

@@ -46,6 +46,8 @@ type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'contentId' | '
     [index: string]: any;
 };
 export type EventProps = EventProperties & CanTrack;
-export declare function _track(eventProps: EventProps): Promise<void | Response>;
+export declare function _track({ apiHost, ...eventProps }: EventProps & {
+    apiHost?: string;
+}): Promise<void | Response>;
 export declare const track: (args: EventProperties) => Promise<void | Response>;
 export {};

package/lib/node/functions/track/index.js

@@ -39,7 +39,7 @@ const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...pro
         ownerId: apiKey
     }
 });
-export async function _track(eventProps) {
+export async function _track({ apiHost, ...eventProps }) {
     if (!eventProps.apiKey) {
         logger.error('Missing API key for track call. Please provide your API key.');
         return;
@@ -53,7 +53,8 @@ export 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)]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "2.0.25",
+  "version": "2.0.28",
   "type": "module",
   "files": [
     "lib",

package/src/blocks/columns/columns.svelte

@@ -42,11 +42,11 @@
     return column.link ? builderLinkComponent || "a" : "div";
   }
   function getWidth(index: number) {
-    return cols[index]?.width || 100 / cols.length;
+    return cols()[index]?.width || 100 / cols().length;
   }
   function getColumnCssWidth(index: number) {
     const width = getWidth(index);
-    const subtractWidth = gutterSize * (cols.length - 1) * (width / 100);
+    const subtractWidth = gutterSize() * (cols().length - 1) * (width / 100);
     return `calc(${width}% - ${subtractWidth}px)`;
   }
   function getTabletStyle({
@@ -56,7 +56,7 @@
     stackedStyle: CSSVal;
     desktopStyle: CSSVal;
   }) {
-    return stackAt === "tablet" ? stackedStyle : desktopStyle;
+    return stackAt() === "tablet" ? stackedStyle : desktopStyle;
   }
   function getMobileStyle({
     stackedStyle,
@@ -65,19 +65,19 @@
     stackedStyle: CSSVal;
     desktopStyle: CSSVal;
   }) {
-    return stackAt === "never" ? desktopStyle : stackedStyle;
+    return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
   function columnsCssVars() {
     return {
-      "--flex-dir": flexDir,
+      "--flex-dir": flexDir(),
       "--flex-dir-tablet": getTabletStyle({
-        stackedStyle: flexDir,
+        stackedStyle: flexDir(),
         desktopStyle: "row",
       }),
     } as Dictionary<string>;
   }
   function columnCssVars(index: number) {
-    const gutter = index === 0 ? 0 : gutterSize;
+    const gutter = index === 0 ? 0 : gutterSize();
     const width = getColumnCssWidth(index);
     const gutterPixels = `${gutter}px`;
     const mobileWidth = "100%";
@@ -156,16 +156,22 @@
       style: mapStyleObjToStrIfNeeded(columnCssVars(index)),
     };
   }
-
-  let gutterSize = typeof space === "number" ? space || 0 : 20;
-  let cols = columns || [];
-  let stackAt = stackColumnsAt || "tablet";
-  let flexDir =
-    stackColumnsAt === "never"
+  $: gutterSize = () => {
+    return typeof space === "number" ? space || 0 : 20;
+  };
+  $: cols = () => {
+    return columns || [];
+  };
+  $: stackAt = () => {
+    return stackColumnsAt || "tablet";
+  };
+  $: flexDir = () => {
+    return stackColumnsAt === "never"
       ? "row"
       : reverseColumnsWhenStacked
       ? "column-reverse"
       : "column";
+  };
 </script>
 
 <div

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

@@ -6,7 +6,6 @@
     | "isSsrAbTest"
     | "blocksWrapper"
     | "blocksWrapperProps"
-    | "isNestedRender"
     | "linkComponent"
   > & {
     builderContextSignal: Writable<BuilderContextInterface>;
@@ -48,9 +47,11 @@
   import { getWrapperClassName } from "./styles.helpers";
   import type { Writable } from "svelte/store";
 
+  export let isNestedRender: BuilderEditorProps["isNestedRender"] = undefined;
   export let builderContextSignal: BuilderEditorProps["builderContextSignal"];
   export let canTrack: BuilderEditorProps["canTrack"] = undefined;
   export let apiKey: BuilderEditorProps["apiKey"];
+  export let apiHost: BuilderEditorProps["apiHost"] = undefined;
   export let locale: BuilderEditorProps["locale"] = undefined;
   export let enrich: BuilderEditorProps["enrich"] = undefined;
   export let trustedHosts: BuilderEditorProps["trustedHosts"] = undefined;
@@ -124,6 +125,7 @@
       const variationId = $builderContextSignal.content?.testVariationId;
       const contentId = $builderContextSignal.content?.id;
       _track({
+        apiHost: apiHost,
         type: "click",
         canTrack: getDefaultCanTrack(canTrack),
         contentId,
@@ -279,7 +281,7 @@
 
   onMount(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !isNestedRender) {
         if (elementRef) {
           elementRef.dispatchEvent(new CustomEvent("initeditingbldr"));
         }
@@ -291,6 +293,7 @@
         const contentId = $builderContextSignal.content?.id;
         const apiKeyProp = apiKey;
         _track({
+          apiHost: apiHost,
           type: "impression",
           canTrack: true,
           contentId,

package/src/components/content/content.svelte

@@ -40,14 +40,15 @@
   export let blocksWrapper: ContentProps["blocksWrapper"] = undefined;
   export let blocksWrapperProps: ContentProps["blocksWrapperProps"] = undefined;
   export let nonce: ContentProps["nonce"] = undefined;
+  export let apiHost: ContentProps["apiHost"] = undefined;
   export let enrich: ContentProps["enrich"] = undefined;
   export let showContent: ContentProps["showContent"];
   export let contentWrapper: ContentProps["contentWrapper"] = undefined;
   export let contentWrapperProps: ContentProps["contentWrapperProps"] =
     undefined;
   export let trustedHosts: ContentProps["trustedHosts"] = undefined;
-  export let isSsrAbTest: ContentProps["isSsrAbTest"];
   export let isNestedRender: ContentProps["isNestedRender"] = undefined;
+  export let isSsrAbTest: ContentProps["isSsrAbTest"];
   export let linkComponent: ContentProps["linkComponent"] = undefined;
 
   function contentSetState(newRootState: BuilderRenderState) {
@@ -139,6 +140,7 @@
 </script>
 
 <EnableEditor
+  {apiHost}
   {nonce}
   {content}
   {data}
@@ -153,6 +155,7 @@
   {contentWrapper}
   {contentWrapperProps}
   {trustedHosts}
+  {isNestedRender}
   {...{}}
 >
   {#if isSsrAbTest}

package/src/components/content-variants/content-variants.svelte

@@ -29,6 +29,7 @@
   export let isNestedRender: VariantsProviderProps["isNestedRender"] =
     undefined;
   export let nonce: VariantsProviderProps["nonce"] = undefined;
+  export let apiHost: VariantsProviderProps["apiHost"] = undefined;
   export let model: VariantsProviderProps["model"] = undefined;
   export let data: VariantsProviderProps["data"] = undefined;
   export let context: VariantsProviderProps["context"] = undefined;
@@ -109,6 +110,7 @@
 
   {#each getVariants(content) as variant (variant.testVariationId)}
     <ContentComponent
+      {apiHost}
       {isNestedRender}
       {nonce}
       content={variant}
@@ -134,6 +136,7 @@
   {/each}
 {/if}
 <ContentComponent
+  {apiHost}
   {nonce}
   {isNestedRender}
   {...{}}

package/src/components/content-variants/content-variants.types.ts

@@ -30,6 +30,11 @@ export 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;
 
   /**

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.25"
+export const SDK_VERSION = "2.0.28"

package/src/functions/evaluate/node-runtime/node-runtime.ts

@@ -75,6 +75,7 @@ let IVM_CONTEXT: Context | null = null;
  * `safeDynamicRequire` trick to import the `isolated-vm` package.
  */
 export const setIvm = (ivm: IsolatedVMImport, options: IsolateOptions = {}) => {
+  if (IVM_INSTANCE) return;
   IVM_INSTANCE = ivm;
   setIsolateContext(options);
 };
@@ -102,6 +103,7 @@ const getIvm = (): IsolatedVMImport => {
 function setIsolateContext(options: IsolateOptions = {
   memoryLimit: 128
 }) {
+  if (IVM_CONTEXT) return IVM_CONTEXT;
   const ivm = getIvm();
   const isolate = new ivm.Isolate(options);
   const context = isolate.createContextSync();
@@ -120,9 +122,7 @@ function setIsolateContext(options: IsolateOptions = {
   return context;
 }
 const getIsolateContext = () => {
-  if (IVM_CONTEXT) return IVM_CONTEXT;
-  const context = setIsolateContext();
-  return context;
+  return setIsolateContext();
 };
 export const runInNode = ({
   code,

package/src/functions/evaluate/node-runtime/setIvm.ts

@@ -0,0 +1 @@
+export { setIvm } from './node-runtime'

package/src/functions/get-content/generate-content-url.ts

@@ -20,7 +20,8 @@ export const generateContentUrl = (options: GetContentOptions): URL => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error('Missing API key');
@@ -31,7 +32,8 @@ export const generateContentUrl = (options: GetContentOptions): URL => {
 
   // if we are fetching an array of content, we disable noTraverse for perf reasons.
   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));

package/src/functions/get-content/types.ts

@@ -154,4 +154,9 @@ export 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;
 }

package/src/functions/track/index.ts

@@ -99,7 +99,12 @@ const createEvent = async ({
     ownerId: apiKey
   }
 });
-export async function _track(eventProps: EventProps) {
+export async function _track({
+  apiHost,
+  ...eventProps
+}: EventProps & {
+  apiHost?: string;
+}) {
   if (!eventProps.apiKey) {
     logger.error('Missing API key for track call. Please provide your API key.');
     return;
@@ -113,7 +118,8 @@ export async function _track(eventProps: 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)]