@builder.io/sdk-svelte 0.2.2 → 0.2.3

package/package/--package.json

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

package/package/blocks/columns/columns.svelte

@@ -2,13 +2,10 @@
 
 <script>import { getContext } from "svelte";
 import RenderBlocks from "../../components/render-blocks.svelte";
-import "../../types/builder-block";
 import { getSizesForBreakpoints } from "../../constants/device-sizes";
-import "../../constants/device-sizes";
 import RenderInlinedStyles from "../../components/render-inlined-styles.svelte";
 import { TARGET } from "../../constants/target.js";
 import BuilderContext from "../../context/builder.context.js";
-import "../../types/typescript";
 export let space;
 export let columns;
 export let stackColumnsAt;
@@ -90,30 +87,30 @@ $: columnsCssVars = () => {
 };
 $: columnsStyles = () => {
     return `
-      @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
-        .${builderBlock.id}-breakpoints {
-          flex-direction: var(--flex-dir-tablet);
-          align-items: stretch;
-        }
+        @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
+          .${builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
 
-        .${builderBlock.id}-breakpoints > .builder-column {
-          width: var(--column-width-tablet) !important;
-          margin-left: var(--column-margin-left-tablet) !important;
+          .${builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
         }
-      }
 
-      @media (max-width: ${getWidthForBreakpointSize("small")}px) {
-        .${builderBlock.id}-breakpoints {
-          flex-direction: var(--flex-dir);
-          align-items: stretch;
-        }
+        @media (max-width: ${getWidthForBreakpointSize("small")}px) {
+          .${builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
 
-        .${builderBlock.id}-breakpoints > .builder-column {
-          width: var(--column-width-mobile) !important;
-          margin-left: var(--column-margin-left-mobile) !important;
-        }
-      },
-    `;
+          .${builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
 };
 let gutterSize = typeof space === "number" ? space || 0 : 20;
 let cols = columns || [];

package/package/blocks/columns/columns.svelte.d.ts

@@ -11,7 +11,7 @@ export interface ColumnProps {
     stackColumnsAt?: StackColumnsAt;
     reverseColumnsWhenStacked?: boolean;
 }
-import { BuilderBlock } from "../../types/builder-block";
+import type { BuilderBlock } from "../../types/builder-block";
 declare const __propDef: {
     props: {
         space: ColumnProps["space"];

package/package/blocks/image/image.svelte

@@ -1,7 +1,6 @@
 <script context="module"></script>
 
-<script>import "../../types/builder-block.js";
-import { getSrcSet } from "./image.helpers.js";
+<script>import { getSrcSet } from "./image.helpers.js";
 export let image;
 export let src;
 export let srcset;

package/package/blocks/image/image.svelte.d.ts

@@ -8,7 +8,7 @@ export interface ImageProps {
     height?: number;
     width?: number;
     altText?: string;
-    backgroundSize?: string;
+    backgroundSize?: "cover" | "contain";
     backgroundPosition?: string;
     srcset?: string;
     aspectRatio?: number;
@@ -18,7 +18,7 @@ export interface ImageProps {
     noWebp?: boolean;
     src?: string;
 }
-import { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
 declare const __propDef: {
     props: {
         image: ImageProps["image"];

package/package/blocks/symbol/symbol.svelte

@@ -4,8 +4,6 @@
 import RenderContent from "../../components/render-content/render-content.svelte";
 import BuilderContext from "../../context/builder.context.js";
 import { getContent } from "../../functions/get-content/index.js";
-import "../../types/builder-content.js";
-import "../../types/builder-block.js";
 import { TARGET } from "../../constants/target";
 import { logger } from "../../helpers/logger";
 const isEvent = (attr) => attr.startsWith("on:");

package/package/blocks/symbol/symbol.svelte.d.ts

@@ -15,8 +15,8 @@ export interface SymbolProps {
     attributes?: any;
     inheritState?: boolean;
 }
-import { BuilderContent } from "../../types/builder-content.js";
-import { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderContent } from "../../types/builder-content.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
 declare const __propDef: {
     props: {
         attributes: SymbolProps["attributes"];

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

@@ -2,11 +2,9 @@
 
 <script>import { getMaxWidthQueryForSize, getSizesForBreakpoints, } from "../../constants/device-sizes.js";
 import { TARGET } from "../../constants/target.js";
-import "../../context/types.js";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
 import { createCssClass } from "../../helpers/css.js";
 import { checkIsDefined } from "../../helpers/nullable.js";
-import "../../types/builder-block.js";
 import RenderInlinedStyles from "../render-inlined-styles.svelte";
 export let block;
 export let context;

package/package/components/render-block/block-styles.svelte.d.ts

@@ -3,8 +3,8 @@ export type BlockStylesProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
-import { BuilderContextInterface } from "../../context/types.js";
-import { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
 declare const __propDef: {
     props: {
         block: BlockStylesProps["block"];

package/package/components/render-block/render-block.svelte

@@ -1,14 +1,11 @@
 <script context="module"></script>
 
-<script>import "../../context/types.js";
-import { getBlockActions } from "../../functions/get-block-actions.js";
+<script>import { getBlockActions } from "../../functions/get-block-actions.js";
 import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
 import { getBlockProperties } from "../../functions/get-block-properties.js";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
-import "../../types/builder-block.js";
 import BlockStyles from "./block-styles.svelte";
 import { getComponent, getProxyState, getRepeatItemData, isEmptyHtmlElement, } from "./render-block.helpers.js";
-import "./render-component.svelte";
 import RenderRepeatedBlock from "./render-repeated-block.svelte";
 import { TARGET } from "../../constants/target.js";
 import { extractTextStyles } from "../../functions/extract-text-styles.js";

package/package/components/render-block/render-block.svelte.d.ts

@@ -3,8 +3,8 @@ export type RenderBlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
-import { BuilderContextInterface } from "../../context/types.js";
-import { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
 declare const __propDef: {
     props: {
         block: RenderBlockProps["block"];

package/package/components/render-block/render-component.svelte

@@ -1,9 +1,7 @@
 <script context="module"></script>
 
-<script>import "../../types/builder-block.js";
-import BlockStyles from "./block-styles.svelte";
+<script>import BlockStyles from "./block-styles.svelte";
 import RenderBlock from "./render-block.svelte";
-import "../../context/types.js";
 export let componentRef;
 export let componentOptions;
 export let blockChildren;

package/package/components/render-block/render-component.svelte.d.ts

@@ -11,8 +11,8 @@ export interface RenderComponentProps {
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
 }
-import { BuilderBlock } from "../../types/builder-block.js";
-import { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderContextInterface } from "../../context/types.js";
 declare const __propDef: {
     props: {
         componentRef: RenderComponentProps["componentRef"];

package/package/components/render-block/render-repeated-block.svelte

@@ -11,8 +11,6 @@
 
 <script>import { setContext } from "svelte";
 import BuilderContext from "../../context/builder.context.js";
-import "../../context/types.js";
-import "../../types/builder-block";
 import RenderBlock from "./render-block.svelte";
 export let block;
 export let repeatContext;
@@ -24,6 +22,7 @@ setContext(BuilderContext.key, {
     apiKey: repeatContext.apiKey,
     registeredComponents: repeatContext.registeredComponents,
     inheritedStyles: repeatContext.inheritedStyles,
+    apiVersion: repeatContext.apiVersion,
 });
 </script>
 

package/package/components/render-block/render-repeated-block.svelte.d.ts

@@ -3,8 +3,8 @@ type Props = {
     block: BuilderBlock;
     repeatContext: BuilderContextInterface;
 };
-import { BuilderContextInterface } from "../../context/types.js";
-import { BuilderBlock } from "../../types/builder-block";
+import type { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block";
 declare const __propDef: {
     props: {
         block: Props["block"];

package/package/components/render-blocks.svelte

@@ -3,7 +3,6 @@
 <script>import { getContext } from "svelte";
 import BuilderContext from "../context/builder.context.js";
 import { isEditing } from "../functions/is-editing.js";
-import "../types/builder-block.js";
 import BlockStyles from "./render-block/block-styles.svelte";
 import RenderBlock from "./render-block/render-block.svelte";
 export let blocks;

package/package/components/render-blocks.svelte.d.ts

@@ -5,7 +5,7 @@ export type RenderBlockProps = {
     path?: string;
     styleProp?: Record<string, any>;
 };
-import { BuilderBlock } from "../types/builder-block.js";
+import type { BuilderBlock } from "../types/builder-block.js";
 declare const __propDef: {
     props: {
         blocks: RenderBlockProps["blocks"];

package/package/components/render-content/components/render-styles.svelte

@@ -1,7 +1,6 @@
 <script context="module"></script>
 
 <script>import RenderInlinedStyles from "../../render-inlined-styles.svelte";
-import "./render-styles.helpers";
 import { getCss } from "./render-styles.helpers";
 import { getFontCss } from "./render-styles.helpers";
 export let cssCode;
@@ -17,16 +16,16 @@ ${getFontCss({
 })}
 
 .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
-margin: 0;
+  margin: 0;
 }
 .builder-text > p, .builder-text > .builder-paragraph {
-color: inherit;
-line-height: inherit;
-letter-spacing: inherit;
-font-weight: inherit;
-font-size: inherit;
-text-align: inherit;
-font-family: inherit;
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
 }
 `;
 </script>

package/package/components/render-content/components/render-styles.svelte.d.ts

@@ -4,7 +4,7 @@ interface Props {
     customFonts?: CustomFont[];
     contentId?: string;
 }
-import { CustomFont } from "./render-styles.helpers";
+import type { CustomFont } from "./render-styles.helpers";
 declare const __propDef: {
     props: {
         cssCode: Props["cssCode"];

package/package/components/render-content/render-content.svelte

@@ -1,6 +1,5 @@
 <script>import { onDestroy, onMount, setContext } from "svelte";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
-import "../../context/types.js";
 import { evaluate } from "../../functions/evaluate.js";
 import { getContent } from "../../functions/get-content/index.js";
 import { fetch } from "../../functions/get-fetch.js";
@@ -9,15 +8,12 @@ import { isEditing } from "../../functions/is-editing.js";
 import { isPreviewing } from "../../functions/is-previewing.js";
 import { components, createRegisterComponentMessage, } from "../../functions/register-component.js";
 import { _track } from "../../functions/track/index.js";
-import "../../types/builder-content.js";
-import "../../types/typescript.js";
 import RenderBlocks from "../render-blocks.svelte";
 import RenderContentStyles from "./components/render-styles.svelte";
 import builderContext from "../../context/builder.context.js";
 import { registerInsertMenu, setupBrowserForEditing, } from "../../scripts/init-editing.js";
 import { checkIsDefined } from "../../helpers/nullable.js";
 import { getInteractionPropertiesForEvent } from "../../functions/track/interaction.js";
-import "./render-content.types.js";
 import { getContentInitialValue, getContextStateInitialValue, } from "./render-content.helpers.js";
 import { TARGET } from "../../constants/target.js";
 import { logger } from "../../helpers/logger.js";
@@ -309,6 +305,9 @@ setContext(builderContext.key, {
     get registeredComponents() {
         return allRegisteredComponents;
     },
+    get inheritedStyles() {
+        return {};
+    },
 });
 onDestroy(() => {
     if (isBrowser()) {

package/package/components/render-content/render-content.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import { RenderContentProps } from "./render-content.types.js";
+import type { RenderContentProps } from "./render-content.types.js";
 declare const __propDef: {
     props: {
         content: RenderContentProps["content"];

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

@@ -15,7 +15,7 @@ export async function getAllContent(options) {
         const res = await fetch(url.href);
         const content = await res.json();
         if ('status' in content && !('results' in content)) {
-            logger.error('Error fetching data. ', content, options);
+            logger.error('Error fetching data. ', { url, content, options });
             return content;
         }
         const canTrack = options.canTrack !== false;

package/package/index.d.ts

@@ -10,3 +10,4 @@ export * from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
 export type { RegisteredComponent } from './context/types';
 export type { ComponentInfo } from './types/components';
+export type { RenderContentProps } from './components/render-content/render-content.types.js';

package/package.json

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

package/src/blocks/columns/columns.svelte

@@ -25,13 +25,13 @@
   import { getContext } from "svelte";
 
   import RenderBlocks from "../../components/render-blocks.svelte";
-  import { BuilderBlock } from "../../types/builder-block";
+  import type { BuilderBlock } from "../../types/builder-block";
   import { getSizesForBreakpoints } from "../../constants/device-sizes";
-  import { SizeName } from "../../constants/device-sizes";
+  import type { SizeName } from "../../constants/device-sizes";
   import RenderInlinedStyles from "../../components/render-inlined-styles.svelte";
   import { TARGET } from "../../constants/target.js";
   import BuilderContext from "../../context/builder.context.js";
-  import { Dictionary } from "../../types/typescript";
+  import type { Dictionary } from "../../types/typescript";
 
   export let space: ColumnProps["space"];
   export let columns: ColumnProps["columns"];
@@ -130,30 +130,30 @@
   };
   $: columnsStyles = () => {
     return `
-      @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
-        .${builderBlock.id}-breakpoints {
-          flex-direction: var(--flex-dir-tablet);
-          align-items: stretch;
+        @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
+          .${builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          .${builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
         }
 
-        .${builderBlock.id}-breakpoints > .builder-column {
-          width: var(--column-width-tablet) !important;
-          margin-left: var(--column-margin-left-tablet) !important;
-        }
-      }
-
-      @media (max-width: ${getWidthForBreakpointSize("small")}px) {
-        .${builderBlock.id}-breakpoints {
-          flex-direction: var(--flex-dir);
-          align-items: stretch;
-        }
-
-        .${builderBlock.id}-breakpoints > .builder-column {
-          width: var(--column-width-mobile) !important;
-          margin-left: var(--column-margin-left-mobile) !important;
-        }
-      },
-    `;
+        @media (max-width: ${getWidthForBreakpointSize("small")}px) {
+          .${builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          .${builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
   };
 
   let gutterSize = typeof space === "number" ? space || 0 : 20;

package/src/blocks/image/image.svelte

@@ -7,7 +7,7 @@
     height?: number;
     width?: number;
     altText?: string;
-    backgroundSize?: string;
+    backgroundSize?: "cover" | "contain";
     backgroundPosition?: string;
     srcset?: string;
     aspectRatio?: number;
@@ -20,7 +20,7 @@
 </script>
 
 <script lang="ts">
-  import { BuilderBlock } from "../../types/builder-block.js";
+  import type { BuilderBlock } from "../../types/builder-block.js";
   import { getSrcSet } from "./image.helpers.js";
 
   export let image: ImageProps["image"];
@@ -81,7 +81,7 @@
       width: "100%",
       left: "0px",
       top: "0px",
-    };
+    } as const;
     const out = aspectRatio ? aspectRatioStyles : undefined;
     return out;
   };

package/src/blocks/symbol/symbol.svelte

@@ -24,8 +24,8 @@
   import RenderContent from "../../components/render-content/render-content.svelte";
   import BuilderContext from "../../context/builder.context.js";
   import { getContent } from "../../functions/get-content/index.js";
-  import { BuilderContent } from "../../types/builder-content.js";
-  import { BuilderBlock } from "../../types/builder-block.js";
+  import type { BuilderContent } from "../../types/builder-content.js";
+  import type { BuilderBlock } from "../../types/builder-block.js";
   import { TARGET } from "../../constants/target";
   import { logger } from "../../helpers/logger";
 

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

@@ -11,11 +11,11 @@
     getSizesForBreakpoints,
   } from "../../constants/device-sizes.js";
   import { TARGET } from "../../constants/target.js";
-  import { BuilderContextInterface } from "../../context/types.js";
+  import type { BuilderContextInterface } from "../../context/types.js";
   import { getProcessedBlock } from "../../functions/get-processed-block.js";
   import { createCssClass } from "../../helpers/css.js";
   import { checkIsDefined } from "../../helpers/nullable.js";
-  import { BuilderBlock } from "../../types/builder-block.js";
+  import type { BuilderBlock } from "../../types/builder-block.js";
   import RenderInlinedStyles from "../render-inlined-styles.svelte";
 
   export let block: BlockStylesProps["block"];

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

@@ -6,12 +6,12 @@
 </script>
 
 <script lang="ts">
-  import { BuilderContextInterface } from "../../context/types.js";
+  import type { BuilderContextInterface } from "../../context/types.js";
   import { getBlockActions } from "../../functions/get-block-actions.js";
   import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
   import { getBlockProperties } from "../../functions/get-block-properties.js";
   import { getProcessedBlock } from "../../functions/get-processed-block.js";
-  import { BuilderBlock } from "../../types/builder-block.js";
+  import type { BuilderBlock } from "../../types/builder-block.js";
   import BlockStyles from "./block-styles.svelte";
   import {
     getComponent,
@@ -19,7 +19,7 @@
     getRepeatItemData,
     isEmptyHtmlElement,
   } from "./render-block.helpers.js";
-  import { RenderComponentProps } from "./render-component.svelte";
+  import type { RenderComponentProps } from "./render-component.svelte";
   import RenderRepeatedBlock from "./render-repeated-block.svelte";
   import { TARGET } from "../../constants/target.js";
   import { extractTextStyles } from "../../functions/extract-text-styles.js";

package/src/components/render-block/render-component.svelte

@@ -15,10 +15,10 @@
 </script>
 
 <script lang="ts">
-  import { BuilderBlock } from "../../types/builder-block.js";
+  import type { BuilderBlock } from "../../types/builder-block.js";
   import BlockStyles from "./block-styles.svelte";
   import RenderBlock from "./render-block.svelte";
-  import { BuilderContextInterface } from "../../context/types.js";
+  import type { BuilderContextInterface } from "../../context/types.js";
 
   export let componentRef: RenderComponentProps["componentRef"];
   export let componentOptions: RenderComponentProps["componentOptions"];

package/src/components/render-block/render-repeated-block.svelte

@@ -19,8 +19,8 @@
   import { setContext } from "svelte";
 
   import BuilderContext from "../../context/builder.context.js";
-  import { BuilderContextInterface } from "../../context/types.js";
-  import { BuilderBlock } from "../../types/builder-block";
+  import type { BuilderContextInterface } from "../../context/types.js";
+  import type { BuilderBlock } from "../../types/builder-block";
   import RenderBlock from "./render-block.svelte";
 
   export let block: Props["block"];
@@ -34,6 +34,7 @@
     apiKey: repeatContext.apiKey,
     registeredComponents: repeatContext.registeredComponents,
     inheritedStyles: repeatContext.inheritedStyles,
+    apiVersion: repeatContext.apiVersion,
   });
 </script>
 

package/src/components/render-blocks.svelte

@@ -12,7 +12,7 @@
 
   import BuilderContext from "../context/builder.context.js";
   import { isEditing } from "../functions/is-editing.js";
-  import { BuilderBlock } from "../types/builder-block.js";
+  import type { BuilderBlock } from "../types/builder-block.js";
   import BlockStyles from "./render-block/block-styles.svelte";
   import RenderBlock from "./render-block/render-block.svelte";
 

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

@@ -8,7 +8,7 @@
 
 <script lang="ts">
   import RenderInlinedStyles from "../../render-inlined-styles.svelte";
-  import { CustomFont } from "./render-styles.helpers";
+  import type { CustomFont } from "./render-styles.helpers";
   import { getCss } from "./render-styles.helpers";
   import { getFontCss } from "./render-styles.helpers";
 
@@ -26,16 +26,16 @@ ${getFontCss({
 })}
 
 .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
-margin: 0;
+  margin: 0;
 }
 .builder-text > p, .builder-text > .builder-paragraph {
-color: inherit;
-line-height: inherit;
-letter-spacing: inherit;
-font-weight: inherit;
-font-size: inherit;
-text-align: inherit;
-font-family: inherit;
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
 }
 `;
 </script>

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

@@ -2,7 +2,7 @@
   import { onDestroy, onMount, setContext } from "svelte";
 
   import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
-  import {
+  import type {
     BuilderRenderState,
     RegisteredComponent,
     RegisteredComponents,
@@ -18,8 +18,11 @@
     createRegisterComponentMessage,
   } from "../../functions/register-component.js";
   import { _track } from "../../functions/track/index.js";
-  import { Breakpoints, BuilderContent } from "../../types/builder-content.js";
-  import { Nullable } from "../../types/typescript.js";
+  import type {
+    Breakpoints,
+    BuilderContent,
+  } from "../../types/builder-content.js";
+  import type { Nullable } from "../../types/typescript.js";
   import RenderBlocks from "../render-blocks.svelte";
   import RenderContentStyles from "./components/render-styles.svelte";
   import builderContext from "../../context/builder.context.js";
@@ -29,7 +32,7 @@
   } from "../../scripts/init-editing.js";
   import { checkIsDefined } from "../../helpers/nullable.js";
   import { getInteractionPropertiesForEvent } from "../../functions/track/interaction.js";
-  import {
+  import type {
     RenderContentProps,
     BuilderComponentStateChange,
   } from "./render-content.types.js";
@@ -363,6 +366,9 @@
     get registeredComponents() {
       return allRegisteredComponents;
     },
+    get inheritedStyles() {
+      return {};
+    },
   });
 
   onDestroy(() => {

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

@@ -35,7 +35,7 @@ export async function getAllContent(
     const content = await (res.json() as Promise<ContentResponse>);
 
     if ('status' in content && !('results' in content)) {
-      logger.error('Error fetching data. ', content, options);
+      logger.error('Error fetching data. ', { url, content, options });
       return content;
     }
 

package/src/index.ts

@@ -12,3 +12,4 @@ export * from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
 export type { RegisteredComponent } from './context/types';
 export type { ComponentInfo } from './types/components';
+export type { RenderContentProps } from './components/render-content/render-content.types.js';