@builder.io/sdk-svelte 0.5.7 → 0.5.9

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

@@ -1,7 +1,8 @@
-import { logger } from '../../../helpers/logger';
-import { set } from '../../set';
-import Interpreter from '../acorn-interpreter.js';
-import type { ExecutorArgs } from '../types';
+import { logger } from '../../../helpers/logger.js';
+import { set } from '../../set.js';
+import Interpreter from './acorn-interpreter.js';
+import type { ExecutorArgs } from '../helpers.js';
+import { getFunctionArguments } from '../helpers.js';
 const processCode = (code: string) => {
   return code.split('\n').map(line => {
     const trimmed = line.trim();
@@ -29,25 +30,24 @@ export const runInNonNode = ({
   rootState,
   localState,
   rootSetState,
-  useCode
+  code
 }: ExecutorArgs) => {
   const state = {
     ...rootState,
     ...localState
   };
-  const properties = {
-    state,
-    Builder: builder,
+  const properties = getFunctionArguments({
     builder,
     context,
-    event
-  };
+    event,
+    state
+  });
 
   /**
    * Deserialize all properties from JSON strings to JS objects
    */
-  const prependedCode = Object.keys(properties).map(key => `var ${key} = JSON.parse(${getJSONValName(key)});`).join('\n');
-  const cleanedCode = processCode(useCode);
+  const prependedCode = properties.map(([key]) => `var ${key} = JSON.parse(${getJSONValName(key)});`).join('\n');
+  const cleanedCode = processCode(code);
   if (cleanedCode === '') {
     logger.warn('Skipping evaluation of empty code block.');
     return;
@@ -68,8 +68,7 @@ theFunction();
     /**
      * serialize all function args to JSON strings
      */
-    Object.keys(properties).forEach(key => {
-      const val = properties[(key as keyof typeof properties)] || {};
+    properties.forEach(([key, val]) => {
       const jsonVal = JSON.stringify(val);
       interpreter.setProperty(globalObject, getJSONValName(key), jsonVal);
     });

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

@@ -1,5 +1,5 @@
 import { getBuilderSearchParams } from './get-builder-search-params/index.js';
-import type { ContentVariantsProps } from '../components/content-variants/content-variants.types.js';
+import type { ContentVariantsPrps } from '../components/content-variants/content-variants.types.js';
 import type { Dictionary } from '../types/typescript.js';
 import { fetchOneEntry } from './get-content/index.js';
 import type { GetContentOptions } from './get-content/types.js';
@@ -39,7 +39,7 @@ type GetBuilderPropsOptions = (Omit<GetContentOptions, 'model'> & {
 /**
  * Fetches builder content, and returns it along with sensible defaults for other props that `Content` needs to render.
  */
-export const fetchBuilderProps = async (_args: GetBuilderPropsOptions): Promise<ContentVariantsProps> => {
+export const fetchBuilderProps = async (_args: GetBuilderPropsOptions): Promise<ContentVariantsPrps> => {
   const urlPath = _args.path || _args.url?.pathname || _args.userAttributes?.urlPath;
   const getContentArgs: GetContentOptions = {
     ..._args,

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';
+import { evaluate } from './evaluate/index.js';
 type Options = {
   block: BuilderBlock;
 } & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>;

package/src/functions/register-component.ts

@@ -21,7 +21,7 @@ export function registerComponent(component: any, info: ComponentInfo): void {
 }
 export const createRegisterComponentMessage = (info: ComponentInfo) => ({
   type: 'builder.registerComponent',
-  data: info
+  data: serializeComponentInfo(info)
 });
 
 // eslint-disable-next-line @typescript-eslint/ban-types

package/src/index.ts

@@ -1,16 +1,8 @@
 export * from './index-helpers/top-of-file.js';
 export * from './index-helpers/blocks-exports.js';
-export { isEditing } from './functions/is-editing.js';
-export { isPreviewing } from './functions/is-previewing.js';
-export { createRegisterComponentMessage } from './functions/register-component.js';
-export { register } from './functions/register.js';
-export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
-export { setEditorSettings } from './functions/set-editor-settings.js';
-export type { Settings } from './functions/set-editor-settings.js';
-export { fetchEntries, fetchOneEntry, getAllContent, getContent, _processContentResult } from './functions/get-content/index.js';
-export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
-export { track } from './functions/track/index.js';
-export type { RegisteredComponent } from './context/types.js';
-export type { ComponentInfo } from './types/components.js';
-export type { ContentProps } from './components/content/content.types.js';
-export { fetchBuilderProps } from './functions/fetch-builder-props.js'
+
+/**
+ * We have a separate entry point to the SDKs that guarantees no components are being imported. This is useful
+ * for React SDK, which would break in the NextJS App directory because the component imports have `use client` in them.
+ */
+export * from './server-index.js'

package/src/server-index.ts

@@ -0,0 +1,15 @@
+export * from './index-helpers/top-of-file.js';
+export { isEditing } from './functions/is-editing.js';
+export { isPreviewing } from './functions/is-previewing.js';
+export { createRegisterComponentMessage } from './functions/register-component.js';
+export { register } from './functions/register.js';
+export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
+export { setEditorSettings } from './functions/set-editor-settings.js';
+export type { Settings } from './functions/set-editor-settings.js';
+export { fetchEntries, fetchOneEntry, getAllContent, getContent, _processContentResult } from './functions/get-content/index.js';
+export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
+export { track } from './functions/track/index.js';
+export type { RegisteredComponent } from './context/types.js';
+export type { ComponentInfo } from './types/components.js';
+export type { ContentProps } from './components/content/content.types.js';
+export { fetchBuilderProps } from './functions/fetch-builder-props.js'

package/package/functions/evaluate/types.d.ts

@@ -1,11 +0,0 @@
-import type { BuilderContextInterface } from '../../context/types';
-export type ExecutorArgs = Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'> & {
-    useCode: string;
-    builder: {
-        isEditing: boolean | undefined;
-        isBrowser: boolean | undefined;
-        isServer: boolean | undefined;
-    };
-    event: Event | undefined;
-};
-export type Executor = (args: ExecutorArgs) => any;

package/package/functions/evaluate/types.js

@@ -1 +0,0 @@
-export {};

package/src/functions/evaluate/types.ts

@@ -1,11 +0,0 @@
-import type { BuilderContextInterface } from '../../context/types';
-export type ExecutorArgs = Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'> & {
-  useCode: string;
-  builder: {
-    isEditing: boolean | undefined;
-    isBrowser: boolean | undefined;
-    isServer: boolean | undefined;
-  };
-  event: Event | undefined;
-};
-export type Executor = (args: ExecutorArgs) => any