@builder.io/sdk-svelte 0.5.7 → 0.5.9

package/src/blocks/image/image.svelte

@@ -24,17 +24,17 @@
   import { getSrcSet } from "./image.helpers.js";
 
   export let image: ImageProps["image"];
-  export let src: ImageProps["src"];
-  export let srcset: ImageProps["srcset"];
-  export let noWebp: ImageProps["noWebp"];
-  export let aspectRatio: ImageProps["aspectRatio"];
-  export let altText: ImageProps["altText"];
-  export let backgroundPosition: ImageProps["backgroundPosition"];
-  export let backgroundSize: ImageProps["backgroundSize"];
-  export let className: ImageProps["className"];
-  export let sizes: ImageProps["sizes"];
-  export let builderBlock: ImageProps["builderBlock"];
-  export let fitContent: ImageProps["fitContent"];
+  export let src: ImageProps["src"] = undefined;
+  export let srcset: ImageProps["srcset"] = undefined;
+  export let noWebp: ImageProps["noWebp"] = undefined;
+  export let aspectRatio: ImageProps["aspectRatio"] = undefined;
+  export let altText: ImageProps["altText"] = undefined;
+  export let backgroundPosition: ImageProps["backgroundPosition"] = undefined;
+  export let backgroundSize: ImageProps["backgroundSize"] = undefined;
+  export let className: ImageProps["className"] = undefined;
+  export let sizes: ImageProps["sizes"] = undefined;
+  export let builderBlock: ImageProps["builderBlock"] = undefined;
+  export let fitContent: ImageProps["fitContent"] = undefined;
 
   function mitosis_styling(node, vars) {
     Object.entries(vars || {}).forEach(([p, v]) => {

package/src/blocks/img/img.svelte

@@ -26,12 +26,12 @@
   import { filterAttrs } from "../helpers.js";
   import { setAttrs } from "../helpers.js";
 
-  export let backgroundSize: ImgProps["backgroundSize"];
-  export let backgroundPosition: ImgProps["backgroundPosition"];
-  export let imgSrc: ImgProps["imgSrc"];
-  export let altText: ImgProps["altText"];
-  export let image: ImgProps["image"];
-  export let attributes: ImgProps["attributes"];
+  export let backgroundSize: ImgProps["backgroundSize"] = undefined;
+  export let backgroundPosition: ImgProps["backgroundPosition"] = undefined;
+  export let imgSrc: ImgProps["imgSrc"] = undefined;
+  export let altText: ImgProps["altText"] = undefined;
+  export let image: ImgProps["image"] = undefined;
+  export let attributes: ImgProps["attributes"] = undefined;
 
   function mitosis_styling(node, vars) {
     Object.entries(vars || {}).forEach(([p, v]) => {

package/src/blocks/input/input.svelte

@@ -18,13 +18,13 @@
   import { filterAttrs } from "../helpers.js";
   import { setAttrs } from "../helpers.js";
 
-  export let attributes: FormInputProps["attributes"];
-  export let defaultValue: FormInputProps["defaultValue"];
-  export let placeholder: FormInputProps["placeholder"];
-  export let type: FormInputProps["type"];
-  export let name: FormInputProps["name"];
-  export let value: FormInputProps["value"];
-  export let required: FormInputProps["required"];
+  export let attributes: FormInputProps["attributes"] = undefined;
+  export let defaultValue: FormInputProps["defaultValue"] = undefined;
+  export let placeholder: FormInputProps["placeholder"] = undefined;
+  export let type: FormInputProps["type"] = undefined;
+  export let name: FormInputProps["name"] = undefined;
+  export let value: FormInputProps["value"] = undefined;
+  export let required: FormInputProps["required"] = undefined;
 </script>
 
 <input

package/src/blocks/raw-text/raw-text.svelte

@@ -6,8 +6,8 @@
 </script>
 
 <script lang="ts">
-  export let text: RawTextProps["text"];
-  export let attributes: RawTextProps["attributes"];
+  export let text: RawTextProps["text"] = undefined;
+  export let attributes: RawTextProps["attributes"] = undefined;
 </script>
 
 <span class={attributes.class}>{@html text?.toString() || ""}</span>

package/src/blocks/section/section.svelte

@@ -14,8 +14,8 @@
   import { filterAttrs } from "../helpers.js";
   import { setAttrs } from "../helpers.js";
 
-  export let attributes: SectionProps["attributes"];
-  export let maxWidth: SectionProps["maxWidth"];
+  export let attributes: SectionProps["attributes"] = undefined;
+  export let maxWidth: SectionProps["maxWidth"] = undefined;
 
   function mitosis_styling(node, vars) {
     Object.entries(vars || {}).forEach(([p, v]) => {

package/src/blocks/select/select.svelte

@@ -19,11 +19,11 @@
   import { filterAttrs } from "../helpers.js";
   import { setAttrs } from "../helpers.js";
 
-  export let attributes: FormSelectProps["attributes"];
-  export let value: FormSelectProps["value"];
-  export let defaultValue: FormSelectProps["defaultValue"];
-  export let name: FormSelectProps["name"];
-  export let options: FormSelectProps["options"];
+  export let attributes: FormSelectProps["attributes"] = undefined;
+  export let value: FormSelectProps["value"] = undefined;
+  export let defaultValue: FormSelectProps["defaultValue"] = undefined;
+  export let name: FormSelectProps["name"] = undefined;
+  export let options: FormSelectProps["options"] = undefined;
 </script>
 
 <select

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

@@ -12,8 +12,8 @@
   import { filterAttrs } from "../helpers.js";
   import { setAttrs } from "../helpers.js";
 
-  export let attributes: ButtonProps["attributes"];
-  export let text: ButtonProps["text"];
+  export let attributes: ButtonProps["attributes"] = undefined;
+  export let text: ButtonProps["text"] = undefined;
 </script>
 
 <button

package/src/blocks/symbol/symbol.svelte

@@ -38,9 +38,10 @@
   import type { Nullable } from "../../types/typescript.js";
 
   export let js: PropsWithBuilderData<SymbolProps>["js"];
-  export let attributes: PropsWithBuilderData<SymbolProps>["attributes"];
-  export let symbol: PropsWithBuilderData<SymbolProps>["symbol"];
-  export let dynamic: PropsWithBuilderData<SymbolProps>["dynamic"];
+  export let attributes: PropsWithBuilderData<SymbolProps>["attributes"] =
+    undefined;
+  export let symbol: PropsWithBuilderData<SymbolProps>["symbol"] = undefined;
+  export let dynamic: PropsWithBuilderData<SymbolProps>["dynamic"] = undefined;
   export let builderContext: PropsWithBuilderData<SymbolProps>["builderContext"];
   export let builderComponents: PropsWithBuilderData<SymbolProps>["builderComponents"];
 

package/src/blocks/text/text.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <script lang="ts">
-  export let text: TextProps["text"];
+  export let text: TextProps["text"] = undefined;
 
   function mitosis_styling(node, vars) {
     Object.entries(vars || {}).forEach(([p, v]) => {

package/src/blocks/textarea/textarea.svelte

@@ -15,11 +15,11 @@
   import { filterAttrs } from "../helpers.js";
   import { setAttrs } from "../helpers.js";
 
-  export let attributes: TextareaProps["attributes"];
-  export let placeholder: TextareaProps["placeholder"];
-  export let name: TextareaProps["name"];
-  export let value: TextareaProps["value"];
-  export let defaultValue: TextareaProps["defaultValue"];
+  export let attributes: TextareaProps["attributes"] = undefined;
+  export let placeholder: TextareaProps["placeholder"] = undefined;
+  export let name: TextareaProps["name"] = undefined;
+  export let value: TextareaProps["value"] = undefined;
+  export let defaultValue: TextareaProps["defaultValue"] = undefined;
 </script>
 
 <textarea

package/src/blocks/video/video.svelte

@@ -28,17 +28,17 @@
 </script>
 
 <script lang="ts">
-  export let autoPlay: VideoProps["autoPlay"];
-  export let muted: VideoProps["muted"];
-  export let controls: VideoProps["controls"];
-  export let loop: VideoProps["loop"];
-  export let playsInline: VideoProps["playsInline"];
-  export let attributes: VideoProps["attributes"];
-  export let preload: VideoProps["preload"];
-  export let fit: VideoProps["fit"];
-  export let position: VideoProps["position"];
-  export let video: VideoProps["video"];
-  export let posterImage: VideoProps["posterImage"];
+  export let autoPlay: VideoProps["autoPlay"] = undefined;
+  export let muted: VideoProps["muted"] = undefined;
+  export let controls: VideoProps["controls"] = undefined;
+  export let loop: VideoProps["loop"] = undefined;
+  export let playsInline: VideoProps["playsInline"] = undefined;
+  export let attributes: VideoProps["attributes"] = undefined;
+  export let preload: VideoProps["preload"] = undefined;
+  export let fit: VideoProps["fit"] = undefined;
+  export let position: VideoProps["position"] = undefined;
+  export let video: VideoProps["video"] = undefined;
+  export let posterImage: VideoProps["posterImage"] = undefined;
 
   function mitosis_styling(node, vars) {
     Object.entries(vars || {}).forEach(([p, v]) => {

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

@@ -4,6 +4,7 @@
   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

@@ -24,8 +24,9 @@
   export let parent: BlocksProps["parent"];
   export let path: BlocksProps["path"];
   export let styleProp: BlocksProps["styleProp"];
-  export let context: BlocksProps["context"];
-  export let registeredComponents: BlocksProps["registeredComponents"];
+  export let context: BlocksProps["context"] = undefined;
+  export let registeredComponents: BlocksProps["registeredComponents"] =
+    undefined;
 
   let builderContext = getContext(BuilderContext.key);
   let componentsContext = getContext(ComponentsContext.key);

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

@@ -36,20 +36,21 @@
   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 type { Writable } from "svelte/store";
 
-  export let canTrack: BuilderEditorProps["canTrack"];
+  export let canTrack: BuilderEditorProps["canTrack"] = undefined;
   export let builderContextSignal: BuilderEditorProps["builderContextSignal"];
-  export let model: BuilderEditorProps["model"];
-  export let context: BuilderEditorProps["context"];
+  export let model: BuilderEditorProps["model"] = undefined;
+  export let context: BuilderEditorProps["context"] = undefined;
   export let apiKey: BuilderEditorProps["apiKey"];
   export let showContent: BuilderEditorProps["showContent"];
   export let classNameProp: BuilderEditorProps["classNameProp"];
 
-  export let content: BuilderEditorProps["content"];
-  export let locale: BuilderEditorProps["locale"];
-  export let includeRefs: BuilderEditorProps["includeRefs"];
-  export let enrich: BuilderEditorProps["enrich"];
+  export let content: BuilderEditorProps["content"] = undefined;
+  export let locale: BuilderEditorProps["locale"] = undefined;
+  export let includeRefs: BuilderEditorProps["includeRefs"] = undefined;
+  export let enrich: BuilderEditorProps["enrich"] = undefined;
 
   function mergeNewContent(newContent: BuilderContent) {
     const newContentValue = {
@@ -185,7 +186,7 @@
           "builder:component:stateChange",
           {
             detail: {
-              state: $builderContextSignal.rootState,
+              state: fastClone($builderContextSignal.rootState),
               ref: {
                 name: model,
               },

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

@@ -12,9 +12,9 @@
   import { getCss } from "./styles.helpers.js";
   import { getFontCss } from "./styles.helpers.js";
 
-  export let cssCode: Props["cssCode"];
-  export let contentId: Props["contentId"];
-  export let customFonts: Props["customFonts"];
+  export let cssCode: Props["cssCode"] = undefined;
+  export let contentId: Props["contentId"] = undefined;
+  export let customFonts: Props["customFonts"] = undefined;
 
   let injectedStyles = `
 ${getCss({

package/src/components/content/content.svelte

@@ -28,17 +28,17 @@
   import type { Dictionary } from "../../types/typescript.js";
   import ComponentsContext from "../../context/components.context.js";
 
-  export let content: ContentProps["content"];
-  export let customComponents: ContentProps["customComponents"];
-  export let data: ContentProps["data"];
-  export let locale: ContentProps["locale"];
-  export let context: ContentProps["context"];
+  export let content: ContentProps["content"] = undefined;
+  export let customComponents: ContentProps["customComponents"] = undefined;
+  export let data: ContentProps["data"] = undefined;
+  export let locale: ContentProps["locale"] = undefined;
+  export let context: ContentProps["context"] = undefined;
   export let apiKey: ContentProps["apiKey"];
-  export let apiVersion: ContentProps["apiVersion"];
-  export let model: ContentProps["model"];
-  export let canTrack: ContentProps["canTrack"];
-  export let includeRefs: ContentProps["includeRefs"];
-  export let enrich: ContentProps["enrich"];
+  export let apiVersion: ContentProps["apiVersion"] = undefined;
+  export let model: ContentProps["model"] = undefined;
+  export let canTrack: ContentProps["canTrack"] = undefined;
+  export let includeRefs: ContentProps["includeRefs"] = undefined;
+  export let enrich: ContentProps["enrich"] = undefined;
   export let classNameProp: ContentProps["classNameProp"];
   export let showContent: ContentProps["showContent"];
   export let isSsrAbTest: ContentProps["isSsrAbTest"];

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

@@ -1,6 +1,6 @@
 import type { BuilderRenderState } from '../../context/types.js';
 import type { EnforcePartials } from '../../types/enforced-partials.js';
-import type { ContentVariantsProps } from '../content-variants/content-variants.types.js';
+import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
 interface InternalRenderProps {
   /**
    * TO-DO: improve qwik generator to not remap this name for non-HTML tags, then name it `className`
@@ -9,7 +9,7 @@ interface InternalRenderProps {
   showContent: boolean;
   isSsrAbTest: boolean;
 }
-export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsProps>;
+export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps>;
 export interface BuilderComponentStateChange {
   state: BuilderRenderState;
   ref: {

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

@@ -1,5 +1,5 @@
 <script context="module" lang="ts">
-  type VariantsProviderProps = ContentVariantsProps & {
+  type VariantsProviderProps = ContentVariantsPrps & {
     /**
      * For internal use only. Do not provide this prop.
      */
@@ -22,20 +22,22 @@
   import { handleABTestingSync } from "../../helpers/ab-tests.js";
   import InlinedScript from "../inlined-script.svelte";
   import { TARGET } from "../../constants/target.js";
-  import type { ContentVariantsProps } from "./content-variants.types.js";
+  import type { ContentVariantsPrps } from "./content-variants.types.js";
 
-  export let canTrack: VariantsProviderProps["canTrack"];
-  export let content: VariantsProviderProps["content"];
-  export let __isNestedRender: VariantsProviderProps["__isNestedRender"];
-  export let model: VariantsProviderProps["model"];
-  export let data: VariantsProviderProps["data"];
-  export let context: VariantsProviderProps["context"];
+  export let canTrack: VariantsProviderProps["canTrack"] = undefined;
+  export let content: VariantsProviderProps["content"] = undefined;
+  export let __isNestedRender: VariantsProviderProps["__isNestedRender"] =
+    undefined;
+  export let model: VariantsProviderProps["model"] = undefined;
+  export let data: VariantsProviderProps["data"] = undefined;
+  export let context: VariantsProviderProps["context"] = undefined;
   export let apiKey: VariantsProviderProps["apiKey"];
-  export let apiVersion: VariantsProviderProps["apiVersion"];
-  export let customComponents: VariantsProviderProps["customComponents"];
-  export let locale: VariantsProviderProps["locale"];
-  export let includeRefs: VariantsProviderProps["includeRefs"];
-  export let enrich: VariantsProviderProps["enrich"];
+  export let apiVersion: VariantsProviderProps["apiVersion"] = undefined;
+  export let customComponents: VariantsProviderProps["customComponents"] =
+    undefined;
+  export let locale: VariantsProviderProps["locale"] = undefined;
+  export let includeRefs: VariantsProviderProps["includeRefs"] = undefined;
+  export let enrich: VariantsProviderProps["enrich"] = undefined;
 
   $: variantScriptStr = () => {
     return getVariantsScriptString(

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

@@ -2,7 +2,7 @@ import type { BuilderRenderContext, RegisteredComponent } from '../../context/ty
 import type { ApiVersion } from '../../types/api-version.js';
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { Nullable } from '../../types/typescript.js';
-export interface ContentVariantsProps {
+export interface ContentVariantsPrps {
   content?: Nullable<BuilderContent>;
   model?: string;
   data?: {

package/src/components/inlined-script.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
   export let scriptStr: Props["scriptStr"];
-  export let id: Props["id"];
+  export let id: Props["id"] = undefined;
 </script>
 
 <svelte:element this={"script"} {id}>{@html scriptStr}</svelte:element>

package/src/components/inlined-styles.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
   export let styles: Props["styles"];
-  export let id: Props["id"];
+  export let id: Props["id"] = undefined;
 </script>
 
 <svelte:element this={"sty" + "le"} {id}>{@html styles}</svelte:element>

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "0.5.7"
+export const SDK_VERSION = "0.5.9"

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

@@ -0,0 +1,41 @@
+import type { BuilderRenderState } from '../../../context/types.js';
+import type { ExecutorArgs } from '../helpers.js';
+import { getFunctionArguments } from '../helpers.js';
+export const runInBrowser = ({
+  code,
+  builder,
+  context,
+  event,
+  localState,
+  rootSetState,
+  rootState
+}: ExecutorArgs) => {
+  const functionArgs = getFunctionArguments({
+    builder,
+    context,
+    event,
+    state: flattenState(rootState, localState, rootSetState)
+  });
+  return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
+};
+export function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState {
+  if (rootState === localState) {
+    throw new Error('rootState === localState');
+  }
+  return new Proxy(rootState, {
+    get: (_, prop) => {
+      if (localState && prop in localState) {
+        return localState[prop];
+      }
+      return rootState[(prop as string)];
+    },
+    set: (_, prop, value) => {
+      if (localState && prop in localState) {
+        throw new Error('Writing to local state is not allowed as it is read-only.');
+      }
+      rootState[(prop as string)] = value;
+      rootSetState?.(rootState);
+      return true;
+    }
+  });
+}

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

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

package/src/functions/evaluate/evaluate.ts

@@ -1,10 +1,15 @@
-import type { BuilderContextInterface, BuilderRenderState } from '../../context/types.js';
 import { logger } from '../../helpers/logger.js';
 import { isBrowser } from '../is-browser.js';
 import { isEditing } from '../is-editing.js';
-import { isNonNodeServer } from '../is-non-node-server.js';
-import type { ExecutorArgs } from './types.js';
+import type { BuilderGlobals, ExecutorArgs } from './helpers.js';
+import { getUserAttributes } from '../track/helpers.js';
+import { runInBrowser } from './browser-runtime/browser.js';
 import { runInNonNode } from './non-node-runtime/index.js';
+import { isNonNodeServer } from '../is-non-node-server.js';
+export type EvaluatorArgs = Omit<ExecutorArgs, 'builder' | 'event'> & {
+  event?: Event;
+  isExpression?: boolean;
+};
 export function evaluate({
   code,
   context,
@@ -13,19 +18,16 @@ export function evaluate({
   rootSetState,
   event,
   isExpression = true
-}: {
-  code: string;
-  event?: Event;
-  isExpression?: boolean;
-} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): any {
+}: EvaluatorArgs): any {
   if (code === '') {
     logger.warn('Skipping evaluation of empty code block.');
     return;
   }
-  const builder = {
+  const builder: BuilderGlobals = {
     isEditing: isEditing(),
     isBrowser: isBrowser(),
-    isServer: !isBrowser()
+    isServer: !isBrowser(),
+    getUserAttributes: () => getUserAttributes()
   };
 
   // Be able to handle simple expressions like "state.foo" or "1 + 1"
@@ -35,7 +37,7 @@ export function evaluate({
   isExpression && !(code.includes(';') || code.includes(' return ') || code.trim().startsWith('return '));
   const useCode = useReturn ? `return (${code});` : code;
   const args: ExecutorArgs = {
-    useCode,
+    code: useCode,
     builder,
     context,
     event,
@@ -43,48 +45,14 @@ export function evaluate({
     rootState,
     localState
   };
-  if (isBrowser()) return runInBrowser(args);
-  if (isNonNodeServer()) return runInNonNode(args);
-  return runInNode(args);
-}
-export const runInBrowser = ({
-  useCode,
-  builder,
-  context,
-  event,
-  localState,
-  rootSetState,
-  rootState
-}: ExecutorArgs) => {
-  const state = flattenState(rootState, localState, rootSetState);
   try {
-    return new Function('builder', 'Builder' /* <- legacy */, 'state', 'context', 'event', useCode)(builder, builder, state, context, event);
-  } catch (e) {
-    logger.warn('Builder custom code error: \n While Evaluating: \n ', useCode, '\n', e);
-  }
-};
-export const runInNode = (args: ExecutorArgs) => {
-  // TO-DO: use vm-isolate
-  return runInBrowser(args);
-};
-export function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState {
-  if (rootState === localState) {
-    throw new Error('rootState === localState');
+    if (isBrowser()) return runInBrowser(args);
+    if (isNonNodeServer()) return runInNonNode(args);
+    return runInBrowser(args);
+  } catch (e: any) {
+    logger.error('Failed code evaluation: ' + e.message, {
+      code
+    });
+    return undefined;
   }
-  return new Proxy(rootState, {
-    get: (_, prop) => {
-      if (localState && prop in localState) {
-        return localState[prop];
-      }
-      return rootState[(prop as string)];
-    },
-    set: (_, prop, value) => {
-      if (localState && prop in localState) {
-        throw new Error('Writing to local state is not allowed as it is read-only.');
-      }
-      rootState[(prop as string)] = value;
-      rootSetState?.(rootState);
-      return true;
-    }
-  });
 }

package/src/functions/evaluate/helpers.ts

@@ -0,0 +1,32 @@
+import type { BuilderContextInterface, BuilderRenderState } from '../../context/types.js';
+import type { getUserAttributes } from '../track/helpers.js';
+export type BuilderGlobals = {
+  isEditing: boolean | undefined;
+  isBrowser: boolean | undefined;
+  isServer: boolean | undefined;
+  getUserAttributes: typeof getUserAttributes;
+};
+export type ExecutorArgs = Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'> & {
+  code: string;
+  builder: BuilderGlobals;
+  event: Event | undefined;
+};
+export type Executor = (args: ExecutorArgs) => any;
+export type FunctionArguments = ReturnType<typeof getFunctionArguments>;
+export const getFunctionArguments = ({
+  builder,
+  context,
+  event,
+  state
+}: Pick<ExecutorArgs, 'builder' | 'context' | 'event'> & {
+  state: BuilderRenderState;
+}) => {
+  return Object.entries({
+    state,
+    Builder: builder,
+    // legacy
+    builder,
+    context,
+    event
+  });
+}

package/src/functions/evaluate/index.ts

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

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

@@ -0,0 +1 @@
+export { evaluator } from '../browser-runtime/index.js'