@builder.io/sdk-svelte 2.0.24 → 2.0.26

package/lib/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.24";
+export declare const SDK_VERSION = "2.0.26";

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

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.24";
+export const SDK_VERSION = "2.0.26";

package/lib/browser/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/browser/functions/get-content/index.js

@@ -3,6 +3,7 @@ import { handleABTesting } from '../../helpers/ab-tests';
 import { getDefaultCanTrack } from '../../helpers/canTrack';
 import { logger } from '../../helpers/logger';
 import { getPreviewContent } from '../../helpers/preview-lru-cache/get';
+import { getSdkHeaders } from '../../helpers/sdk-headers';
 import { fetch } from '../get-fetch';
 import { isBrowser } from '../is-browser';
 import { generateContentUrl } from './generate-content-url';
@@ -23,7 +24,14 @@ export async function fetchOneEntry(options) {
 const _fetchContent = async (options) => {
     const url = generateContentUrl(options);
     const _fetch = options.fetch ?? fetch;
-    const res = await _fetch(url.href, options.fetchOptions);
+    const fetchOptions = {
+        ...options.fetchOptions,
+        headers: {
+            ...options.fetchOptions?.headers,
+            ...getSdkHeaders()
+        }
+    };
+    const res = await _fetch(url.href, fetchOptions);
     const content = await res.json();
     return content;
 };

package/lib/browser/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/browser/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/browser/functions/track/index.js

@@ -1,5 +1,6 @@
 import { TARGET } from '../../constants/target';
 import { logger } from '../../helpers/logger';
+import { getSdkHeaders } from '../../helpers/sdk-headers';
 import { getSessionId } from '../../helpers/sessionId';
 import { getVisitorId } from '../../helpers/visitorId';
 import { isBrowser } from '../is-browser';
@@ -38,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;
@@ -52,13 +53,15 @@ 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)]
         }),
         headers: {
-            'content-type': 'application/json'
+            'content-type': 'application/json',
+            ...getSdkHeaders()
         },
         mode: 'cors'
     }).catch(err => {

package/lib/browser/helpers/sdk-headers.d.ts

@@ -0,0 +1,5 @@
+export declare const getSdkHeaders: () => {
+    'X-Builder-SDK': import("../types/targets").Target;
+    'X-Builder-SDK-GEN': string;
+    'X-Builder-SDK-Version': string;
+};

package/lib/browser/helpers/sdk-headers.js

@@ -0,0 +1,7 @@
+import { SDK_VERSION } from '../constants/sdk-version';
+import { TARGET } from '../constants/target';
+export const getSdkHeaders = () => ({
+    'X-Builder-SDK': TARGET,
+    'X-Builder-SDK-GEN': '2',
+    'X-Builder-SDK-Version': SDK_VERSION
+});

package/lib/edge/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/edge/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/edge/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/edge/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/edge/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/edge/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/edge/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/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.24";
+export declare const SDK_VERSION = "2.0.26";

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

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.24";
+export const SDK_VERSION = "2.0.26";

package/lib/edge/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/edge/functions/get-content/index.js

@@ -3,6 +3,7 @@ import { handleABTesting } from '../../helpers/ab-tests';
 import { getDefaultCanTrack } from '../../helpers/canTrack';
 import { logger } from '../../helpers/logger';
 import { getPreviewContent } from '../../helpers/preview-lru-cache/get';
+import { getSdkHeaders } from '../../helpers/sdk-headers';
 import { fetch } from '../get-fetch';
 import { isBrowser } from '../is-browser';
 import { generateContentUrl } from './generate-content-url';
@@ -23,7 +24,14 @@ export async function fetchOneEntry(options) {
 const _fetchContent = async (options) => {
     const url = generateContentUrl(options);
     const _fetch = options.fetch ?? fetch;
-    const res = await _fetch(url.href, options.fetchOptions);
+    const fetchOptions = {
+        ...options.fetchOptions,
+        headers: {
+            ...options.fetchOptions?.headers,
+            ...getSdkHeaders()
+        }
+    };
+    const res = await _fetch(url.href, fetchOptions);
     const content = await res.json();
     return content;
 };

package/lib/edge/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/edge/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/edge/functions/track/index.js

@@ -1,5 +1,6 @@
 import { TARGET } from '../../constants/target';
 import { logger } from '../../helpers/logger';
+import { getSdkHeaders } from '../../helpers/sdk-headers';
 import { getSessionId } from '../../helpers/sessionId';
 import { getVisitorId } from '../../helpers/visitorId';
 import { isBrowser } from '../is-browser';
@@ -38,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;
@@ -52,13 +53,15 @@ 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)]
         }),
         headers: {
-            'content-type': 'application/json'
+            'content-type': 'application/json',
+            ...getSdkHeaders()
         },
         mode: 'cors'
     }).catch(err => {

package/lib/edge/helpers/sdk-headers.d.ts

@@ -0,0 +1,5 @@
+export declare const getSdkHeaders: () => {
+    'X-Builder-SDK': import("../types/targets").Target;
+    'X-Builder-SDK-GEN': string;
+    'X-Builder-SDK-Version': string;
+};

package/lib/edge/helpers/sdk-headers.js

@@ -0,0 +1,7 @@
+import { SDK_VERSION } from '../constants/sdk-version';
+import { TARGET } from '../constants/target';
+export const getSdkHeaders = () => ({
+    'X-Builder-SDK': TARGET,
+    'X-Builder-SDK-GEN': '2',
+    'X-Builder-SDK-Version': SDK_VERSION
+});

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.24";
+export declare const SDK_VERSION = "2.0.26";

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

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.24";
+export const SDK_VERSION = "2.0.26";

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/index.js

@@ -3,6 +3,7 @@ import { handleABTesting } from '../../helpers/ab-tests';
 import { getDefaultCanTrack } from '../../helpers/canTrack';
 import { logger } from '../../helpers/logger';
 import { getPreviewContent } from '../../helpers/preview-lru-cache/get';
+import { getSdkHeaders } from '../../helpers/sdk-headers';
 import { fetch } from '../get-fetch';
 import { isBrowser } from '../is-browser';
 import { generateContentUrl } from './generate-content-url';
@@ -23,7 +24,14 @@ export async function fetchOneEntry(options) {
 const _fetchContent = async (options) => {
     const url = generateContentUrl(options);
     const _fetch = options.fetch ?? fetch;
-    const res = await _fetch(url.href, options.fetchOptions);
+    const fetchOptions = {
+        ...options.fetchOptions,
+        headers: {
+            ...options.fetchOptions?.headers,
+            ...getSdkHeaders()
+        }
+    };
+    const res = await _fetch(url.href, fetchOptions);
     const content = await res.json();
     return content;
 };

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

@@ -1,5 +1,6 @@
 import { TARGET } from '../../constants/target';
 import { logger } from '../../helpers/logger';
+import { getSdkHeaders } from '../../helpers/sdk-headers';
 import { getSessionId } from '../../helpers/sessionId';
 import { getVisitorId } from '../../helpers/visitorId';
 import { isBrowser } from '../is-browser';
@@ -38,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;
@@ -52,13 +53,15 @@ 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)]
         }),
         headers: {
-            'content-type': 'application/json'
+            'content-type': 'application/json',
+            ...getSdkHeaders()
         },
         mode: 'cors'
     }).catch(err => {

package/lib/node/helpers/sdk-headers.d.ts

@@ -0,0 +1,5 @@
+export declare const getSdkHeaders: () => {
+    'X-Builder-SDK': import("../types/targets").Target;
+    'X-Builder-SDK-GEN': string;
+    'X-Builder-SDK-Version': string;
+};

package/lib/node/helpers/sdk-headers.js

@@ -0,0 +1,7 @@
+import { SDK_VERSION } from '../constants/sdk-version';
+import { TARGET } from '../constants/target';
+export const getSdkHeaders = () => ({
+    'X-Builder-SDK': TARGET,
+    'X-Builder-SDK-GEN': '2',
+    'X-Builder-SDK-Version': SDK_VERSION
+});

package/package.json

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

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.24"
+export const SDK_VERSION = "2.0.26"

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/index.ts

@@ -3,6 +3,7 @@ import { handleABTesting } from '../../helpers/ab-tests';
 import { getDefaultCanTrack } from '../../helpers/canTrack';
 import { logger } from '../../helpers/logger';
 import { getPreviewContent } from '../../helpers/preview-lru-cache/get';
+import { getSdkHeaders } from '../../helpers/sdk-headers';
 import type { BuilderContent } from '../../types/builder-content';
 import { fetch } from '../get-fetch';
 import { isBrowser } from '../is-browser';
@@ -33,7 +34,14 @@ type ContentResponse = ContentResults | {
 const _fetchContent = async (options: GetContentOptions) => {
   const url = generateContentUrl(options);
   const _fetch = options.fetch ?? fetch;
-  const res = await _fetch(url.href, options.fetchOptions);
+  const fetchOptions = {
+    ...options.fetchOptions,
+    headers: {
+      ...(options.fetchOptions as any)?.headers,
+      ...getSdkHeaders()
+    }
+  };
+  const res = await _fetch(url.href, fetchOptions);
   const content = await (res.json() as Promise<ContentResponse>);
   return content;
 };

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

@@ -1,5 +1,6 @@
 import { TARGET } from '../../constants/target';
 import { logger } from '../../helpers/logger';
+import { getSdkHeaders } from '../../helpers/sdk-headers';
 import { getSessionId } from '../../helpers/sessionId';
 import { getVisitorId } from '../../helpers/visitorId';
 import type { CanTrack } from '../../types/can-track';
@@ -98,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;
@@ -112,13 +118,15 @@ 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)]
     }),
     headers: {
-      'content-type': 'application/json'
+      'content-type': 'application/json',
+      ...getSdkHeaders()
     },
     mode: 'cors'
   }).catch(err => {

package/src/helpers/sdk-headers.ts

@@ -0,0 +1,7 @@
+import { SDK_VERSION } from '../constants/sdk-version';
+import { TARGET } from '../constants/target';
+export const getSdkHeaders = () => ({
+  'X-Builder-SDK': TARGET,
+  'X-Builder-SDK-GEN': '2',
+  'X-Builder-SDK-Version': SDK_VERSION
+})