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

package/lib/browser/blocks/button/button.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { filterAttrs } from "../helpers.js";
 import { setAttrs } from "../helpers.js";
@@ -20,10 +23,10 @@ function mitosis_styling(node, vars) {
 
 {#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/lib/browser/blocks/columns/columns.svelte

@@ -1,8 +1,8 @@
 <script context="module"></script>
 
 <script>import Blocks from "../../components/blocks/blocks.svelte";
-import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
 import InlinedStyles from "../../components/inlined-styles.svelte";
+import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
 import { TARGET } from "../../constants/target.js";
 import "../../functions/deopt.js";
 export let js;

package/lib/browser/blocks/img/img.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { isEditing } from "../../functions/is-editing.js";
 import { filterAttrs } from "../helpers.js";

package/lib/browser/blocks/input/input.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { isEditing } from "../../functions/is-editing.js";
 import { filterAttrs } from "../helpers.js";

package/lib/browser/blocks/section/section.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { filterAttrs } from "../helpers.js";
 import { setAttrs } from "../helpers.js";

package/lib/browser/blocks/select/select.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { isEditing } from "../../functions/is-editing.js";
 import { filterAttrs } from "../helpers.js";

package/lib/browser/blocks/submit-button/submit-button.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { filterAttrs } from "../helpers.js";
 import { setAttrs } from "../helpers.js";

package/lib/browser/blocks/submit-button/submit-button.svelte.d.ts

@@ -1,7 +1,8 @@
 import { SvelteComponent } from "svelte";
 /**
  * This import is used by the Svelte SDK. Do not remove.
- */ export interface ButtonProps {
+ */
+export interface ButtonProps {
     attributes?: any;
     text?: string;
 }

package/lib/browser/blocks/symbol/symbol.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { onMount } from "svelte";
 import ContentVariants from "../../components/content-variants/content-variants.svelte";

package/lib/browser/blocks/textarea/textarea.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { filterAttrs } from "../helpers.js";
 import { setAttrs } from "../helpers.js";

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

@@ -1,15 +1,15 @@
 <script context="module"></script>
 
 <script>import { writable } from "svelte/store";
+import "../../functions/extract-text-styles.js";
 import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
 import "../../functions/get-block-properties.js";
 import { getProcessedBlock } from "../../functions/get-processed-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 "../../functions/extract-text-styles.js";
-import ComponentRef from "./components/component-ref/component-ref.svelte";
+import BlockStyles from "./components/block-styles.svelte";
 import BlockWrapper from "./components/block-wrapper.svelte";
+import ComponentRef from "./components/component-ref/component-ref.svelte";
+import RepeatedBlock from "./components/repeated-block.svelte";
 export let block;
 export let context;
 export let registeredComponents;
@@ -114,7 +114,16 @@ let childrenContext = writable($context);
         {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
@@ -130,6 +139,15 @@ let childrenContext = writable($context);
       </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/lib/browser/components/block/components/block-wrapper.svelte

@@ -1,4 +1,7 @@
 <script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+/**
  * This component renders a block's wrapper HTML element (from the block's `tagName` property).
  * It reuses the exact same logic as the `InteractiveElement` component, but we need to have 2 separate components for
  * Svelte's sake, as it needs to know at compile-time whether to use:

package/lib/browser/components/block/components/block-wrapper.svelte.d.ts

@@ -1,15 +1,16 @@
 import { SvelteComponent } from "svelte";
 /**
  * This import is used by the Svelte SDK. Do not remove.
- */ type BlockWrapperProps = {
+ */
+type BlockWrapperProps = {
     Wrapper: string;
     block: BuilderBlock;
     context: Writable<BuilderContextInterface>;
     hasChildren: boolean;
 };
-import type { PropsWithChildren } from "../../../types/typescript.js";
-import type { BuilderBlock } from "../../../types/builder-block.js";
 import type { BuilderContextInterface } from "../../../context/types.js";
+import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { PropsWithChildren } from "../../../types/typescript.js";
 import type { Writable } from "svelte/store";
 declare const __propDef: {
     props: {

package/lib/browser/components/block/components/component-ref/component-ref.helpers.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 '../../../../types/builder-block.js';

package/lib/browser/components/block/components/component-ref/component-ref.svelte

@@ -1,8 +1,8 @@
-<script>import BlockStyles from "../block-styles.svelte";
+<script>import "../../../content/wrap-component-ref.js";
 import Block from "../../block.svelte";
+import BlockStyles from "../block-styles.svelte";
 import InteractiveElement from "../interactive-element.svelte";
 import { getWrapperProps } from "./component-ref.helpers.js";
-import "../../../content/wrap-component-ref.js";
 export let isInteractive;
 export let componentRef;
 export let componentOptions;

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

@@ -1,11 +1,11 @@
 <script context="module"></script>
 
 <script>import { getContext } from "svelte";
-import BlockStyles from "../block/components/block-styles.svelte";
-import Block from "../block/block.svelte";
-import BlocksWrapper from "./blocks-wrapper.svelte";
 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 BlocksWrapper from "./blocks-wrapper.svelte";
 export let blocks;
 export let parent;
 export let path;

package/lib/browser/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/browser/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/browser/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/browser/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/browser/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/browser/constants/sdk-version.d.ts

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

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

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

package/lib/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/lib/edge/blocks/button/button.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { filterAttrs } from "../helpers.js";
 import { setAttrs } from "../helpers.js";
@@ -20,10 +23,10 @@ function mitosis_styling(node, vars) {
 
 {#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/lib/edge/blocks/columns/columns.svelte

@@ -1,8 +1,8 @@
 <script context="module"></script>
 
 <script>import Blocks from "../../components/blocks/blocks.svelte";
-import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
 import InlinedStyles from "../../components/inlined-styles.svelte";
+import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
 import { TARGET } from "../../constants/target.js";
 import "../../functions/deopt.js";
 export let js;

package/lib/edge/blocks/img/img.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { isEditing } from "../../functions/is-editing.js";
 import { filterAttrs } from "../helpers.js";

package/lib/edge/blocks/input/input.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { isEditing } from "../../functions/is-editing.js";
 import { filterAttrs } from "../helpers.js";

package/lib/edge/blocks/section/section.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { filterAttrs } from "../helpers.js";
 import { setAttrs } from "../helpers.js";

package/lib/edge/blocks/select/select.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { isEditing } from "../../functions/is-editing.js";
 import { filterAttrs } from "../helpers.js";

package/lib/edge/blocks/submit-button/submit-button.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { filterAttrs } from "../helpers.js";
 import { setAttrs } from "../helpers.js";

package/lib/edge/blocks/submit-button/submit-button.svelte.d.ts

@@ -1,7 +1,8 @@
 import { SvelteComponent } from "svelte";
 /**
  * This import is used by the Svelte SDK. Do not remove.
- */ export interface ButtonProps {
+ */
+export interface ButtonProps {
     attributes?: any;
     text?: string;
 }

package/lib/edge/blocks/symbol/symbol.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { onMount } from "svelte";
 import ContentVariants from "../../components/content-variants/content-variants.svelte";

package/lib/edge/blocks/textarea/textarea.svelte

@@ -1,4 +1,7 @@
-<script context="module"></script>
+<script context="module">/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+</script>
 
 <script>import { filterAttrs } from "../helpers.js";
 import { setAttrs } from "../helpers.js";