@builder.io/sdk-svelte 0.12.4 → 0.12.6

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

@@ -289,18 +289,21 @@ $: onUpdateFn_1(...[shouldSendResetCookie]);
 function onUpdateFn_2(..._args) {
     evaluateJsCode();
 }
-$: onUpdateFn_2(...[
-    $builderContextSignal.content?.data?.jsCode,
-    $builderContextSignal.rootState,
-]);
+$: onUpdateFn_2_builderContextSignal_content__data__jsCode =
+    $builderContextSignal.content?.data?.jsCode;
+$: onUpdateFn_2(...[onUpdateFn_2_builderContextSignal_content__data__jsCode]);
 function onUpdateFn_3(..._args) {
     runHttpRequests();
 }
-$: onUpdateFn_3(...[$builderContextSignal.content?.data?.httpRequests]);
+$: onUpdateFn_3_builderContextSignal_content__data__httpRequests =
+    $builderContextSignal.content?.data?.httpRequests;
+$: onUpdateFn_3(...[onUpdateFn_3_builderContextSignal_content__data__httpRequests]);
 function onUpdateFn_4(..._args) {
     emitStateUpdate();
 }
-$: onUpdateFn_4(...[$builderContextSignal.rootState]);
+$: onUpdateFn_4_builderContextSignal_rootState =
+    $builderContextSignal.rootState;
+$: onUpdateFn_4(...[onUpdateFn_4_builderContextSignal_rootState]);
 function onUpdateFn_5(..._args) {
     if (data) {
         mergeNewRootState(data);

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.4";
+export declare const SDK_VERSION = "0.12.6";

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

@@ -1 +1 @@
-export const SDK_VERSION = "0.12.4";
+export const SDK_VERSION = "0.12.6";

package/lib/browser/functions/evaluate/browser-runtime/browser.d.ts

@@ -1,4 +1,8 @@
 import type { BuilderRenderState } from '../../../context/types.js';
 import type { ExecutorArgs } from '../helpers.js';
 export declare const runInBrowser: ({ code, builder, context, event, localState, rootSetState, rootState }: ExecutorArgs) => any;
-export declare function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState;
+export declare function flattenState({ rootState, localState, rootSetState }: {
+    rootState: Record<string | symbol, any>;
+    localState: Record<string | symbol, any> | undefined;
+    rootSetState: ((rootState: BuilderRenderState) => void) | undefined;
+}): BuilderRenderState;

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

@@ -4,27 +4,39 @@ export const runInBrowser = ({ code, builder, context, event, localState, rootSe
         builder,
         context,
         event,
-        state: flattenState(rootState, localState, rootSetState)
+        state: flattenState({
+            rootState,
+            localState,
+            rootSetState
+        })
     });
     return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-export function flattenState(rootState, localState, rootSetState) {
-    if (rootState === localState) {
-        throw new Error('rootState === localState');
-    }
+export function flattenState({ rootState, localState, rootSetState }) {
     return new Proxy(rootState, {
-        get: (_, prop) => {
+        get: (target, prop) => {
             if (localState && prop in localState) {
                 return localState[prop];
             }
-            return rootState[prop];
+            const val = target[prop];
+            if (typeof val === 'object') {
+                return flattenState({
+                    rootState: val,
+                    localState: undefined,
+                    rootSetState: rootSetState ? subState => {
+                        target[prop] = subState;
+                        rootSetState(target);
+                    } : undefined
+                });
+            }
+            return val;
         },
-        set: (_, prop, value) => {
+        set: (target, prop, value) => {
             if (localState && prop in localState) {
                 throw new Error('Writing to local state is not allowed as it is read-only.');
             }
-            rootState[prop] = value;
-            rootSetState?.(rootState);
+            target[prop] = value;
+            rootSetState?.(target);
             return true;
         }
     });

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

@@ -12,8 +12,9 @@ import { runInBrowser } from './browser-runtime/browser.js';
  * types can be resolved correctly.
  */
 import { evaluator } from '../../../browser/functions/evaluate/browser-runtime/index.js';
+import { shouldForceBrowserRuntimeInNode } from './should-force-browser-runtime-in-node.js';
 /**
  * Even though we have separate runtimes for browser/node/edge, sometimes frameworks will
  * end up sending the server runtime code to the browser (most notably in dev mode).
  */
-export const chooseBrowserOrServerEval = (args) => isBrowser() ? runInBrowser(args) : evaluator(args);
+export const chooseBrowserOrServerEval = (args) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(args) : evaluator(args);

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

@@ -0,0 +1 @@
+export declare const shouldForceBrowserRuntimeInNode: () => boolean;

package/lib/browser/functions/evaluate/should-force-browser-runtime-in-node.js

@@ -0,0 +1,17 @@
+import { logger } from '../../helpers/logger.js';
+import { isNodeRuntime } from '../is-node-runtime.js';
+export const shouldForceBrowserRuntimeInNode = () => {
+    if (!isNodeRuntime())
+        return false;
+    const isArm64 = process.arch === 'arm64';
+    const isNode20 = process.version.startsWith('v20');
+    const hasNoNodeSnapshotNodeOption = process.env.NODE_OPTIONS?.includes('--no-node-snapshot');
+    if (isArm64 && isNode20 && !hasNoNodeSnapshotNodeOption) {
+        logger.log(`Skipping usage of \`isolated-vm\` to avoid crashes in Node v20 on an arm64 machine.
+    If you would like to use the \`isolated-vm\` package on this machine, please provide the \`NODE_OPTIONS=--no-node-snapshot\` config to your Node process.
+    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.
+    `);
+        return true;
+    }
+    return false;
+};

package/lib/browser/functions/is-node-runtime.js

@@ -1,4 +1,4 @@
-import { checkIsDefined } from '../helpers/nullable';
+import { checkIsDefined } from '../helpers/nullable.js';
 /**
  * Identifies node runtime
  */

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

@@ -289,18 +289,21 @@ $: onUpdateFn_1(...[shouldSendResetCookie]);
 function onUpdateFn_2(..._args) {
     evaluateJsCode();
 }
-$: onUpdateFn_2(...[
-    $builderContextSignal.content?.data?.jsCode,
-    $builderContextSignal.rootState,
-]);
+$: onUpdateFn_2_builderContextSignal_content__data__jsCode =
+    $builderContextSignal.content?.data?.jsCode;
+$: onUpdateFn_2(...[onUpdateFn_2_builderContextSignal_content__data__jsCode]);
 function onUpdateFn_3(..._args) {
     runHttpRequests();
 }
-$: onUpdateFn_3(...[$builderContextSignal.content?.data?.httpRequests]);
+$: onUpdateFn_3_builderContextSignal_content__data__httpRequests =
+    $builderContextSignal.content?.data?.httpRequests;
+$: onUpdateFn_3(...[onUpdateFn_3_builderContextSignal_content__data__httpRequests]);
 function onUpdateFn_4(..._args) {
     emitStateUpdate();
 }
-$: onUpdateFn_4(...[$builderContextSignal.rootState]);
+$: onUpdateFn_4_builderContextSignal_rootState =
+    $builderContextSignal.rootState;
+$: onUpdateFn_4(...[onUpdateFn_4_builderContextSignal_rootState]);
 function onUpdateFn_5(..._args) {
     if (data) {
         mergeNewRootState(data);

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.4";
+export declare const SDK_VERSION = "0.12.6";

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

@@ -1 +1 @@
-export const SDK_VERSION = "0.12.4";
+export const SDK_VERSION = "0.12.6";

package/lib/edge/functions/evaluate/browser-runtime/browser.d.ts

@@ -1,4 +1,8 @@
 import type { BuilderRenderState } from '../../../context/types.js';
 import type { ExecutorArgs } from '../helpers.js';
 export declare const runInBrowser: ({ code, builder, context, event, localState, rootSetState, rootState }: ExecutorArgs) => any;
-export declare function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState;
+export declare function flattenState({ rootState, localState, rootSetState }: {
+    rootState: Record<string | symbol, any>;
+    localState: Record<string | symbol, any> | undefined;
+    rootSetState: ((rootState: BuilderRenderState) => void) | undefined;
+}): BuilderRenderState;

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

@@ -4,27 +4,39 @@ export const runInBrowser = ({ code, builder, context, event, localState, rootSe
         builder,
         context,
         event,
-        state: flattenState(rootState, localState, rootSetState)
+        state: flattenState({
+            rootState,
+            localState,
+            rootSetState
+        })
     });
     return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-export function flattenState(rootState, localState, rootSetState) {
-    if (rootState === localState) {
-        throw new Error('rootState === localState');
-    }
+export function flattenState({ rootState, localState, rootSetState }) {
     return new Proxy(rootState, {
-        get: (_, prop) => {
+        get: (target, prop) => {
             if (localState && prop in localState) {
                 return localState[prop];
             }
-            return rootState[prop];
+            const val = target[prop];
+            if (typeof val === 'object') {
+                return flattenState({
+                    rootState: val,
+                    localState: undefined,
+                    rootSetState: rootSetState ? subState => {
+                        target[prop] = subState;
+                        rootSetState(target);
+                    } : undefined
+                });
+            }
+            return val;
         },
-        set: (_, prop, value) => {
+        set: (target, prop, value) => {
             if (localState && prop in localState) {
                 throw new Error('Writing to local state is not allowed as it is read-only.');
             }
-            rootState[prop] = value;
-            rootSetState?.(rootState);
+            target[prop] = value;
+            rootSetState?.(target);
             return true;
         }
     });

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

@@ -12,8 +12,9 @@ import { runInBrowser } from './browser-runtime/browser.js';
  * types can be resolved correctly.
  */
 import { evaluator } from '../../../edge/functions/evaluate/edge-runtime/index.js';
+import { shouldForceBrowserRuntimeInNode } from './should-force-browser-runtime-in-node.js';
 /**
  * Even though we have separate runtimes for browser/node/edge, sometimes frameworks will
  * end up sending the server runtime code to the browser (most notably in dev mode).
  */
-export const chooseBrowserOrServerEval = (args) => isBrowser() ? runInBrowser(args) : evaluator(args);
+export const chooseBrowserOrServerEval = (args) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(args) : evaluator(args);

package/lib/edge/functions/evaluate/should-force-browser-runtime-in-node.d.ts

@@ -0,0 +1 @@
+export declare const shouldForceBrowserRuntimeInNode: () => boolean;

package/lib/edge/functions/evaluate/should-force-browser-runtime-in-node.js

@@ -0,0 +1,17 @@
+import { logger } from '../../helpers/logger.js';
+import { isNodeRuntime } from '../is-node-runtime.js';
+export const shouldForceBrowserRuntimeInNode = () => {
+    if (!isNodeRuntime())
+        return false;
+    const isArm64 = process.arch === 'arm64';
+    const isNode20 = process.version.startsWith('v20');
+    const hasNoNodeSnapshotNodeOption = process.env.NODE_OPTIONS?.includes('--no-node-snapshot');
+    if (isArm64 && isNode20 && !hasNoNodeSnapshotNodeOption) {
+        logger.log(`Skipping usage of \`isolated-vm\` to avoid crashes in Node v20 on an arm64 machine.
+    If you would like to use the \`isolated-vm\` package on this machine, please provide the \`NODE_OPTIONS=--no-node-snapshot\` config to your Node process.
+    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.
+    `);
+        return true;
+    }
+    return false;
+};

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

@@ -1,4 +1,4 @@
-import { checkIsDefined } from '../helpers/nullable';
+import { checkIsDefined } from '../helpers/nullable.js';
 /**
  * Identifies node runtime
  */

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

@@ -289,18 +289,21 @@ $: onUpdateFn_1(...[shouldSendResetCookie]);
 function onUpdateFn_2(..._args) {
     evaluateJsCode();
 }
-$: onUpdateFn_2(...[
-    $builderContextSignal.content?.data?.jsCode,
-    $builderContextSignal.rootState,
-]);
+$: onUpdateFn_2_builderContextSignal_content__data__jsCode =
+    $builderContextSignal.content?.data?.jsCode;
+$: onUpdateFn_2(...[onUpdateFn_2_builderContextSignal_content__data__jsCode]);
 function onUpdateFn_3(..._args) {
     runHttpRequests();
 }
-$: onUpdateFn_3(...[$builderContextSignal.content?.data?.httpRequests]);
+$: onUpdateFn_3_builderContextSignal_content__data__httpRequests =
+    $builderContextSignal.content?.data?.httpRequests;
+$: onUpdateFn_3(...[onUpdateFn_3_builderContextSignal_content__data__httpRequests]);
 function onUpdateFn_4(..._args) {
     emitStateUpdate();
 }
-$: onUpdateFn_4(...[$builderContextSignal.rootState]);
+$: onUpdateFn_4_builderContextSignal_rootState =
+    $builderContextSignal.rootState;
+$: onUpdateFn_4(...[onUpdateFn_4_builderContextSignal_rootState]);
 function onUpdateFn_5(..._args) {
     if (data) {
         mergeNewRootState(data);

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.4";
+export declare const SDK_VERSION = "0.12.6";

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

@@ -1 +1 @@
-export const SDK_VERSION = "0.12.4";
+export const SDK_VERSION = "0.12.6";

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

@@ -1,4 +1,8 @@
 import type { BuilderRenderState } from '../../../context/types.js';
 import type { ExecutorArgs } from '../helpers.js';
 export declare const runInBrowser: ({ code, builder, context, event, localState, rootSetState, rootState }: ExecutorArgs) => any;
-export declare function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState;
+export declare function flattenState({ rootState, localState, rootSetState }: {
+    rootState: Record<string | symbol, any>;
+    localState: Record<string | symbol, any> | undefined;
+    rootSetState: ((rootState: BuilderRenderState) => void) | undefined;
+}): BuilderRenderState;

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

@@ -4,27 +4,39 @@ export const runInBrowser = ({ code, builder, context, event, localState, rootSe
         builder,
         context,
         event,
-        state: flattenState(rootState, localState, rootSetState)
+        state: flattenState({
+            rootState,
+            localState,
+            rootSetState
+        })
     });
     return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
 };
-export function flattenState(rootState, localState, rootSetState) {
-    if (rootState === localState) {
-        throw new Error('rootState === localState');
-    }
+export function flattenState({ rootState, localState, rootSetState }) {
     return new Proxy(rootState, {
-        get: (_, prop) => {
+        get: (target, prop) => {
             if (localState && prop in localState) {
                 return localState[prop];
             }
-            return rootState[prop];
+            const val = target[prop];
+            if (typeof val === 'object') {
+                return flattenState({
+                    rootState: val,
+                    localState: undefined,
+                    rootSetState: rootSetState ? subState => {
+                        target[prop] = subState;
+                        rootSetState(target);
+                    } : undefined
+                });
+            }
+            return val;
         },
-        set: (_, prop, value) => {
+        set: (target, prop, value) => {
             if (localState && prop in localState) {
                 throw new Error('Writing to local state is not allowed as it is read-only.');
             }
-            rootState[prop] = value;
-            rootSetState?.(rootState);
+            target[prop] = value;
+            rootSetState?.(target);
             return true;
         }
     });

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

@@ -12,8 +12,9 @@ import { runInBrowser } from './browser-runtime/browser.js';
  * types can be resolved correctly.
  */
 import { evaluator } from '../../../node/functions/evaluate/node-runtime/index.js';
+import { shouldForceBrowserRuntimeInNode } from './should-force-browser-runtime-in-node.js';
 /**
  * Even though we have separate runtimes for browser/node/edge, sometimes frameworks will
  * end up sending the server runtime code to the browser (most notably in dev mode).
  */
-export const chooseBrowserOrServerEval = (args) => isBrowser() ? runInBrowser(args) : evaluator(args);
+export const chooseBrowserOrServerEval = (args) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(args) : evaluator(args);

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

@@ -0,0 +1 @@
+export declare const shouldForceBrowserRuntimeInNode: () => boolean;

package/lib/node/functions/evaluate/should-force-browser-runtime-in-node.js

@@ -0,0 +1,17 @@
+import { logger } from '../../helpers/logger.js';
+import { isNodeRuntime } from '../is-node-runtime.js';
+export const shouldForceBrowserRuntimeInNode = () => {
+    if (!isNodeRuntime())
+        return false;
+    const isArm64 = process.arch === 'arm64';
+    const isNode20 = process.version.startsWith('v20');
+    const hasNoNodeSnapshotNodeOption = process.env.NODE_OPTIONS?.includes('--no-node-snapshot');
+    if (isArm64 && isNode20 && !hasNoNodeSnapshotNodeOption) {
+        logger.log(`Skipping usage of \`isolated-vm\` to avoid crashes in Node v20 on an arm64 machine.
+    If you would like to use the \`isolated-vm\` package on this machine, please provide the \`NODE_OPTIONS=--no-node-snapshot\` config to your Node process.
+    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.
+    `);
+        return true;
+    }
+    return false;
+};

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

@@ -1,4 +1,4 @@
-import { checkIsDefined } from '../helpers/nullable';
+import { checkIsDefined } from '../helpers/nullable.js';
 /**
  * Identifies node runtime
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.12.4",
+  "version": "0.12.6",
   "type": "module",
   "files": [
     "lib",

package/src/blocks/embed/embed.svelte

@@ -43,6 +43,7 @@
       findAndRunScripts();
     }
   }
+
   $: onUpdateFn_0(...[elem, ranInitFn]);
 </script>
 

package/src/blocks/symbol/symbol.svelte

@@ -53,6 +53,7 @@
   function onUpdateFn_0(..._args: any[]) {
     setContent();
   }
+
   $: onUpdateFn_0(...[symbol]);
 </script>
 

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

@@ -343,31 +343,37 @@
       mergeNewContent(content);
     }
   }
+
   $: onUpdateFn_0(...[content]);
   function onUpdateFn_1(..._args: any[]) {}
+
   $: onUpdateFn_1(...[shouldSendResetCookie]);
   function onUpdateFn_2(..._args: any[]) {
     evaluateJsCode();
   }
-  $: onUpdateFn_2(
-    ...[
-      $builderContextSignal.content?.data?.jsCode,
-      $builderContextSignal.rootState,
-    ]
-  );
+  $: onUpdateFn_2_builderContextSignal_content__data__jsCode =
+    $builderContextSignal.content?.data?.jsCode;
+  $: onUpdateFn_2(...[onUpdateFn_2_builderContextSignal_content__data__jsCode]);
   function onUpdateFn_3(..._args: any[]) {
     runHttpRequests();
   }
-  $: onUpdateFn_3(...[$builderContextSignal.content?.data?.httpRequests]);
+  $: onUpdateFn_3_builderContextSignal_content__data__httpRequests =
+    $builderContextSignal.content?.data?.httpRequests;
+  $: onUpdateFn_3(
+    ...[onUpdateFn_3_builderContextSignal_content__data__httpRequests]
+  );
   function onUpdateFn_4(..._args: any[]) {
     emitStateUpdate();
   }
-  $: onUpdateFn_4(...[$builderContextSignal.rootState]);
+  $: onUpdateFn_4_builderContextSignal_rootState =
+    $builderContextSignal.rootState;
+  $: onUpdateFn_4(...[onUpdateFn_4_builderContextSignal_rootState]);
   function onUpdateFn_5(..._args: any[]) {
     if (data) {
       mergeNewRootState(data);
     }
   }
+
   $: onUpdateFn_5(...[data]);
   function onUpdateFn_6(..._args: any[]) {
     if (locale) {
@@ -376,6 +382,7 @@
       });
     }
   }
+
   $: onUpdateFn_6(...[locale]);
 
   setContext(builderContext.key, builderContextSignal);

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "0.12.4"
+export const SDK_VERSION = "0.12.6"

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

@@ -14,27 +14,47 @@ export const runInBrowser = ({
     builder,
     context,
     event,
-    state: flattenState(rootState, localState, rootSetState)
+    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');
-  }
+export function flattenState({
+  rootState,
+  localState,
+  rootSetState
+}: {
+  rootState: Record<string | symbol, any>;
+  localState: Record<string | symbol, any> | undefined;
+  rootSetState: ((rootState: BuilderRenderState) => void) | undefined;
+}): BuilderRenderState {
   return new Proxy(rootState, {
-    get: (_, prop) => {
+    get: (target, prop) => {
       if (localState && prop in localState) {
         return localState[prop];
       }
-      return rootState[(prop as string)];
+      const val = target[prop];
+      if (typeof val === 'object') {
+        return flattenState({
+          rootState: val,
+          localState: undefined,
+          rootSetState: rootSetState ? subState => {
+            target[prop] = subState;
+            rootSetState(target);
+          } : undefined
+        });
+      }
+      return val;
     },
-    set: (_, prop, value) => {
+    set: (target, 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);
+      target[prop] = value;
+      rootSetState?.(target);
       return true;
     }
   });

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

@@ -14,9 +14,10 @@ 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';
 
 /**
  * Even though we have separate runtimes for browser/node/edge, sometimes frameworks will
  * end up sending the server runtime code to the browser (most notably in dev mode).
  */
-export const chooseBrowserOrServerEval = (args: ExecutorArgs) => isBrowser() ? runInBrowser(args) : evaluator(args)
+export const chooseBrowserOrServerEval = (args: ExecutorArgs) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(args) : evaluator(args)

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

@@ -0,0 +1,16 @@
+import { logger } from '../../helpers/logger.js';
+import { isNodeRuntime } from '../is-node-runtime.js';
+export const shouldForceBrowserRuntimeInNode = () => {
+  if (!isNodeRuntime()) return false;
+  const isArm64 = process.arch === 'arm64';
+  const isNode20 = process.version.startsWith('v20');
+  const hasNoNodeSnapshotNodeOption = process.env.NODE_OPTIONS?.includes('--no-node-snapshot');
+  if (isArm64 && isNode20 && !hasNoNodeSnapshotNodeOption) {
+    logger.log(`Skipping usage of \`isolated-vm\` to avoid crashes in Node v20 on an arm64 machine.
+    If you would like to use the \`isolated-vm\` package on this machine, please provide the \`NODE_OPTIONS=--no-node-snapshot\` config to your Node process.
+    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.
+    `);
+    return true;
+  }
+  return false;
+}

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

@@ -1,4 +1,4 @@
-import { checkIsDefined } from '../helpers/nullable';
+import { checkIsDefined } from '../helpers/nullable.js';
 
 /**
  * Identifies node runtime