@builder.io/sdk-svelte 2.0.23 → 2.0.25

package/lib/browser/components/blocks/blocks-wrapper.svelte

@@ -3,6 +3,7 @@
 <script>import { onMount } from "svelte";
 import { isEditing } from "../../functions/is-editing";
 export let blocks;
+export let classNameProp = undefined;
 export let parent;
 export let path;
 export let styleProp;
@@ -41,7 +42,9 @@ function onMouseEnter() {
     }
 }
 $: className = () => {
-    return "builder-blocks" + (!blocks?.length ? " no-blocks" : "");
+    return ["builder-blocks", !blocks?.length ? "no-blocks" : "", classNameProp]
+        .filter(Boolean)
+        .join(" ");
 };
 let blocksWrapperRef;
 onMount(() => { });

package/lib/browser/components/blocks/blocks.svelte

@@ -7,6 +7,7 @@ export let blocks;
 export let parent;
 export let path;
 export let styleProp;
+export let className = undefined;
 export let context = undefined;
 export let linkComponent = undefined;
 export let registeredComponents = undefined;
@@ -19,9 +20,10 @@ let componentsContext = getContext(ComponentsContext.key);
   {parent}
   {path}
   {styleProp}
-  BlocksWrapper={$context?.BlocksWrapper || $builderContext.BlocksWrapper}
+  classNameProp={className}
+  BlocksWrapper={$context?.BlocksWrapper || $builderContext?.BlocksWrapper}
   BlocksWrapperProps={$context?.BlocksWrapperProps ||
-    $builderContext.BlocksWrapperProps}
+    $builderContext?.BlocksWrapperProps}
 >
   {#if blocks}
     {#each blocks as block (block.id)}
@@ -30,7 +32,7 @@ let componentsContext = getContext(ComponentsContext.key);
         {linkComponent}
         context={context || builderContext}
         registeredComponents={registeredComponents ||
-          componentsContext.registeredComponents}
+          componentsContext?.registeredComponents}
       />
     {/each}
   {/if}</BlocksWrapper

package/lib/browser/components/blocks/blocks.svelte.d.ts

@@ -6,6 +6,7 @@ declare const __propDef: {
         parent: BlocksProps["parent"];
         path: BlocksProps["path"];
         styleProp: BlocksProps["styleProp"];
+        className?: BlocksProps["className"];
         context?: BlocksProps["context"];
         linkComponent?: BlocksProps["linkComponent"];
         registeredComponents?: BlocksProps["registeredComponents"];

package/lib/browser/components/blocks/blocks.types.d.ts

@@ -2,8 +2,9 @@
 import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types';
 import type { BlocksWrapperProps } from './blocks-wrapper.svelte';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
     context?: Writable<BuilderContextInterface>;
     registeredComponents?: RegisteredComponents;
     linkComponent?: any;
+    className?: string;
 };

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

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

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

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

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/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';
@@ -58,7 +59,8 @@ export async function _track(eventProps) {
             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/blocks/blocks-wrapper.svelte

@@ -3,6 +3,7 @@
 <script>import { onMount } from "svelte";
 import { isEditing } from "../../functions/is-editing";
 export let blocks;
+export let classNameProp = undefined;
 export let parent;
 export let path;
 export let styleProp;
@@ -41,7 +42,9 @@ function onMouseEnter() {
     }
 }
 $: className = () => {
-    return "builder-blocks" + (!blocks?.length ? " no-blocks" : "");
+    return ["builder-blocks", !blocks?.length ? "no-blocks" : "", classNameProp]
+        .filter(Boolean)
+        .join(" ");
 };
 let blocksWrapperRef;
 onMount(() => { });

package/lib/edge/components/blocks/blocks.svelte

@@ -7,6 +7,7 @@ export let blocks;
 export let parent;
 export let path;
 export let styleProp;
+export let className = undefined;
 export let context = undefined;
 export let linkComponent = undefined;
 export let registeredComponents = undefined;
@@ -19,9 +20,10 @@ let componentsContext = getContext(ComponentsContext.key);
   {parent}
   {path}
   {styleProp}
-  BlocksWrapper={$context?.BlocksWrapper || $builderContext.BlocksWrapper}
+  classNameProp={className}
+  BlocksWrapper={$context?.BlocksWrapper || $builderContext?.BlocksWrapper}
   BlocksWrapperProps={$context?.BlocksWrapperProps ||
-    $builderContext.BlocksWrapperProps}
+    $builderContext?.BlocksWrapperProps}
 >
   {#if blocks}
     {#each blocks as block (block.id)}
@@ -30,7 +32,7 @@ let componentsContext = getContext(ComponentsContext.key);
         {linkComponent}
         context={context || builderContext}
         registeredComponents={registeredComponents ||
-          componentsContext.registeredComponents}
+          componentsContext?.registeredComponents}
       />
     {/each}
   {/if}</BlocksWrapper

package/lib/edge/components/blocks/blocks.svelte.d.ts

@@ -6,6 +6,7 @@ declare const __propDef: {
         parent: BlocksProps["parent"];
         path: BlocksProps["path"];
         styleProp: BlocksProps["styleProp"];
+        className?: BlocksProps["className"];
         context?: BlocksProps["context"];
         linkComponent?: BlocksProps["linkComponent"];
         registeredComponents?: BlocksProps["registeredComponents"];

package/lib/edge/components/blocks/blocks.types.d.ts

@@ -2,8 +2,9 @@
 import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types';
 import type { BlocksWrapperProps } from './blocks-wrapper.svelte';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
     context?: Writable<BuilderContextInterface>;
     registeredComponents?: RegisteredComponents;
     linkComponent?: any;
+    className?: string;
 };

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

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

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

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

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/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';
@@ -58,7 +59,8 @@ export async function _track(eventProps) {
             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/blocks/blocks-wrapper.svelte

@@ -3,6 +3,7 @@
 <script>import { onMount } from "svelte";
 import { isEditing } from "../../functions/is-editing";
 export let blocks;
+export let classNameProp = undefined;
 export let parent;
 export let path;
 export let styleProp;
@@ -41,7 +42,9 @@ function onMouseEnter() {
     }
 }
 $: className = () => {
-    return "builder-blocks" + (!blocks?.length ? " no-blocks" : "");
+    return ["builder-blocks", !blocks?.length ? "no-blocks" : "", classNameProp]
+        .filter(Boolean)
+        .join(" ");
 };
 let blocksWrapperRef;
 onMount(() => { });

package/lib/node/components/blocks/blocks.svelte

@@ -7,6 +7,7 @@ export let blocks;
 export let parent;
 export let path;
 export let styleProp;
+export let className = undefined;
 export let context = undefined;
 export let linkComponent = undefined;
 export let registeredComponents = undefined;
@@ -19,9 +20,10 @@ let componentsContext = getContext(ComponentsContext.key);
   {parent}
   {path}
   {styleProp}
-  BlocksWrapper={$context?.BlocksWrapper || $builderContext.BlocksWrapper}
+  classNameProp={className}
+  BlocksWrapper={$context?.BlocksWrapper || $builderContext?.BlocksWrapper}
   BlocksWrapperProps={$context?.BlocksWrapperProps ||
-    $builderContext.BlocksWrapperProps}
+    $builderContext?.BlocksWrapperProps}
 >
   {#if blocks}
     {#each blocks as block (block.id)}
@@ -30,7 +32,7 @@ let componentsContext = getContext(ComponentsContext.key);
         {linkComponent}
         context={context || builderContext}
         registeredComponents={registeredComponents ||
-          componentsContext.registeredComponents}
+          componentsContext?.registeredComponents}
       />
     {/each}
   {/if}</BlocksWrapper

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

@@ -6,6 +6,7 @@ declare const __propDef: {
         parent: BlocksProps["parent"];
         path: BlocksProps["path"];
         styleProp: BlocksProps["styleProp"];
+        className?: BlocksProps["className"];
         context?: BlocksProps["context"];
         linkComponent?: BlocksProps["linkComponent"];
         registeredComponents?: BlocksProps["registeredComponents"];

package/lib/node/components/blocks/blocks.types.d.ts

@@ -2,8 +2,9 @@
 import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types';
 import type { BlocksWrapperProps } from './blocks-wrapper.svelte';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
     context?: Writable<BuilderContextInterface>;
     registeredComponents?: RegisteredComponents;
     linkComponent?: any;
+    className?: string;
 };

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

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

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

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

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/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';
@@ -58,7 +59,8 @@ export async function _track(eventProps) {
             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.23",
+  "version": "2.0.25",
   "type": "module",
   "files": [
     "lib",

package/src/components/blocks/blocks-wrapper.svelte

@@ -13,6 +13,7 @@
      */
     BlocksWrapperProps: any;
     children?: any;
+    classNameProp?: string;
   };
 </script>
 
@@ -23,6 +24,7 @@
   import type { BuilderBlock } from "../../types/builder-block";
 
   export let blocks: BlocksWrapperProps["blocks"];
+  export let classNameProp: BlocksWrapperProps["classNameProp"] = undefined;
   export let parent: BlocksWrapperProps["parent"];
   export let path: BlocksWrapperProps["path"];
   export let styleProp: BlocksWrapperProps["styleProp"];
@@ -69,7 +71,9 @@
     }
   }
   $: className = () => {
-    return "builder-blocks" + (!blocks?.length ? " no-blocks" : "");
+    return ["builder-blocks", !blocks?.length ? "no-blocks" : "", classNameProp]
+      .filter(Boolean)
+      .join(" ");
   };
 
   let blocksWrapperRef;

package/src/components/blocks/blocks.svelte

@@ -11,6 +11,7 @@
   export let parent: BlocksProps["parent"];
   export let path: BlocksProps["path"];
   export let styleProp: BlocksProps["styleProp"];
+  export let className: BlocksProps["className"] = undefined;
   export let context: BlocksProps["context"] = undefined;
   export let linkComponent: BlocksProps["linkComponent"] = undefined;
   export let registeredComponents: BlocksProps["registeredComponents"] =
@@ -25,9 +26,10 @@
   {parent}
   {path}
   {styleProp}
-  BlocksWrapper={$context?.BlocksWrapper || $builderContext.BlocksWrapper}
+  classNameProp={className}
+  BlocksWrapper={$context?.BlocksWrapper || $builderContext?.BlocksWrapper}
   BlocksWrapperProps={$context?.BlocksWrapperProps ||
-    $builderContext.BlocksWrapperProps}
+    $builderContext?.BlocksWrapperProps}
 >
   {#if blocks}
     {#each blocks as block (block.id)}
@@ -36,7 +38,7 @@
         {linkComponent}
         context={context || builderContext}
         registeredComponents={registeredComponents ||
-          componentsContext.registeredComponents}
+          componentsContext?.registeredComponents}
       />
     {/each}
   {/if}</BlocksWrapper

package/src/components/blocks/blocks.types.ts

@@ -1,8 +1,9 @@
 import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types';
 import type { BlocksWrapperProps } from './blocks-wrapper.svelte';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
   context?: Writable<BuilderContextInterface>;
   registeredComponents?: RegisteredComponents;
   linkComponent?: any;
+  className?: string;
 }

package/src/constants/sdk-version.ts

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

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/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';
@@ -118,7 +119,8 @@ export async function _track(eventProps: EventProps) {
       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
+})