Use 'sandbox' for Chrome App

Author: opichals

js/sandbox-rollup.js

@@ -0,0 +1,13 @@
+sandbox.id = 'rollup';
+sandbox.wrap('Espruino.Core.Utils.getURL', url => new Promise((resolve, reject) => {
+    Espruino.Core.Utils.getURL(url, data => data ? resolve(data) : reject(undefined));
+}));
+sandbox.wrap('Espruino.callProcessor', (processor, data) => new Promise((resolve, reject) => {
+    Espruino.callProcessor(processor, data, result => result ? resolve(result) : reject(undefined));
+}));
+
+var rollupWindow = document.getElementById('rollup').contentWindow;
+window.rollupTools = {
+    loadModulesRollup: code => sandbox.invoke(rollupWindow, 'rollupTools.loadModulesRollup', code),
+    minifyCodeTerser: code => sandbox.invoke(rollupWindow, 'rollupTools.minifyCodeTerser', code),
+};

js/sandbox.js

@@ -0,0 +1,91 @@
+function sandboxInvoke(win, fnName, args) {
+    return new Promise((resolve, reject) => {
+        var message = {
+            id: `${sandbox.id}${sandbox.invokeId++}`,
+            command: 'invoke',
+            context: JSON.stringify({
+                Config: Espruino.Config,
+                Core_Env: {
+                    board: Espruino.Core.Env.getBoardData(),
+                    data: Espruino.Core.Env.getData()
+                }
+            }),
+            fnName,
+            args
+        };
+
+        const setupListener = id => {
+            const listener = (event) => {
+                var data = event.data;
+                if (data.id !== id) return;
+
+                window.removeEventListener('message', listener);
+
+                var command = data.command;
+                switch(command) {
+                    case 'resolve':
+                        resolve(JSON.parse(data.result));
+                        break;
+                    case 'reject':
+                        reject(JSON.parse(data.result));
+                        break;
+                }
+            };
+
+            window.addEventListener('message', listener);
+        };
+
+        console.log('sandbox:msg', message.id, message.command, message.fnName, message);
+
+        setupListener(message.id);
+        win.postMessage(message, '*');
+    });
+}
+
+
+function sandboxWrapListener(event) {
+    // 'null' is when originated from the sandboxed iframe
+    var origin = event.origin == 'null' ? '*' : event.origin;
+    var data = event.data;
+    var command = data.command;
+
+    switch(command) {
+        case 'invoke':
+            sandbox.context = JSON.parse(data.context);
+            sandbox.callerWindow = event.source;
+
+            var postReply = (command, result) => {
+                var message = {
+                    id: data.id,
+                    command,
+                    result: JSON.stringify(result)
+                };
+
+                console.log('sandbox:rpl', message.id, message.command, message);
+                sandbox.callerWindow.postMessage(message, origin);
+            };
+
+            sandbox.wrapped[data.fnName](...data.args)
+                .then(result => postReply('resolve', result))
+                .catch(error => postReply('reject',  error.toString()));
+    }
+}
+
+window.addEventListener('message', sandboxWrapListener);
+
+
+var sandbox = {
+    id: 'sandbox',
+    invokeId: 0,
+
+    wrapped: {},
+    callerWindow: window,
+
+    wrap(fnName, fn) {
+        this.wrapped[fnName] = fn;
+        return sandbox;
+    },
+    invoke(win, fnName, ...args) {
+        return sandboxInvoke(win, fnName, args);
+    }
+};

main.html

@@ -88,6 +88,12 @@ <h5 class="title-bar__title">Espruino Web IDE</h5>
       </div>
 
     </div>
+
+    <iframe id="rollup" src="sandbox.html"></iframe>
+
+    <script src="js/sandbox.js"></script>
+    <script src="js/sandbox-rollup.js"></script>
+
     <script src="js/libs/jquery-1.11.0.js"></script>
     <script src="js/libs/jquery-ui-1.10.1.custom.js"></script>
     <script src="js/libs/jquery.treeview.js"></script>
@@ -193,8 +199,6 @@ <h5 class="title-bar__title">Espruino Web IDE</h5>
     <script src="EspruinoTools/libs/esprima/esprima.js"></script> <!-- needed for minify -->
     <script src="EspruinoTools/libs/esprima/esmangle.js"></script> <!-- needed for minify -->
     <script src="EspruinoTools/libs/esprima/escodegen.js"></script> <!-- needed for minify -->
-    <script src="EspruinoTools/libs/rollup/espruino-rollup.browser.js"></script> <!-- needed for rollup/terser -->
-    <script src="EspruinoTools/libs/rollup/index.js"></script> <!-- needed for rollup/terser -->
     <script src="EspruinoTools/plugins/minify.js"></script>
 
     <script src="EspruinoTools/plugins/saveOnSend.js"></script> <!-- This should come after minify -->

manifest.json

@@ -22,6 +22,9 @@
     "http://*/",
     "https://*/"
   ],
+  "sandbox": {
+    "pages": ["sandbox.html"]
+  },
   "sockets": { "tcp" : { "connect": "*" } },
   "manifest_version": 2,
   "url_handlers": {