@builder.io/sdk-solid 2.0.24 → 2.0.26

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

@@ -4765,6 +4765,16 @@ function getPreviewContent(_searchParams) {
   return void 0;
 }
 
+// src/constants/sdk-version.ts
+var SDK_VERSION = "2.0.26";
+
+// src/helpers/sdk-headers.ts
+var getSdkHeaders = () => ({
+  "X-Builder-SDK": TARGET,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": SDK_VERSION
+});
+
 // src/functions/get-global-this.ts
 function getGlobalThis() {
   if (typeof globalThis !== "undefined") {
@@ -4868,7 +4878,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -4877,7 +4888,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));
@@ -4947,7 +4959,14 @@ async function fetchOneEntry(options) {
 var _fetchContent = async (options) => {
   const url = generateContentUrl(options);
   const _fetch = options.fetch ?? fetch2;
-  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;
 };
@@ -5158,7 +5177,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;
@@ -5172,13 +5194,15 @@ 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) => {
@@ -5258,9 +5282,6 @@ function isFromTrustedHost(trustedHosts, e) {
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
 
-// src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.24";
-
 // src/functions/register.ts
 var registry = {};
 function register(type, info) {
@@ -5618,6 +5639,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,
@@ -5677,7 +5699,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -5703,6 +5725,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -5951,6 +5974,9 @@ function ContentComponent(props) {
     },
     get children() {
       return createComponent(enable_editor_default, mergeProps({
+        get apiHost() {
+          return props.apiHost;
+        },
         get nonce() {
           return props.nonce;
         },
@@ -5992,6 +6018,9 @@ function ContentComponent(props) {
         },
         get trustedHosts() {
           return props.trustedHosts;
+        },
+        get isNestedRender() {
+          return props.isNestedRender;
         }
       }, {
         setBuilderContextSignal
@@ -6124,6 +6153,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, mergeProps({
+            get apiHost() {
+              return props.apiHost;
+            },
             get isNestedRender() {
               return props.isNestedRender;
             },
@@ -6188,6 +6220,9 @@ function ContentVariants(props) {
       })];
     }
   }), createComponent(content_default, mergeProps({
+    get apiHost() {
+      return props.apiHost;
+    },
     get nonce() {
       return props.nonce;
     },

package/lib/browser/dev.jsx

@@ -4253,6 +4253,16 @@ function getPreviewContent(_searchParams) {
   return void 0;
 }
 
+// src/constants/sdk-version.ts
+var SDK_VERSION = "2.0.26";
+
+// src/helpers/sdk-headers.ts
+var getSdkHeaders = () => ({
+  "X-Builder-SDK": TARGET,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": SDK_VERSION
+});
+
 // src/functions/get-global-this.ts
 function getGlobalThis() {
   if (typeof globalThis !== "undefined") {
@@ -4356,7 +4366,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -4365,7 +4376,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));
@@ -4435,7 +4447,14 @@ async function fetchOneEntry(options) {
 var _fetchContent = async (options) => {
   const url = generateContentUrl(options);
   const _fetch = options.fetch ?? fetch2;
-  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;
 };
@@ -4646,7 +4665,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;
@@ -4660,13 +4682,15 @@ 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) => {
@@ -4746,9 +4770,6 @@ function isFromTrustedHost(trustedHosts, e) {
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
 
-// src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.24";
-
 // src/functions/register.ts
 var registry = {};
 function register(type, info) {
@@ -5105,6 +5126,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,
@@ -5174,7 +5196,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount6(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -5205,6 +5227,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -5444,6 +5467,7 @@ function ContentComponent(props) {
       registeredComponents: registeredComponents()
     }}
   ><Enable_editor_default
+    apiHost={props.apiHost}
     nonce={props.nonce}
     content={props.content}
     data={props.data}
@@ -5458,6 +5482,7 @@ function ContentComponent(props) {
     contentWrapper={props.contentWrapper}
     contentWrapperProps={props.contentWrapperProps}
     trustedHosts={props.trustedHosts}
+    isNestedRender={props.isNestedRender}
     {...{
       setBuilderContextSignal
     }}
@@ -5536,6 +5561,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}
@@ -5562,6 +5588,7 @@ function ContentVariants(props) {
       }}</For9>
     </Show15>
     <Content_default
+      apiHost={props.apiHost}
       nonce={props.nonce}
       isNestedRender={props.isNestedRender}
       {...{}}

package/lib/browser/index.js

@@ -4755,6 +4755,16 @@ function getPreviewContent(_searchParams) {
   return void 0;
 }
 
+// src/constants/sdk-version.ts
+var SDK_VERSION = "2.0.26";
+
+// src/helpers/sdk-headers.ts
+var getSdkHeaders = () => ({
+  "X-Builder-SDK": TARGET,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": SDK_VERSION
+});
+
 // src/functions/get-global-this.ts
 function getGlobalThis() {
   if (typeof globalThis !== "undefined") {
@@ -4856,7 +4866,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -4865,7 +4876,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));
@@ -4935,7 +4947,14 @@ async function fetchOneEntry(options) {
 var _fetchContent = async (options) => {
   const url = generateContentUrl(options);
   const _fetch = options.fetch ?? fetch2;
-  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;
 };
@@ -5144,7 +5163,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;
@@ -5158,13 +5180,15 @@ 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) => {
@@ -5243,9 +5267,6 @@ function isFromTrustedHost(trustedHosts, e) {
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
 
-// src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.24";
-
 // src/functions/register.ts
 var registry = {};
 function register(type, info) {
@@ -5602,6 +5623,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,
@@ -5660,7 +5682,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -5686,6 +5708,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -5934,6 +5957,9 @@ function ContentComponent(props) {
     },
     get children() {
       return createComponent(enable_editor_default, mergeProps({
+        get apiHost() {
+          return props.apiHost;
+        },
         get nonce() {
           return props.nonce;
         },
@@ -5975,6 +6001,9 @@ function ContentComponent(props) {
         },
         get trustedHosts() {
           return props.trustedHosts;
+        },
+        get isNestedRender() {
+          return props.isNestedRender;
         }
       }, {
         setBuilderContextSignal
@@ -6107,6 +6136,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, mergeProps({
+            get apiHost() {
+              return props.apiHost;
+            },
             get isNestedRender() {
               return props.isNestedRender;
             },
@@ -6171,6 +6203,9 @@ function ContentVariants(props) {
       })];
     }
   }), createComponent(content_default, mergeProps({
+    get apiHost() {
+      return props.apiHost;
+    },
     get nonce() {
       return props.nonce;
     },

package/lib/browser/index.jsx

@@ -4243,6 +4243,16 @@ function getPreviewContent(_searchParams) {
   return void 0;
 }
 
+// src/constants/sdk-version.ts
+var SDK_VERSION = "2.0.26";
+
+// src/helpers/sdk-headers.ts
+var getSdkHeaders = () => ({
+  "X-Builder-SDK": TARGET,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": SDK_VERSION
+});
+
 // src/functions/get-global-this.ts
 function getGlobalThis() {
   if (typeof globalThis !== "undefined") {
@@ -4344,7 +4354,8 @@ var generateContentUrl = (options) => {
     cacheSeconds,
     staleCacheSeconds,
     sort,
-    includeUnpublished
+    includeUnpublished,
+    apiHost
   } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
@@ -4353,7 +4364,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));
@@ -4423,7 +4435,14 @@ async function fetchOneEntry(options) {
 var _fetchContent = async (options) => {
   const url = generateContentUrl(options);
   const _fetch = options.fetch ?? fetch2;
-  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;
 };
@@ -4632,7 +4651,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;
@@ -4646,13 +4668,15 @@ 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) => {
@@ -4731,9 +4755,6 @@ function isFromTrustedHost(trustedHosts, e) {
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
 
-// src/constants/sdk-version.ts
-var SDK_VERSION = "2.0.24";
-
 // src/functions/register.ts
 var registry = {};
 function register(type, info) {
@@ -5089,6 +5110,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,
@@ -5157,7 +5179,7 @@ function EnableEditor(props) {
   emitStateUpdate();
   onMount6(() => {
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -5188,6 +5210,7 @@ function EnableEditor(props) {
         const contentId = props.builderContextSignal.content?.id;
         const apiKeyProp = props.apiKey;
         _track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,
@@ -5427,6 +5450,7 @@ function ContentComponent(props) {
       registeredComponents: registeredComponents()
     }}
   ><Enable_editor_default
+    apiHost={props.apiHost}
     nonce={props.nonce}
     content={props.content}
     data={props.data}
@@ -5441,6 +5465,7 @@ function ContentComponent(props) {
     contentWrapper={props.contentWrapper}
     contentWrapperProps={props.contentWrapperProps}
     trustedHosts={props.trustedHosts}
+    isNestedRender={props.isNestedRender}
     {...{
       setBuilderContextSignal
     }}
@@ -5519,6 +5544,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}
@@ -5545,6 +5571,7 @@ function ContentVariants(props) {
       }}</For9>
     </Show15>
     <Content_default
+      apiHost={props.apiHost}
       nonce={props.nonce}
       isNestedRender={props.isNestedRender}
       {...{}}