@builder.io/react 2.0.0 → 2.0.2-0

package/src/components/builder-component.component.tsx

@@ -28,8 +28,8 @@ import {
 import { Url } from 'url';
 import { debounceNextTick } from '../functions/debonce-next-tick';
 import { throttle } from '../functions/throttle';
-import { safeDynamicRequire } from '../functions/safe-dynamic-require';
 import { BuilderMetaContext } from '../store/builder-meta';
+import { tryEval } from '../functions/try-eval';
 
 function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {
   const ret: any = {};
@@ -309,84 +309,6 @@ export interface BuilderComponentState {
   key: number;
 }
 
-const tryEval = (str?: string, data: any = {}, errors?: Error[]): any => {
-  const value = str;
-  if (!(typeof value === 'string' && value.trim())) {
-    return;
-  }
-  const useReturn = !(value.includes(';') || value.includes(' return '));
-  let fn: Function = () => {
-    /* Intentionally empty */
-  };
-  try {
-    if (Builder.isBrowser) {
-      // tslint:disable-next-line:no-function-constructor-with-string-args
-      // TODO: VM in node......
-      fn = new Function(
-        'state',
-        // TODO: remove the with () {} - make a page v3 that doesn't use this
-        `var rootState = state;
-        if (typeof Proxy !== 'undefined') {
-          rootState = new Proxy(rootState, {
-            set: function () {
-              return false;
-            },
-            get: function (target, key) {
-              if (key === 'state') {
-                return state;
-              }
-              return target[key]
-            }
-          });
-        }
-        with (rootState) {
-          ${useReturn ? `return (${str});` : str};
-        }`
-      );
-    }
-  } catch (error) {
-    if (Builder.isBrowser) {
-      console.warn('Could not compile javascript', error);
-    } else {
-      // Add to req.options.errors to return to client
-    }
-  }
-  try {
-    if (Builder.isBrowser) {
-      return fn(data || {});
-    } else {
-      // Below is a hack to get certain code to *only* load in the server build, to not screw with
-      // browser bundler's like rollup and webpack. Our rollup plugin strips these comments only
-      // for the server build
-      // tslint:disable:comment-format
-      const { VM } = safeDynamicRequire('vm2');
-      return new VM({
-        sandbox: {
-          ...data,
-          ...{ state: data },
-        },
-        // TODO: convert reutrn to module.exports on server
-      }).run(value.replace(/(^|;)return /, '$1'));
-      // tslint:enable:comment-format
-    }
-  } catch (error: any) {
-    if (errors) {
-      errors.push(error);
-    }
-
-    if (Builder.isBrowser) {
-      console.warn('Builder custom code error:', error.message, 'in', str, error.stack);
-    } else {
-      if (process.env.DEBUG) {
-        console.debug('Builder custom code error:', error.message, 'in', str, error.stack);
-      }
-      // Add to req.options.errors to return to client
-    }
-  }
-
-  return;
-};
-
 function searchToObject(location: Location | Url) {
   const pairs = (location.search || '').substring(1).split('&');
   const obj: { [key: string]: string } = {};

package/src/functions/try-eval.tsx

@@ -0,0 +1,80 @@
+import { Builder } from '@builder.io/sdk';
+import { safeDynamicRequire } from './safe-dynamic-require';
+
+export const tryEval = (str?: string, data: any = {}, errors?: Error[]): any => {
+  const value = str;
+  if (!(typeof value === 'string' && value.trim())) {
+    return;
+  }
+  const useReturn = !(value.includes(';') || value.includes(' return '));
+  let fn: Function = () => {
+    /* Intentionally empty */
+  };
+  try {
+    if (Builder.isBrowser) {
+      // tslint:disable-next-line:no-function-constructor-with-string-args
+      // TODO: VM in node......
+      fn = new Function(
+        'state',
+        // TODO: remove the with () {} - make a page v3 that doesn't use this
+        `var rootState = state;
+        if (typeof Proxy !== 'undefined') {
+          rootState = new Proxy(rootState, {
+            set: function () {
+              return false;
+            },
+            get: function (target, key) {
+              if (key === 'state') {
+                return state;
+              }
+              return target[key]
+            }
+          });
+        }
+        with (rootState) {
+          ${useReturn ? `return (${str});` : str};
+        }`
+      );
+    }
+  } catch (error) {
+    if (Builder.isBrowser) {
+      console.warn('Could not compile javascript', error);
+    } else {
+      // Add to req.options.errors to return to client
+    }
+  }
+  try {
+    if (Builder.isBrowser) {
+      return fn(data || {});
+    } else {
+      // Below is a hack to get certain code to *only* load in the server build, to not screw with
+      // browser bundler's like rollup and webpack. Our rollup plugin strips these comments only
+      // for the server build
+      // tslint:disable:comment-format
+      const { VM } = safeDynamicRequire('vm2');
+      return new VM({
+        sandbox: {
+          ...data,
+          ...{ state: data },
+        },
+        // TODO: convert reutrn to module.exports on server
+      }).run(value.replace(/(^|;)return /, '$1'));
+      // tslint:enable:comment-format
+    }
+  } catch (error: any) {
+    if (errors) {
+      errors.push(error);
+    }
+
+    if (Builder.isBrowser) {
+      console.warn('Builder custom code error:', error.message, 'in', str, error.stack);
+    } else {
+      if (process.env.DEBUG) {
+        console.debug('Builder custom code error:', error.message, 'in', str, error.stack);
+      }
+      // Add to req.options.errors to return to client
+    }
+  }
+
+  return;
+};

package/src/hooks/{isPreviewing.ts → useIsPreviewing.ts}

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { Builder } from '@builder.io/sdk';
 
-export function isPreviewing() {
+export function useIsPreviewing() {
   const [isPreviewing, setIsPreviewing] = useState(false);
 
   useEffect(() => {

package/=16.8

@@ -1,15 +0,0 @@
-
-up to date, audited 1914 packages in 4s
-
-46 packages are looking for funding
-  run `npm fund` for details
-
-39 vulnerabilities (15 moderate, 21 high, 3 critical)
-
-To address issues that do not require attention, run:
-  npm audit fix
-
-To address all issues (including breaking changes), run:
-  npm audit fix --force
-
-Run `npm audit` for details.

package/dist/lib/src/hooks/isPreviewing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isPreviewing.js","sourceRoot":"","sources":["../../../../src/hooks/isPreviewing.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAC5C,uCAA0C;AAE1C,SAAgB,YAAY;IACpB,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,aAAO,CAAC,SAAS,IAAI,aAAO,CAAC,YAAY,EAAE;YAC7C,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC;AACtB,CAAC;AAVD,oCAUC"}

package/dist/types/src/hooks/isPreviewing.d.ts

@@ -1 +0,0 @@
-export declare function isPreviewing(): boolean;