@live-codes/browser-compilers 0.4.11 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-codes/browser-compilers",
-  "version": "0.4.11",
+  "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

@@ -238,3 +238,14 @@ 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)

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() {