@builder.io/sdk-react-native 2.0.26 → 2.0.28

package/src/blocks/columns/columns.tsx

@@ -13,7 +13,6 @@ import {
   Button,
   Linking,
 } from "react-native";
-import { useState } from "react";
 
 type CSSVal = string | number;
 import Blocks from "../../components/blocks/blocks";
@@ -31,27 +30,29 @@ import type { Column, ColumnProps } from "./columns.types";
 import { getColumnsClass } from "./helpers";
 
 function Columns(props: ColumnProps) {
-  const [gutterSize, setGutterSize] = useState(() =>
-    typeof props.space === "number" ? props.space || 0 : 20
-  );
+  function gutterSize() {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  }
 
-  const [cols, setCols] = useState(() => props.columns || []);
+  function cols() {
+    return props.columns || [];
+  }
 
-  const [stackAt, setStackAt] = useState(
-    () => props.stackColumnsAt || "tablet"
-  );
+  function stackAt() {
+    return props.stackColumnsAt || "tablet";
+  }
 
   function getTagName(column: Column) {
     return column.link ? props.builderLinkComponent || BaseText : View;
   }
 
   function getWidth(index: number) {
-    return cols[index]?.width || 100 / cols.length;
+    return cols()[index]?.width || 100 / cols().length;
   }
 
   function getColumnCssWidth(index: number) {
     const width = getWidth(index);
-    const subtractWidth = gutterSize * (cols.length - 1) * (width / 100);
+    const subtractWidth = gutterSize() * (cols().length - 1) * (width / 100);
     return `calc(${width}% - ${subtractWidth}px)`;
   }
 
@@ -62,7 +63,7 @@ function Columns(props: ColumnProps) {
     stackedStyle: CSSVal;
     desktopStyle: CSSVal;
   }) {
-    return stackAt === "tablet" ? stackedStyle : desktopStyle;
+    return stackAt() === "tablet" ? stackedStyle : desktopStyle;
   }
 
   function getMobileStyle({
@@ -72,25 +73,25 @@ function Columns(props: ColumnProps) {
     stackedStyle: CSSVal;
     desktopStyle: CSSVal;
   }) {
-    return stackAt === "never" ? desktopStyle : stackedStyle;
+    return stackAt() === "never" ? desktopStyle : stackedStyle;
   }
 
-  const [flexDir, setFlexDir] = useState(() =>
-    props.stackColumnsAt === "never"
+  function flexDir() {
+    return props.stackColumnsAt === "never"
       ? "row"
       : props.reverseColumnsWhenStacked
       ? "column-reverse"
-      : "column"
-  );
+      : "column";
+  }
 
   function columnsCssVars() {
     return {
-      flexDirection: flexDir as "row" | "column" | "column-reverse",
+      flexDirection: flexDir() as "row" | "column" | "column-reverse",
     };
   }
 
   function columnCssVars(index: number) {
-    const gutter = index === 0 ? 0 : gutterSize;
+    const gutter = index === 0 ? 0 : gutterSize();
     const width = getColumnCssWidth(index);
     const gutterPixels = `${gutter}px`;
     const mobileWidth = "100%";

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.26"
+export const SDK_VERSION = "2.0.28"

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

@@ -75,6 +75,7 @@ let IVM_CONTEXT: Context | null = null;
  * `safeDynamicRequire` trick to import the `isolated-vm` package.
  */
 export const setIvm = (ivm: IsolatedVMImport, options: IsolateOptions = {}) => {
+  if (IVM_INSTANCE) return;
   IVM_INSTANCE = ivm;
   setIsolateContext(options);
 };
@@ -102,6 +103,7 @@ const getIvm = (): IsolatedVMImport => {
 function setIsolateContext(options: IsolateOptions = {
   memoryLimit: 128
 }) {
+  if (IVM_CONTEXT) return IVM_CONTEXT;
   const ivm = getIvm();
   const isolate = new ivm.Isolate(options);
   const context = isolate.createContextSync();
@@ -120,9 +122,7 @@ function setIsolateContext(options: IsolateOptions = {
   return context;
 }
 const getIsolateContext = () => {
-  if (IVM_CONTEXT) return IVM_CONTEXT;
-  const context = setIsolateContext();
-  return context;
+  return setIsolateContext();
 };
 export const runInNode = ({
   code,

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

@@ -0,0 +1 @@
+export { setIvm } from './node-runtime'