@builder.io/sdk-svelte 1.0.14 → 1.0.16

package/lib/browser/blocks/columns/columns.svelte

@@ -129,7 +129,7 @@ let flexDir = stackColumnsAt === "never"
   {...{}}
 >
   {#if TARGET !== "reactNative"}
-    <InlinedStyles styles={columnsStyles()} />
+    <InlinedStyles id="builderio-columns" styles={columnsStyles()} />
   {/if}
   {#each columns as column, index (index)}
     <DynamicRenderer

package/lib/browser/components/block/components/block-styles.svelte

@@ -70,5 +70,5 @@ $: css = () => {
 </script>
 
 {#if TARGET !== "reactNative" && css() && canShowBlock()}
-  <InlinedStyles styles={css()} />
+  <InlinedStyles id="builderio-block" styles={css()} />
 {/if}

package/lib/browser/components/content/components/styles.svelte

@@ -18,4 +18,4 @@ ${getDefaultStyles(isNestedRender)}
 `.trim();
 </script>
 
-<InlinedStyles styles={injectedStyles} />
+<InlinedStyles id="builderio-content" styles={injectedStyles} />

package/lib/browser/components/content/content.svelte

@@ -98,7 +98,7 @@ setContext(ComponentsContext.key, {
   {...{}}
 >
   {#if isSsrAbTest}
-    <InlinedScript {scriptStr} />
+    <InlinedScript id="builderio-variant-visibility" {scriptStr} />
   {/if}
   {#if TARGET !== "reactNative"}
     <ContentStyles

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

@@ -7,7 +7,7 @@ import { getDefaultCanTrack } from "../../helpers/canTrack.js";
 import ContentComponent from "../content/content.svelte";
 import InlinedScript from "../inlined-script.svelte";
 import InlinedStyles from "../inlined-styles.svelte";
-import { checkShouldRenderVariants, getScriptString, getUpdateCookieAndStylesScript, getVariants, } from "./helpers.js";
+import { checkShouldRenderVariants, getInitVariantsFnsScriptString, getUpdateCookieAndStylesScript, getVariants, } from "./helpers.js";
 export let canTrack = undefined;
 export let content = undefined;
 export let isNestedRender = undefined;
@@ -60,15 +60,18 @@ onMount(() => {
 </script>
 
 {#if !isNestedRender && TARGET !== "reactNative"}
-  <InlinedScript scriptStr={getScriptString()} />
+  <InlinedScript
+    id="builderio-init-variants-fns"
+    scriptStr={getInitVariantsFnsScriptString()}
+  />
 {/if}
 
 {#if shouldRenderVariants}
-  <InlinedStyles
-    id={`variants-styles-${content?.id}`}
-    styles={hideVariantsStyleString()}
+  <InlinedStyles id="builderio-variants" styles={hideVariantsStyleString()} />
+  <InlinedScript
+    id="builderio-variants-visibility"
+    scriptStr={updateCookieAndStylesScriptStr()}
   />
-  <InlinedScript scriptStr={updateCookieAndStylesScriptStr()} />
 
   {#each getVariants(content) as variant (variant.testVariationId)}
     <ContentComponent

package/lib/browser/components/content-variants/helpers.d.ts

@@ -32,7 +32,7 @@ type VariantData = {
     id: string;
     testRatio?: number;
 };
-export declare const getScriptString: () => string;
+export declare const getInitVariantsFnsScriptString: () => string;
 export declare const getUpdateCookieAndStylesScript: (variants: VariantData[], contentId: string) => string;
 export declare const getUpdateVariantVisibilityScript: ({ contentId, variationId }: {
     variationId: string;

package/lib/browser/components/content-variants/helpers.js

@@ -41,7 +41,7 @@ export const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === 'react' || target === 'reactNative';
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-export const getScriptString = () => `
+export const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;

package/lib/browser/components/inlined-script.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>export let scriptStr;
-export let id = undefined;
+export let id;
 </script>
 
-{@html `<script  id=${id || ""}>${scriptStr}</script>`}
+{@html `<script  data-id=${id}>${scriptStr}</script>`}

package/lib/browser/components/inlined-script.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponent } from "svelte";
 interface Props {
     scriptStr: string;
-    id?: string;
+    id: string;
 }
 declare const __propDef: {
     props: {
         scriptStr: Props["scriptStr"];
-        id?: Props["id"];
+        id: Props["id"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/lib/browser/components/inlined-styles.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>export let styles;
-export let id = undefined;
+export let id;
 </script>
 
-{@html `<${"style"}  id=${id}  >${styles}<${"/style"}>`}
+{@html `<${"style"}  data-id=${id}  >${styles}<${"/style"}>`}

package/lib/browser/components/inlined-styles.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponent } from "svelte";
 interface Props {
     styles: string;
-    id?: string;
+    id: string;
 }
 declare const __propDef: {
     props: {
         styles: Props["styles"];
-        id?: Props["id"];
+        id: Props["id"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.14";
+export declare const SDK_VERSION = "1.0.16";

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

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.14";
+export const SDK_VERSION = "1.0.16";

package/lib/browser/functions/get-content/index.js

@@ -22,7 +22,8 @@ export async function fetchOneEntry(options) {
 }
 const _fetchContent = async (options) => {
     const url = generateContentUrl(options);
-    const res = await fetch(url.href);
+    const _fetch = options.fetch ?? fetch;
+    const res = await _fetch(url.href, options.fetchOptions);
     const content = await res.json();
     return content;
 };

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

@@ -128,4 +128,12 @@ export interface GetContentOptions {
      * draft mode and un-archived. Default is false.
      */
     includeUnpublished?: boolean;
+    /**
+     * Optional override of the `fetch` function. (Defaults to global `fetch`)
+     */
+    fetch?: typeof global.fetch;
+    /**
+     * Optional fetch options to be passed to the `fetch` function.
+     */
+    fetchOptions?: RequestInit;
 }

package/lib/edge/blocks/columns/columns.svelte

@@ -129,7 +129,7 @@ let flexDir = stackColumnsAt === "never"
   {...{}}
 >
   {#if TARGET !== "reactNative"}
-    <InlinedStyles styles={columnsStyles()} />
+    <InlinedStyles id="builderio-columns" styles={columnsStyles()} />
   {/if}
   {#each columns as column, index (index)}
     <DynamicRenderer

package/lib/edge/components/block/components/block-styles.svelte

@@ -70,5 +70,5 @@ $: css = () => {
 </script>
 
 {#if TARGET !== "reactNative" && css() && canShowBlock()}
-  <InlinedStyles styles={css()} />
+  <InlinedStyles id="builderio-block" styles={css()} />
 {/if}

package/lib/edge/components/content/components/styles.svelte

@@ -18,4 +18,4 @@ ${getDefaultStyles(isNestedRender)}
 `.trim();
 </script>
 
-<InlinedStyles styles={injectedStyles} />
+<InlinedStyles id="builderio-content" styles={injectedStyles} />

package/lib/edge/components/content/content.svelte

@@ -98,7 +98,7 @@ setContext(ComponentsContext.key, {
   {...{}}
 >
   {#if isSsrAbTest}
-    <InlinedScript {scriptStr} />
+    <InlinedScript id="builderio-variant-visibility" {scriptStr} />
   {/if}
   {#if TARGET !== "reactNative"}
     <ContentStyles

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

@@ -7,7 +7,7 @@ import { getDefaultCanTrack } from "../../helpers/canTrack.js";
 import ContentComponent from "../content/content.svelte";
 import InlinedScript from "../inlined-script.svelte";
 import InlinedStyles from "../inlined-styles.svelte";
-import { checkShouldRenderVariants, getScriptString, getUpdateCookieAndStylesScript, getVariants, } from "./helpers.js";
+import { checkShouldRenderVariants, getInitVariantsFnsScriptString, getUpdateCookieAndStylesScript, getVariants, } from "./helpers.js";
 export let canTrack = undefined;
 export let content = undefined;
 export let isNestedRender = undefined;
@@ -60,15 +60,18 @@ onMount(() => {
 </script>
 
 {#if !isNestedRender && TARGET !== "reactNative"}
-  <InlinedScript scriptStr={getScriptString()} />
+  <InlinedScript
+    id="builderio-init-variants-fns"
+    scriptStr={getInitVariantsFnsScriptString()}
+  />
 {/if}
 
 {#if shouldRenderVariants}
-  <InlinedStyles
-    id={`variants-styles-${content?.id}`}
-    styles={hideVariantsStyleString()}
+  <InlinedStyles id="builderio-variants" styles={hideVariantsStyleString()} />
+  <InlinedScript
+    id="builderio-variants-visibility"
+    scriptStr={updateCookieAndStylesScriptStr()}
   />
-  <InlinedScript scriptStr={updateCookieAndStylesScriptStr()} />
 
   {#each getVariants(content) as variant (variant.testVariationId)}
     <ContentComponent

package/lib/edge/components/content-variants/helpers.d.ts

@@ -32,7 +32,7 @@ type VariantData = {
     id: string;
     testRatio?: number;
 };
-export declare const getScriptString: () => string;
+export declare const getInitVariantsFnsScriptString: () => string;
 export declare const getUpdateCookieAndStylesScript: (variants: VariantData[], contentId: string) => string;
 export declare const getUpdateVariantVisibilityScript: ({ contentId, variationId }: {
     variationId: string;

package/lib/edge/components/content-variants/helpers.js

@@ -41,7 +41,7 @@ export const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === 'react' || target === 'reactNative';
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-export const getScriptString = () => `
+export const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;

package/lib/edge/components/inlined-script.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>export let scriptStr;
-export let id = undefined;
+export let id;
 </script>
 
-{@html `<script  id=${id || ""}>${scriptStr}</script>`}
+{@html `<script  data-id=${id}>${scriptStr}</script>`}

package/lib/edge/components/inlined-script.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponent } from "svelte";
 interface Props {
     scriptStr: string;
-    id?: string;
+    id: string;
 }
 declare const __propDef: {
     props: {
         scriptStr: Props["scriptStr"];
-        id?: Props["id"];
+        id: Props["id"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/lib/edge/components/inlined-styles.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>export let styles;
-export let id = undefined;
+export let id;
 </script>
 
-{@html `<${"style"}  id=${id}  >${styles}<${"/style"}>`}
+{@html `<${"style"}  data-id=${id}  >${styles}<${"/style"}>`}

package/lib/edge/components/inlined-styles.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponent } from "svelte";
 interface Props {
     styles: string;
-    id?: string;
+    id: string;
 }
 declare const __propDef: {
     props: {
         styles: Props["styles"];
-        id?: Props["id"];
+        id: Props["id"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.14";
+export declare const SDK_VERSION = "1.0.16";

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

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.14";
+export const SDK_VERSION = "1.0.16";

package/lib/edge/functions/get-content/index.js

@@ -22,7 +22,8 @@ export async function fetchOneEntry(options) {
 }
 const _fetchContent = async (options) => {
     const url = generateContentUrl(options);
-    const res = await fetch(url.href);
+    const _fetch = options.fetch ?? fetch;
+    const res = await _fetch(url.href, options.fetchOptions);
     const content = await res.json();
     return content;
 };

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

@@ -128,4 +128,12 @@ export interface GetContentOptions {
      * draft mode and un-archived. Default is false.
      */
     includeUnpublished?: boolean;
+    /**
+     * Optional override of the `fetch` function. (Defaults to global `fetch`)
+     */
+    fetch?: typeof global.fetch;
+    /**
+     * Optional fetch options to be passed to the `fetch` function.
+     */
+    fetchOptions?: RequestInit;
 }

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

@@ -129,7 +129,7 @@ let flexDir = stackColumnsAt === "never"
   {...{}}
 >
   {#if TARGET !== "reactNative"}
-    <InlinedStyles styles={columnsStyles()} />
+    <InlinedStyles id="builderio-columns" styles={columnsStyles()} />
   {/if}
   {#each columns as column, index (index)}
     <DynamicRenderer

package/lib/node/components/block/components/block-styles.svelte

@@ -70,5 +70,5 @@ $: css = () => {
 </script>
 
 {#if TARGET !== "reactNative" && css() && canShowBlock()}
-  <InlinedStyles styles={css()} />
+  <InlinedStyles id="builderio-block" styles={css()} />
 {/if}

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

@@ -18,4 +18,4 @@ ${getDefaultStyles(isNestedRender)}
 `.trim();
 </script>
 
-<InlinedStyles styles={injectedStyles} />
+<InlinedStyles id="builderio-content" styles={injectedStyles} />

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

@@ -98,7 +98,7 @@ setContext(ComponentsContext.key, {
   {...{}}
 >
   {#if isSsrAbTest}
-    <InlinedScript {scriptStr} />
+    <InlinedScript id="builderio-variant-visibility" {scriptStr} />
   {/if}
   {#if TARGET !== "reactNative"}
     <ContentStyles

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

@@ -7,7 +7,7 @@ import { getDefaultCanTrack } from "../../helpers/canTrack.js";
 import ContentComponent from "../content/content.svelte";
 import InlinedScript from "../inlined-script.svelte";
 import InlinedStyles from "../inlined-styles.svelte";
-import { checkShouldRenderVariants, getScriptString, getUpdateCookieAndStylesScript, getVariants, } from "./helpers.js";
+import { checkShouldRenderVariants, getInitVariantsFnsScriptString, getUpdateCookieAndStylesScript, getVariants, } from "./helpers.js";
 export let canTrack = undefined;
 export let content = undefined;
 export let isNestedRender = undefined;
@@ -60,15 +60,18 @@ onMount(() => {
 </script>
 
 {#if !isNestedRender && TARGET !== "reactNative"}
-  <InlinedScript scriptStr={getScriptString()} />
+  <InlinedScript
+    id="builderio-init-variants-fns"
+    scriptStr={getInitVariantsFnsScriptString()}
+  />
 {/if}
 
 {#if shouldRenderVariants}
-  <InlinedStyles
-    id={`variants-styles-${content?.id}`}
-    styles={hideVariantsStyleString()}
+  <InlinedStyles id="builderio-variants" styles={hideVariantsStyleString()} />
+  <InlinedScript
+    id="builderio-variants-visibility"
+    scriptStr={updateCookieAndStylesScriptStr()}
   />
-  <InlinedScript scriptStr={updateCookieAndStylesScriptStr()} />
 
   {#each getVariants(content) as variant (variant.testVariationId)}
     <ContentComponent

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

@@ -32,7 +32,7 @@ type VariantData = {
     id: string;
     testRatio?: number;
 };
-export declare const getScriptString: () => string;
+export declare const getInitVariantsFnsScriptString: () => string;
 export declare const getUpdateCookieAndStylesScript: (variants: VariantData[], contentId: string) => string;
 export declare const getUpdateVariantVisibilityScript: ({ contentId, variationId }: {
     variationId: string;

package/lib/node/components/content-variants/helpers.js

@@ -41,7 +41,7 @@ export const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === 'react' || target === 'reactNative';
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-export const getScriptString = () => `
+export const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;

package/lib/node/components/inlined-script.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>export let scriptStr;
-export let id = undefined;
+export let id;
 </script>
 
-{@html `<script  id=${id || ""}>${scriptStr}</script>`}
+{@html `<script  data-id=${id}>${scriptStr}</script>`}

package/lib/node/components/inlined-script.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponent } from "svelte";
 interface Props {
     scriptStr: string;
-    id?: string;
+    id: string;
 }
 declare const __propDef: {
     props: {
         scriptStr: Props["scriptStr"];
-        id?: Props["id"];
+        id: Props["id"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/lib/node/components/inlined-styles.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>export let styles;
-export let id = undefined;
+export let id;
 </script>
 
-{@html `<${"style"}  id=${id}  >${styles}<${"/style"}>`}
+{@html `<${"style"}  data-id=${id}  >${styles}<${"/style"}>`}

package/lib/node/components/inlined-styles.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponent } from "svelte";
 interface Props {
     styles: string;
-    id?: string;
+    id: string;
 }
 declare const __propDef: {
     props: {
         styles: Props["styles"];
-        id?: Props["id"];
+        id: Props["id"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.14";
+export declare const SDK_VERSION = "1.0.16";

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

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.14";
+export const SDK_VERSION = "1.0.16";

package/lib/node/functions/get-content/index.js

@@ -22,7 +22,8 @@ export async function fetchOneEntry(options) {
 }
 const _fetchContent = async (options) => {
     const url = generateContentUrl(options);
-    const res = await fetch(url.href);
+    const _fetch = options.fetch ?? fetch;
+    const res = await _fetch(url.href, options.fetchOptions);
     const content = await res.json();
     return content;
 };

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

@@ -128,4 +128,12 @@ export interface GetContentOptions {
      * draft mode and un-archived. Default is false.
      */
     includeUnpublished?: boolean;
+    /**
+     * Optional override of the `fetch` function. (Defaults to global `fetch`)
+     */
+    fetch?: typeof global.fetch;
+    /**
+     * Optional fetch options to be passed to the `fetch` function.
+     */
+    fetchOptions?: RequestInit;
 }

package/package.json

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

package/src/blocks/columns/columns.svelte

@@ -155,7 +155,7 @@
   {...{}}
 >
   {#if TARGET !== "reactNative"}
-    <InlinedStyles styles={columnsStyles()} />
+    <InlinedStyles id="builderio-columns" styles={columnsStyles()} />
   {/if}
   {#each columns as column, index (index)}
     <DynamicRenderer

package/src/components/block/components/block-styles.svelte

@@ -91,5 +91,5 @@
 </script>
 
 {#if TARGET !== "reactNative" && css() && canShowBlock()}
-  <InlinedStyles styles={css()} />
+  <InlinedStyles id="builderio-block" styles={css()} />
 {/if}

package/src/components/content/components/styles.svelte

@@ -29,4 +29,4 @@ ${getDefaultStyles(isNestedRender)}
 `.trim();
 </script>
 
-<InlinedStyles styles={injectedStyles} />
+<InlinedStyles id="builderio-content" styles={injectedStyles} />

package/src/components/content/content.svelte

@@ -122,7 +122,7 @@
   {...{}}
 >
   {#if isSsrAbTest}
-    <InlinedScript {scriptStr} />
+    <InlinedScript id="builderio-variant-visibility" {scriptStr} />
   {/if}
   {#if TARGET !== "reactNative"}
     <ContentStyles

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

@@ -19,7 +19,7 @@
   import type { ContentVariantsPrps } from "./content-variants.types.js";
   import {
     checkShouldRenderVariants,
-    getScriptString,
+    getInitVariantsFnsScriptString,
     getUpdateCookieAndStylesScript,
     getVariants,
   } from "./helpers.js";
@@ -87,15 +87,18 @@
 </script>
 
 {#if !isNestedRender && TARGET !== "reactNative"}
-  <InlinedScript scriptStr={getScriptString()} />
+  <InlinedScript
+    id="builderio-init-variants-fns"
+    scriptStr={getInitVariantsFnsScriptString()}
+  />
 {/if}
 
 {#if shouldRenderVariants}
-  <InlinedStyles
-    id={`variants-styles-${content?.id}`}
-    styles={hideVariantsStyleString()}
+  <InlinedStyles id="builderio-variants" styles={hideVariantsStyleString()} />
+  <InlinedScript
+    id="builderio-variants-visibility"
+    scriptStr={updateCookieAndStylesScriptStr()}
   />
-  <InlinedScript scriptStr={updateCookieAndStylesScriptStr()} />
 
   {#each getVariants(content) as variant (variant.testVariationId)}
     <ContentComponent

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

@@ -52,7 +52,7 @@ type VariantData = {
 };
 const getIsHydrationTarget = (target: Target) => target === 'react' || target === 'reactNative';
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-export const getScriptString = () => `
+export const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;

package/src/components/inlined-script.svelte

@@ -1,13 +1,13 @@
 <script context="module" lang="ts">
   interface Props {
     scriptStr: string;
-    id?: string;
+    id: string;
   }
 </script>
 
 <script lang="ts">
   export let scriptStr: Props["scriptStr"];
-  export let id: Props["id"] = undefined;
+  export let id: Props["id"];
 </script>
 
-{@html `<script  id=${id || ""}>${scriptStr}</script>`}
+{@html `<script  data-id=${id}>${scriptStr}</script>`}

package/src/components/inlined-styles.svelte

@@ -1,13 +1,13 @@
 <script context="module" lang="ts">
   interface Props {
     styles: string;
-    id?: string;
+    id: string;
   }
 </script>
 
 <script lang="ts">
   export let styles: Props["styles"];
-  export let id: Props["id"] = undefined;
+  export let id: Props["id"];
 </script>
 
-{@html `<${"style"}  id=${id}  >${styles}<${"/style"}>`}
+{@html `<${"style"}  data-id=${id}  >${styles}<${"/style"}>`}

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.14"
+export const SDK_VERSION = "1.0.16"

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

@@ -32,7 +32,8 @@ type ContentResponse = ContentResults | {
 };
 const _fetchContent = async (options: GetContentOptions) => {
   const url = generateContentUrl(options);
-  const res = await fetch(url.href);
+  const _fetch = options.fetch ?? fetch;
+  const res = await _fetch(url.href, options.fetchOptions);
   const content = await (res.json() as Promise<ContentResponse>);
   return content;
 };

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

@@ -144,4 +144,14 @@ export interface GetContentOptions {
    * draft mode and un-archived. Default is false.
    */
   includeUnpublished?: boolean;
+
+  /**
+   * Optional override of the `fetch` function. (Defaults to global `fetch`)
+   */
+  fetch?: typeof global.fetch;
+
+  /**
+   * Optional fetch options to be passed to the `fetch` function.
+   */
+  fetchOptions?: RequestInit;
 }