@builder.io/sdk-svelte 0.7.1-1 → 0.7.1

package/lib/node/components/content/components/enable-editor.svelte

@@ -1,21 +1,21 @@
 <script context="module"></script>
 
 <script>import { onDestroy, onMount, setContext } from "svelte";
+import builderContext from "../../../context/builder.context.js";
 import { evaluate } from "../../../functions/evaluate/index.js";
+import { fastClone } from "../../../functions/fast-clone.js";
+import { fetchOneEntry } from "../../../functions/get-content/index.js";
 import { fetch } from "../../../functions/get-fetch.js";
 import { isBrowser } from "../../../functions/is-browser.js";
 import { isEditing } from "../../../functions/is-editing.js";
+import { isPreviewing } from "../../../functions/is-previewing.js";
 import { createRegisterComponentMessage } from "../../../functions/register-component.js";
 import { _track } from "../../../functions/track/index.js";
-import builderContext from "../../../context/builder.context.js";
-import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing.js";
 import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.js";
-import { fetchOneEntry } from "../../../functions/get-content/index.js";
-import { isPreviewing } from "../../../functions/is-previewing.js";
-import "../../../helpers/preview-lru-cache/set.js";
-import { fastClone } from "../../../functions/fast-clone.js";
-import { logger } from "../../../helpers/logger.js";
 import { getDefaultCanTrack } from "../../../helpers/canTrack.js";
+import { logger } from "../../../helpers/logger.js";
+import "../../../helpers/preview-lru-cache/set.js";
+import { registerInsertMenu, setupBrowserForEditing, } from "../../../scripts/init-editing.js";
 export let builderContextSignal;
 export let model = undefined;
 export let context = undefined;

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

@@ -1,8 +1,7 @@
 <script context="module"></script>
 
 <script>import InlinedStyles from "../../inlined-styles.svelte";
-import { getCss } from "./styles.helpers.js";
-import { getFontCss } from "./styles.helpers.js";
+import { getCss, getFontCss } from "./styles.helpers.js";
 export let cssCode = undefined;
 export let contentId = undefined;
 export let customFonts = undefined;

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

@@ -1,16 +1,16 @@
 <script>import { setContext } from "svelte";
 import { writable } from "svelte/store";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
+import { TARGET } from "../../constants/target.js";
+import ComponentsContext from "../../context/components.context.js";
 import { components, serializeComponentInfo, } from "../../functions/register-component.js";
 import Blocks from "../blocks/blocks.svelte";
-import ContentStyles from "./components/styles.svelte";
-import { getContentInitialValue, getContextStateInitialValue, } from "./content.helpers.js";
-import { TARGET } from "../../constants/target.js";
 import { getRenderContentScriptString } from "../content-variants/helpers.js";
-import EnableEditor from "./components/enable-editor.svelte";
 import InlinedScript from "../inlined-script.svelte";
+import EnableEditor from "./components/enable-editor.svelte";
+import ContentStyles from "./components/styles.svelte";
+import { getContentInitialValue, getContextStateInitialValue, } from "./content.helpers.js";
 import "./wrap-component-ref.js";
-import ComponentsContext from "../../context/components.context.js";
 export let content = undefined;
 export let customComponents = undefined;
 export let data = undefined;

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

@@ -1,13 +1,13 @@
 <script context="module"></script>
 
 <script>import { onMount } from "svelte";
-import { checkShouldRunVariants, getScriptString, getVariants, getVariantsScriptString, } from "./helpers.js";
-import ContentComponent from "../content/content.svelte";
-import { getDefaultCanTrack } from "../../helpers/canTrack.js";
-import InlinedStyles from "../inlined-styles.svelte";
+import { TARGET } from "../../constants/target.js";
 import { handleABTestingSync } from "../../helpers/ab-tests.js";
+import { getDefaultCanTrack } from "../../helpers/canTrack.js";
+import ContentComponent from "../content/content.svelte";
 import InlinedScript from "../inlined-script.svelte";
-import { TARGET } from "../../constants/target.js";
+import InlinedStyles from "../inlined-styles.svelte";
+import { checkShouldRunVariants, getScriptString, getVariants, getVariantsScriptString, } from "./helpers.js";
 export let canTrack = undefined;
 export let content = undefined;
 export let __isNestedRender = undefined;

package/lib/node/constants/builder-registered-components.js

@@ -2,10 +2,16 @@ import { default as Button } from '../blocks/button/button.svelte';
 import { componentInfo as buttonComponentInfo } from '../blocks/button/component-info.js';
 import { default as Columns } from '../blocks/columns/columns.svelte';
 import { componentInfo as columnsComponentInfo } from '../blocks/columns/component-info.js';
+import { componentInfo as customCodeInfo } from '../blocks/custom-code/component-info.js';
+import { default as customCode } from '../blocks/custom-code/custom-code.svelte';
+import { componentInfo as embedComponentInfo } from '../blocks/embed/component-info.js';
+import { default as embed } from '../blocks/embed/embed.svelte';
 import { componentInfo as fragmentComponentInfo } from '../blocks/fragment/component-info.js';
 import { default as Fragment } from '../blocks/fragment/fragment.svelte';
 import { componentInfo as imageComponentInfo } from '../blocks/image/component-info.js';
 import { default as Image } from '../blocks/image/image.svelte';
+import { componentInfo as imgComponentInfo } from '../blocks/img/component-info.js';
+import { default as Img } from '../blocks/img/img.svelte';
 import { componentInfo as sectionComponentInfo } from '../blocks/section/component-info.js';
 import { default as Section } from '../blocks/section/section.svelte';
 import { componentInfo as symbolComponentInfo } from '../blocks/symbol/component-info.js';
@@ -14,12 +20,6 @@ import { componentInfo as textComponentInfo } from '../blocks/text/component-inf
 import { default as Text } from '../blocks/text/text.svelte';
 import { componentInfo as videoComponentInfo } from '../blocks/video/component-info.js';
 import { default as Video } from '../blocks/video/video.svelte';
-import { componentInfo as embedComponentInfo } from '../blocks/embed/component-info.js';
-import { default as embed } from '../blocks/embed/embed.svelte';
-import { default as Img } from '../blocks/img/img.svelte';
-import { componentInfo as imgComponentInfo } from '../blocks/img/component-info.js';
-import { default as customCode } from '../blocks/custom-code/custom-code.svelte';
-import { componentInfo as customCodeInfo } from '../blocks/custom-code/component-info.js';
 /**
  * Returns a list of all registered components.
  * NOTE: This needs to be a function to work around ESM circular dependencies.

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.7.1-1";
+export declare const SDK_VERSION = "0.7.1";

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

@@ -1 +1 @@
-export const SDK_VERSION = "0.7.1-1";
+export const SDK_VERSION = "0.7.1";

package/lib/node/context/types.d.ts

@@ -1,7 +1,7 @@
+import type { ApiVersion } from '../types/api-version.js';
 import type { BuilderContent } from '../types/builder-content.js';
 import type { ComponentInfo } from '../types/components.js';
 import type { Dictionary, Nullable } from '../types/typescript.js';
-import type { ApiVersion } from '../types/api-version.js';
 export type RegisteredComponent = ComponentInfo & {
     component: any;
 };

package/lib/node/functions/evaluate/choose-eval.js

@@ -1,5 +1,5 @@
-import { runInBrowser } from './browser-runtime/browser.js';
 import { isBrowser } from '../is-browser.js';
+import { runInBrowser } from './browser-runtime/browser.js';
 /**
  * THIS IS A MAGICAL IMPORT. It is aliased by the build process of every SDK configuration, so that
  * it points to the correct runtime for that configuration, which are expected to live exactly at:

package/lib/node/functions/evaluate/edge-runtime/edge-runtime.js

@@ -1,7 +1,7 @@
 import { logger } from '../../../helpers/logger.js';
 import { set } from '../../set.js';
-import Interpreter from './acorn-interpreter.js';
 import { getFunctionArguments } from '../helpers.js';
+import Interpreter from './acorn-interpreter.js';
 const processCode = (code) => {
     return code.split('\n').map(line => {
         const trimmed = line.trim();

package/lib/node/functions/evaluate/evaluate.js

@@ -1,6 +1,6 @@
 import { logger } from '../../helpers/logger.js';
-import { getBuilderGlobals, parseCode } from './helpers.js';
 import { chooseBrowserOrServerEval } from './choose-eval.js';
+import { getBuilderGlobals, parseCode } from './helpers.js';
 export function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
     if (code === '') {
         logger.warn('Skipping evaluation of empty code block.');

package/lib/node/functions/evaluate/node-runtime/node-runtime.js

@@ -1,7 +1,7 @@
-import { getFunctionArguments } from '../helpers.js';
-import { safeDynamicRequire } from './safeDynamicRequire.js';
 import { fastClone } from '../../fast-clone.js';
 import { set } from '../../set.js';
+import { getFunctionArguments } from '../helpers.js';
+import { safeDynamicRequire } from './safeDynamicRequire.js';
 const ivm = safeDynamicRequire('isolated-vm');
 const getSyncValName = (key) => `bldr_${key}_sync`;
 const BUILDER_SET_STATE_NAME = 'BUILDER_SET_STATE';

package/lib/node/functions/evaluate/node-runtime/safeDynamicRequire.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="node" />
-/// <reference types="react-native" />
 /**
  * Allows us to require node-specific code safely within bundlers.
  *

package/lib/node/functions/get-content/generate-content-url.js

@@ -1,6 +1,6 @@
 import { flatten } from '../../helpers/flatten.js';
-import { getBuilderSearchParamsFromWindow, normalizeSearchParams } from '../get-builder-search-params/index.js';
 import { DEFAULT_API_VERSION } from '../../types/api-version.js';
+import { getBuilderSearchParamsFromWindow, normalizeSearchParams } from '../get-builder-search-params/index.js';
 const isPositiveNumber = (thing) => typeof thing === 'number' && !isNaN(thing) && thing >= 0;
 export const generateContentUrl = (options) => {
     let { noTraverse = false } = options;

package/lib/node/helpers/ab-tests.d.ts

@@ -1,5 +1,5 @@
-import type { CanTrack } from '../types/can-track.js';
 import type { BuilderContent } from '../types/builder-content.js';
+import type { CanTrack } from '../types/can-track.js';
 import type { Nullable } from '../types/typescript.js';
 export declare const handleABTestingSync: ({ item, canTrack }: {
     item: Nullable<BuilderContent>;

package/lib/node/helpers/ab-tests.js

@@ -1,7 +1,7 @@
-import { getCookie, getCookieSync, setCookie } from './cookie.js';
+import { TARGET } from '../constants/target.js';
 import { checkIsDefined } from '../helpers/nullable.js';
+import { getCookie, getCookieSync, setCookie } from './cookie.js';
 import { logger } from './logger.js';
-import { TARGET } from '../constants/target.js';
 const BUILDER_STORE_PREFIX = 'builder.tests';
 const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
 const getContentVariationCookie = ({ contentId }) => getCookie({

package/lib/node/index.js

@@ -1,4 +1,7 @@
+// ignore prettier formatting for this file because the order of exports is meaningful
+// prettier-ignore
 export * from './index-helpers/top-of-file.js';
+// prettier-ignore
 export * from './index-helpers/blocks-exports.js';
 /**
  * We have a separate entry point to the SDKs that guarantees no components are being imported. This is useful

package/lib/node/server-index.d.ts

@@ -6,10 +6,10 @@ export { register } from './functions/register.js';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
 export { setEditorSettings } from './functions/set-editor-settings.js';
 export type { Settings } from './functions/set-editor-settings.js';
-export { fetchEntries, fetchOneEntry, getAllContent, getContent, _processContentResult } from './functions/get-content/index.js';
+export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent } from './functions/get-content/index.js';
 export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
+export type { ContentProps } from './components/content/content.types.js';
 export type { RegisteredComponent } from './context/types.js';
 export type { ComponentInfo } from './types/components.js';
-export type { ContentProps } from './components/content/content.types.js';
 export { fetchBuilderProps } from './functions/fetch-builder-props.js';

package/lib/node/server-index.js

@@ -4,7 +4,7 @@ export { isPreviewing } from './functions/is-previewing.js';
 export { createRegisterComponentMessage } from './functions/register-component.js';
 export { register } from './functions/register.js';
 export { setEditorSettings } from './functions/set-editor-settings.js';
-export { fetchEntries, fetchOneEntry, getAllContent, getContent, _processContentResult } from './functions/get-content/index.js';
+export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent } from './functions/get-content/index.js';
 export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
 export { fetchBuilderProps } from './functions/fetch-builder-props.js';

package/lib/node/types/builder-props.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import type { Writable } from "svelte/store";
 import type { BuilderContextInterface, RegisteredComponents } from '../context/types.js';
 import type { BuilderBlock } from './builder-block.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.7.1-1",
+  "version": "0.7.1",
   "type": "module",
   "files": [
     "lib",
@@ -10,7 +10,7 @@
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/svelte#readme",
   "repository": {
     "type": "git",
-    "url": "https://github.com/BuilderIO/builder.git",
+    "url": "git+https://github.com/BuilderIO/builder.git",
     "directory": "packages/sdks/output/svelte"
   },
   "main": "./lib/node/index.js",
@@ -39,7 +39,7 @@
   "scripts": {
     "release": "npm publish",
     "prepare": "SDK_ENV=browser svelte-kit sync",
-    "build": "nx run-many -p @builder.io/sdk-svelte -t build:node build:edge build:browser",
+    "build": "nx run-many -p @builder.io/sdk-svelte -t build:node build:edge build:browser --parallel=false",
     "build:node": "SDK_ENV=node svelte-package -i src/ -o lib/node",
     "build:edge": "SDK_ENV=edge svelte-package -i src/ -o lib/edge",
     "build:browser": "SDK_ENV=browser svelte-package -i src/ -o lib/browser",

package/src/blocks/button/button.svelte

@@ -1,7 +1,8 @@
 <script context="module" lang="ts">
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   export interface ButtonProps {
     attributes?: any;
     text?: string;
@@ -32,10 +33,10 @@
 
 {#if link}
   <a
-    role="button"
     {...filterAttrs(attributes, "on:", false)}
     href={link}
     target={openLinkInNewTab ? "_blank" : undefined}
+    role={"button"}
     use:setAttrs={filterAttrs(attributes, "on:", true)}
   >
     {text}

package/src/blocks/columns/columns.svelte

@@ -19,17 +19,17 @@
 
 <script lang="ts">
   import Blocks from "../../components/blocks/blocks.svelte";
-  import type { BuilderBlock } from "../../types/builder-block.js";
-  import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
-  import type { SizeName } from "../../constants/device-sizes.js";
   import InlinedStyles from "../../components/inlined-styles.svelte";
+  import type { SizeName } from "../../constants/device-sizes.js";
+  import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
   import { TARGET } from "../../constants/target.js";
-  import type { Dictionary } from "../../types/typescript.js";
+  import { deoptSignal } from "../../functions/deopt.js";
+  import type { BuilderBlock } from "../../types/builder-block.js";
   import type {
     BuilderComponentsProp,
     PropsWithBuilderData,
   } from "../../types/builder-props.js";
-  import { deoptSignal } from "../../functions/deopt.js";
+  import type { Dictionary } from "../../types/typescript.js";
 
   export let js: PropsWithBuilderData<ColumnProps>["js"];
   export let space: PropsWithBuilderData<ColumnProps>["space"] = undefined;

package/src/blocks/img/img.svelte

@@ -1,7 +1,8 @@
 <script context="module" lang="ts">
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   export interface ImgProps {
     attributes?: any;
     imgSrc?: string; // TODO(misko): I think this is unused

package/src/blocks/input/input.svelte

@@ -1,7 +1,8 @@
 <script context="module" lang="ts">
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   export interface FormInputProps {
     type?: string;
     attributes?: any;

package/src/blocks/section/section.svelte

@@ -1,7 +1,8 @@
 <script context="module" lang="ts">
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   export interface SectionProps {
     maxWidth?: number;
     attributes?: any;

package/src/blocks/select/select.svelte

@@ -1,7 +1,8 @@
 <script context="module" lang="ts">
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   export interface FormSelectProps {
     options?: {
       name?: string;

package/src/blocks/submit-button/submit-button.svelte

@@ -1,7 +1,8 @@
 <script context="module" lang="ts">
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   export interface ButtonProps {
     attributes?: any;
     text?: string;

package/src/blocks/symbol/symbol.svelte

@@ -1,7 +1,8 @@
 <script context="module" lang="ts">
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   export interface SymbolInfo {
     model?: string;
     entry?: string;
@@ -13,7 +14,8 @@
 
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   export interface SymbolProps extends BuilderComponentsProp {
     symbol?: SymbolInfo;
     dataOnly?: boolean;
@@ -33,9 +35,9 @@
     PropsWithBuilderData,
   } from "../../types/builder-props.js";
   import { filterAttrs } from "../helpers.js";
+  import type { Nullable } from "../../types/typescript.js";
   import { setAttrs } from "../helpers.js";
   import { fetchSymbolContent } from "./symbol.helpers.js";
-  import type { Nullable } from "../../types/typescript.js";
 
   export let js: PropsWithBuilderData<SymbolProps>["js"];
   export let attributes: PropsWithBuilderData<SymbolProps>["attributes"] =

package/src/blocks/textarea/textarea.svelte

@@ -1,7 +1,8 @@
 <script context="module" lang="ts">
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   export interface TextareaProps {
     attributes?: any;
     name?: string;

package/src/components/block/block.svelte

@@ -13,21 +13,21 @@
     BuilderContextInterface,
     RegisteredComponents,
   } from "../../context/types.js";
+  import { extractTextStyles } from "../../functions/extract-text-styles.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 type { BuilderBlock } from "../../types/builder-block.js";
-  import BlockStyles from "./components/block-styles.svelte";
   import {
     getComponent,
     getRepeatItemData,
     isEmptyHtmlElement,
   } from "./block.helpers.js";
-  import RepeatedBlock from "./components/repeated-block.svelte";
-  import { extractTextStyles } from "../../functions/extract-text-styles.js";
-  import ComponentRef from "./components/component-ref/component-ref.svelte";
-  import type { ComponentProps } from "./components/component-ref/component-ref.helpers.js";
+  import BlockStyles from "./components/block-styles.svelte";
   import BlockWrapper from "./components/block-wrapper.svelte";
+  import type { ComponentProps } from "./components/component-ref/component-ref.helpers.js";
+  import ComponentRef from "./components/component-ref/component-ref.svelte";
+  import RepeatedBlock from "./components/repeated-block.svelte";
   import type { Writable } from "svelte/store";
 
   export let block: BlockProps["block"];
@@ -137,7 +137,16 @@
         {context}
         hasChildren={true}
       >
-        <ComponentRef {...componentRefProps()} />
+        <ComponentRef
+          componentRef={componentRefProps().componentRef}
+          componentOptions={componentRefProps().componentOptions}
+          blockChildren={componentRefProps().blockChildren}
+          context={componentRefProps().context}
+          registeredComponents={componentRefProps().registeredComponents}
+          builderBlock={componentRefProps().builderBlock}
+          includeBlockProps={componentRefProps().includeBlockProps}
+          isInteractive={componentRefProps().isInteractive}
+        />
 
         {#each childrenWithoutParentComponent() as child ("block-" + child.id)}
           <svelte:self
@@ -153,6 +162,15 @@
       </BlockWrapper>
     {/if}
   {:else}
-    <ComponentRef {...componentRefProps()} />
+    <ComponentRef
+      componentRef={componentRefProps().componentRef}
+      componentOptions={componentRefProps().componentOptions}
+      blockChildren={componentRefProps().blockChildren}
+      context={componentRefProps().context}
+      registeredComponents={componentRefProps().registeredComponents}
+      builderBlock={componentRefProps().builderBlock}
+      includeBlockProps={componentRefProps().includeBlockProps}
+      isInteractive={componentRefProps().isInteractive}
+    />
   {/if}
 {/if}

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

@@ -1,7 +1,8 @@
 <script context="module" lang="ts">
   /**
    * This import is used by the Svelte SDK. Do not remove.
-   */ // eslint-disable-next-line unused-imports/no-unused-imports, @typescript-eslint/no-unused-vars
+   */
+
   type BlockWrapperProps = {
     Wrapper: string;
     block: BuilderBlock;
@@ -19,11 +20,11 @@
 </script>
 
 <script lang="ts">
-  import type { PropsWithChildren } from "../../../types/typescript.js";
-  import type { BuilderBlock } from "../../../types/builder-block.js";
   import type { BuilderContextInterface } from "../../../context/types.js";
   import { getBlockActions } from "../../../functions/get-block-actions.js";
   import { getBlockProperties } from "../../../functions/get-block-properties.js";
+  import type { BuilderBlock } from "../../../types/builder-block.js";
+  import type { PropsWithChildren } from "../../../types/typescript.js";
   import { setAttrs } from "../../../blocks/helpers.js";
   import type { Writable } from "svelte/store";
 

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

@@ -1,10 +1,10 @@
 <script lang="ts">
-  import BlockStyles from "../block-styles.svelte";
+  import { wrapComponentRef } from "../../../content/wrap-component-ref.js";
   import Block from "../../block.svelte";
+  import BlockStyles from "../block-styles.svelte";
   import InteractiveElement from "../interactive-element.svelte";
   import type { ComponentProps } from "./component-ref.helpers.js";
   import { getWrapperProps } from "./component-ref.helpers.js";
-  import { wrapComponentRef } from "../../../content/wrap-component-ref.js";
 
   export let isInteractive: ComponentProps["isInteractive"];
   export let componentRef: ComponentProps["componentRef"];

package/src/components/blocks/blocks.svelte

@@ -8,16 +8,16 @@
 <script lang="ts">
   import { getContext } from "svelte";
 
-  import BlockStyles from "../block/components/block-styles.svelte";
-  import Block from "../block/block.svelte";
-  import type { BlocksWrapperProps } from "./blocks-wrapper.svelte";
-  import BlocksWrapper from "./blocks-wrapper.svelte";
+  import BuilderContext from "../../context/builder.context.js";
+  import ComponentsContext from "../../context/components.context.js";
   import type {
     BuilderContextInterface,
     RegisteredComponents,
   } from "../../context/types.js";
-  import BuilderContext from "../../context/builder.context.js";
-  import ComponentsContext from "../../context/components.context.js";
+  import Block from "../block/block.svelte";
+  import BlockStyles from "../block/components/block-styles.svelte";
+  import type { BlocksWrapperProps } from "./blocks-wrapper.svelte";
+  import BlocksWrapper from "./blocks-wrapper.svelte";
   import type { Writable } from "svelte/store";
 
   export let blocks: BlocksProps["blocks"];

package/src/components/content/components/enable-editor.svelte

@@ -12,31 +12,31 @@
 <script lang="ts">
   import { onDestroy, onMount, setContext } from "svelte";
 
+  import builderContext from "../../../context/builder.context.js";
   import type { BuilderContextInterface } from "../../../context/types.js";
   import { evaluate } from "../../../functions/evaluate/index.js";
+  import { fastClone } from "../../../functions/fast-clone.js";
+  import { fetchOneEntry } from "../../../functions/get-content/index.js";
   import { fetch } from "../../../functions/get-fetch.js";
   import { isBrowser } from "../../../functions/is-browser.js";
   import { isEditing } from "../../../functions/is-editing.js";
+  import { isPreviewing } from "../../../functions/is-previewing.js";
   import { createRegisterComponentMessage } from "../../../functions/register-component.js";
   import { _track } from "../../../functions/track/index.js";
-  import builderContext from "../../../context/builder.context.js";
+  import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.js";
+  import { getDefaultCanTrack } from "../../../helpers/canTrack.js";
+  import { logger } from "../../../helpers/logger.js";
+  import { postPreviewContent } from "../../../helpers/preview-lru-cache/set.js";
   import {
     registerInsertMenu,
     setupBrowserForEditing,
   } from "../../../scripts/init-editing.js";
-  import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.js";
+  import type { BuilderContent } from "../../../types/builder-content.js";
+  import type { ComponentInfo } from "../../../types/components.js";
   import type {
-    ContentProps,
     BuilderComponentStateChange,
+    ContentProps,
   } from "../content.types.js";
-  import type { ComponentInfo } from "../../../types/components.js";
-  import { fetchOneEntry } from "../../../functions/get-content/index.js";
-  import { isPreviewing } from "../../../functions/is-previewing.js";
-  import type { BuilderContent } from "../../../types/builder-content.js";
-  import { postPreviewContent } from "../../../helpers/preview-lru-cache/set.js";
-  import { fastClone } from "../../../functions/fast-clone.js";
-  import { logger } from "../../../helpers/logger.js";
-  import { getDefaultCanTrack } from "../../../helpers/canTrack.js";
   import type { Writable } from "svelte/store";
 
   export let builderContextSignal: BuilderEditorProps["builderContextSignal"];
@@ -101,7 +101,6 @@
             mergeNewContent(contentData);
             forceReRenderCount = forceReRenderCount + 1; // This is a hack to force Qwik to re-render.
           }
-
           break;
         }
       }

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

@@ -9,8 +9,7 @@
 <script lang="ts">
   import InlinedStyles from "../../inlined-styles.svelte";
   import type { CustomFont } from "./styles.helpers.js";
-  import { getCss } from "./styles.helpers.js";
-  import { getFontCss } from "./styles.helpers.js";
+  import { getCss, getFontCss } from "./styles.helpers.js";
 
   export let cssCode: Props["cssCode"] = undefined;
   export let contentId: Props["contentId"] = undefined;