Evaluate in global scope for more realistic this behaviour (codesandbox#262)

* Evaluate in global scope

* Change string exports to module

* Fix module.exports

* Add test case

Author: CompuIves

integration-tests/tests/sandboxes.test.js

@@ -15,6 +15,7 @@ const SANDBOXES = [
   { id: 'o29j95wx9', root: '#app' },
   { id: 'k3q1zjjml5', root: '#app' },
   'github/reactjs/redux/tree/master/examples/real-world',
+  'github/CompuIves/codesandbox-presentation',
 ];
 
 SANDBOXES.forEach(sandbox => {

src/sandbox/eval/loaders/eval.js

@@ -2,13 +2,15 @@
 import buildProcess from './utils/process';
 
 /* eslint-disable no-unused-vars */
-export default function(code: string, require: Function, exports) {
+export default function(code: string, require: Function, exports: Object) {
   const module = { exports: {} };
   const global = window;
   const process = buildProcess();
+  window.global = global;
 
   try {
-    eval(code); // eslint-disable-line no-eval
+    const newCode = `(function evaluate(require, module, exports, process, global) {${code}\n})`;
+    (0, eval)(newCode)(require, module, exports, process, global); // eslint-disable-line no-eval
 
     // Choose either the export of __esModule or node
     return Object.keys(module.exports || {}).length > 0 ||

src/sandbox/eval/transpiled-module.js

@@ -479,6 +479,7 @@ export default class TranspiledModule {
               transpiledModule,
             ]);
       }
+
       const exports = evaluate(
         this.source.compiledCode,
         require,

src/sandbox/eval/transpilers/json/index.js

@@ -4,7 +4,7 @@ import Transpiler from '../';
 class JSONTranspiler extends Transpiler {
   doTranspilation(code: string) {
     const result = `
-      exports = JSON.parse(${JSON.stringify(code || '')})
+      module.exports = JSON.parse(${JSON.stringify(code || '')})
     `;
 
     return Promise.resolve({

src/sandbox/eval/transpilers/raw/index.js

@@ -9,7 +9,7 @@ class RawTranspiler extends Transpiler {
   doTranspilation(code: string) {
     return Promise.resolve({
       transpiledCode: `
-      exports = ${JSON.stringify(code)};`,
+      module.exports = ${JSON.stringify(code)};`,
     });
   }
 }