From edf7150ca803190afaca515064b8ab387b94d336 Mon Sep 17 00:00:00 2001 From: SheetJS Date: Fri, 26 Jan 2018 19:52:46 -0500 Subject: [PATCH] demo refresh [ci skip] --- .spelling | 17 ++ README.md | 3 + demos/README.md | 3 + demos/database/.eslintrc | 7 + demos/database/.gitignore | 1 + demos/database/LocalForage.html | 59 +++++++ demos/database/LocalStorage.html | 57 +++++++ demos/database/LowDBTest.js | 23 +++ demos/database/Makefile | 16 ++ demos/database/MySQLTest.js | 70 ++++++++ demos/database/ObjUtils.js | 59 +++++++ demos/database/PgSQLTest.js | 72 ++++++++ demos/database/README.md | 279 +++++++++++++++++++++++++++++++ demos/database/RedisTest.js | 50 ++++++ demos/database/SQLiteTest.js | 52 ++++++ demos/database/SheetJSForage.js | 20 +++ demos/database/SheetJSLowDB.js | 20 +++ demos/database/SheetJSRedis.js | 73 ++++++++ demos/database/SheetJSSQL.js | 88 ++++++++++ demos/database/SheetJSStorage.js | 18 ++ demos/database/xlsx.full.min.js | 1 + demos/fusebox/README.md | 2 +- demos/fusebox/index.html | 14 ++ demos/parcel/.gitignore | 2 + demos/parcel/Makefile | 7 + demos/parcel/README.md | 14 ++ demos/parcel/index.html | 50 ++++++ demos/parcel/index.js | 136 +++++++++++++++ docbits/11_demos.md | 3 + misc/docs/README.md | 3 + 30 files changed, 1218 insertions(+), 1 deletion(-) create mode 100644 demos/database/.eslintrc create mode 100644 demos/database/.gitignore create mode 100644 demos/database/LocalForage.html create mode 100644 demos/database/LocalStorage.html create mode 100644 demos/database/LowDBTest.js create mode 100644 demos/database/Makefile create mode 100644 demos/database/MySQLTest.js create mode 100644 demos/database/ObjUtils.js create mode 100644 demos/database/PgSQLTest.js create mode 100644 demos/database/README.md create mode 100644 demos/database/RedisTest.js create mode 100644 demos/database/SQLiteTest.js create mode 100644 demos/database/SheetJSForage.js create mode 100644 demos/database/SheetJSLowDB.js create mode 100644 demos/database/SheetJSRedis.js create mode 100644 demos/database/SheetJSSQL.js create mode 100644 demos/database/SheetJSStorage.js create mode 120000 demos/database/xlsx.full.min.js create mode 100644 demos/fusebox/index.html create mode 100644 demos/parcel/.gitignore create mode 100644 demos/parcel/Makefile create mode 100644 demos/parcel/README.md create mode 100644 demos/parcel/index.html create mode 100644 demos/parcel/index.js diff --git a/.spelling b/.spelling index 7753f25..19efca3 100644 --- a/.spelling +++ b/.spelling @@ -37,13 +37,19 @@ CommonJS Ethercalc ExtendScript FileSaver +IndexedDB JavaScriptCore +LocalStorage NPM Nuxt.js +Redis RequireJS Rollup +SessionStorage +SQLite SystemJS VueJS +WebSQL iOS nodejs npm @@ -57,10 +63,12 @@ ArrayBuffer Base64 Booleans JS +NoSQL README UTF-16 XHR XMLHttpRequest +bundler bundlers cleanroom config @@ -95,6 +103,15 @@ ui-grid - demos/angular2/README.md angular-cli + - demos/database/README.md +LowDB +MariaDB +MySQL +PostgreSQL +schemaless +schemas +storages + - demos/extendscript/README.md Photoshop minifier diff --git a/README.md b/README.md index 8916180..e24b4f8 100644 --- a/README.md +++ b/README.md @@ -196,9 +196,12 @@ The [`demos` directory](demos/) includes sample projects for: - [`vue 2.x and weex`](demos/vue/) - [`XMLHttpRequest and fetch`](demos/xhr/) - [`nodejs server`](demos/server/) +- [`databases and key/value stores`](demos/database/) **Bundlers and Tooling** - [`browserify`](demos/browserify/) +- [`fusebox`](demos/fusebox/) +- [`parcel`](demos/parcel/) - [`requirejs`](demos/requirejs/) - [`rollup`](demos/rollup/) - [`systemjs`](demos/systemjs/) diff --git a/demos/README.md b/demos/README.md index 88b9c4e..56437d1 100644 --- a/demos/README.md +++ b/demos/README.md @@ -25,9 +25,12 @@ can be installed with Bash on Windows or with `cygwin`. - [`vue 2.x and weex`](vue/) - [`XMLHttpRequest and fetch`](xhr/) - [`nodejs server`](server/) +- [`databases and key/value stores`](database/) **Bundlers and Tooling** - [`browserify`](browserify/) +- [`fusebox`](fusebox/) +- [`parcel`](parcel/) - [`requirejs`](requirejs/) - [`rollup`](rollup/) - [`systemjs`](systemjs/) diff --git a/demos/database/.eslintrc b/demos/database/.eslintrc new file mode 100644 index 0000000..d059de3 --- /dev/null +++ b/demos/database/.eslintrc @@ -0,0 +1,7 @@ +{ + "env": { "shared-node-browser":true }, + "parserOptions": { + "ecmaVersion": 2017 + }, + "plugins": [ "html", "json" ] +} diff --git a/demos/database/.gitignore b/demos/database/.gitignore new file mode 100644 index 0000000..98e6ef6 --- /dev/null +++ b/demos/database/.gitignore @@ -0,0 +1 @@ +*.db diff --git a/demos/database/LocalForage.html b/demos/database/LocalForage.html new file mode 100644 index 0000000..6534702 --- /dev/null +++ b/demos/database/LocalForage.html @@ -0,0 +1,59 @@ + + + + + + +SheetJS Live Demo + + + +
+SheetJS LocalStorage Demo
+
+Original Data:
+

+
+Output:
+
+

+
+
+
+
+
+
+
diff --git a/demos/database/LocalStorage.html b/demos/database/LocalStorage.html
new file mode 100644
index 0000000..780184d
--- /dev/null
+++ b/demos/database/LocalStorage.html
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+SheetJS Live Demo
+
+
+
+
+SheetJS LocalStorage Demo
+
+Original Data:
+

+
+Output:
+
+

+
+
+
+
+
+
diff --git a/demos/database/LowDBTest.js b/demos/database/LowDBTest.js
new file mode 100644
index 0000000..baa8c4f
--- /dev/null
+++ b/demos/database/LowDBTest.js
@@ -0,0 +1,23 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/* eslint-env node */
+var low = require('lowdb');
+var SheetJSAdapter = require('./SheetJSLowDB');
+var adapter = new SheetJSAdapter();
+var db = low(adapter);
+
+db.defaults({ posts: [], user: {}, count: 0 }).write();
+db.get('posts').push({ id: 1, title: 'lowdb is awesome'}).write();
+db.set('user.name', 'typicode').write();
+db.update('count', function(n) { return n + 1; }).write();
+
+adapter.dumpFile('ldb1.xlsx');
+
+var adapter2 = new SheetJSAdapter();
+adapter2.loadFile('ldb1.xlsx');
+var db2 = low(adapter2);
+
+db2.get('posts').push({ id: 2, title: 'mongodb is not'}).write();
+db2.set('user.name', 'sheetjs').write();
+db2.update('count', function(n) { return n + 1; }).write();
+
+adapter2.dumpFile('ldb2.xlsx');
diff --git a/demos/database/Makefile b/demos/database/Makefile
new file mode 100644
index 0000000..31433d8
--- /dev/null
+++ b/demos/database/Makefile
@@ -0,0 +1,16 @@
+.PHONY: init
+init:
+	rm -f node_modules/xlsx
+	mkdir -p node_modules
+	cd node_modules; ln -s ../../../ xlsx; cd -
+	rm -f xlsx.full.min.js
+	ln -s ../../dist/xlsx.full.min.js
+
+FILES=$(filter-out xlsx.full.min.js,$(wildcard *.js)) $(wildcard *.html)
+.PHONY: lint
+lint: $(FILES)
+	eslint $(FILES)
+
+.PHONY: clean
+clean:
+	rm -f *.db *.xlsx
diff --git a/demos/database/MySQLTest.js b/demos/database/MySQLTest.js
new file mode 100644
index 0000000..40d1bb0
--- /dev/null
+++ b/demos/database/MySQLTest.js
@@ -0,0 +1,70 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/* eslint-env node */
+var XLSX = require('xlsx');
+var assert = require('assert');
+var SheetJSSQL = require('./SheetJSSQL');
+var mysql = require('mysql2/promise');
+
+/* Connection options (requires two databases sheetjs and sheetj5) */
+var opts = {
+  host     : 'localhost',
+  user     : 'SheetJS',
+  password : 'SheetJS',
+};
+
+/* Sample data table */
+var init = [
+  "DROP TABLE IF EXISTS pres",
+  "CREATE TABLE pres (name TEXT, idx TINYINT)",
+  "INSERT INTO pres VALUES ('Barack Obama', 44)",
+  "INSERT INTO pres VALUES ('Donald Trump', 45)",
+  "DROP TABLE IF EXISTS fmts",
+  "CREATE TABLE fmts (ext TEXT, ctr TEXT, multi TINYINT)",
+  "INSERT INTO fmts VALUES ('XLSB', 'ZIP', 1)",
+  "INSERT INTO fmts VALUES ('XLS',  'CFB', 1)",
+  "INSERT INTO fmts VALUES ('XLML', '',    1)",
+  "INSERT INTO fmts VALUES ('CSV',  '',    0)",
+];
+
+(async () => {
+  const conn1 = await mysql.createConnection({...opts, database: "sheetjs"});
+  for(var i = 0; i < init.length; ++i) await conn1.query(init[i]);
+
+  /* Export table to XLSX */
+  var wb = XLSX.utils.book_new();
+
+  async function book_append_table(wb, name) {
+    var r_f = await conn1.query('SELECT * FROM ' + name);
+    var r = r_f[0];
+    var ws = XLSX.utils.json_to_sheet(r);
+    XLSX.utils.book_append_sheet(wb, ws, name);
+  }
+
+  await book_append_table(wb, "pres");
+  await book_append_table(wb, "fmts");
+  XLSX.writeFile(wb, "mysql.xlsx");
+
+  /* Capture first database info and close */
+  var P1 = (await conn1.query("SELECT * FROM pres"))[0];
+  var F1 = (await conn1.query("SELECT * FROM fmts"))[0];
+  await conn1.close();
+
+  /* Import XLSX to table */
+  const conn2 = await mysql.createConnection({...opts, database: "sheetj5"});
+  var wb2 = XLSX.readFile("mysql.xlsx");
+  var queries = SheetJSSQL.book_to_sql(wb2, "MYSQL");
+  for(i = 0; i < queries.length; ++i) await conn2.query(queries[i]);
+
+  /* Capture first database info and close */
+  var P2 = (await conn2.query("SELECT * FROM pres"))[0];
+  var F2 = (await conn2.query("SELECT * FROM fmts"))[0];
+  await conn2.close();
+
+  /* Compare results */
+  assert.deepEqual(P1, P2);
+  assert.deepEqual(F1, F2);
+
+  /* Display results */
+  console.log(P2);
+  console.log(F2);
+})();
diff --git a/demos/database/ObjUtils.js b/demos/database/ObjUtils.js
new file mode 100644
index 0000000..cb3a0c5
--- /dev/null
+++ b/demos/database/ObjUtils.js
@@ -0,0 +1,59 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/*global XLSX, module, require */
+var ObjUtils = (function() {
+
+var X;
+if(typeof XLSX !== "undefined") X = XLSX;
+else if(typeof require !== 'undefined') X = require('xlsx');
+else throw new Error("Could not find XLSX");
+
+function walk(obj, key, arr) {
+  if(Array.isArray(obj)) return;
+  if(typeof obj != "object" || obj instanceof Date) { arr.push({path:key, value:obj}); return; }
+  Object.keys(obj).forEach(function(k) {
+    walk(obj[k], key ? key + "." + k : k, arr);
+  });
+}
+
+function object_to_workbook(obj) {
+  var wb = X.utils.book_new();
+
+  var base = []; walk(obj, "", base);
+  var ws = X.utils.json_to_sheet(base, {header:["path", "value"]});
+  X.utils.book_append_sheet(wb, ws, "_keys");
+
+  Object.keys(obj).forEach(function(k) {
+    if(!Array.isArray(obj[k])) return;
+    X.utils.book_append_sheet(wb, X.utils.json_to_sheet(obj[k]), k);
+  });
+
+  return wb;
+}
+
+function deepset(obj, path, value) {
+  if(path.indexOf(".") == -1) return obj[path] = value;
+  var parts = path.split(".");
+  if(!obj[parts[0]]) obj[parts[0]] = {};
+  return deepset(obj[parts[0]], parts.slice(1).join("."), value);
+}
+function workbook_set_object(obj, wb) {
+  var ws = wb.Sheets["_keys"]; if(ws) {
+    var data = X.utils.sheet_to_json(ws, {raw:true});
+    data.forEach(function(r) { deepset(obj, r.path, r.value); });
+  }
+  wb.SheetNames.forEach(function(n) {
+    if(n == "_keys") return;
+    obj[n] = X.utils.sheet_to_json(wb.Sheets[n], {raw:true});
+  });
+}
+
+function workbook_to_object(wb) { var obj = {}; workbook_set_object(obj, wb); return obj; }
+
+return {
+  workbook_to_object: workbook_to_object,
+  object_to_workbook: object_to_workbook,
+  workbook_set_object: workbook_set_object
+};
+})();
+
+if(typeof module !== 'undefined') module.exports = ObjUtils;
diff --git a/demos/database/PgSQLTest.js b/demos/database/PgSQLTest.js
new file mode 100644
index 0000000..a021ff5
--- /dev/null
+++ b/demos/database/PgSQLTest.js
@@ -0,0 +1,72 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/* eslint-env node */
+var XLSX = require('xlsx');
+var assert = require('assert');
+var SheetJSSQL = require('./SheetJSSQL');
+var Client = require('pg').Client;
+
+/* Connection options (requires two databases sheetjs and sheetj5) */
+var opts = {
+  host     : 'localhost',
+  user     : 'SheetJS',
+  password : 'SheetJS',
+};
+
+/* Sample data table */
+var init = [
+  "DROP TABLE IF EXISTS pres",
+  "CREATE TABLE pres (name text, idx smallint)",
+  "INSERT INTO pres VALUES ('Barack Obama', 44)",
+  "INSERT INTO pres VALUES ('Donald Trump', 45)",
+  "DROP TABLE IF EXISTS fmts",
+  "CREATE TABLE fmts (ext text, ctr text, multi smallint)",
+  "INSERT INTO fmts VALUES ('XLSB', 'ZIP', 1)",
+  "INSERT INTO fmts VALUES ('XLS',  'CFB', 1)",
+  "INSERT INTO fmts VALUES ('XLML', '',    1)",
+  "INSERT INTO fmts VALUES ('CSV',  '',    0)",
+];
+
+var conn1 = new Client({...opts, database: "sheetjs"});
+var conn2 = new Client({...opts, database: "sheetj5"});
+(async () => {
+  await conn1.connect();
+  for(var i = 0; i < init.length; ++i) await conn1.query(init[i]);
+
+  /* Export table to XLSX */
+  var wb = XLSX.utils.book_new();
+
+  async function book_append_table(wb, name) {
+    var r_f = await conn1.query('SELECT * FROM ' + name);
+    var r = r_f.rows;
+    var ws = XLSX.utils.json_to_sheet(r);
+    XLSX.utils.book_append_sheet(wb, ws, name);
+  }
+
+  await book_append_table(wb, "pres");
+  await book_append_table(wb, "fmts");
+  XLSX.writeFile(wb, "pgsql.xlsx");
+
+  /* Capture first database info and close */
+  var P1 = (await conn1.query("SELECT * FROM pres")).rows;
+  var F1 = (await conn1.query("SELECT * FROM fmts")).rows;
+  await conn1.end();
+
+  /* Import XLSX to table */
+  await conn2.connect();
+  var wb2 = XLSX.readFile("pgsql.xlsx");
+  var queries = SheetJSSQL.book_to_sql(wb2, "PGSQL");
+  for(i = 0; i < queries.length; ++i) { console.log(queries[i]); await conn2.query(queries[i]); }
+
+  /* Capture first database info and close */
+  var P2 = (await conn2.query("SELECT * FROM pres")).rows;
+  var F2 = (await conn2.query("SELECT * FROM fmts")).rows;
+  await conn2.end();
+
+  /* Compare results */
+  assert.deepEqual(P1, P2);
+  assert.deepEqual(F1, F2);
+
+  /* Display results */
+  console.log(P2);
+  console.log(F2);
+})();
diff --git a/demos/database/README.md b/demos/database/README.md
new file mode 100644
index 0000000..4010ee9
--- /dev/null
+++ b/demos/database/README.md
@@ -0,0 +1,279 @@
+# Databases
+
+"Database" is a catch-all term referring to traditional RDBMS as well as K/V
+stores, document databases, and other "NoSQL" storages. There are many external
+database systems as well as browser APIs like WebSQL and `localStorage`
+
+This demo discusses general strategies and provides examples for a variety of
+database systems.  The examples are merely intended to demonstrate very basic
+functionality.
+
+
+## Structured Tables
+
+Database tables are a common import and export target for spreadsheets.  One
+common representation of a database table is an array of JS objects whose keys
+are column headers and whose values are the underlying data values. For example,
+
+| Name         | Index |
+| :----------- | ----: |
+| Barack Obama |    44 |
+| Donald Trump |    45 |
+
+is naturally represented as an array of objects
+
+```js
+[
+  { Name: "Barack Obama", Index: 44 },
+  { Name: "Donald Trump", Index: 45 }
+]
+```
+
+The `sheet_to_json` and `json_to_sheet` helper functions work with objects of
+similar shape, converting to and from worksheet objects.  The corresponding
+worksheet would include a header row for the labels:
+
+```
+XXX|      A       |   B   |
+---+--------------+-------+
+ 1 | Name         | Index |
+ 2 | Barack Obama |    44 |
+ 3 | Donald Trump |    45 |
+```
+
+
+## Building Schemas from Worksheets
+
+The `sheet_to_json` helper function generates arrays of JS objects that can be
+scanned to determine the column "types", and there are third-party connectors
+that can push arrays of JS objects to database tables.
+
+The [`sexql`](http://sheetjs.com/sexql) browser demo uses WebSQL, which is
+limited to the SQLite fundamental types.  Its schema builder scans the first row
+to find headers:
+
+```js
+  if(!ws || !ws['!ref']) return;
+  var range = XLSX.utils.decode_range(ws['!ref']);
+  if(!range || !range.s || !range.e || range.s > range.e) return;
+  var R = range.s.r, C = range.s.c;
+
+  var names = new Array(range.e.c-range.s.c+1);
+  for(C = range.s.c; C<= range.e.c; ++C){
+    var addr = XLSX.utils.encode_cell({c:C,r:R});
+    names[C-range.s.c] = ws[addr] ? ws[addr].v : XLSX.utils.encode_col(C);
+  }
+```
+
+After finding the headers, a deduplication step ensures that data is not lost.
+Duplicate headers will be suffixed with `_1`, `_2`, etc.
+
+```js
+  for(var i = 0; i < names.length; ++i) if(names.indexOf(names[i]) < i)
+    for(var j = 0; j < names.length; ++j) {
+      var _name = names[i] + "_" + (j+1);
+      if(names.indexOf(_name) > -1) continue;
+      names[i] = _name;
+    }
+```
+
+A column-major walk helps determine the data type.  For SQLite the only relevant
+data types are `REAL` and `TEXT`.  If a string or date or error is seen in any
+value of a column, the column is marked as `TEXT`:
+
+```js
+  var types = new Array(range.e.c-range.s.c+1);
+  for(C = range.s.c; C<= range.e.c; ++C) {
+    var seen = {}, _type = "";
+    for(R = range.s.r+1; R<= range.e.r; ++R)
+      seen[(ws[XLSX.utils.encode_cell({c:C,r:R})]||{t:"z"}).t] = true;
+    if(seen.s || seen.str) _type = "TEXT";
+    else if(seen.n + seen.b + seen.d + seen.e > 1) _type = "TEXT";
+    else switch(true) {
+      case seen.b:
+      case seen.n: _type = "REAL"; break;
+      case seen.e: _type = "TEXT"; break;
+      case seen.d: _type = "TEXT"; break;
+    }
+    types[C-range.s.c] = _type || "TEXT";
+  }
+```
+
+The included `SheetJSSQL.js` script demonstrates SQL statement generation.
+
+## Objects, K/V and "Schema-less" Databases
+
+So-called "Schema-less" databases allow for arbitrary keys and values within the
+entries in the database.  K/V stores and Objects add additional restrictions.
+
+There is no natural way to translate arbitrarily shaped schemas to worksheets
+in a workbook.  One common trick is to dedicate one worksheet to holding named
+keys.  For example, considering the JS object:
+
+```json
+{
+  "title": "SheetDB",
+  "metadata": {
+    "author": "SheetJS",
+    "code": 7262
+  },
+  "data": [
+    { "Name": "Barack Obama", "Index": 44 },
+    { "Name": "Donald Trump", "Index": 45 },
+  ]
+}
+```
+
+A dedicated worksheet should store the one-off named values:
+
+```
+XXX|        A        |    B    |
+---+-----------------+---------+
+ 1 | Path            | Value   |
+ 2 | title           | SheetDB |
+ 3 | metadata.author | SheetJS |
+ 4 | metadata.code   |    7262 |
+```
+
+The included `ObjUtils.js` script demonstrates object-workbook conversion:
+
+```js
+function deepset(obj, path, value) {
+  if(path.indexOf(".") == -1) return obj[path] = value;
+  var parts = path.split(".");
+  if(!obj[parts[0]]) obj[parts[0]] = {};
+  return deepset(obj[parts[0]], parts.slice(1).join("."), value);
+}
+function workbook_to_object(wb) {
+  var out = {};
+
+  /* assign one-off keys */
+  var ws = wb.Sheets["_keys"]; if(ws) {
+    var data = XLSX.utils.sheet_to_json(ws, {raw:true});
+    data.forEach(function(r) { deepset(out, r.path, r.value); });
+  }
+
+  /* assign arrays from worksheet tables */
+  wb.SheetNames.forEach(function(n) {
+    if(n == "_keys") return;
+    out[n] = XLSX.utils.sheet_to_json(wb.Sheets[n], {raw:true});
+  });
+
+  return out;
+}
+
+function walk(obj, key, arr) {
+  if(Array.isArray(obj)) return;
+  if(typeof obj != "object") { arr.push({path:key, value:obj}); return; }
+  Object.keys(obj).forEach(function(k) { walk(obj[k], key?key+"."+k:k, arr); });
+}
+function object_to_workbook(obj) {
+  var wb = XLSX.utils.book_new();
+
+  /* keyed entries */
+  var base = []; walk(obj, "", base);
+  var ws = XLSX.utils.json_to_sheet(base, {header:["path", "value"]});
+  XLSX.utils.book_append_sheet(wb, ws, "_keys");
+
+  /* arrays */
+  Object.keys(obj).forEach(function(k) {
+    if(!Array.isArray(obj[k])) return;
+    XLSX.utils.book_append_sheet(wb, XLSX.utils.json_to_sheet(obj[k]), k);
+  });
+
+  return wb;
+}
+```
+
+
+## Browser APIs
+
+#### WebSQL
+
+WebSQL is a popular SQL-based in-browser database available on Chrome / Safari.
+In practice, it is powered by SQLite, and most simple SQLite-compatible queries
+work as-is in WebSQL.
+
+The public demo  generates a database from workbook.
+
+#### LocalStorage and SessionStorage
+
+The Storage API, encompassing `localStorage` and `sessionStorage`, describes
+simple key-value stores that only support string values and keys. Objects can be
+stored as JSON using `JSON.stringify` and `JSON.parse` to set and get keys.
+
+`SheetJSStorage.js` extends the `Storage` prototype with a `load` function to
+populate the db based on an object and a `dump` function to generate a workbook
+from the data in the storage.  `LocalStorage.html` tests `localStorage`.
+
+#### IndexedDB
+
+IndexedDB is a more complex storage solution, but the `localForage` wrapper
+supplies a Promise-based interface mimicking the `Storage` API.
+
+`SheetJSForage.js` extends the `localforage` object with a `load` function to
+populate the db based on an object and a `dump` function to generate a workbook
+from the data in the storage.  `LocalForage.html` forces IndexedDB mode.
+
+
+## External Database Demos
+
+### SQL Databases
+
+There are nodejs connector libraries for all of the popular RDBMS systems.  They
+have facilities for connecting to a database, executing queries, and obtaining
+results as arrays of JS objects that can be passed to `json_to_sheet`.  The main
+differences surround API shape and supported data types.
+
+#### SQLite
+
+[The `better-sqlite3` module](https://www.npmjs.com/package/better-sqlite3)
+provides a very simple API for working with SQLite databases.  `Statement#all`
+runs a prepared statement and returns an array of JS objects
+
+`SQLiteTest.js` generates a simple two-table SQLite database (`SheetJS1.db`),
+exports to XLSX (`sqlite.xlsx`), imports the new XLSX file to a new database
+(`SheetJS2.db`) and verifies the tables are preserved.
+
+#### MySQL / MariaDB
+
+[The `mysql2` module](https://www.npmjs.com/package/mysql2) supplies a callback
+API as well as a Promise wrapper.  `Connection#query` runs a statement and
+returns an array whose first element is an array of JS objects.
+
+`MySQLTest.js` connects to the MySQL instance running on `localhost`, builds two
+tables in the `sheetjs` database, exports to XLSX, imports the new XLSX file to
+the `sheetj5` database and verifies the tables are preserved.
+
+#### PostgreSQL
+
+[The `pg` module](https://www.npmjs.com/package/pg) supplies a Promise wrapper.
+Like with `mysql2`, `Client#query` runs a statement and returns a result object.
+The `rows` key of the object is an array of JS objects.
+
+`PgSQLTest.js` connects to the PostgreSQL server on `localhost`, builds two
+tables in the `sheetjs` database, exports to XLSX, imports the new XLSX file to
+the `sheetj5` database and verifies the tables are preserved.
+
+### Key/Value Stores
+
+#### Redis
+
+Redis is a powerful data structure server that can store simple strings, sets,
+sorted sets, hashes and lists.  One simple database representation stores the
+strings in a special worksheet (`_strs`), the manifest in another worksheet
+(`_manifest`), and each object in its own worksheet (`obj##`).
+
+`RedisTest.js` connects to a local Redis server, populates data based on the
+official Redis tutorial, exports to XLSX, flushes the server, imports the new
+XLSX file and verifies the data round-tripped correctly.  `SheetJSRedis.js`
+includes the implementation details
+
+#### LowDB
+
+LowDB is a small schemaless database powered by `lodash`.  `_.get` and `_.set`
+helper functions make storing metadata a breeze.  The included `SheetJSLowDB.js`
+script demonstrates a simple adapter that can load and dump data.
+
+
+[![Analytics](https://ga-beacon.appspot.com/UA-36810333-1/SheetJS/js-xlsx?pixel)](https://github.com/SheetJS/js-xlsx)
diff --git a/demos/database/RedisTest.js b/demos/database/RedisTest.js
new file mode 100644
index 0000000..e0307f6
--- /dev/null
+++ b/demos/database/RedisTest.js
@@ -0,0 +1,50 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/* eslint-env node */
+var XLSX = require("xlsx");
+var SheetJSRedis = require("./SheetJSRedis");
+var assert = require('assert');
+var redis = require("redis"), util = require("util");
+var client = redis.createClient();
+
+
+/* Sample data */
+var init = [
+	["FLUSHALL", []],
+	["SADD",  ["birdpowers", "flight", "pecking"]],
+	["SET",   ["foo", "bar"]],
+	["SET",   ["baz", 0]],
+	["RPUSH", ["friends", "sam", "alice", "bob"]],
+	["ZADD",  ["hackers", 1906, 'Grace Hopper', 1912, 'Alan Turing', 1916, 'Claude Shannon', 1940, 'Alan Kay', 1953, 'Richard Stallman', 1957, 'Sophie Wilson', 1965, 'Yukihiro Matsumoto', 1969, 'Linus Torvalds']],
+	["SADD",  ["superpowers", "flight", 'x-ray vision']],
+	["HMSET", ["user:1000", "name", 'John Smith', "email", 'john.smith@example.com', "password", "s3cret", "visits", 1]],
+	["HMSET", ["user:1001", "name", 'Mary Jones', "email", 'mjones@example.com', "password", "hidden"]]
+];
+
+const R = (()=>{
+	const Rcache = {};
+	const R_ = (n) => Rcache[n] || (Rcache[n] = util.promisify(client[n]).bind(client));
+	return (n) => R_(n.toLowerCase());
+})();
+
+(async () => {
+	for(var i = 0; i < init.length; ++i) await R(init[i][0])(init[i][1]);
+
+  /* Export database to XLSX */
+	var wb = await SheetJSRedis.redis_to_wb(R);
+  XLSX.writeFile(wb, "redis.xlsx");
+
+  /* Import XLSX to database */
+	await R("flushall")();
+  var wb2 = XLSX.readFile("redis.xlsx");
+	await SheetJSRedis.wb_to_redis(wb2, R);
+
+	/* Verify */
+	assert.equal(await R("get")("foo"), "bar");
+	assert.equal(await R("lindex")("friends", 1), "alice");
+	assert.equal(await R("zscore")("hackers", "Claude Shannon"), 1916);
+	assert.equal(await R("hget")("user:1000", "name"), "John Smith");
+	assert.equal(await R("sismember")("superpowers", "flight"), "1");
+	assert.equal(await R("sismember")("birdpowers", "pecking"), "1");
+
+	client.quit();
+})();
diff --git a/demos/database/SQLiteTest.js b/demos/database/SQLiteTest.js
new file mode 100644
index 0000000..5b2500a
--- /dev/null
+++ b/demos/database/SQLiteTest.js
@@ -0,0 +1,52 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/* eslint-env node */
+var XLSX = require('xlsx');
+var assert = require('assert');
+var SheetJSSQL = require('./SheetJSSQL');
+var Database = require('better-sqlite3');
+var db1 = new Database('SheetJS1.db');
+
+/* Sample data table */
+var init = [
+  "DROP TABLE IF EXISTS pres",
+  "CREATE TABLE pres (name TEXT, idx INTEGER)",
+  "INSERT INTO pres VALUES ('Barack Obama', 44)",
+  "INSERT INTO pres VALUES ('Donald Trump', 45)",
+  "DROP TABLE IF EXISTS fmts",
+  "CREATE TABLE fmts (ext TEXT, ctr TEXT, multi INTEGER)",
+  "INSERT INTO fmts VALUES ('XLSB', 'ZIP', 1)",
+  "INSERT INTO fmts VALUES ('XLS',  'CFB', 1)",
+  "INSERT INTO fmts VALUES ('XLML', '',    1)",
+  "INSERT INTO fmts VALUES ('CSV',  '',    0)",
+];
+db1.exec(init.join(";"));
+
+/* Export table to XLSX */
+var wb = XLSX.utils.book_new();
+function book_append_table(wb, db, name) {
+  var r = db.prepare('SELECT * FROM ' + name).all();
+  var ws = XLSX.utils.json_to_sheet(r);
+  XLSX.utils.book_append_sheet(wb, ws, name);
+}
+book_append_table(wb, db1, "pres");
+book_append_table(wb, db1, "fmts");
+XLSX.writeFile(wb, "sqlite.xlsx");
+
+/* Import XLSX to table */
+var db2 = new Database('SheetJS2.db');
+var wb2 = XLSX.readFile("sqlite.xlsx");
+var queries = SheetJSSQL.book_to_sql(wb2, "SQLITE");
+queries.forEach(function(q) { db2.exec(q); });
+
+/* Compare databases */
+var P1 = db1.prepare("SELECT * FROM pres").all();
+var P2 = db2.prepare("SELECT * FROM pres").all();
+var F1 = db1.prepare("SELECT * FROM fmts").all();
+var F2 = db2.prepare("SELECT * FROM fmts").all();
+assert.deepEqual(P1, P2);
+assert.deepEqual(F1, F2);
+
+/* Display results */
+console.log(P2);
+console.log(F2);
+
diff --git a/demos/database/SheetJSForage.js b/demos/database/SheetJSForage.js
new file mode 100644
index 0000000..39b0a65
--- /dev/null
+++ b/demos/database/SheetJSForage.js
@@ -0,0 +1,20 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/*global ObjUtils, localforage */
+localforage.load = async function foo(data) {
+  var keys = Object.keys(data);
+  for(var i = 0; i < keys.length; ++i) {
+    var key = keys[i], val = JSON.stringify(data[keys[i]])
+    await localforage.setItem(key, val);
+  }
+};
+
+localforage.dump = async function() {
+  var obj = {};
+  var length = await localforage.length();
+  for(var i = 0; i < length; ++i) {
+    var key = await this.key(i);
+    var val = await this.getItem(key);
+    obj[key] = JSON.parse(val);
+  }
+  return ObjUtils.object_to_workbook(obj);
+};
diff --git a/demos/database/SheetJSLowDB.js b/demos/database/SheetJSLowDB.js
new file mode 100644
index 0000000..0c7906f
--- /dev/null
+++ b/demos/database/SheetJSLowDB.js
@@ -0,0 +1,20 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/* eslint-env node */
+
+var XLSX = require('xlsx');
+var ObjUtils = require('./ObjUtils');
+
+function SheetJSAdapter() { this.defaultValue = {}; };
+
+SheetJSAdapter.prototype.read = function() { return this.defaultValue; };
+SheetJSAdapter.prototype.write = function(/*data*/) {};
+
+SheetJSAdapter.prototype.dumpRaw = function() { return ObjUtils.object_to_workbook(this.defaultValue); };
+SheetJSAdapter.prototype.dump = function(options) { XLSX.write(this.dumpRaw(), options); };
+SheetJSAdapter.prototype.dumpFile = function(path, options) { XLSX.writeFile(this.dumpRaw(), path, options); };
+
+SheetJSAdapter.prototype.loadRaw = function(wb) { ObjUtils.workbook_set_object(this.defaultValue, wb); };
+SheetJSAdapter.prototype.load = function(data, options) { this.loadRaw(XLSX.read(data, options)); };
+SheetJSAdapter.prototype.loadFile = function(path, options) { this.loadRaw(XLSX.readFile(path, options)); };
+
+if(typeof module !== 'undefined') module.exports = SheetJSAdapter;
diff --git a/demos/database/SheetJSRedis.js b/demos/database/SheetJSRedis.js
new file mode 100644
index 0000000..8f5b3f0
--- /dev/null
+++ b/demos/database/SheetJSRedis.js
@@ -0,0 +1,73 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/* eslint-env node */
+var XLSX = require("xlsx");
+
+const pair = (arr) => arr.map((x,i)=>!(i%2)&&[x,+arr[i+1]]).filter(x=>x);
+const keyify = (obj) => Object.keys(obj).map(x => [x, obj[x]]);
+
+async function redis_to_wb(R) {
+	var wb = XLSX.utils.book_new();
+	var manifest = [], strs = [];
+
+	/* store strings in strs and keep note of other objects in manifest */
+	var keys = await R("keys")("*"), type = "";
+	for(var i = 0; i < keys.length; ++i) {
+		type = await R("type")(keys[i]);
+		switch(type) {
+			case "string": strs.push({key:keys[i], value: await R("get")(keys[i])}); break;
+			case "list": case "zset": case "set": case "hash": manifest.push({key:keys[i], type:type}); break;
+			default: throw new Error("bad type " + type);
+		}
+	}
+
+	/* add worksheets if relevant */
+	if(strs.length > 0) {
+		var wss = XLSX.utils.json_to_sheet(strs, {header: ["key", "value"], skipHeader:1});
+		XLSX.utils.book_append_sheet(wb, wss, "_strs");
+	}
+	if(manifest.length > 0) {
+		var wsm = XLSX.utils.json_to_sheet(manifest, {header: ["key", "type"]});
+		XLSX.utils.book_append_sheet(wb, wsm, "_manifest");
+	}
+	for(i = 0; i < manifest.length; ++i) {
+		var sn = "obj" + i;
+		var aoa, key = manifest[i].key;
+		switch((type=manifest[i].type)) {
+			case "list":
+				aoa = (await R("lrange")(key, 0, -1)).map(x => [x]); break;
+			case "set":
+				aoa = (await R("smembers")(key)).map(x => [x]); break;
+			case "zset":
+				aoa = pair(await R("zrange")(key, 0, -1, "withscores")); break;
+			case "hash":
+				aoa = keyify(await R("hgetall")(key)); break;
+			default: throw new Error("bad type " + type);
+		}
+		XLSX.utils.book_append_sheet(wb, XLSX.utils.aoa_to_sheet(aoa), sn);
+	}
+	return wb;
+}
+
+/* convert worksheet aoa to specific redis type */
+const aoa_to_redis = {
+	list: async (aoa, R, key) => await R("RPUSH")([key].concat(aoa.map(x=>x[0]))),
+	zset: async (aoa, R, key) => await R("ZADD" )([key].concat(aoa.reduce((acc,x)=>acc.concat([+x[1], x[0]]), []))),
+	hash: async (aoa, R, key) => await R("HMSET")([key].concat(aoa.reduce((acc,x)=>acc.concat(x), []))),
+	set:  async (aoa, R, key) => await R("SADD" )([key].concat(aoa.map(x=>x[0])))
+};
+async function wb_to_redis(wb, R) {
+	if(wb.Sheets._strs) {
+		var strs = XLSX.utils.sheet_to_json(wb.Sheets._strs, {header:1});
+		for(var i = 0; i < strs.length; ++i) await R("SET")(strs[i]);
+	}
+	if(!wb.Sheets._manifest) return;
+	var M = XLSX.utils.sheet_to_json(wb.Sheets._manifest);
+	for(i = 0; i < M.length; ++i) {
+		var aoa = XLSX.utils.sheet_to_json(wb.Sheets["obj" + i], {header:1});
+		await aoa_to_redis[M[i].type](aoa, R, M[i].key);
+	}
+}
+module.exports = {
+	redis_to_wb,
+	wb_to_redis
+};
diff --git a/demos/database/SheetJSSQL.js b/demos/database/SheetJSSQL.js
new file mode 100644
index 0000000..02eb9d4
--- /dev/null
+++ b/demos/database/SheetJSSQL.js
@@ -0,0 +1,88 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+var SheetJSSQL = (function() {
+
+var X;
+if(typeof XLSX !== "undefined") X = XLSX;
+else if(typeof require !== 'undefined') X = require('xlsx');
+else throw new Error("Could not find XLSX");
+
+var _TYPES = {
+  "PGSQL":  { t:"text", n:"float8", d:"timestamp", b:"boolean" },
+  "MYSQL":  { t:"TEXT", n:"REAL",   d:"DATETIME",  b:"TINYINT" },
+  "SQLITE": { t:"TEXT", n:"REAL",   d:"TEXT",      b:"REAL"    }
+}
+function sheet_to_sql(ws, sname, mode) {
+  var TYPES = _TYPES[mode || "SQLITE"]
+  if(!ws || !ws['!ref']) return;
+  var range = X.utils.decode_range(ws['!ref']);
+  if(!range || !range.s || !range.e || range.s > range.e) return;
+  var R = range.s.r, C = range.s.c;
+
+  var names = new Array(range.e.c-range.s.c+1);
+  for(C = range.s.c; C<= range.e.c; ++C){
+    var addr = X.utils.encode_cell({c:C,r:R});
+    names[C-range.s.c] = ws[addr] ? ws[addr].v : X.utils.encode_col(C);
+  }
+
+  for(var i = 0; i < names.length; ++i) if(names.indexOf(names[i]) < i)
+    for(var j = 0; j < names.length; ++j) {
+      var _name = names[i] + "_" + (j+1);
+      if(names.indexOf(_name) > -1) continue;
+      names[i] = _name;
+    }
+
+  var types = new Array(range.e.c-range.s.c+1);
+  for(C = range.s.c; C<= range.e.c; ++C) {
+    var seen = {}, _type = "";
+    for(R = range.s.r+1; R<= range.e.r; ++R)
+      seen[(ws[X.utils.encode_cell({c:C,r:R})]||{t:"z"}).t] = true;
+    if(seen.s || seen.str) _type = TYPES.t;
+    else if(seen.n + seen.b + seen.d + seen.e > 1) _type = TYPES.t;
+    else switch(true) {
+      case seen.b: _type = TYPES.b; break;
+      case seen.n: _type = TYPES.n; break;
+      case seen.e: _type = TYPES.t; break;
+      case seen.d: _type = TYPES.d; break;
+    }
+    types[C-range.s.c] = _type || TYPES.t;
+  }
+
+  var out = [];
+
+	var BT = mode == "PGSQL" ? "" : "`";
+	var Q  = mode == "PGSQL" ? "'" : '"';
+	var R  = mode == "PGSQL" ? /'/g : /"/g;
+  out.push("DROP TABLE IF EXISTS " + BT + sname + BT );
+  out.push("CREATE TABLE " + BT + sname + BT + " (" + names.map(function(n, i) { return BT + n + BT + " " + (types[i]||"TEXT"); }).join(", ") + ");" );
+
+  for(R = range.s.r+1; R<= range.e.r; ++R) {
+    var fields = [], values = [];
+    for(C = range.s.c; C<= range.e.c; ++C) {
+      var cell = ws[X.utils.encode_cell({c:C,r:R})];
+      if(!cell) continue;
+      fields.push(BT + names[C-range.s.c] + BT);
+      var val = cell.v;
+      switch(types[C-range.s.c]) {
+        case TYPES.n: if(cell.t == 'b' || typeof val == 'boolean' ) val = +val; break;
+        default: val = Q + val.toString().replace(R, Q + Q) + Q;
+      }
+      values.push(val);
+    }
+    out.push("INSERT INTO " + BT +sname+ BT + " (" + fields.join(", ") + ") VALUES (" + values.join(",") + ");");
+  }
+
+  return out;
+}
+
+function book_to_sql(wb, mode) {
+  return wb.SheetNames.reduce(function(acc, n) {
+    return acc.concat(sheet_to_sql(wb.Sheets[n], n, mode));
+  }, []);
+}
+
+return {
+  book_to_sql: book_to_sql,
+  sheet_to_sql: sheet_to_sql
+};
+})();
+if(typeof module !== 'undefined') module.exports = SheetJSSQL;
diff --git a/demos/database/SheetJSStorage.js b/demos/database/SheetJSStorage.js
new file mode 100644
index 0000000..3e5eac4
--- /dev/null
+++ b/demos/database/SheetJSStorage.js
@@ -0,0 +1,18 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/* eslint-env browser */
+/*global ObjUtils */
+Storage.prototype.load = function(data) {
+  var self = this;
+  Object.keys(data).forEach(function(k) {
+    self.setItem(k, JSON.stringify(data[k]));
+  });
+};
+
+Storage.prototype.dump = function() {
+  var obj = {};
+  for(var i = 0; i < this.length; ++i) {
+    var key = this.key(i);
+    obj[key] = JSON.parse(this.getItem(key));
+  }
+  return ObjUtils.object_to_workbook(obj);
+};
diff --git a/demos/database/xlsx.full.min.js b/demos/database/xlsx.full.min.js
new file mode 120000
index 0000000..dbca48d
--- /dev/null
+++ b/demos/database/xlsx.full.min.js
@@ -0,0 +1 @@
+../../dist/xlsx.full.min.js
\ No newline at end of file
diff --git a/demos/fusebox/README.md b/demos/fusebox/README.md
index 6cbeb57..424be6c 100644
--- a/demos/fusebox/README.md
+++ b/demos/fusebox/README.md
@@ -48,7 +48,7 @@ The native shims must be suppressed for browser usage:
 ```js
 const fuse = FuseBox.init({
   homeDir: ".",
-  target: "node",
+  target: "browser",
   natives: {
     Buffer: false,
     stream: false,
diff --git a/demos/fusebox/index.html b/demos/fusebox/index.html
new file mode 100644
index 0000000..d657400
--- /dev/null
+++ b/demos/fusebox/index.html
@@ -0,0 +1,14 @@
+
+
+
+    
+    
+    
+    
+    
+    
+
+
+    
+
+
\ No newline at end of file
diff --git a/demos/parcel/.gitignore b/demos/parcel/.gitignore
new file mode 100644
index 0000000..ba70f38
--- /dev/null
+++ b/demos/parcel/.gitignore
@@ -0,0 +1,2 @@
+.cache
+dist
diff --git a/demos/parcel/Makefile b/demos/parcel/Makefile
new file mode 100644
index 0000000..b6678ae
--- /dev/null
+++ b/demos/parcel/Makefile
@@ -0,0 +1,7 @@
+.PHONY: app
+app:
+	parcel build index.html --public-url ./
+
+.PHONY: ctest 
+ctest:
+	parcel index.html
diff --git a/demos/parcel/README.md b/demos/parcel/README.md
new file mode 100644
index 0000000..9966785
--- /dev/null
+++ b/demos/parcel/README.md
@@ -0,0 +1,14 @@
+# Parcel
+
+Parcel Bundler starting from version 1.5.0 should play nice with this library
+out of the box.  The standard import form can be used in JS files:
+
+```js
+import XLSX from 'xlsx'
+```
+
+Errors of the form `Could not statically evaluate fs call` stem from a parcel
+[bug](https://github.com/parcel-bundler/parcel/pull/523#issuecomment-357486164).
+Upgrade to version 1.5.0 or later.
+
+[![Analytics](https://ga-beacon.appspot.com/UA-36810333-1/SheetJS/js-xlsx?pixel)](https://github.com/SheetJS/js-xlsx)
diff --git a/demos/parcel/index.html b/demos/parcel/index.html
new file mode 100644
index 0000000..50ee3d0
--- /dev/null
+++ b/demos/parcel/index.html
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+SheetJS Live Demo
+
+
+
+
+SheetJS Data Preview Live Demo
+(Base64 text works back to IE6; drag and drop works back to IE10)
+
+Source Code Repo
+Issues?  Something look weird?  Click here and report an issue
+Output Format: 

+
Drop a spreadsheet file here to see sheet data

+ ... or click here to select a file
+
+
+

+Advanced Demo Options:
+Use readAsBinaryString: (when available) 
+

+

+

+

+
+
+
diff --git a/demos/parcel/index.js b/demos/parcel/index.js
new file mode 100644
index 0000000..2486570
--- /dev/null
+++ b/demos/parcel/index.js
@@ -0,0 +1,136 @@
+/* xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/*jshint browser:true */
+import X from '../../' 
+
+console.log(X.version);
+
+var global_wb;
+
+var process_wb = (function() {
+	var OUT = document.getElementById('out');
+	var HTMLOUT = document.getElementById('htmlout');
+
+	var get_format = (function() {
+		var radios = document.getElementsByName( "format" );
+		return function() {
+			for(var i = 0; i < radios.length; ++i) if(radios[i].checked || radios.length === 1) return radios[i].value;
+		};
+	})();
+
+	var to_json = function to_json(workbook) {
+		var result = {};
+		workbook.SheetNames.forEach(function(sheetName) {
+			var roa = X.utils.sheet_to_json(workbook.Sheets[sheetName]);
+			if(roa.length) result[sheetName] = roa;
+		});
+		return JSON.stringify(result, 2, 2);
+	};
+
+	var to_csv = function to_csv(workbook) {
+		var result = [];
+		workbook.SheetNames.forEach(function(sheetName) {
+			var csv = X.utils.sheet_to_csv(workbook.Sheets[sheetName]);
+			if(csv.length){
+				result.push("SHEET: " + sheetName);
+				result.push("");
+				result.push(csv);
+			}
+		});
+		return result.join("\n");
+	};
+
+	var to_fmla = function to_fmla(workbook) {
+		var result = [];
+		workbook.SheetNames.forEach(function(sheetName) {
+			var formulae = X.utils.get_formulae(workbook.Sheets[sheetName]);
+			if(formulae.length){
+				result.push("SHEET: " + sheetName);
+				result.push("");
+				result.push(formulae.join("\n"));
+			}
+		});
+		return result.join("\n");
+	};
+
+	var to_html = function to_html(workbook) {
+		HTMLOUT.innerHTML = "";
+		workbook.SheetNames.forEach(function(sheetName) {
+			var htmlstr = X.write(workbook, {sheet:sheetName, type:'binary', bookType:'html'});
+			HTMLOUT.innerHTML += htmlstr;
+		});
+		return "";
+	};
+
+	return function process_wb(wb) {
+		global_wb = wb;
+		var output = "";
+		switch(get_format()) {
+			case "form": output = to_fmla(wb); break;
+			case "html": output = to_html(wb); break;
+			case "json": output = to_json(wb); break;
+			default: output = to_csv(wb);
+		}
+		if(OUT.innerText === undefined) OUT.textContent = output;
+		else OUT.innerText = output;
+		if(typeof console !== 'undefined') console.log("output", new Date());
+	};
+})();
+
+var setfmt = window.setfmt = function setfmt() { if(global_wb) process_wb(global_wb); };
+
+var b64it = window.b64it = (function() {
+	var tarea = document.getElementById('b64data');
+	return function b64it() {
+		if(typeof console !== 'undefined') console.log("onload", new Date());
+		var wb = X.read(tarea.value, {type:'base64', WTF:false});
+		process_wb(wb);
+	};
+})();
+
+var do_file = (function() {
+	var rABS = typeof FileReader !== "undefined" && (FileReader.prototype||{}).readAsBinaryString;
+	var domrabs = document.getElementsByName("userabs")[0];
+	if(!rABS) domrabs.disabled = !(domrabs.checked = false);
+
+	return function do_file(files) {
+		rABS = domrabs.checked;
+		var f = files[0];
+		var reader = new FileReader();
+		reader.onload = function(e) {
+			if(typeof console !== 'undefined') console.log("onload", new Date(), rABS);
+			var data = e.target.result;
+			if(!rABS) data = new Uint8Array(data);
+			process_wb(X.read(data, {type: rABS ? 'binary' : 'array'}));
+		};
+		if(rABS) reader.readAsBinaryString(f);
+		else reader.readAsArrayBuffer(f);
+	};
+})();
+
+(function() {
+	var drop = document.getElementById('drop');
+	if(!drop.addEventListener) return;
+
+	function handleDrop(e) {
+		e.stopPropagation();
+		e.preventDefault();
+		do_file(e.dataTransfer.files);
+	}
+
+	function handleDragover(e) {
+		e.stopPropagation();
+		e.preventDefault();
+		e.dataTransfer.dropEffect = 'copy';
+	}
+
+	drop.addEventListener('dragenter', handleDragover, false);
+	drop.addEventListener('dragover', handleDragover, false);
+	drop.addEventListener('drop', handleDrop, false);
+})();
+
+(function() {
+	var xlf = document.getElementById('xlf');
+	if(!xlf.addEventListener) return;
+	function handleFile(e) { do_file(e.target.files); }
+	xlf.addEventListener('change', handleFile, false);
+})();
diff --git a/docbits/11_demos.md b/docbits/11_demos.md
index 5d3d2d2..c0f728e 100644
--- a/docbits/11_demos.md
+++ b/docbits/11_demos.md
@@ -10,9 +10,12 @@ The [`demos` directory](demos/) includes sample projects for:
 - [`vue 2.x and weex`](demos/vue/)
 - [`XMLHttpRequest and fetch`](demos/xhr/)
 - [`nodejs server`](demos/server/)
+- [`databases and key/value stores`](demos/database/)
 
 **Bundlers and Tooling**
 - [`browserify`](demos/browserify/)
+- [`fusebox`](demos/fusebox/)
+- [`parcel`](demos/parcel/)
 - [`requirejs`](demos/requirejs/)
 - [`rollup`](demos/rollup/)
 - [`systemjs`](demos/systemjs/)
diff --git a/misc/docs/README.md b/misc/docs/README.md
index 2553a21..8008c0e 100644
--- a/misc/docs/README.md
+++ b/misc/docs/README.md
@@ -187,9 +187,12 @@ The [`demos` directory](demos/) includes sample projects for:
 - [`vue 2.x and weex`](demos/vue/)
 - [`XMLHttpRequest and fetch`](demos/xhr/)
 - [`nodejs server`](demos/server/)
+- [`databases and key/value stores`](demos/database/)
 
 **Bundlers and Tooling**
 - [`browserify`](demos/browserify/)
+- [`fusebox`](demos/fusebox/)
+- [`parcel`](demos/parcel/)
 - [`requirejs`](demos/requirejs/)
 - [`rollup`](demos/rollup/)
 - [`systemjs`](demos/systemjs/)