updated demos [ci skip]

- frameworks: react, react-native, preact, next.js, weex, nuxt.js
- deployments: nodejs server, duktape, chakra, electron, nw.js

README.md

@@ -167,21 +167,25 @@ CDNjs automatically pulls the latest version and makes all versions available at
 
 The `demos` directory includes sample projects for:
 
-**JS Frameworks and APIs**
+**Frameworks and APIs**
 - [`angular 1.x`](demos/angular/)
 - [`angular 2.x / 4.x`](demos/angular2/)
 - [`meteor`](demos/meteor/)
-- [`vue 2.x`](demos/vue/)
+- [`react and react-native`](demos/react/)
+- [`vue 2.x and weex`](demos/vue/)
 - [`XMLHttpRequest and fetch`](demos/xhr/)
+- [`nodejs server`](demos/server/)
 
-**JS Bundlers and Tooling**
+**Bundlers and Tooling**
 - [`browserify`](demos/browserify/)
 - [`requirejs`](demos/requirejs/)
 - [`rollup`](demos/rollup/)
 - [`systemjs`](demos/systemjs/)
 - [`webpack 2.x`](demos/webpack/)
 
-**JS Platforms and Integrations**
+**Platforms and Integrations**
+- [`electron application`](demos/electron/)
+- [`nw.js application`](demos/nwjs/)
 - [`Adobe ExtendScript`](demos/extendscript/)
 - [`Headless Browsers`](demos/headless/)
 - [`canvas-datagrid`](demos/datagrid/)

bin/xlsx.njs

@@ -89,8 +89,14 @@ function wb_fmt() {
 	opts.cellNF = true;
 	if(program.output) sheetname = program.output;
 }
-workbook_formats.forEach(function(m) { if(program[m]) { wb_fmt(); } });
-wb_formats_2.forEach(function(m) { if(program[m[0]]) { wb_fmt(); } });
+function isfmt(m) {
+	if(!program.output) return false;
+	var t = m.charAt(0) == "." ? m : "." + m;
+	console.log(m);
+	return program.output.slice(-m.length) == m;
+}
+workbook_formats.forEach(function(m) { if(program[m] || isfmt(m)) { wb_fmt(); } });
+wb_formats_2.forEach(function(m) { if(program[m[0]] || isfmt(m[0])) { wb_fmt(); } });
 if(seen) {
 } else if(program.formulae) opts.cellFormula = true;
 else opts.cellFormula = false;
@@ -129,14 +135,14 @@ var wopts = ({WTF:opts.WTF, bookSST:program.sst}/*:any*/);
 if(program.compress) wopts.compression = true;
 
 /* full workbook formats */
-workbook_formats.forEach(function(m) { if(program[m]) {
-		X.writeFile(wb, sheetname || ((filename || "") + "." + m), wopts);
+workbook_formats.forEach(function(m) { if(program[m] || isfmt(m)) {
+		X.writeFile(wb, program.output || sheetname || ((filename || "") + "." + m), wopts);
 		process.exit(0);
 } });
 
-wb_formats_2.forEach(function(m) { if(program[m[0]]) {
+wb_formats_2.forEach(function(m) { if(program[m[0]] || isfmt(m[0])) {
 		wopts.bookType = m[1];
-		X.writeFile(wb, sheetname || ((filename || "") + "." + m[2]), wopts);
+		X.writeFile(wb, program.output || sheetname || ((filename || "") + "." + m[2]), wopts);
 		process.exit(0);
 } });
 
@@ -168,9 +174,9 @@ if(program.readOnly) process.exit(0);
 	['prn', '.prn'],
 	['txt', '.txt'],
 	['dif', '.dif']
-].forEach(function(m) { if(program[m[0]]) {
+].forEach(function(m) { if(program[m[0]] || isfmt(m[1])) {
 		wopts.bookType = m[0];
-		X.writeFile(wb, sheetname || ((filename || "") + m[1]), wopts);
+		X.writeFile(wb, program.output || sheetname || ((filename || "") + m[1]), wopts);
 		process.exit(0);
 } });
 

demos/altjs/.gitignore

@@ -1,6 +1,8 @@
 jvm-npm.js
 sheetjs.*
+duk*
 *.class
 *.jar
 rhino
-xlsx.swift.js
+xlsx.*.js
+payload.js

demos/altjs/Makefile

@@ -6,8 +6,11 @@ base:
 	if [ ! -e sheetjs.xlsx ]; then node ../../tests/write.js; fi
 
 .PHONY: duktape
-duktape: base ## duktape / skookum demo
-	sjs skookum.js
+duktape: base ## duktape demo
+	bash ./duktape.sh
+	gcc -std=c99 -Wall -osheetjs.duk sheetjs.duk.c duktape.c -lm
+	if [ ! -e xlsx.duktape.js ]; then cp ../../dist/xlsx.full.min.js xlsx.duktape.js; fi
+	./sheetjs.duk
 
 .PHONY: nashorn
 nashorn: base ## nashorn demo
@@ -19,6 +22,12 @@ swift: base ## swift demo
 	if [ ! -e xlsx.swift.js ]; then cp ../../dist/xlsx.full.min.js xlsx.swift.js; fi
 	./SheetJSCore.swift
 
+.PHONY: chakra
+chakra: base ## Chakra demo
+	node -pe "fs.writeFileSync('payload.js', 'var payload = \"' + fs.readFileSync('sheetjs.xlsx').toString('base64') + '\";')"
+	cat global.js ../../dist/xlsx.full.min.js payload.js chakra.js > xlsx.chakra.js
+	chakra ./xlsx.chakra.js
+
 .PHONY: rhinojs ## rhino demo
 rhinojs: base SheetJSRhino.class
 	java -cp .:SheetJS.jar:rhino.jar SheetJSRhino sheetjs.xlsx

demos/altjs/README.md

@@ -50,14 +50,30 @@ context.setOptimizationLevel(-1);
 ```
 
 
-## duktape and skookum
+## ChakraCore
+
+ChakraCore is an embeddable JS engine written in C++.  The library and binary
+distributions include a command-line tool `chakra` for running JS scripts.
+
+The simplest way to interop with the engine is to pass Base64 strings.  The make
+target builds a very simple payload with the data.
 
-[Duktape](http://duktape.org/) is an embeddable JS engine written in C.  The
-amalgamation makes integration extremely simple!  Duktape understands the source
-code and can process binary strings out the box, but does not provide I/O or
-other standard library features.
 
-To demonstrate compatibility with duktape, this demo uses the JS runtime from
-[Skookum JS](https://github.com/saghul/sjs).  Built upon the duktape engine, it
-adds a simple I/O interface to enable reading from files.
+## Duktape
 
+[Duktape](http://duktape.org/) is an embeddable JS engine written in C.  The
+amalgamation makes integration extremely simple!  It supports `Buffer` natively:
+
+```C
+/* parse a C char array as a workbook object */
+duk_push_external_buffer(ctx);
+duk_config_buffer(ctx, -1, buf, len);
+duk_put_global_string(ctx, "buf");
+duk_eval_string_noresult("workbook = XLSX.read(buf, {type:'buffer'});");
+
+/* write a workbook object to a C char array */
+duk_eval_string(ctx, "XLSX.write(workbook, {type:'buffer', bookType:'xlsx'})");
+duk_size_t sz;
+char *buf = (char *)duk_get_buffer_data(ctx, -1, sz);
+duk_pop(ctx);
+```

demos/altjs/chakra.js

@@ -0,0 +1,3 @@
+/* xlsx.js (C) 2013-present  SheetJS -- http://sheetjs.com */
+var wb = XLSX.read(payload, {type:'base64'});
+console.log(XLSX.utils.sheet_to_csv(wb.Sheets[wb.SheetNames[0]]));

demos/altjs/duktape.sh

@@ -0,0 +1,17 @@
+#!/bin/bash
+DUKTAPE_VER=2.1.1
+if [ ! -e duktape-$DUKTAPE_VER ]; then
+	if [ ! -e duktape-$DUKTAPE_VER.tar ]; then
+		if [ ! -e duktape-$DUKTAPE_VER.tar.xz ]; then
+			curl -O http://duktape.org/duktape-$DUKTAPE_VER.tar.xz
+		fi
+		xz -d duktape-$DUKTAPE_VER.tar.xz
+	fi
+	tar -xf duktape-$DUKTAPE_VER.tar
+fi
+
+for f in duktape.{c,h} duk_config.h; do
+	cp duktape-$DUKTAPE_VER/src/$f .
+done
+
+

demos/altjs/global.js

@@ -0,0 +1,3 @@
+/* xlsx.js (C) 2013-present  SheetJS -- http://sheetjs.com */
+var global = (function(){ return this; }).call(null);
+

demos/altjs/sheetjs.duk.c

@@ -0,0 +1,101 @@
+/* xlsx.js (C) 2013-present  SheetJS -- http://sheetjs.com */
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include "duktape.h"
+
+#define FAIL_LOAD { \
+	duk_push_undefined(ctx); \
+	perror("Error in load_file"); \
+	return 1; \
+}
+
+static char *read_file(const char *filename, size_t *sz) {
+	FILE *f = fopen(filename, "rb");
+	if(!f) return NULL;
+	long fsize; { fseek(f, 0, SEEK_END); fsize = ftell(f); fseek(f, 0, SEEK_SET); }
+	char *buf = (char *)malloc(fsize * sizeof(char));
+	*sz = fread((void *) buf, 1, fsize, f);
+	fclose(f);
+	return buf;
+}
+
+static duk_int_t eval_file(duk_context *ctx, const char *filename) {
+	size_t len; char *buf = read_file(filename, &len);
+	if(!buf) FAIL_LOAD
+
+	duk_push_lstring(ctx, (const char *)buf, (duk_size_t)len);
+	duk_int_t retval = duk_peval(ctx);
+	duk_pop(ctx);
+	return retval;
+}
+
+static duk_int_t load_file(duk_context *ctx, const char *filename, const char *var) {
+	size_t len; char *buf = read_file(filename, &len);
+	if(!buf) FAIL_LOAD
+
+	duk_push_external_buffer(ctx);
+	duk_config_buffer(ctx, -1, buf, len);
+	duk_put_global_string(ctx, var);
+	return 0;
+}
+
+static duk_int_t save_file(duk_context *ctx, const char *filename, const char *var) {
+	duk_get_global_string(ctx, var);
+	duk_size_t sz;
+	char *buf = (char *)duk_get_buffer_data(ctx, -1, &sz);
+
+	if(!buf) return 1;
+	FILE *f = fopen(filename, "wb"); fwrite(buf, 1, sz, f); fclose(f);
+	return 0;
+}
+
+#define FAIL(cmd) { \
+	printf("error in %s: %s\n", cmd, duk_safe_to_string(ctx, -1)); \
+	duk_destroy_heap(ctx); \
+	return res; \
+}
+
+#define DOIT(cmd) duk_eval_string_noresult(ctx, cmd);
+int main(int argc, char *argv[]) {
+	duk_int_t res = 0;
+
+	/* initialize */
+	duk_context *ctx = duk_create_heap_default();
+	/* duktape does not expose a standard "global" by default */
+	DOIT("var global = (function(){ return this; }).call(null);");
+
+	/* load library */
+	res = eval_file(ctx, "xlsx.duktape.js");
+	if(res != 0) FAIL("library load")
+
+	/* get version string */
+	duk_eval_string(ctx, "XLSX.version");
+	printf("SheetJS library version %s\n", duk_get_string(ctx, -1));
+	duk_pop(ctx);
+
+	/* read file */
+	res = load_file(ctx, "sheetjs.xlsx", "buf");
+	if(res != 0) FAIL("load sheetjs.xlsx")
+
+	/* parse workbook */
+	DOIT("wb = XLSX.read(buf, {type:'buffer'});");
+	DOIT("ws = wb.Sheets[wb.SheetNames[0]]");
+
+	/* print CSV */
+	duk_eval_string(ctx, "XLSX.utils.sheet_to_csv(ws)");
+	printf("%s\n", duk_get_string(ctx, -1));
+	duk_pop(ctx);
+
+	/* change cell A1 to 3 */
+	DOIT("ws['A1'].v = 3; delete ws['A1'].w;");
+
+	/* write file */
+	DOIT("newbuf = XLSX.write(wb, {type:'buffer', bookType:'xlsx'})");
+	res = save_file(ctx, "sheetjsw.xlsx", "newbuf");
+	if(res != 0) FAIL("save sheetjsw.xlsx")
+
+	/* cleanup */
+	duk_destroy_heap(ctx);
+	return res;
+}

demos/angular2/README.md

@@ -6,9 +6,9 @@ The library can be imported directly from TS code with:
 import * as XLSX from 'xlsx';
 ```
 
-This demo uses an array of arrays as the core data structure.  The component
-template includes a file input element, a table that updates based on the data,
-and a button to export the data.
+This demo uses an array of arrays (type `Array<Array<any>>`) as the core state.
+The component template includes a file input element, a table that updates with
+the data, and a button to export the data.
 
 ## Switching between Angular versions
 

demos/angular2/src/app/sheetjs.component.ts

@@ -24,8 +24,8 @@ function s2ab(s: string): ArrayBuffer {
 	<table class="sjs-table">
 		<tr *ngFor="let row of data">
 			<td *ngFor="let val of row">
-			{{val}}
-		</td>
+				{{val}}
+			</td>
 		</tr>
 	</table>
 	<button (click)="export()">Export!</button>

demos/electron/Makefile

@@ -0,0 +1,8 @@
+.PHONY: init
+init:
+	mkdir -p node_modules
+	cd node_modules; if [ ! -e xlsx ]; then ln -s ../../../ xlsx ; fi; cd -
+
+.PHONY: run
+run:
+	electron .

demos/electron/README.md

@@ -0,0 +1,19 @@
+# Electron
+
+This library is compatible with Electron and should just work out of the box.
+The demonstration uses Electron v1.7.5.  The library is added via `require` from
+the render process.  It can also be required from the main process, as shown in
+this demo to render a version string in the About dialog on OSX.
+
+The standard HTML5 `FileReader` techniques from the browser apply to Electron.
+This demo includes a drag-and-drop box as well as a file input box, mirroring
+the [SheetJS Data Preview Live Demo](http://oss.sheetjs.com/js-xlsx/)
+
+Since electron provides an `fs` implementation, `readFile` and `writeFile` can
+be used in conjunction with the standard dialogs.  For example:
+
+```js
+var dialog = require('electron').remote.dialog;
+var o = (dialog.showOpenDialog({ properties: ['openFile'] })||[''])[0];
+var workbook = X.readFile(o);
+```

demos/electron/index.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<!-- xlsx.js (C) 2013-present  SheetJS http://sheetjs.com -->
+<!-- vim: set ts=2: -->
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>SheetJS Electron Demo</title>
+<style>
+#drop{
+	border:2px dashed #bbb;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+	padding:25px;
+	text-align:center;
+	font:20pt bold,"Vollkorn";color:#bbb
+}
+a { text-decoration: none }
+</style>
+</head>
+<body>
+<pre>
+<b><a href="http://sheetjs.com">SheetJS Electron Demo</a></b>
+
+<a href="https://github.com/SheetJS/js-xlsx">Source Code Repo</a>
+<a href="https://github.com/SheetJS/js-xlsx/issues">Issues?  Something look weird?  Click here and report an issue</a>
+<br />
+<button id="readf">Click here to select a file from your computer</button><br />
+<div id="drop">Drop a spreadsheet file here to see sheet data</div>
+<input type="file" name="xlfile" id="xlf" /> ... or click here to select a file
+
+</pre>
+<div id="htmlout"></div>
+<br />
+<script src="index.js"></script>
+</body>
+</html>