@builder.io/sdk-svelte 1.0.19 → 1.0.21

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.21"

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

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

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

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

@@ -1 +1 @@
-export { runInEdge as evaluator } from './edge-runtime.js'
+export { runInEdge as evaluator } from './edge-runtime'

package/src/functions/evaluate/evaluate.ts

@@ -1,7 +1,7 @@
-import { logger } from '../../helpers/logger.js';
-import { chooseBrowserOrServerEval } from './choose-eval.js';
-import type { EvaluatorArgs, ExecutorArgs } from './helpers.js';
-import { getBuilderGlobals, parseCode } from './helpers.js';
+import { logger } from '../../helpers/logger';
+import { chooseBrowserOrServerEval } from './choose-eval';
+import type { EvaluatorArgs, ExecutorArgs } from './helpers';
+import { getBuilderGlobals, parseCode } from './helpers';
 type EvalValue = unknown;
 class EvalCache {
   static cacheLimit = 20;

package/src/functions/evaluate/helpers.ts

@@ -1,7 +1,7 @@
-import type { BuilderContextInterface, BuilderRenderState } from '../../context/types.js';
-import { isBrowser } from '../is-browser.js';
-import { isEditing } from '../is-editing.js';
-import { getUserAttributes } from '../track/helpers.js';
+import type { BuilderContextInterface, BuilderRenderState } from '../../context/types';
+import { isBrowser } from '../is-browser';
+import { isEditing } from '../is-editing';
+import { getUserAttributes } from '../track/helpers';
 export type EvaluatorArgs = Omit<ExecutorArgs, 'builder' | 'event'> & {
   event?: Event;
   isExpression?: boolean;

package/src/functions/evaluate/index.ts

@@ -1 +1 @@
-export { evaluate } from './evaluate.js'
+export { evaluate } from './evaluate'

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

@@ -1 +1 @@
-export { runInNode as evaluator } from './node-runtime.js'
+export { runInNode as evaluator } from './node-runtime'

package/src/functions/evaluate/node-runtime/init.ts

@@ -0,0 +1,27 @@
+/**
+ * This file:
+ * - imports `isolated-vm`, which can only be made from a file that never runs
+ * on the client (e.g. Next's `_document.tsx`)
+ * - stores the ivm instance in a global variable using `setIvm`
+ *
+ * This is needed for when bundlers/meta-frameworks are not able to reliably
+ * import the `isolated-vm` package using our `safeDynamicRequire` trick.
+ *
+ * The `isolated-vm` import must exist in this separate file, or it will end up
+ * in the SDK's main entry point, causing errors for users.
+ */
+import ivm from 'isolated-vm';
+import { setIvm } from './node-runtime';
+
+/**
+ * This function initializes the SDK on a Node server. It handles importing the
+ * `isolated-vm` package which is needed for dynamic bindings.
+ *
+ * NOTE: this function cannot be called on the client. You must call this function
+ * from a server-only location, such as:
+ * - The NextJS Pages router's `_document.tsx`
+ * - Your Remix route's `loader`
+ */
+export const initializeNodeRuntime = () => {
+  setIvm(ivm);
+}

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

@@ -1,8 +1,9 @@
-import { fastClone } from '../../fast-clone.js';
-import { set } from '../../set.js';
-import type { BuilderGlobals, ExecutorArgs, FunctionArguments } from '../helpers.js';
-import { getFunctionArguments } from '../helpers.js';
-import { safeDynamicRequire } from './safeDynamicRequire.js';
+import { MSG_PREFIX, logger } from '../../../helpers/logger';
+import { fastClone } from '../../fast-clone';
+import { set } from '../../set';
+import type { BuilderGlobals, ExecutorArgs, FunctionArguments } from '../helpers';
+import { getFunctionArguments } from '../helpers';
+import { safeDynamicRequire } from './safeDynamicRequire';
 const getSyncValName = (key: string) => `bldr_${key}_sync`;
 const BUILDER_SET_STATE_NAME = 'BUILDER_SET_STATE';
 const INJECTED_IVM_GLOBAL = 'BUILDER_IVM';
@@ -62,12 +63,35 @@ if (typeof output === 'object' && output !== null) {
 output;
 `;
 };
+let IVM_INSTANCE: typeof import('isolated-vm') | null = null;
+
+/**
+ * Set the `isolated-vm` instance to be used by the node runtime.
+ * This is useful for environments that are not able to rely on our
+ * `safeDynamicRequire` trick to import the `isolated-vm` package.
+ */
+export const setIvm = (ivm: typeof import('isolated-vm')) => {
+  IVM_INSTANCE = ivm;
+};
+const getIvm = (): typeof import('isolated-vm') => {
+  try {
+    if (IVM_INSTANCE) return IVM_INSTANCE;
+    const dynRequiredIvm = safeDynamicRequire('isolated-vm');
+    if (dynRequiredIvm) return dynRequiredIvm;
+  } catch (error) {
+    logger.error('isolated-vm import error.', error);
+  }
+  throw new Error(`${MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on Node server.
+    
+    In certain Node environments, the SDK requires additional initialization steps. This can be achieved by 
+    importing and calling \`initializeNodeRuntime()\` from "@builder.io/sdk-react/node/init". This must be done in
+    a server-only execution path within your application.
+
+    Please see the documentation for more information: https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments
+    `);
+};
 const getIsolateContext = () => {
-  // if (Builder.serverContext) {
-  //   return Builder.serverContext;
-  // }
-  // Builder.setServerContext(isolate.createContextSync());
-  const ivm: typeof import('isolated-vm') = safeDynamicRequire('isolated-vm');
+  const ivm = getIvm();
   const isolate = new ivm.Isolate({
     memoryLimit: 128
   });
@@ -82,7 +106,7 @@ export const runInNode = ({
   rootSetState,
   rootState
 }: ExecutorArgs) => {
-  const ivm: typeof import('isolated-vm') = safeDynamicRequire('isolated-vm');
+  const ivm = getIvm();
   const state = fastClone({
     ...rootState,
     ...localState

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

@@ -1,4 +1,4 @@
-import type { ExecutorArgs } from './helpers.js';
+import type { ExecutorArgs } from './helpers';
 export const evaluator = (_args: ExecutorArgs) => {
   throw new Error('Placeholder evaluator not implemented. Make sure the SDK is properly replacing the import to the evaluator with one of edge/node/browser runtime evaluators.');
 }

package/src/functions/evaluate/should-force-browser-runtime-in-node.ts

@@ -1,5 +1,5 @@
-import { logger } from '../../helpers/logger.js';
-import { isNodeRuntime } from '../is-node-runtime.js';
+import { logger } from '../../helpers/logger';
+import { isNodeRuntime } from '../is-node-runtime';
 export const shouldForceBrowserRuntimeInNode = () => {
   if (!isNodeRuntime()) return false;
   const isArm64 = process.arch === 'arm64';

package/src/functions/fetch-builder-props.ts

@@ -1,8 +1,8 @@
-import type { ContentVariantsPrps } from '../components/content-variants/content-variants.types.js';
-import type { Dictionary } from '../types/typescript.js';
-import { getBuilderSearchParams } from './get-builder-search-params/index.js';
-import { fetchOneEntry } from './get-content/index.js';
-import type { GetContentOptions } from './get-content/types.js';
+import type { ContentVariantsPrps } from '../components/content-variants/content-variants.types';
+import type { Dictionary } from '../types/typescript';
+import { getBuilderSearchParams } from './get-builder-search-params/index';
+import { fetchOneEntry } from './get-content/index';
+import type { GetContentOptions } from './get-content/types';
 type GetBuilderPropsOptions = (Omit<GetContentOptions, 'model'> & {
   model?: string;
 }) & ({

package/src/functions/get-block-actions-handler.ts

@@ -1,6 +1,6 @@
-import type { BuilderContextInterface } from '../context/types.js';
-import type { BuilderBlock } from '../types/builder-block.js';
-import { evaluate } from './evaluate/index.js';
+import type { BuilderContextInterface } from '../context/types';
+import type { BuilderBlock } from '../types/builder-block';
+import { evaluate } from './evaluate/index';
 type Options = {
   block: BuilderBlock;
 } & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>;

package/src/functions/get-block-actions.ts

@@ -1,8 +1,8 @@
-import { TARGET } from '../constants/target.js';
-import type { BuilderContextInterface } from '../context/types.js';
-import type { BuilderBlock } from '../types/builder-block.js';
-import { getEventHandlerName } from './event-handler-name.js';
-import { createEventHandler } from './get-block-actions-handler.js';
+import { TARGET } from '../constants/target';
+import type { BuilderContextInterface } from '../context/types';
+import type { BuilderBlock } from '../types/builder-block';
+import { getEventHandlerName } from './event-handler-name';
+import { createEventHandler } from './get-block-actions-handler';
 type Actions = {
   [index: string]: (event: Event) => any;
 };

package/src/functions/get-block-component-options.ts

@@ -1,4 +1,4 @@
-import type { BuilderBlock } from '../types/builder-block.js';
+import type { BuilderBlock } from '../types/builder-block';
 export function getBlockComponentOptions(block: BuilderBlock) {
   return {
     ...block.component?.options,

package/src/functions/get-block-properties.ts

@@ -1,8 +1,8 @@
-import type { BuilderContextInterface } from '../context/types.js';
-import type { BuilderBlock } from '../types/builder-block.js';
-import { getClassPropName } from './get-class-prop-name.js';
-import { getStyle } from './get-style.js';
-import { transformBlockProperties } from './transform-block-properties.js';
+import type { BuilderContextInterface } from '../context/types';
+import type { BuilderBlock } from '../types/builder-block';
+import { getClassPropName } from './get-class-prop-name';
+import { getStyle } from './get-style';
+import { transformBlockProperties } from './transform-block-properties';
 const extractRelevantRootBlockProperties = (block: BuilderBlock) => {
   // currently we are only spreading the `href` property
   // TO-DO: potentially spread all properties from block, but only if they are not already defined by BuilderBlock

package/src/functions/get-builder-search-params/index.ts

@@ -1,6 +1,6 @@
-import type { QueryObject } from '../../helpers/search/search.js';
-import { normalizeSearchParams } from '../../helpers/search/search.js';
-import { isBrowser } from '../is-browser.js';
+import type { QueryObject } from '../../helpers/search/search';
+import { normalizeSearchParams } from '../../helpers/search/search';
+import { isBrowser } from '../is-browser';
 const BUILDER_SEARCHPARAMS_PREFIX = 'builder.';
 const BUILDER_OPTIONS_PREFIX = 'options.';
 

package/src/functions/get-class-prop-name.ts

@@ -1,4 +1,4 @@
-import { TARGET } from '../constants/target.js';
+import { TARGET } from '../constants/target';
 export const getClassPropName = () => {
   switch (TARGET) {
     case 'react':

package/src/functions/get-content/generate-content-url.ts

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

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

@@ -1,13 +1,13 @@
-import { TARGET } from '../../constants/target.js';
-import { handleABTesting } from '../../helpers/ab-tests.js';
-import { getDefaultCanTrack } from '../../helpers/canTrack.js';
-import { logger } from '../../helpers/logger.js';
-import { getPreviewContent } from '../../helpers/preview-lru-cache/get.js';
-import type { BuilderContent } from '../../types/builder-content.js';
-import { fetch } from '../get-fetch.js';
-import { isBrowser } from '../is-browser.js';
-import { generateContentUrl } from './generate-content-url.js';
-import type { GetContentOptions } from './types.js';
+import { TARGET } from '../../constants/target';
+import { handleABTesting } from '../../helpers/ab-tests';
+import { getDefaultCanTrack } from '../../helpers/canTrack';
+import { logger } from '../../helpers/logger';
+import { getPreviewContent } from '../../helpers/preview-lru-cache/get';
+import type { BuilderContent } from '../../types/builder-content';
+import { fetch } from '../get-fetch';
+import { isBrowser } from '../is-browser';
+import { generateContentUrl } from './generate-content-url';
+import type { GetContentOptions } from './types';
 const checkContentHasResults = (content: ContentResponse): content is ContentResults => 'results' in content;
 
 /**

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

@@ -148,10 +148,10 @@ export interface GetContentOptions {
   /**
    * Optional override of the `fetch` function. (Defaults to global `fetch`)
    */
-  fetch?: typeof global.fetch;
+  fetch?: (input: string, init?: object) => Promise<any>;
 
   /**
-   * Optional fetch options to be passed to the `fetch` function.
+   * Optional fetch options to be passed as the second argument to the `fetch` function.
    */
-  fetchOptions?: RequestInit;
+  fetchOptions?: object;
 }