Make state values available in eval context SSR (#4135)

## Description

In client side evaluations state values are available without needing
the `state.` prefix. Now this should work in SSR as well.

I also prevented shadowing of some special globals that we set ourselves
and don't want to override.

Author: STRd6

.changeset/sharp-pandas-joke.md

@@ -0,0 +1,5 @@
+---
+"@builder.io/react": patch
+---
+
+Fixed state variable context availability in SSR rendering

packages/react/src/functions/try-eval.tsx

@@ -56,6 +56,29 @@ export const tryEval = (str?: string, data: any = {}, errors?: Error[]): any =>
       // for the server build
       const ivm = safeDynamicRequire('isolated-vm');
       const context = getIsolateContext();
+
+      Object.keys(data).forEach(key => {
+        switch (key) {
+          case 'state':
+          case 'global':
+          case 'log':
+            console.warn(`Not setting state.${key} as global ${key} in isolated vm`);
+            break;
+          default:
+            if (data[key] === undefined) {
+              return;
+            }
+            try {
+              if (typeof data[key] === 'object' && data[key] !== null) {
+                context.global.setSync(key, new ivm.ExternalCopy(data[key]).copyInto());
+              } else {
+                context.global.setSync(key, data[key]);
+              }
+            } catch (error) {
+              console.warn(`Could not set ${key} for isolated-vm:`, error);
+            }
+        }
+      });
       const fnString = makeFn(str!, useReturn, ['state']);
       const resultStr = context.evalClosureSync(fnString, [new ivm.Reference(data || {})]);
       try {
@@ -78,6 +101,22 @@ export const tryEval = (str?: string, data: any = {}, errors?: Error[]): any =>
       }
       // Add to req.options.errors to return to client
     }
+  } finally {
+    if (!(Builder.isBrowser || shouldForceBrowserRuntimeInNode())) {
+      const context = getIsolateContext();
+
+      // Clean up the global context
+      Object.keys(data).forEach(key => {
+        switch (key) {
+          case 'state':
+          case 'global':
+          case 'log':
+            break;
+          default:
+            context.global.deleteSync(key);
+        }
+      });
+    }
   }
 
   return;