@live-codes/browser-compilers 0.4.8 → 0.4.12

package/dist/gnuplot/gnuplot_api.js

@@ -0,0 +1,99 @@
+// This is a minimal interface to the gnuplot worker. More sophisticated include virtual file-system lists and a reset function.
+
+var Gnuplot = function (js_filename) {
+  this.worker = new Worker(js_filename);
+  this.output = [];
+  this.error = [];
+  this.isRunning = false;
+
+  // These two should be overwritten by application.
+  this.onOutput = function (text) {
+    console.log('Gnuplot output: ' + text);
+  };
+  this.onError = function (text) {
+    console.log('Gnuplot error: ' + text);
+  };
+
+  this.transaction = 1;
+  this.callbacks = [];
+  this.postCommand = function (cmd_block, callback) {
+    var id = this.transaction; // fresh id
+    cmd_block.transaction = id; // give data object a tag
+    this.callbacks[id] = callback;
+    this.worker.postMessage(cmd_block);
+    this.transaction++;
+  };
+
+  var that = this;
+  this.worker.addEventListener(
+    'message',
+    function (e) {
+      // console.log('gnuplot: ', e.data); //enable for debug
+      var data = e.data;
+      if (data.transaction < 0) {
+        if (data.transaction == -1) {
+          that.output.push(data.content);
+          that.onOutput(data.content);
+        }
+        if (data.transaction == -2) {
+          that.error.push(data.content);
+          that.onError(data.content);
+        }
+        return;
+      }
+      if (data.content == 'FINISH') that.isRunning = false;
+      if (data.transaction && that.callbacks[data.transaction]) {
+        that.callbacks[data.transaction](data);
+        delete that.callbacks[data.transaction];
+      }
+    },
+    false,
+  );
+
+  this.worker.postMessage({}); // supposed to do this to start the worker?
+};
+
+Gnuplot.prototype.putFile = function (name_, contents, callback) {
+  var data = {
+    name: name_,
+    content: contents,
+    cmd: 'putFile',
+  };
+  this.postCommand(data, callback);
+};
+
+// to read output
+Gnuplot.prototype.getFile = function (name_, callback) {
+  var data = {
+    name: name_,
+    cmd: 'getFile',
+  };
+  this.postCommand(data, callback);
+};
+
+Gnuplot.prototype.getFileList = function (callback) {
+  var data = {
+    cmd: 'getFileList',
+  };
+  this.postCommand(data, callback);
+};
+
+Gnuplot.prototype.removeFiles = function (files, callback) {
+  var data = {
+    name: files,
+    cmd: 'removeFiles',
+  };
+  this.postCommand(data, callback);
+};
+
+Gnuplot.prototype.run = function (script, onFinish) {
+  if (this.isRunning) return false;
+  this.putFile('foo', script);
+  var data = {
+    content: ['foo'],
+    cmd: 'run',
+  };
+  this.isRunning = true;
+  this.postCommand(data, onFinish);
+  return true;
+};

package/dist/turbopascal/turbopascal.js

@@ -0,0 +1,85 @@
+// @ts-nocheck
+// based on https://github.com/MikeRalphson/turbopascal/blob/master/tpc.js
+const turbopascal = {
+  createCompiler: (options = {}) =>
+    new Promise((resolve) => {
+      const inputCallback =
+        options.inputCallback ||
+        ((callback) => {
+          const input = window.prompt('please supply the input');
+          callback(input);
+        });
+      const outputCallback = options.outputCallback || console.log;
+      const errorCallback = options.errorCallback || console.warn;
+
+      requirejs.config({
+        baseUrl: 'https://cdn.jsdelivr.net/npm/turbopascal@1.0.3',
+        paths: {
+          underscore: 'https://cdn.jsdelivr.net/npm/underscore@1.13.2/underscore-umd.min',
+        },
+      });
+
+      require([
+        'Stream',
+        'Lexer',
+        'CommentStripper',
+        'Parser',
+        'Compiler',
+        'Machine',
+        'SymbolTable',
+      ], function (Stream, Lexer, CommentStripper, Parser, Compiler, Machine, SymbolTable) {
+        function compile(source, run, DEBUG_TRACE) {
+          let result = { parsed: false, compiled: false };
+          if (!source) return result;
+
+          let stream = new Stream(source);
+          let lexer = new CommentStripper(new Lexer(stream));
+          let parser = new Parser(lexer);
+
+          try {
+            // Create the symbol table of built-in constants, functions, and procedures.
+            let builtinSymbolTable = SymbolTable.makeBuiltinSymbolTable();
+
+            // Parse the program into a parse tree. Create the symbol table as we go.
+            let root = parser.parse(builtinSymbolTable);
+            result.tree = root.print('');
+            result.parsed = true;
+
+            // Compile to bytecode.
+            let compiler = new Compiler();
+            let bytecode = compiler.compile(root);
+            result.compiled = true;
+            result.bytecode = bytecode;
+            result.pSrc = bytecode.print();
+
+            if (run) {
+              // Execute the bytecode.
+              let machine = new Machine(bytecode, this.keyboard);
+              if (DEBUG_TRACE) {
+                machine.setDebugCallback(function (state) {
+                  $state.append(state + '\\n');
+                });
+              }
+              machine.setFinishCallback(function (runningTime) {});
+              machine.setOutputCallback(function (line) {
+                outputCallback(line);
+              });
+              machine.setOutChCallback(function (line) {
+                outputCallback(line);
+              });
+              machine.setInputCallback(function (callback) {
+                inputCallback(callback);
+              });
+              machine.run();
+            }
+          } catch (e) {
+            // Print errors.
+            const msg = e.getMessage() || e.message || e;
+            errorCallback(msg);
+          }
+          return result;
+        }
+        resolve(compile);
+      });
+    }),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-codes/browser-compilers",
-  "version": "0.4.8",
+  "version": "0.4.12",
   "description": "Compilers that run in the browser, for use in livecodes.io",
   "author": "Hatem Hosny",
   "license": "MIT",
@@ -9,7 +9,7 @@
     "url": "https://github.com/live-codes/browser-compilers"
   },
   "scripts": {
-    "start": "live-server dist --cors",
+    "start": "live-server dist --port=8081 --no-browser --cors",
     "build": "run-s clean build:vendors copy:types",
     "build:vendors": "node ./scripts/vendors.js",
     "copy:types": "recursive-copy vendor_modules/types dist/types",

package/scripts/vendors.js

@@ -21,7 +21,7 @@ function mkdirp(dir) {
   }
 }
 
-var vendor_modules = path.resolve(__dirname + '/../vendor_modules/src');
+var vendor_modules_src = path.resolve(__dirname + '/../vendor_modules/src');
 var targetDir = path.resolve(__dirname + '/../dist');
 
 /** @type {Partial<esbuild.BuildOptions>} */
@@ -75,21 +75,21 @@ esbuild.buildSync({
 // asciidoctor.css
 mkdirp(targetDir + '/asciidoctor.css');
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/asciidoctor.css/asciidoctor.css'),
+  path.resolve(vendor_modules_src + '/asciidoctor.css/asciidoctor.css'),
   path.resolve(targetDir + '/asciidoctor.css/asciidoctor.css'),
 );
 
 // stylus
 mkdirp(targetDir + '/stylus');
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/stylus/stylus.min.js'),
+  path.resolve(vendor_modules_src + '/stylus/stylus.min.js'),
   path.resolve(targetDir + '/stylus/stylus.min.js'),
 );
 
 // pug
 mkdirp(targetDir + '/pug');
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/pug/pug.min.js'),
+  path.resolve(vendor_modules_src + '/pug/pug.min.js'),
   path.resolve(targetDir + '/pug/pug.min.js'),
 );
 
@@ -147,7 +147,7 @@ esbuild.buildSync({
 // clientside-haml-js
 mkdirp(targetDir + '/clientside-haml-js');
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/clientside-haml-js/haml.js'),
+  path.resolve(vendor_modules_src + '/clientside-haml-js/haml.js'),
   path.resolve(targetDir + '/clientside-haml-js/haml.js'),
 );
 
@@ -163,12 +163,12 @@ esbuild.build({
 // livescript
 mkdirp(targetDir + '/livescript');
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/livescript/livescript-min.js'),
+  path.resolve(vendor_modules_src + '/livescript/livescript-min.js'),
   path.resolve(targetDir + '/livescript/livescript-min.js'),
 );
 // prelude.ls (livescript base library)
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/livescript/prelude-browser-min.js'),
+  path.resolve(vendor_modules_src + '/livescript/prelude-browser-min.js'),
   path.resolve(targetDir + '/livescript/prelude-browser-min.js'),
 );
 
@@ -208,7 +208,7 @@ esbuild.build({
 // JSCPP
 mkdirp(targetDir + '/jscpp');
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/jscpp/JSCPP.es5.min.js'),
+  path.resolve(vendor_modules_src + '/jscpp/JSCPP.es5.min.js'),
   path.resolve(targetDir + '/jscpp/JSCPP.es5.min.js'),
 );
 
@@ -216,18 +216,36 @@ fs.copyFileSync(
 mkdirp(targetDir + '/wacl');
 mkdirp(targetDir + '/wacl/tcl');
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/wacl/tcl/wacl.js'),
+  path.resolve(vendor_modules_src + '/wacl/tcl/wacl.js'),
   path.resolve(targetDir + '/wacl/tcl/wacl.js'),
 );
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/wacl/tcl/wacl.wasm'),
+  path.resolve(vendor_modules_src + '/wacl/tcl/wacl.wasm'),
   path.resolve(targetDir + '/wacl/tcl/wacl.wasm'),
 );
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/wacl/tcl/wacl-custom.data'),
+  path.resolve(vendor_modules_src + '/wacl/tcl/wacl-custom.data'),
   path.resolve(targetDir + '/wacl/tcl/wacl-custom.data'),
 );
 fs.copyFileSync(
-  path.resolve(vendor_modules + '/wacl/tcl/wacl-library.data'),
+  path.resolve(vendor_modules_src + '/wacl/tcl/wacl-library.data'),
   path.resolve(targetDir + '/wacl/tcl/wacl-library.data'),
 );
+
+// turbopascal
+mkdirp(targetDir + '/turbopascal');
+fs.copyFileSync(
+  path.resolve(vendor_modules_src + '/turbopascal/turbopascal.js'),
+  path.resolve(targetDir + '/turbopascal/turbopascal.js'),
+);
+
+// gnuplot
+mkdirp(targetDir + '/gnuplot');
+fs.copyFileSync(
+  path.resolve(vendor_modules_src + '/gnuplot-JS/www/gnuplot.js'),
+  path.resolve(targetDir + '/gnuplot/gnuplot.js'),
+);
+fs.copyFileSync(
+  path.resolve(vendor_modules_src + '/gnuplot-JS/www/gnuplot_api.js'),
+  path.resolve(targetDir + '/gnuplot/gnuplot_api.js'),
+);

package/vendor-licenses.md

@@ -10,6 +10,8 @@ clientside-haml-js: [MIT License](https://github.com/uglyog/clientside-haml-js/b
 
 CoffeeScript: [MIT License](https://github.com/jashkenas/coffeescript/tree/07f644c39223e016aceedd2cd71b5941579b5659)
 
+gnuplot-JS: [MIT License](https://github.com/chhu/gnuplot-JS/blob/62a3c8488ad00c97807ba48ae75738ca3af607fe/LICENSE)
+
 JSCPP: [MIT License](https://github.com/felixhao28/JSCPP/blob/befbd6b48666007151c259c5dd291ab028ad4c04/LICENSE)
 
 Less: [Apache License 2.0](https://github.com/less/less.js/blob/870f9b2d8136bfbcdc9e1293bb0def51b54f9276/LICENSE)
@@ -46,6 +48,8 @@ Stylus: [MIT License](https://github.com/stylus/stylus/blob/59bc665db295981d4e3f
 
 Svelte: [MIT License](https://github.com/sveltejs/svelte/blob/dafbdc286eef3de2243088a9a826e6899e20465c/LICENSE)
 
+turbopascal: [BSD 2-Clause License](https://github.com/MikeRalphson/turbopascal/blob/cfcc5ee6d93f32664bb6127aa751c68841ca5c1d/LICENSE)
+
 wacl: [BSD 3-Clause License](https://github.com/ecky-l/wacl/blob/9daacabb0102a9986f33263261350edfeebdd83b/LICENSE)
 
 wasm-refmt: [MIT License](https://github.com/xtuc/webassemblyjs/blob/45f733aa96476d74c8ac57598e13406a48a6fdc8/LICENSE)

package/vendor_modules/src/gnuplot-JS/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Christian Huettig
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/vendor_modules/src/gnuplot-JS/README

@@ -0,0 +1,55 @@
+Portable JS Gnuplot
+*******************
+
+This is the result of compiling gnuplot with emscripten, combined with an API so it is usable straight out of the box in your browser. 
+The www directory contains the necessary files and a compiled version of gnuplot 4.6.3. The gnuplot-4.6.3 directory contains everything to 
+build the gnuplot sources with emscripten. 
+
+How to compile gnuplot
+**********************
+
+- Install llvm / emscripten, follow instructions at http://emscripten.org
+- Download the gnuplot-4.6.3.tar.gz sources at http://gnuplot.info and untar.
+- Copy the contents of this repo's gnuplot-4.6.3 into the folder where you unpacked the sources (should be the same name).
+- [optional] adjust src/term.h and remove unneeded terminals to reduce final size
+- [optional] patch src/axis.c with the patch file to fix axis descriptions: cd src;patch <../gnuplot-4.6.3.patch 
+- Run em_make to configure and build, you should have a gnuplot.js in your directory. WAIT at the end! The final step takes long. 
+
+How the API works
+*****************
+
+The gnuplot API (gnuplot_api.js) creates a worker (JS-thread) that loads gnuplot.js and handles all the work. No browser checks are done to check for HTML5 features. 
+The API lets you interact with the worker to "upload" or "download" files. Emscripten uses a mock-up for file I/O, so keep in mind that files are kept in memory as arrays
+and that you need to push / pull any file-content to / from the fake file system within the worker. The API provides some convenience functions for this.
+
+The demo site from the www directory is online at http://gnuplot.respawned.com
+
+A minimal implementation should look like this (untested! see index.html for working version):
+
+<img id="result"/>
+<script src='gnuplot_api.js'></script>
+<script>
+    gnuplot = new Gnuplot('gnuplot.js');
+    //gnuplot.putFile("myData.dat", "1 2 3 4 5 6 7 8 9 0"); // No callback needed here
+    gnuplot.run("my gnuplot script as a string", function(e) {
+	gnuplot.getFile('out.svg', function(e) {
+	    if (!e.content) {
+               alert("Output file out.svg not found!");
+               return;
+           }
+           var img = document.getElementById('result');
+           try {
+				var ab = new Uint8Array(e.content);
+				var blob = new Blob([ab], {"type": "image\/svg+xml"});
+				window.URL = window.URL || window.webkitURL;
+				img.src = window.URL.createObjectURL(blob);
+           } catch (err) { // in case blob / URL missing, fallback to data-uri
+                var rstr = '';
+	            for (var i = 0; i < e.content.length; i++)
+	              rstr += String.fromCharCode(e.content[i]);
+	            img.src = 'data:image\/svg+xml;base64,' + btoa(rstr);
+           }
+       });
+   });
+</script>
+

package/vendor_modules/src/gnuplot-JS/gnuplot-4.6.3/em_make

@@ -0,0 +1,7 @@
+#!/bin/bash
+emconfigure ./configure --without-readline --without-x --disable-h3d-quadtree --disable-wxwidgets
+#emmake make clean
+emmake make
+rm gnuplot.o
+mv src/gnuplot ./gnuplot.o
+em++ -s INVOKE_RUN=0 -O2 -s ASM_JS=1 gnuplot.o -o gnuplot.js --post-js post.js --pre-js pre.js

package/vendor_modules/src/gnuplot-JS/gnuplot-4.6.3/gnuplot-4.6.3.patch

@@ -0,0 +1,13 @@
+--- gnuplot-4.6.3/src/axis.c	2012-11-08 18:13:08.000000000 +0100
++++ gnuplot-4.6.3_mod/src/axis.c	2013-05-11 11:08:08.791587160 +0200
+@@ -467,8 +467,9 @@ copy_or_invent_formatstring(AXIS_INDEX a
+ 	    int precision = (ceil(-log10(fabs(axmax-axmin))));
+ 	    if ((axmin*axmax > 0) && precision > 4)
+ 		sprintf(ticfmt[axis],"%%.%df", (precision>14) ? 14 : precision);
++	     else
++		strcpy(ticfmt[axis], "%g");
+ 	}
+-
+ 	return ticfmt[axis];
+     }
+ 

package/vendor_modules/src/gnuplot-JS/gnuplot-4.6.3/post.js

@@ -0,0 +1,17 @@
+    shouldRunNow = true;
+    self['Runtime'] = Runtime;
+    self['FS'] = FS;
+};
+gnuplot_create();
+// This is to avoid name mangling from closure compilers 
+self['FS'] = FS;
+self['FS']['root'] = FS.root;
+self['FS']['deleteFile'] = FS.deleteFile;
+self['FS']['findObject'] = FS.findObject;
+self['FS']['createDataFile'] = FS.createDataFile;
+self['FS']['getFileContents'] = function(name) {
+    var file = FS.findObject(name);
+    if (!file) return null;
+    return file.contents;
+};
+

package/vendor_modules/src/gnuplot-JS/gnuplot-4.6.3/pre.js

@@ -0,0 +1,62 @@
+self.addEventListener('message', function(e) {
+  var data = e.data;
+  if (!data) return;
+  var cmd = data['cmd'];
+  var transaction = data['transaction'];
+  var name = data['name'];
+  var content = data['content'];
+  var result = {
+    transaction: transaction
+  };
+  switch (cmd) {
+    case 'run':
+      try {
+        shouldRunNow = true;
+        if (content)
+          Module.run(content);
+        else
+          Module.run();
+      } catch(err) {
+        
+        Module.printErr('Exit called, reset state.');
+        gnuplot_create();
+      };
+      result['content'] = 'FINISH';
+      self.postMessage(result);  
+      break;
+      
+    case 'putFile':
+      if (FS.findObject(name))
+        FS.deleteFile(name);
+      var arrc = content;
+      if (typeof(content) == "string")
+        arrc = Module['intArrayFromString'](content, true);
+      FS.createDataFile('/', name, arrc);
+      result['content'] = 'OK';
+      self.postMessage(result);
+      break;
+
+    case 'getFile':
+      var file = FS.findObject(name);
+      result['content'] = file.contents || 0;
+      self.postMessage(result);
+      break;
+
+    default:
+      result['content'] = 'unknown cmd';
+      self.postMessage(result);
+  };
+}, false);
+
+
+var Module = {
+    'noInitialRun': true,
+    print: function(text) {
+        self.postMessage({'transaction': -1, 'content': text});
+    },
+    printErr: function(text) {
+        self.postMessage({'transaction': -2, 'content': text});
+    },
+  
+};
+function gnuplot_create() {