@builder.io/sdk-svelte 1.0.19 → 1.0.20

package/src/components/block/block.svelte

@@ -13,19 +13,19 @@
   import type {
     BuilderContextInterface,
     RegisteredComponents,
-  } from "../../context/types.js";
-  import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
-  import { getProcessedBlock } from "../../functions/get-processed-block.js";
-  import type { BuilderBlock } from "../../types/builder-block.js";
-  import { bindAnimations } from "./animator.js";
+  } from "../../context/types";
+  import { getBlockComponentOptions } from "../../functions/get-block-component-options";
+  import { getProcessedBlock } from "../../functions/get-processed-block";
+  import type { BuilderBlock } from "../../types/builder-block";
+  import { bindAnimations } from "./animator";
   import {
     getComponent,
     getInheritedStyles,
     getRepeatItemData,
-  } from "./block.helpers.js";
+  } from "./block.helpers";
   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 type { ComponentProps } from "./components/component-ref/component-ref.helpers";
   import ComponentRef from "./components/component-ref/component-ref.svelte";
   import RepeatedBlock from "./components/repeated-block.svelte";
   import type { Writable } from "svelte/store";

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

@@ -9,13 +9,13 @@
   import {
     getMaxWidthQueryForSize,
     getSizesForBreakpoints,
-  } from "../../../constants/device-sizes.js";
-  import { TARGET } from "../../../constants/target.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 type { BuilderBlock } from "../../../types/builder-block.js";
+  } from "../../../constants/device-sizes";
+  import { TARGET } from "../../../constants/target";
+  import type { BuilderContextInterface } from "../../../context/types";
+  import { getProcessedBlock } from "../../../functions/get-processed-block";
+  import { createCssClass } from "../../../helpers/css";
+  import { checkIsDefined } from "../../../helpers/nullable";
+  import type { BuilderBlock } from "../../../types/builder-block";
   import InlinedStyles from "../../inlined-styles.svelte";
 
   export let block: BlockStylesProps["block"];

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

@@ -13,10 +13,10 @@
 </script>
 
 <script lang="ts">
-  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 { BuilderContextInterface } from "../../../context/types";
+  import { getBlockActions } from "../../../functions/get-block-actions";
+  import { getBlockProperties } from "../../../functions/get-block-properties";
+  import type { BuilderBlock } from "../../../types/builder-block";
   import DynamicRenderer from "../../dynamic-renderer/dynamic-renderer.svelte";
   import type { Writable } from "svelte/store";
 

package/src/components/block/components/component-ref/component-ref.helpers.ts

@@ -1,8 +1,8 @@
 import type { Writable } from "svelte/store";
-import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types.js';
-import { getBlockProperties } from '../../../../functions/get-block-properties.js';
-import type { BuilderBlock } from '../../../../types/builder-block.js';
-import type { BuilderDataProps } from '../../../../types/builder-props.js';
+import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types';
+import { getBlockProperties } from '../../../../functions/get-block-properties';
+import type { BuilderBlock } from '../../../../types/builder-block';
+import type { BuilderDataProps } from '../../../../types/builder-props';
 import type { InteractiveElementProps } from '../interactive-element.svelte';
 type ComponentOptions = BuilderDataProps & {
   [index: string]: any;

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

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

package/src/components/block/components/interactive-element.svelte

@@ -10,18 +10,18 @@
 </script>
 
 <script lang="ts">
-  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 { Dictionary } from "../../../types/typescript.js";
+  import type { BuilderContextInterface } from "../../../context/types";
+  import { getBlockActions } from "../../../functions/get-block-actions";
+  import { getBlockProperties } from "../../../functions/get-block-properties";
+  import type { BuilderBlock } from "../../../types/builder-block";
+  import type { Dictionary } from "../../../types/typescript";
   import type { Writable } from "svelte/store";
 
-  export let Wrapper: InteractiveElementProps["Wrapper"];
   export let wrapperProps: InteractiveElementProps["wrapperProps"];
   export let includeBlockProps: InteractiveElementProps["includeBlockProps"];
   export let block: InteractiveElementProps["block"];
   export let context: InteractiveElementProps["context"];
+  export let Wrapper: InteractiveElementProps["Wrapper"];
 </script>
 
 <svelte:component

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

@@ -8,8 +8,8 @@
   import { setContext } from "svelte";
   import { writable } from "svelte/store";
 
-  import BuilderContext from "../../../context/builder.context.js";
-  import type { BuilderContextInterface } from "../../../context/types.js";
+  import BuilderContext from "../../../context/builder.context";
+  import type { BuilderContextInterface } from "../../../context/types";
   import type { BlockProps } from "../block.svelte";
   import Block from "../block.svelte";
 

package/src/components/block/types.ts

@@ -1,5 +1,5 @@
-import type { BuilderContextInterface } from '../../context/types.js';
-import type { BuilderBlock } from '../../types/builder-block.js';
+import type { BuilderContextInterface } from '../../context/types';
+import type { BuilderBlock } from '../../types/builder-block';
 export interface RepeatData {
   block: BuilderBlock;
   context: BuilderContextInterface;

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

@@ -17,24 +17,25 @@
 </script>
 
 <script lang="ts">
-  import { isEditing } from "../../functions/is-editing.js";
-  import type { BuilderBlock } from "../../types/builder-block.js";
+  import { isEditing } from "../../functions/is-editing";
+  import type { BuilderBlock } from "../../types/builder-block";
 
-  export let BlocksWrapper: BlocksWrapperProps["BlocksWrapper"];
   export let blocks: BlocksWrapperProps["blocks"];
   export let parent: BlocksWrapperProps["parent"];
   export let path: BlocksWrapperProps["path"];
   export let styleProp: BlocksWrapperProps["styleProp"];
   export let BlocksWrapperProps: BlocksWrapperProps["BlocksWrapperProps"];
+  export let BlocksWrapper: BlocksWrapperProps["BlocksWrapper"];
 
-  function mitosis_styling(node, vars) {
-    Object.entries(vars || {}).forEach(([p, v]) => {
-      if (p.startsWith("--")) {
-        node.style.setProperty(p, v);
-      } else {
-        node.style[p] = v;
-      }
-    });
+  function stringifyStyles(stylesObj) {
+    let styles = "";
+    for (let key in stylesObj) {
+      const dashedKey = key.replace(/[A-Z]/g, function (match) {
+        return "-" + match.toLowerCase();
+      });
+      styles += dashedKey + ":" + stylesObj[key] + ";";
+    }
+    return styles;
   }
 
   function onClick() {
@@ -72,7 +73,7 @@
 
 <svelte:element
   this={BlocksWrapper}
-  use:mitosis_styling={styleProp}
+  style={stringifyStyles(styleProp)}
   class={className() + " svelte-element"}
   builder-path={path}
   builder-parent-id={parent}

package/src/components/blocks/blocks.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
   import { getContext } from "svelte";
 
-  import BuilderContext from "../../context/builder.context.js";
-  import ComponentsContext from "../../context/components.context.js";
+  import BuilderContext from "../../context/builder.context";
+  import ComponentsContext from "../../context/components.context";
   import Block from "../block/block.svelte";
   import BlocksWrapper from "./blocks-wrapper.svelte";
-  import type { BlocksProps } from "./blocks.types.js";
+  import type { BlocksProps } from "./blocks.types";
 
   export let blocks: BlocksProps["blocks"];
   export let parent: BlocksProps["parent"];

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

@@ -1,5 +1,5 @@
 import type { Writable } from "svelte/store";
-import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
+import type { BuilderContextInterface, RegisteredComponents } from '../../context/types';
 import type { BlocksWrapperProps } from './blocks-wrapper.svelte';
 export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
   context?: Writable<BuilderContextInterface>;

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

@@ -17,52 +17,51 @@
 <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 { 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 { createEditorListener } from "../../../helpers/subscribe-to-editor.js";
+  import builderContext from "../../../context/builder.context";
+  import type { BuilderContextInterface } from "../../../context/types";
+  import { evaluate } from "../../../functions/evaluate/index";
+  import { fastClone } from "../../../functions/fast-clone";
+  import { fetchOneEntry } from "../../../functions/get-content/index";
+  import { fetch } from "../../../functions/get-fetch";
+  import { isBrowser } from "../../../functions/is-browser";
+  import { isEditing } from "../../../functions/is-editing";
+  import { isPreviewing } from "../../../functions/is-previewing";
+  import { createRegisterComponentMessage } from "../../../functions/register-component";
+  import { _track } from "../../../functions/track/index";
+  import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction";
+  import { getDefaultCanTrack } from "../../../helpers/canTrack";
+  import { logger } from "../../../helpers/logger";
+  import { postPreviewContent } from "../../../helpers/preview-lru-cache/set";
+  import { createEditorListener } from "../../../helpers/subscribe-to-editor";
   import {
     registerInsertMenu,
     setupBrowserForEditing,
-  } from "../../../scripts/init-editing.js";
-  import type { BuilderContent } from "../../../types/builder-content.js";
-  import type { ComponentInfo } from "../../../types/components.js";
-  import type { Dictionary } from "../../../types/typescript.js";
-  import { triggerAnimation } from "../../block/animator.js";
+  } from "../../../scripts/init-editing";
+  import type { BuilderContent } from "../../../types/builder-content";
+  import type { ComponentInfo } from "../../../types/components";
+  import type { Dictionary } from "../../../types/typescript";
+  import { triggerAnimation } from "../../block/animator";
   import type {
     BuilderComponentStateChange,
     ContentProps,
-  } from "../content.types.js";
+  } from "../content.types";
   import type { Writable } from "svelte/store";
 
   export let builderContextSignal: BuilderEditorProps["builderContextSignal"];
-  export let contentWrapper: BuilderEditorProps["contentWrapper"] = undefined;
-  export let model: BuilderEditorProps["model"] = undefined;
-  export let trustedHosts: BuilderEditorProps["trustedHosts"] = undefined;
-  export let context: BuilderEditorProps["context"] = undefined;
   export let canTrack: BuilderEditorProps["canTrack"] = undefined;
   export let apiKey: BuilderEditorProps["apiKey"];
   export let locale: BuilderEditorProps["locale"] = undefined;
   export let enrich: BuilderEditorProps["enrich"] = undefined;
+  export let trustedHosts: BuilderEditorProps["trustedHosts"] = undefined;
+  export let model: BuilderEditorProps["model"] = undefined;
   export let content: BuilderEditorProps["content"] = undefined;
+  export let data: BuilderEditorProps["data"] = undefined;
+  export let contentWrapper: BuilderEditorProps["contentWrapper"] = undefined;
+  export let context: BuilderEditorProps["context"] = undefined;
   export let showContent: BuilderEditorProps["showContent"];
   export let contentWrapperProps: BuilderEditorProps["contentWrapperProps"] =
     undefined;
 
-  export let data: BuilderEditorProps["data"] = undefined;
-
   function mergeNewRootState(newData: Dictionary<any>) {
     const combinedState = {
       ...$builderContextSignal.rootState,

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

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

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

@@ -1,7 +1,7 @@
-import type { BuilderRenderState } from '../../context/types.js';
-import type { BuilderContent } from '../../types/builder-content.js';
-import type { Nullable } from '../../types/typescript.js';
-import type { ContentProps } from './content.types.js';
+import type { BuilderRenderState } from '../../context/types';
+import type { BuilderContent } from '../../types/builder-content';
+import type { Nullable } from '../../types/typescript';
+import type { ContentProps } from './content.types';
 export const getRootStateInitialValue = ({
   content,
   data,

package/src/components/content/content.svelte

@@ -2,28 +2,28 @@
   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 { getDefaultRegisteredComponents } from "../../constants/builder-registered-components";
+  import { TARGET } from "../../constants/target";
+  import ComponentsContext from "../../context/components.context";
   import type {
     BuilderContextInterface,
     BuilderRenderState,
     RegisteredComponents,
-  } from "../../context/types.js";
-  import { serializeComponentInfo } from "../../functions/register-component.js";
-  import type { ComponentInfo } from "../../types/components.js";
-  import type { Dictionary } from "../../types/typescript.js";
+  } from "../../context/types";
+  import { serializeComponentInfo } from "../../functions/register-component";
+  import type { ComponentInfo } from "../../types/components";
+  import type { Dictionary } from "../../types/typescript";
   import Blocks from "../blocks/blocks.svelte";
-  import { getUpdateVariantVisibilityScript } from "../content-variants/helpers.js";
+  import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
   import InlinedScript from "../inlined-script.svelte";
   import EnableEditor from "./components/enable-editor.svelte";
   import ContentStyles from "./components/styles.svelte";
   import {
     getContentInitialValue,
     getRootStateInitialValue,
-  } from "./content.helpers.js";
-  import type { ContentProps } from "./content.types.js";
-  import { wrapComponentRef } from "./wrap-component-ref.js";
+  } from "./content.helpers";
+  import type { ContentProps } from "./content.types";
+  import { wrapComponentRef } from "./wrap-component-ref";
 
   export let content: ContentProps["content"] = undefined;
   export let customComponents: ContentProps["customComponents"] = undefined;

package/src/components/content/content.types.ts

@@ -1,5 +1,5 @@
-import type { BuilderRenderState } from '../../context/types.js';
-export type { ContentProps } from './contentProps.types.js';
+import type { BuilderRenderState } from '../../context/types';
+export type { ContentProps } from './contentProps.types';
 export interface BuilderComponentStateChange {
   state: BuilderRenderState;
   ref: {

package/src/components/content/contentProps.types.ts

@@ -1,5 +1,5 @@
-import type { EnforcePartials } from '../../types/enforced-partials.js';
-import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
+import type { EnforcePartials } from '../../types/enforced-partials';
+import type { ContentVariantsPrps } from '../content-variants/content-variants.types';
 interface InternalRenderProps {
   showContent: boolean;
   isSsrAbTest: boolean;

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

@@ -10,19 +10,19 @@
 <script lang="ts">
   import { onMount } from "svelte";
 
-  import { TARGET } from "../../constants/target.js";
-  import { handleABTestingSync } from "../../helpers/ab-tests.js";
-  import { getDefaultCanTrack } from "../../helpers/canTrack.js";
+  import { TARGET } from "../../constants/target";
+  import { handleABTestingSync } from "../../helpers/ab-tests";
+  import { getDefaultCanTrack } from "../../helpers/canTrack";
   import ContentComponent from "../content/content.svelte";
   import InlinedScript from "../inlined-script.svelte";
   import InlinedStyles from "../inlined-styles.svelte";
-  import type { ContentVariantsPrps } from "./content-variants.types.js";
+  import type { ContentVariantsPrps } from "./content-variants.types";
   import {
     checkShouldRenderVariants,
     getInitVariantsFnsScriptString,
     getUpdateCookieAndStylesScript,
     getVariants,
-  } from "./helpers.js";
+  } from "./helpers";
 
   export let canTrack: VariantsProviderProps["canTrack"] = undefined;
   export let content: VariantsProviderProps["content"] = undefined;

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

@@ -1,7 +1,7 @@
-import type { BuilderRenderContext, RegisteredComponent } from '../../context/types.js';
-import type { ApiVersion } from '../../types/api-version.js';
-import type { BuilderContent } from '../../types/builder-content.js';
-import type { Nullable } from '../../types/typescript.js';
+import type { BuilderRenderContext, RegisteredComponent } from '../../context/types';
+import type { ApiVersion } from '../../types/api-version';
+import type { BuilderContent } from '../../types/builder-content';
+import type { Nullable } from '../../types/typescript';
 export interface ContentVariantsPrps {
   /**
    * The Builder content JSON to render (required).

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

@@ -1,9 +1,9 @@
-import { TARGET } from '../../constants/target.js';
-import { isBrowser } from '../../functions/is-browser.js';
-import type { Nullable } from '../../helpers/nullable.js';
-import type { BuilderContent } from '../../types/builder-content.js';
-import type { Target } from '../../types/targets.js';
-import { UPDATE_COOKIES_AND_STYLES_SCRIPT, UPDATE_VARIANT_VISIBILITY_SCRIPT } from './inlined-fns.js';
+import { TARGET } from '../../constants/target';
+import { isBrowser } from '../../functions/is-browser';
+import type { Nullable } from '../../helpers/nullable';
+import type { BuilderContent } from '../../types/builder-content';
+import type { Target } from '../../types/targets';
+import { UPDATE_COOKIES_AND_STYLES_SCRIPT, UPDATE_VARIANT_VISIBILITY_SCRIPT } from './inlined-fns';
 
 /**
  * We hardcode explicit function names here, because the `.toString()` of a function can change depending on the bundler.

package/src/components/dynamic-renderer/dynamic-renderer.svelte

@@ -8,11 +8,11 @@
 </script>
 
 <script lang="ts">
-  import { isEmptyElement } from "./dynamic-renderer.helpers.js";
-  import { setAttrs } from "../../blocks/helpers.js";
+  import { isEmptyElement } from "./dynamic-renderer.helpers";
+  import { setAttrs } from "../../blocks/helpers";
 
-  export let attributes: DynamicRendererProps["attributes"];
   export let TagName: DynamicRendererProps["TagName"];
+  export let attributes: DynamicRendererProps["attributes"];
   export let actionAttributes: DynamicRendererProps["actionAttributes"];
 </script>
 

package/src/constants/builder-registered-components.ts

@@ -1,21 +1,21 @@
-import { componentInfo as buttonComponentInfo } from '../blocks/button/component-info.js';
-import { default as Button } from '../blocks/button/index.js';
-import { componentInfo as columnsComponentInfo } from '../blocks/columns/component-info.js';
-import { default as Columns } from '../blocks/columns/index.js';
-import { componentInfo as fragmentComponentInfo } from '../blocks/fragment/component-info.js';
-import { default as Fragment } from '../blocks/fragment/index.js';
-import { componentInfo as imageComponentInfo } from '../blocks/image/component-info.js';
-import { default as Image } from '../blocks/image/index.js';
-import { componentInfo as sectionComponentInfo } from '../blocks/section/component-info.js';
-import { default as Section } from '../blocks/section/index.js';
-import { componentInfo as slotComponentInfo } from '../blocks/slot/component-info.js';
-import { default as Slot } from '../blocks/slot/index.js';
-import { componentInfo as symbolComponentInfo } from '../blocks/symbol/component-info.js';
-import { default as Symbol } from '../blocks/symbol/index.js';
-import { componentInfo as textComponentInfo } from '../blocks/text/component-info.js';
-import { default as Text } from '../blocks/text/index.js';
-import type { RegisteredComponent } from '../context/types.js';
-import { getExtraComponents } from './extra-components.js';
+import { componentInfo as buttonComponentInfo } from '../blocks/button/component-info';
+import { default as Button } from '../blocks/button/index';
+import { componentInfo as columnsComponentInfo } from '../blocks/columns/component-info';
+import { default as Columns } from '../blocks/columns/index';
+import { componentInfo as fragmentComponentInfo } from '../blocks/fragment/component-info';
+import { default as Fragment } from '../blocks/fragment/index';
+import { componentInfo as imageComponentInfo } from '../blocks/image/component-info';
+import { default as Image } from '../blocks/image/index';
+import { componentInfo as sectionComponentInfo } from '../blocks/section/component-info';
+import { default as Section } from '../blocks/section/index';
+import { componentInfo as slotComponentInfo } from '../blocks/slot/component-info';
+import { default as Slot } from '../blocks/slot/index';
+import { componentInfo as symbolComponentInfo } from '../blocks/symbol/component-info';
+import { default as Symbol } from '../blocks/symbol/index';
+import { componentInfo as textComponentInfo } from '../blocks/text/component-info';
+import { default as Text } from '../blocks/text/index';
+import type { RegisteredComponent } from '../context/types';
+import { getExtraComponents } from './extra-components';
 
 /**
  * Returns a list of all registered components.

package/src/constants/device-sizes.ts

@@ -1,4 +1,4 @@
-import { fastClone } from '../functions/fast-clone.js';
+import { fastClone } from '../functions/fast-clone';
 export type SizeName = 'large' | 'medium' | 'small';
 interface Size {
   min: number;

package/src/constants/extra-components.ts

@@ -4,24 +4,24 @@
  * React Native SDK.
  */
 
-import { componentInfo as customCodeInfo } from '../blocks/custom-code/component-info.js';
-import { default as customCode } from '../blocks/custom-code/index.js';
-import { componentInfo as embedComponentInfo } from '../blocks/embed/component-info.js';
-import { default as embed } from '../blocks/embed/index.js';
-import { componentInfo as formComponentInfo } from '../blocks/form/form/component-info.js';
-import { default as Form } from '../blocks/form/form/index.js';
-import { componentInfo as formInputComponentInfo } from '../blocks/form/input/component-info.js';
-import { default as FormInput } from '../blocks/form/input/index.js';
-import { componentInfo as formSelectComponentInfo } from '../blocks/form/select/component-info.js';
-import { default as FormSelect } from '../blocks/form/select/index.js';
-import { componentInfo as formSubmitButtonComponentInfo } from '../blocks/form/submit-button/component-info.js';
-import { default as FormSubmitButton } from '../blocks/form/submit-button/index.js';
-import { componentInfo as imgComponentInfo } from '../blocks/img/component-info.js';
-import { default as Img } from '../blocks/img/index.js';
-import { componentInfo as videoComponentInfo } from '../blocks/video/component-info.js';
-import { default as Video } from '../blocks/video/index.js';
-import type { RegisteredComponent } from '../context/types.js';
-import { TARGET } from './target.js';
+import { componentInfo as customCodeInfo } from '../blocks/custom-code/component-info';
+import { default as customCode } from '../blocks/custom-code/index';
+import { componentInfo as embedComponentInfo } from '../blocks/embed/component-info';
+import { default as embed } from '../blocks/embed/index';
+import { componentInfo as formComponentInfo } from '../blocks/form/form/component-info';
+import { default as Form } from '../blocks/form/form/index';
+import { componentInfo as formInputComponentInfo } from '../blocks/form/input/component-info';
+import { default as FormInput } from '../blocks/form/input/index';
+import { componentInfo as formSelectComponentInfo } from '../blocks/form/select/component-info';
+import { default as FormSelect } from '../blocks/form/select/index';
+import { componentInfo as formSubmitButtonComponentInfo } from '../blocks/form/submit-button/component-info';
+import { default as FormSubmitButton } from '../blocks/form/submit-button/index';
+import { componentInfo as imgComponentInfo } from '../blocks/img/component-info';
+import { default as Img } from '../blocks/img/index';
+import { componentInfo as videoComponentInfo } from '../blocks/video/component-info';
+import { default as Video } from '../blocks/video/index';
+import type { RegisteredComponent } from '../context/types';
+import { TARGET } from './target';
 export const getExtraComponents: () => RegisteredComponent[] = () => [{
   component: customCode,
   ...customCodeInfo

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "1.0.19"
+export const SDK_VERSION = "1.0.20"

package/src/constants/target.ts

@@ -1,4 +1,4 @@
-type Target = import('../types/targets.js').Target;
+type Target = import('../types/targets').Target;
 
 /** This file should be overriden for each framework. Ideally this would be implemented in Mitosis.  */
 export const TARGET = 'svelte' as Target;

package/src/context/index.ts

@@ -1 +1 @@
-export { default as BuilderContext } from './builder.context.js'
+export { default as BuilderContext } from './builder.context'

package/src/context/types.ts

@@ -1,8 +1,8 @@
 import type { BlocksWrapperProps } from '../components/blocks/blocks-wrapper.svelte';
-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';
+import type { BuilderContent } from '../types/builder-content';
+import type { ComponentInfo } from '../types/components';
+import type { Dictionary, Nullable } from '../types/typescript';
 export type RegisteredComponent = ComponentInfo & {
   component: any;
 };

package/src/functions/evaluate/browser-runtime/browser.ts

@@ -1,6 +1,6 @@
-import type { BuilderRenderState } from '../../../context/types.js';
-import type { ExecutorArgs } from '../helpers.js';
-import { getFunctionArguments } from '../helpers.js';
+import type { BuilderRenderState } from '../../../context/types';
+import type { ExecutorArgs } from '../helpers';
+import { getFunctionArguments } from '../helpers';
 export const runInBrowser = ({
   code,
   builder,

package/src/functions/evaluate/browser-runtime/index.ts

@@ -1 +1 @@
-export { runInBrowser as evaluator } from './browser.js'
+export { runInBrowser as evaluator } from './browser'

package/src/functions/evaluate/choose-eval.ts

@@ -1,6 +1,6 @@
-import { isBrowser } from '../is-browser.js';
-import { runInBrowser } from './browser-runtime/browser.js';
-import type { ExecutorArgs } from './helpers.js';
+import { isBrowser } from '../is-browser';
+import { runInBrowser } from './browser-runtime/browser';
+import type { ExecutorArgs } from './helpers';
 
 /**
  * THIS IS A MAGICAL IMPORT. It is aliased by the build process of every SDK configuration, so that
@@ -14,7 +14,7 @@ import type { ExecutorArgs } from './helpers.js';
  * types can be resolved correctly.
  */
 import { evaluator } from 'placeholder-runtime';
-import { shouldForceBrowserRuntimeInNode } from './should-force-browser-runtime-in-node.js';
+import { shouldForceBrowserRuntimeInNode } from './should-force-browser-runtime-in-node';
 
 /**
  * Even though we have separate runtimes for browser/node/edge, sometimes frameworks will