@builder.io/sdk-react-native 2.0.22 → 2.0.24

package/lib/node/typescript/functions/evaluate/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/functions/evaluate/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;CAC7C,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG;IAClH,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,GAAG,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACxE,eAAO,MAAM,oBAAoB;WAMxB,kBAAkB;kHAU1B,CAAC;AACF,eAAO,MAAM,iBAAiB,QAAO,cAKnC,CAAC;AACH,eAAO,MAAM,SAAS,SAAU,MAAM,oBAEnC,KAAK,aAAa,EAAE,cAAc,CAAC,WAQrC,CAAC;AACF,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,UAAU,EACV,YAAY,EACb,EAAE;IACD,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;IACrD,YAAY,EAAE,CAAC,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACrE,GAAG,kBAAkB,CA4BrB"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/functions/evaluate/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;CAC7C,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG;IAClH,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,YAAY,KAAK,GAAG,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACxE,eAAO,MAAM,oBAAoB;WAMxB,kBAAkB;kHAU1B,CAAC;AACF,eAAO,MAAM,iBAAiB,QAAO,cAKnC,CAAC;AACH,eAAO,MAAM,SAAS,SAAU,MAAM,oBAEnC,KAAK,aAAa,EAAE,cAAc,CAAC,WAQrC,CAAC;AACF,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,UAAU,EACV,YAAY,EACb,EAAE;IACD,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;IACrD,YAAY,EAAE,CAAC,CAAC,SAAS,EAAE,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACrE,GAAG,kBAAkB,CA4BrB"}

package/lib/node/typescript/functions/get-block-actions-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-block-actions-handler.d.ts","sourceRoot":"","sources":["../../../../src/functions/get-block-actions-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,YAAY,CAAC;CACrB,GAAG,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,CAAC,CAAC;AAC3F,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;AAC1C,eAAO,MAAM,kBAAkB,UAAW,MAAM,WAAW,OAAO,KAAG,YASnE,CAAA"}
+{"version":3,"file":"get-block-actions-handler.d.ts","sourceRoot":"","sources":["../../../../src/functions/get-block-actions-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,YAAY,CAAC;CACrB,GAAG,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,CAAC,CAAC;AAC3F,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;AAC1C,eAAO,MAAM,kBAAkB,UAAW,MAAM,WAAW,OAAO,KAAG,YAQnE,CAAA"}

package/lib/node/typescript/functions/get-processed-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-processed-block.d.ts","sourceRoot":"","sources":["../../../../src/functions/get-processed-block.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAO3D,wBAAgB,uBAAuB,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAiB1D;AAyDD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,sBAAsB,EACtB,UAAU,EACV,SAAS,EACT,YAAY,EACb,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,sBAAsB,EAAE,OAAO,CAAC;CACjC,GAAG,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG,YAAY,CAaxG"}
+{"version":3,"file":"get-processed-block.d.ts","sourceRoot":"","sources":["../../../../src/functions/get-processed-block.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAO3D,wBAAgB,uBAAuB,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAiB1D;AAwDD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,sBAAsB,EACtB,UAAU,EACV,SAAS,EACT,YAAY,EACb,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,sBAAsB,EAAE,OAAO,CAAC;CACjC,GAAG,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG,YAAY,CAaxG"}

package/lib/node/typescript/functions/get.d.ts

@@ -0,0 +1,2 @@
+export declare const get: (obj: any, path: string, defaultValue?: any) => any;
+//# sourceMappingURL=get.d.ts.map

package/lib/node/typescript/functions/get.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.d.ts","sourceRoot":"","sources":["../../../../src/functions/get.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG,QAAS,GAAG,QAAQ,MAAM,iBAAiB,GAAG,QAG7D,CAAA"}

package/lib/node/typescript/helpers/cookie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cookie.d.ts","sourceRoot":"","sources":["../../../../src/helpers/cookie.ts"],"names":[],"mappings":"AACA,OAAO,6BAA6B,CAAC;AAMrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAwCnD,eAAO,MAAM,aAAa,MACrB;IACD,MAAM,MAAM,CAAC;CACd,GAAG,QAAQ,KACX,GAAS,CAAC;AAEb,eAAO,MAAM,SAAS;UAId,MAAM;6BAmBb,CAAC;AAEF,eAAO,MAAM,SAAS;UAMd,MAAM;WACL,MAAM;cACH,IAAI;6BAsBf,CAAC"}
+{"version":3,"file":"cookie.d.ts","sourceRoot":"","sources":["../../../../src/helpers/cookie.ts"],"names":[],"mappings":"AACA,OAAO,6BAA6B,CAAC;AAMrC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAqCnD,eAAO,MAAM,aAAa,MACrB;IACD,MAAM,MAAM,CAAC;CACd,GAAG,QAAQ,KACX,GAAS,CAAC;AAEb,eAAO,MAAM,SAAS;UAId,MAAM;6BAmBb,CAAC;AAEF,eAAO,MAAM,SAAS;UAMd,MAAM;WACL,MAAM;cACH,IAAI;6BAsBf,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "2.0.22",
+  "version": "2.0.24",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react-native",
   "repository": {
     "type": "git",

package/src/blocks/text/text.tsx

@@ -110,7 +110,7 @@ export default function Text(props) {
           localState,
           rootState,
           rootSetState,
-          enableCache: false,
+          
         }).toString()
       );
 

package/src/components/block/block.helpers.ts

@@ -49,8 +49,7 @@ export const getRepeatItemData = ({
     localState: context.localState,
     rootState: context.rootState,
     rootSetState: context.rootSetState,
-    context: context.context,
-    enableCache: true
+    context: context.context
   });
   if (!Array.isArray(itemsArray)) {
     return undefined;

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

@@ -28,6 +28,7 @@ export type BlocksWrapperProps = {
    */
   BlocksWrapperProps: any;
   children?: any;
+  classNameProp?: string;
 };
 import { isEditing } from "../../functions/is-editing";
 import type { BuilderBlock } from "../../types/builder-block";
@@ -35,7 +36,13 @@ import type { BuilderBlock } from "../../types/builder-block";
 function BlocksWrapper(props: BlocksWrapperProps) {
   const blocksWrapperRef = useRef<HTMLDivElement>(null);
   function className() {
-    return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
+    return [
+      "builder-blocks",
+      !props.blocks?.length ? "no-blocks" : "",
+      props.classNameProp,
+    ]
+      .filter(Boolean)
+      .join(" ");
   }
 
   function onClick() {

package/src/components/blocks/blocks.tsx

@@ -30,11 +30,12 @@ function Blocks(props: BlocksProps) {
       parent={props.parent}
       path={props.path}
       styleProp={props.styleProp}
+      classNameProp={props.className}
       BlocksWrapper={
-        props.context?.BlocksWrapper || builderContext.BlocksWrapper
+        props.context?.BlocksWrapper || builderContext?.BlocksWrapper
       }
       BlocksWrapperProps={
-        props.context?.BlocksWrapperProps || builderContext.BlocksWrapperProps
+        props.context?.BlocksWrapperProps || builderContext?.BlocksWrapperProps
       }
     >
       {props.blocks ? (
@@ -47,7 +48,7 @@ function Blocks(props: BlocksProps) {
               context={props.context || builderContext}
               registeredComponents={
                 props.registeredComponents ||
-                componentsContext.registeredComponents
+                componentsContext?.registeredComponents
               }
             />
           ))}

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

@@ -1,7 +1,8 @@
 import type { BuilderContextInterface, RegisteredComponents } from '../../context/types';
 import type { BlocksWrapperProps } from './blocks-wrapper';
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps' | 'classNameProp'>> & {
   context?: BuilderContextInterface;
   registeredComponents?: RegisteredComponents;
   linkComponent?: any;
+  className?: string;
 }

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

@@ -186,7 +186,6 @@ function EnableEditor(props: BuilderEditorProps) {
             localState: undefined,
             rootState: props.builderContextSignal.rootState,
             rootSetState: props.builderContextSignal.rootSetState,
-            enableCache: true,
           })
         )
       );

package/src/components/content/content.tsx

@@ -137,10 +137,6 @@ function ContentComponent(props: ContentProps) {
           }));
         },
         isExpression: false,
-        /**
-         * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-         */
-        enableCache: false,
       });
     }
     hasInitialized.current = true;

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.22"
+export const SDK_VERSION = "2.0.24"

package/src/functions/evaluate/evaluate.ts

@@ -1,48 +1,25 @@
 import { logger } from '../../helpers/logger';
+import { get } from '../get';
 import { chooseBrowserOrServerEval } from './choose-eval';
 import type { EvaluatorArgs, ExecutorArgs } from './helpers';
 import { getBuilderGlobals, parseCode } from './helpers';
-
-// Caching is dangerous for several reasons
-// - JSON.stringify is not safe to run on things like `context`
-//   because anything can be passed, including non-stringifiable objects,
-//   circiular references, etc.
-// - JSON.stringify is expensive to run as a cache key
-// - This likely only helped because we were running processBlock multiple times
-//   but that is not fixed, and this will cause bugs and issues if enabled
-//
-// Perhaps the best approach is to allow users to configure if caching  is enabled or not
-// for instance on edge runtimes with slower evaluation times via the interpreter
-// That said, the repeat processBLock calls was making any evaluation time 10x+ slower
-// which is now fixed, so this still may not be necessary
-const DISABLE_CACHE = true;
 type EvalValue = unknown;
-class EvalCache {
-  static cacheLimit = 20;
-  static cache = new Map<string, {
-    value: EvalValue;
-  } | undefined>();
-  static getCacheKey(args: ExecutorArgs) {
-    return JSON.stringify({
-      ...args,
-      // replace the event with a random number to break cache
-      // thats because we can't serialize the event object due to circular refs in DOM node refs.
-      event: args.event ? Math.random() : undefined
-    });
-  }
-  static getCachedValue(key: string) {
-    const cachedVal = EvalCache.cache.get(key);
-    return cachedVal;
-  }
-  static setCachedValue(key: string, value: EvalValue) {
-    if (EvalCache.cache.size > 20) {
-      EvalCache.cache.delete(EvalCache.cache.keys().next().value);
-    }
-    EvalCache.cache.set(key, {
-      value
-    });
-  }
-}
+
+/**
+ * handles multi-level gets on state: `state.x.y.z`
+ * does not handle bracket notation
+ * see https://regexr.com/87a9j
+ */
+const STATE_GETTER_REGEX = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/;
+
+/**
+ * Handles multi-level gets on state transpiled by rollup with virtual index.
+ * see https://regexr.com/87ai4
+ */
+const VIRTUAL_INDEX_REGEX = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/;
+export const getSimpleExpressionGetPath = (code: string) => {
+  return STATE_GETTER_REGEX.exec(code.trim())?.groups?.getPath?.slice(1) || VIRTUAL_INDEX_REGEX.exec(code.trim())?.groups?.getPath?.slice(1);
+};
 export function evaluate({
   code,
   context,
@@ -50,12 +27,25 @@ export function evaluate({
   rootState,
   rootSetState,
   event,
-  isExpression = true,
-  enableCache
+  isExpression = true
 }: EvaluatorArgs): EvalValue {
-  if (code === '') {
+  if (code.trim() === '') {
     return undefined;
   }
+
+  /**
+   * For very simple expressions like "state.foo" we can optimize by skipping
+   * the executor altogether.
+   * We try not to take many risks with this optimizations, so we only do it for
+   * `state.{path}` expressions.
+   */
+  const getPath = getSimpleExpressionGetPath(code.trim());
+  if (getPath) {
+    return get({
+      ...rootState,
+      ...localState
+    }, getPath);
+  }
   const args: ExecutorArgs = {
     code: parseCode(code, {
       isExpression
@@ -67,19 +57,8 @@ export function evaluate({
     rootState,
     localState
   };
-  if (enableCache && !DISABLE_CACHE) {
-    const cacheKey = EvalCache.getCacheKey(args);
-    const cachedValue = EvalCache.getCachedValue(cacheKey);
-    if (cachedValue) {
-      return cachedValue.value;
-    }
-  }
   try {
     const newEval = chooseBrowserOrServerEval(args);
-    if (enableCache) {
-      const cacheKey = EvalCache.getCacheKey(args);
-      EvalCache.setCachedValue(cacheKey, newEval);
-    }
     return newEval;
   } catch (e: any) {
     logger.error('Failed code evaluation: ' + e.message, {

package/src/functions/evaluate/helpers.ts

@@ -5,7 +5,6 @@ import { getUserAttributes } from '../track/helpers';
 export type EvaluatorArgs = Omit<ExecutorArgs, 'builder' | 'event'> & {
   event?: Event;
   isExpression?: boolean;
-  enableCache: boolean;
 };
 export type BuilderGlobals = {
   isEditing: boolean | undefined;

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

@@ -12,6 +12,5 @@ export const createEventHandler = (value: string, options: Options): EventHandle
   rootState: options.rootState,
   rootSetState: options.rootSetState,
   event,
-  isExpression: false,
-  enableCache: true
+  isExpression: false
 })

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

@@ -75,8 +75,7 @@ const evaluateBindings = ({
       localState,
       rootState,
       rootSetState,
-      context,
-      enableCache: true
+      context
     });
     set(copied, binding, value);
   }

package/src/helpers/cookie.ts

@@ -32,9 +32,6 @@ const initStorage = () => {
     // expire time, default: 1 day (1000 * 3600 * 24 milliseconds).
     // can be null, which means never expire.
     defaultExpires: ONE_DAY * 30,
-
-    // cache data in the memory. default is true.
-    enableCache: true,
   });
 
   return storage;