Merge branch 'master' into master

2025-06-06 14:16:44 +00:00 · 2019-04-16 18:24:42 -07:00 · 2019-04-16 18:24:42 -07:00 · 2e41cef16b
commit 2e41cef16b
parent 960031ca4f 7ae2f3d1ec
266 changed files with 62922 additions and 10029 deletions
--- a/.travis.yml
+++ b/.travis.yml
@ -3,9 +3,8 @@ branches:
  except:
    - debug
 node_js:
-  - 4.0
-  - 4.2
-  - 5.0
-  - 6.8
-  - 7.9
-  - 8.6
+  - 8
+  - 10
+cache:
+  directories:
+    - node_modules
--- a/3
+++ b/3
@ -1,4 +1,4 @@
-FROM alpine:edge
+FROM alpine:latest
 # Build-time metadata as defined at http://label-schema.org
 ARG BUILD_DATE
 ARG VCS_REF
@ -22,4 +22,5 @@ RUN apk update && apk upgrade \
  && npm install \
  && apk del .build-dependencies && rm -rf /var/cache/* /tmp/npm*
 EXPOSE 8080
+EXPOSE 8765
 CMD ["npm","start"]
--- a/2
+++ b/2
@ -1 +1 @@
-web: node --optimize_for_size --max_old_space_size=460 --gc_interval=100 examples/http.js
+web: node --optimize_for_size --gc_interval=100 examples/http.js
--- a/README.md
+++ b/README.md
@ -1,7 +1,4 @@
-<p>
-    <a href="https://gun.eco/"><img width="40%" src="https://cldup.com/TEy9yGh45l.svg"/></a>
-    <img width="50%" align="right" vspace="25" src="https://gun.eco/see/demo.gif"/>
-</p> 
+<p><a href="https://gun.eco/"><img width="40%" src="https://cldup.com/TEy9yGh45l.svg"/></a><img width="50%" align="right" vspace="25" src="https://gun.eco/see/demo.gif"/></p>

 [![npm](https://img.shields.io/npm/dm/gun.svg)](https://www.npmjs.com/package/gun)
 [![Travis](https://img.shields.io/travis/amark/gun/master.svg)](https://travis-ci.org/amark/gun)
@ -9,7 +6,9 @@
 [![Gitter](https://img.shields.io/gitter/room/amark/gun.js.svg)](https://gitter.im/amark/gun)
 [![](https://data.jsdelivr.com/v1/package/npm/gun/badge?style=rounded)](https://www.jsdelivr.com/package/npm/gun)

-GUN is a realtime, distributed, offline-first, graph database engine. Doing **[20M+](https://github.com/amark/gun/wiki/100000-ops-sec-in-IE6-on-2GB-Atom-CPU) ops/sec** in just **~9KB** gzipped.
+**GUN** is an _ecosystem_  of tools that let you <u>build tomorrow's dApps, today</u>.
+
+Decentralized alternatives to [Reddit](https://notabug.io/t/whatever/comments/36588a16b9008da4e3f15663c2225e949eca4a15/gpu-bot-test), [YouTube](https://d.tube/), [Wikipedia](https://news.ycombinator.com/item?id=17685682), etc. are already pushing terabytes of daily P2P traffic on GUN. We are a [friendly community](https://gitter.im/amark/gun) creating a free fun future for freedom:

 <table>
 <tr>
@ -22,22 +21,16 @@ GUN is a realtime, distributed, offline-first, graph database engine. Doing **[2
 </tr>
 </table>

-<table>
-<tr>
-<a href="https://youtu.be/-i-11T5ZI9o" title="video: 1 minute demo of fault tolerance"><img src="http://img.youtube.com/vi/-i-11T5ZI9o/0.jpg" width="48%" align="left"></a><a href="https://youtu.be/-FN_J3etdvY" title="video: decentralized auto failover"><img src="http://img.youtube.com/vi/-FN_J3etdvY/0.jpg" width="48%"></a>
-</tr>
-</table>
+The ecosystem is one nice stack of technologies that looks like this:

-## Why?
+<div><img width="48%" src="https://gun.eco/see/stack.png"/>
+<img width="48%" align="right" src="https://gun.eco/see/layers.png"/></div>

- - **Realtime** - You might use socketio for realtime updates, but what happens if you reload the page? GUN solves *state synchronization* for you, no matter what, on reloads, across all your users, and even on conflicting updates.
- - **Distributed** - GUN is peer-to-peer by design, meaning you have no centralized database server to maintain or that could crash. This lets you sleep through the night without worrying about database DevOps - we call it "NoDB". From there, you can build decentralized, federated, or centralized apps.
- - **Offline-first** - GUN works even if your internet or cell reception doesn't. Users can still plug away and save data as normal, and then when the network comes back online GUN will automatically synchronize all the changes and handle any conflicts for you.
- - **Graph** - Most databases force you to bend over backwards to match their storage constraints. But graphs are different, they let you have any data structure you want. Whether that be traditional tables with relations, document oriented trees, or tons of circular references. You choose.
+For now, it is best to start with GUN and _just use it_ to learn the basics, since it is _**so easy**_: (**or** want to read more? Skip ahead to the "[What is GUN?](#what-is-gun)" section.)

 ## Quickstart

- - Try the [interactive tutorial](https://gun.eco/think.html) in the browser (**5min** ~ average developer).
+ - Try the [interactive tutorial](https://gun.eco/docs/Todo-Dapp) in the browser (**5min** ~ average developer).
 - Or `npm install gun` and run the examples with `cd node_modules/gun && npm start` (**5min** ~ average developer).

 > **Note:** If you don't have [node](http://nodejs.org/) or [npm](https://www.npmjs.com/), read [this](https://github.com/amark/gun/blob/master/examples/install.sh) first.
@ -62,7 +55,7 @@ gun.get('mark').on(function(data, key){
 });
 </script>
 ```
- Or try something mind blowing, like saving circular references to a table of documents! ([play](http://jsbin.com/wefozepume/edit?js,console))
+- Or try something **mind blowing**, like saving circular references to a table of documents! ([play](http://jsbin.com/wefozepume/edit?js,console))
 ```javascript
 var cat = {name: "Fluffy", species: "kitty"};
 var mark = {boss: cat};
@ -72,7 +65,7 @@ cat.slave = mark;
 gun.get('mark').put(mark);

 // access the data as if it is a document.
-gun.get('mark').get('boss').get('name').val(function(data, key){
+gun.get('mark').get('boss').get('name').once(function(data, key){
  // `val` grabs the data once, no subscriptions.
  console.log("Mark's boss is", data);
 });
@ -95,20 +88,32 @@ gun.get('list').map().once(function(data, key){
 gun.get('list').set({type: "cucumber", goal: "scare cat"});
 ```

-## Support
+Want to keep building more? **Jump to [THE DOCUMENTATION](#documentation)!**
+
+# What is GUN?
+
+First & foremost, GUN is **a community of the nicest and most helpful people** out there. So [I want to invite you](https://gitter.im/amark/gun) to come tell us about what **you** are working on & wanting to build (new or old school alike! Just be nice as well.) and ask us your questions directly. :)
+
+On that note, let's get some official shout outs covered first:
+
+### Support

 <p align="center">
 Thanks to:<br/>
+<a href="https://github.com/robertheessels">Robert Heessels</a>,
 <a href="http://qxip.net/">Lorenzo Mangani</a>,
+<a href="https://nlnet.nl/">NLnet Foundation</a>,
 <a href="http://github.com/samliu">Sam Liu</a>,
 <a href="http://github.com/ddombrow">Daniel Dombrowsky</a>,
 <a href="http://github.com/vincentwoo">Vincent Woo</a>,
 <a href="http://github.com/coolaj86">AJ ONeal</a>,
 <a href="http://github.com/ottman">Bill Ottman</a>,
+<a href="http://github.com/mikewlange">Mike Lange</a>,
 <a href="http://github.com/ctrlplusb">Sean Matheson</a>,
 <a href="http://github.com/alanmimms">Alan Mimms</a>,
 <a href="https://github.com/dfreire">Dário Freire</a>,
-<a href="http://github.com/velua">John Williamson</a>
+<a href="http://github.com/velua">John Williamson</a>,
+<a href="http://github.com/finwo">Robin Bron</a>
 </p>

 - Join others in sponsoring code: https://www.patreon.com/gunDB !
@ -116,19 +121,32 @@ Thanks to:<br/>
 - Found a bug? Report at: https://github.com/amark/gun/issues ;
 - **Need help**? Chat with us: https://gitter.im/amark/gun .

+### History
+
+[GUN](https://gun.eco) was created by [Mark Nadal](https://twitter.com/marknadal) in 2014 after he had spent 4 years trying to get his collaborative web app to scale up with traditional databases.
+
+<img width="250px" src="https://gun.eco/see/problem.png" align="left" title="pain point" style="margin: 0 1em 1em 0"> After he realized [Master-Slave database architecture causes one big bottleneck](https://gun.eco/distributed/matters.html), he (as a complete newbie outsider) naively decided **to question the status quo** and shake things up with controversial, heretical, and contrarian experiments:
+
+**The NoDB** - no master, no servers, no "single source of truth", not built with a real programming language or real hardware, no DevOps, no locking, not *just* SQL or NoSQL but both (**all** - graphs, documents, tables, key/value).
+
+The goal was to build a P2P database that could survive living inside **any** browser, and could correctly sync data between **any** device after assuming **any** offline-first activity.
+
+<img src="https://gun.eco/see/compare.png" title="comparison table">
+
+Technically, **GUN is a graph synchronization protocol** with a *lightweight embedded engine*, capable of doing *[20M+ API ops/sec](https://gun.eco/docs/Performance)* in **just ~9KB gzipped size**.

 ## Documentation

 <table>
  <tr>
-    <td style="border: 0;"><h3><a href="https://github.com/amark/gun/wiki/API">API reference</a></h3></td>
-    <td style="border: 0;"><h3><a href="https://gun.eco/think.html">Tutorials</a></h3></td>
+    <td style="border: 0;"><h3><a href="https://gun.eco/docs/API">API reference</a></h3></td>
+    <td style="border: 0;"><h3><a href="https://gun.eco/docs/Todo-Dapp">Tutorials</a></h3></td>
    <td style="border: 0;"><h3><a href="https://github.com/amark/gun/tree/master/examples">Examples</a></h3></td>
  </tr>
  <tr>
    <td style="border: 0;"><h3><a href="https://github.com/brysgo/graphql-gun">GraphQL</a></h3></td>
    <td style="border: 0;"><h3><a href="https://github.com/PenguinMan98/electrontest">Electron</a></h3></td>
-    <td style="border: 0;"><h3><a href="https://github.com/staltz/gun-asyncstorage">Native</a></h3></td>
+    <td style="border: 0;"><h3><a href="https://gun.eco/docs/React-Native">React Native</a></h3></td>
  </tr>
  <tr>
    <td style="border: 0;"><h3><a href="https://github.com/sjones6/vue-gun">Vue</a></h3></td>
@ -136,23 +154,52 @@ Thanks to:<br/>
    <td style="border: 0;"><h3><a href="https://github.com/Stefdv/gun-ui-lcd#syncing">Webcomponents</a></h3></td>
  </tr>
  <tr>
-    <td style="border: 0;"><h3><a href="https://github.com/amark/gun/wiki/CAP-Theorem">CAP Theorem Tradeoffs</a></h3></td>
+    <td style="border: 0;"><h3><a href="https://gun.eco/docs/CAP-Theorem">CAP Theorem Tradeoffs</a></h3></td>
    <td style="border: 0;"><h3><a href="https://gun.eco/distributed/matters.html">How Data Sync Works</a></h3></td>
-    <td style="border: 0;"><h3><a href="https://github.com/amark/gun/wiki/porting-gun">How GUN is Built</a></h3></td>
+    <td style="border: 0;"><h3><a href="https://gun.eco/docs/Porting-GUN">How GUN is Built</a></h3></td>
  </tr>
  <tr>
-    <td style="border: 0;"><h3><a href="https://github.com/amark/gun/wiki/auth">Crypto Auth</a></h3></td>
-    <td style="border: 0;"><h3><a href="https://github.com/amark/gun/wiki/Modules">Modules</a></h3></td>
-    <td style="border: 0;"><h3><a href="https://github.com/amark/gun/wiki/roadmap">Roadmap</a></h3></td>
+    <td style="border: 0;"><h3><a href="https://gun.eco/docs/Auth">Crypto Auth</a></h3></td>
+    <td style="border: 0;"><h3><a href="https://gun.eco/docs/Awesome-GUN">Modules</a></h3></td>
+    <td style="border: 0;"><h3><a href="https://gun.eco/docs/Roadmap">Roadmap</a></h3></td>
  </tr>
 </table>

 This would not be possible without **community contributors**, big shout out to:

-**[anywhichway](https://github.com/anywhichway) ([Block Storage](https://github.com/anywhichway/gun-block))**; **[beebase](https://github.com/beebase) ([Quasar](https://github.com/beebase/gun-vuex-quasar))**; **[BrockAtkinson](https://github.com/BrockAtkinson) ([brunch config](https://github.com/BrockAtkinson/brunch-gun))**; **[Brysgo](https://github.com/brysgo) ([GraphQL](https://github.com/brysgo/graphql-gun))**; **[d3x0r](https://github.com/d3x0r) ([SQLite](https://github.com/d3x0r/gun-db))**; **[forrestjt](https://github.com/forrestjt) ([file.js](https://github.com/amark/gun/blob/master/lib/file.js))**; **[hillct](https://github.com/hillct) (Docker)**; **[JosePedroDias](https://github.com/josepedrodias) ([graph visualizer](http://acor.sl.pt:9966))**; **[JuniperChicago](https://github.com/JuniperChicago) ([cycle.js bindings](https://github.com/JuniperChicago/cycle-gun))**; **[jveres](https://github.com/jveres) ([todoMVC](https://github.com/jveres/todomvc))**; **[kristianmandrup](https://github.com/kristianmandrup) ([edge](https://github.com/kristianmandrup/gun-edge))**; **[lmangani](https://github.com/lmangani) ([Cytoscape Visualizer](https://github.com/lmangani/gun-scape), [Cassandra](https://github.com/lmangani/gun-cassandra), [Fastify](https://github.com/lmangani/fastify-gundb), [LetsEncrypt](https://github.com/lmangani/polyGun-letsencrypt))**; **[mhelander](https://github.com/mhelander) ([SEA](https://github.com/amark/gun/blob/master/sea.js))**; [omarzion](https://github.com/omarzion) ([Sticky Note App](https://github.com/omarzion/stickies)); [PsychoLlama](https://github.com/PsychoLlama) ([LevelDB](https://github.com/PsychoLlama/gun-level)); **[RangerMauve](https://github.com/RangerMauve) ([schema](https://github.com/gundb/gun-schema))**; **[robertheessels](https://github.com/swifty) ([gun-p2p-auth](https://github.com/swifty/gun-p2p-auth))**; [sbeleidy](https://github.com/sbeleidy); **[Sean Matheson](https://github.com/ctrlplusb) ([Observable/RxJS/Most.js bindings](https://github.com/ctrlplusb/gun-most))**; **[Stefdv](https://github.com/stefdv) (Polymer/web components)**; **[sjones6](https://github.com/sjones6) ([Flint](https://github.com/sjones6/gun-flint))**; **[zrrrzzt](https://github.com/zrrrzzt) ([JWT Auth](https://gist.github.com/zrrrzzt/6f88dc3cedee4ee18588236756d2cfce))**; **[88dev](https://github.com/88dev) ([Database Viewer](https://github.com/88dev/gun-show))**;
+**[ajmeyghani](https://github.com/ajmeyghani) ([Learn GUN Basics with Diagrams](https://medium.com/@ajmeyghani/gundb-a-graph-database-in-javascript-3860a08d873c))**; **[anywhichway](https://github.com/anywhichway) ([Block Storage](https://github.com/anywhichway/gun-block))**; **[beebase](https://github.com/beebase) ([Quasar](https://github.com/beebase/gun-vuex-quasar))**; **[BrockAtkinson](https://github.com/BrockAtkinson) ([brunch config](https://github.com/BrockAtkinson/brunch-gun))**; **[Brysgo](https://github.com/brysgo) ([GraphQL](https://github.com/brysgo/graphql-gun))**; **[d3x0r](https://github.com/d3x0r) ([SQLite](https://github.com/d3x0r/gun-db))**; **[forrestjt](https://github.com/forrestjt) ([file.js](https://github.com/amark/gun/blob/master/lib/file.js))**; **[hillct](https://github.com/hillct) (Docker)**; **[JosePedroDias](https://github.com/josepedrodias) ([graph visualizer](http://acor.sl.pt:9966))**; **[JuniperChicago](https://github.com/JuniperChicago) ([cycle.js bindings](https://github.com/JuniperChicago/cycle-gun))**; **[jveres](https://github.com/jveres) ([todoMVC](https://github.com/jveres/todomvc))**; **[kristianmandrup](https://github.com/kristianmandrup) ([edge](https://github.com/kristianmandrup/gun-edge))**; **[Lightnet](https://github.com/Lightnet)** ([Awesome Vue User Examples](https://glitch.com/edit/#!/jsvuegunui?path=README.md:1:0) & [User Kitchen Sink Playground](https://gdb-auth-vue-node.glitch.me/)); **[lmangani](https://github.com/lmangani) ([Cytoscape Visualizer](https://github.com/lmangani/gun-scape), [Cassandra](https://github.com/lmangani/gun-cassandra), [Fastify](https://github.com/lmangani/fastify-gundb), [LetsEncrypt](https://github.com/lmangani/polyGun-letsencrypt))**; **[mhelander](https://github.com/mhelander) ([SEA](https://github.com/amark/gun/blob/master/sea.js))**; [omarzion](https://github.com/omarzion) ([Sticky Note App](https://github.com/omarzion/stickies)); [PsychoLlama](https://github.com/PsychoLlama) ([LevelDB](https://github.com/PsychoLlama/gun-level)); **[RangerMauve](https://github.com/RangerMauve) ([schema](https://github.com/gundb/gun-schema))**; **[robertheessels](https://github.com/swifty) ([gun-p2p-auth](https://github.com/swifty/gun-p2p-auth))**; **[rogowski](https://github.com/rogowski) (AXE)**; [sbeleidy](https://github.com/sbeleidy); **[sbiaudet](https://github.com/sbiaudet) ([C# Port](https://github.com/sbiaudet/cs-gun))**; **[Sean Matheson](https://github.com/ctrlplusb) ([Observable/RxJS/Most.js bindings](https://github.com/ctrlplusb/gun-most))**; **[Shadyzpop](https://github.com/Shadyzpop) ([React Native example](https://github.com/amark/gun/tree/master/examples/react-native))**; **[sjones6](https://github.com/sjones6) ([Flint](https://github.com/sjones6/gun-flint))**; **[Stefdv](https://github.com/stefdv) (Polymer/web components)**; **[zrrrzzt](https://github.com/zrrrzzt) ([JWT Auth](https://gist.github.com/zrrrzzt/6f88dc3cedee4ee18588236756d2cfce))**; **[xmonader](https://github.com/xmonader) ([Python Port](https://github.com/xmonader/pygundb))**; **[88dev](https://github.com/88dev) ([Database Viewer](https://github.com/88dev/gun-show))**;

 I am missing many others, apologies, will be adding them soon!

+## Testing
+
+Tests may be run with `npm test`. Tests will trigger persistent writes to the DB, so subsequent runs of the test will fail. You must clear the DB before running the tests again. This can be done by running the following command in the project directory.
+
+```bash
+rm -rf *data*
+```
+
+### Additional Cryptography Libraries
+
+To install with npm, first install `npm install gun -S`.
+For just the networking layer, import Gun:
+
+```javascript
+var Gun = require('gun/gun');
+```
+
+If you also need to install SEA for user auth and crypto, also install some of its dependencies like this:
+
+`npm install @trust/crypto text-encoding node-webcrypto-ossl --save`
+
+You will need to require it too (it will be automatically added to the Gun object):
+
+```javascript
+var Gun = require('gun/gun');
+var Sea = require('gun/sea');
+```
+
+
 ## Deploy

 To quickly spin up a Gun test server for your development team, utilize either [Heroku](http://heroku.com) or [Docker](http://docker.com) or any variant thereof [Dokku](http://dokku.viewdocs.io/dokku/), [Flynn.io](http://flynn.io), [now.sh](https://zeit.co/now), etc. !
@ -188,7 +235,7 @@ Then visit the URL in the output of the 'now --npm' step, in your browser.
 Pull from the [Docker Hub](https://hub.docker.com/r/gundb/gun/) [![](https://images.microbadger.com/badges/commit/gundb/gun.svg)](https://microbadger.com/images/gundb/gun). Or:

 ```bash
-docker run -p 8080:8080 gundb/gun
+docker run -p 8765:8765 gundb/gun
 ```

 Or build the [Docker](https://docs.docker.com/engine/installation/) image locally:
@ -197,17 +244,17 @@ Or build the [Docker](https://docs.docker.com/engine/installation/) image locall
 git clone https://github.com/amark/gun.git
 cd gun
 docker build -t myrepo/gundb:v1 .
-docker run -p 8080:8080 myrepo/gundb:v1
+docker run -p 8765:8765 myrepo/gundb:v1
 ```

 Or, if you prefer your Docker image with metadata labels (Linux/Mac only):

 ```bash
 npm run docker
-docker run -p 8080:8080 usenameHere/gun:git
+docker run -p 8765:8765 username/gun:git
 ```

-Then visit [http://localhost:8080](http://localhost:8080) in your browser.
+Then visit [http://localhost:8765](http://localhost:8765) in your browser.

 ## License

--- a/as.js
+++ b/as.js
@ -40,7 +40,7 @@
 			} 

 			ref.get(function(at){
-				var data = at.put, key = at.get, gui = at.gun, ui = name, back;
+				var data = at.put, key = at.get, gui = at.gun || at.$, ui = name, back;
 				if(model){
 					ui = model.has[(gui._).id];
 					if(!ui){
@ -80,12 +80,11 @@
 			}, wait || 200);
 		}
 	}
-	as.sort = function(sort, el) {
-		var vs = $(el).find('.sort');
-		vs = (vs[0] && u === vs[0].value)? vs.text() : vs.val();
-		var id = sort;
-		var test = id >= vs;
-		return test ? el : as.sort(sort, el.prev());
+	as.sort = function sort(id, li){
+		var num = parseFloat(id);
+		var id = $(li).find('.sort').text() || -Infinity;
+		var at = num >= parseFloat(id);
+		return at ? li : sort(id, li.prev());
 	}
 	$(document).on('keyup', 'input, textarea, [contenteditable]', as.wait(function(){
 		var el = $(this);
--- a/axe.js
+++ b/axe.js
@ -0,0 +1,193 @@
+;(function(){
+
+	/* UNBUILD */
+	var root;
+	if(typeof window !== "undefined"){ root = window }
+	if(typeof global !== "undefined"){ root = global }
+	root = root || {};
+	var console = root.console || {log: function(){}};
+	function USE(arg, req){
+		return req? require(arg) : arg.slice? USE[R(arg)] : function(mod, path){
+			arg(mod = {exports: {}});
+			USE[R(path)] = mod.exports;
+		}
+		function R(p){
+			return p.split('/').slice(-1).toString().replace('.js','');
+		}
+	}
+	if(typeof module !== "undefined"){ var common = module }
+	/* UNBUILD */
+
+	;USE(function(module){
+		if(typeof window !== "undefined"){ module.window = window }
+		var tmp = module.window || module;
+		var AXE = tmp.AXE || function(){};
+
+		if(AXE.window = module.window){ try{
+			AXE.window.AXE = AXE;
+			tmp = document.createEvent('CustomEvent');
+			tmp.initCustomEvent('extension', false, false, {type: "AXE"});
+			(window.dispatchEvent || window.fireEvent)(tmp);
+			window.postMessage({type: "AXE"}, '*');
+		} catch(e){} }
+
+		try{ if(typeof common !== "undefined"){ common.exports = AXE } }catch(e){}
+		module.exports = AXE;
+	})(USE, './root');
+  
+	;USE(function(module){
+
+		var AXE = USE('./root'), Gun = (AXE.window||{}).Gun || USE('./gun', 1);
+		(Gun.AXE = AXE).GUN = AXE.Gun = Gun;
+		Gun.on('opt', function(at){
+			if(!at.axe){
+				at.axe = {};
+				var peers = at.opt.peers, tmp;
+				// 1. If any remembered peers or from last cache or extension
+				// 2. Fallback to use hard coded peers from dApp
+				// 3. Or any offered peers.
+				//if(Gun.obj.empty(p)){
+				//  Gun.obj.map(['http://localhost:8765/gun'/*, 'https://guntest.herokuapp.com/gun'*/], function(url){
+				//    p[url] = {url: url, axe: {}};
+				//  });
+				//}
+				// Our current hypothesis is that it is most optimal
+				// to take peers in a common network, and align
+				// them in a line, where you only have left and right
+				// peers, so messages propagate left and right in
+				// a linear manner with reduced overlap, and
+				// with one common superpeer (with ready failovers)
+				// in case the p2p linear latency is high.
+				// Or there could be plenty of other better options.
+				console.log("axe");
+
+				function verify(dht, msg, send, at) {
+					var puts = Object.keys(msg.put);
+					var soul = puts[0]; /// TODO: verify all souls in puts. Copy the msg only with subscribed souls?
+					var subs = dht(soul);
+// 					console.log('[AXE] VERIFY soul: %s, subs: %s, Peers: %s, msg: ', soul, subs, Object.keys(peers), msg);
+					if (!subs) { return; }
+					var tmp = [];
+					Gun.obj.map(subs.split(','), function(pid) {
+						if (pid in peers) {
+							tmp.push(pid);
+// 							console.log('[AXE] SEND TO >>>>> ', pid, msg.put.bob || msg.put);
+							send(msg, peers[pid]);
+						}
+					});
+					/// Only connected peers in the tmp array.
+					if (at.on.opt.super) {
+						dht(soul, tmp.join(','));
+					}
+				}
+
+				var Rad = (Gun.window||{}).Radix || USE('./lib/radix', 1);
+				at.opt.dht = Rad();
+				at.on('in', input/*USE('./lib/super', 1)*/, at);
+// 				at.on('out', function(msg, a) {
+// 					this.to.next(msg);
+// 					console.log('[AXE] out:', msg, a);
+// 				}, at);
+				if(at.opt.super){
+					AXE.say = function(msg, send, at) {
+						if (msg.rtc) {
+// 							console.log('[AXE] MSG WEBRTC: ', msg.rtc);
+							if (msg.rtc.to) {
+								/// Send announce to one peer only if the msg have 'to' attr
+								var peer = (at.on.opt.peers) ? at.on.opt.peers[msg.rtc.to] : null;
+// 								if (peer) { at.on.opt.mesh.say(msg, peer); }
+								if (peer) { send(msg, peer); }
+								return;
+							}
+						}
+						if (!msg.put) { send(msg); return; }
+						//console.log('AXE HOOK!! ', msg);
+						verify(at.on.opt.dht, msg, send, at);
+					};
+				} else {
+					AXE.say = function(msg, send, at) {
+						if (msg.rtc) {
+// 							console.log('[AXE] MSG WEBRTC: ', msg.rtc);
+						}
+						if (!msg.put) { send(msg); return; }
+						verify(at.on.opt.dht, msg, send, at);
+						/// Always send to superpeers?
+						Gun.obj.map(at.on.opt.peers, function(peer) {
+							if (peer.url) {
+// 								console.log('SEND TO SUPERPEER', msg);
+								send(msg, peer);
+							}
+						});
+					};
+					var connections = 0;
+					at.on('hi', function(opt) {
+						this.to.next(opt);
+						//console.log('AXE PEER [HI]', new Date(), opt);
+						connections++;
+						/// The first connection don't need to resubscribe the nodes.
+						if (connections === 1) { return; }
+						/// Resubscribe all nodes.
+						setTimeout(function() {
+							var souls = Object.keys(at.graph);
+							for (var i=0; i < souls.length; ++i) {
+								//at.gun.get(souls[i]).off();
+								at.next[souls[i]].ack = 0;
+								at.gun.get(souls[i]).once(function(){});
+							}
+						//location.reload();
+						}, 500);
+					}, at);
+				}
+			}
+			this.to.next(at); // make sure to call the "next" middleware adapter.
+		});
+		function joindht(dht, soul, pids) {
+			if (!pids || !soul || !dht) { return; }
+			var subs = dht(soul);
+			var tmp = subs ? subs.split(',') : [];
+			Gun.obj.map(pids.split(','), function(pid) {
+				if (pid && tmp.indexOf(pid) === -1) { tmp.push(pid); }
+			});
+			tmp = tmp.join(',');
+			dht(soul, tmp);
+			return tmp;
+		}
+		function input(msg){
+// 			console.log('[AXE] input: ', msg);
+			var at = this.as, to = this.to, peer = (msg._||{}).via;
+			var opt = at.opt;
+			var dht = opt.dht;
+			var get = msg.get, soul, key;
+			if(peer && get){
+				if(soul = get['#']){
+					if(key = get['.']){
+
+					} else {
+
+					}
+					if (!peer.id) {console.log('[*** WARN] no peer.id %s', soul);}
+					var pids = joindht(dht, soul, peer.id);
+					if (pids) {
+							var dht = {};
+							dht[soul] = pids;
+							at.opt.mesh.say({dht:dht}, opt.peers[peer.id]);
+					}
+				}
+			}
+			to.next(msg);
+
+			if (opt.rtc && msg.dht) {
+				Gun.obj.map(msg.dht, function(pids, soul) {
+					dht(soul, pids);
+					Gun.obj.map(pids.split(','), function(pid) {
+						/// TODO: here we can put an algorithm of who must connect?
+						if (!pid || pid in opt.peers || pid === opt.pid || opt.announce[pid]) { return; }
+							opt.announce[pid] = true; /// To try only one connection to the same peer.
+							opt.announce(pid);
+					});
+				});
+			}
+		}
+		module.exports = AXE;
+	})(USE, './axe');
+}());
--- a/examples/angular/server.js
+++ b/examples/angular/server.js
@ -1,4 +1,4 @@
-var port = process.env.OPENSHIFT_NODEJS_PORT || process.env.VCAP_APP_PORT || process.env.PORT || process.argv[2] || 8080;
+var port = process.env.OPENSHIFT_NODEJS_PORT || process.env.VCAP_APP_PORT || process.env.PORT || process.argv[2] || 8765;
 var host = process.env.OPENSHIFT_NODEJS_HOST || process.env.VCAP_APP_HOST || process.env.HOST || 'localhost';

 var express = require('express');
--- a/examples/axe.html
+++ b/examples/axe.html
@ -0,0 +1,46 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
+  <title>Testing AXE</title>
+</head>
+
+<body>
+<h3 id="pid"></h3>
+  <script src="../gun.js"></script>
+  <script src="../gun/axe.js"></script>
+  <script src="../gun/lib/radix.js"></script>
+  <script src="../gun/lib/webrtc.js"></script>
+  <!-- <script src="../sea.js"></script> -->
+  <script>
+  var pid = location.hash.slice(1);
+
+  var opt = ({
+    peers: [`${location.origin}/gun`]
+  });
+
+  if (pid) { opt.pid = pid; }
+
+  Gun.on('opt', function(ctx) {
+    this.to.next(ctx);
+    ctx.on('hi', function(opt) {
+//       console.log('HI!! PEER', new Date(), opt.pid);
+        setTimeout(function() {
+            document.getElementById('pid').innerHTML = gun._.opt.pid;
+        });
+    });
+//     if (pid) {
+//     ctx.on('out', function(msg) {
+//       msg.pid = pid;
+//       this.to.next(msg);
+//     });
+//     }
+  });
+
+  var gun = Gun(opt);
+  //var user = gun.user();
+  </script>
+</body>
+</html>
--- a/examples/basic/private.html
+++ b/examples/basic/private.html
@ -0,0 +1,140 @@
+<html><body>
+<style>
+  html, body {
+    background: rgb(245, 245, 245);
+    margin: 0;
+    padding: 0;
+  }
+  div {
+    position: relative;
+    overflow: hidden;
+  }
+  #top {
+    background: #283e4a;
+    height: 52px;
+    width: 100%;
+  }
+  .box {
+    border-radius: 3px;
+    box-shadow: 0px 0px 3px #777;
+    background: white;
+    max-width: 36em;
+    margin: 0 auto;
+    min-height: 10em;
+    margin-bottom: 0.5em;
+  }
+  .color {
+    background: #2977b5;
+    height: 7em;
+    width: 100%;
+  }
+  .pad {
+    margin: 1em;
+  }
+  .none { display: none; }
+  input {
+    font-size: 1em;
+    margin: 0.1em;
+  }
+</style>
+<div id="top">
+  <center>
+    <input id="search" placeholder="search by pub or DID">
+  </center>
+</div>
+
+<div class="box">
+  <div class="color"></div>
+  <div class="pad">
+    <form id="sign">
+      <h1>Login</h1>
+      <input id="alias" placeholder="username">
+      <input id="pass" type="password" placeholder="passphrase">
+      <input id="in" type="submit" value="sign in">
+      <input id="up" type="button" value="sign up">
+    </form>
+
+
+    <form id="profile" class="none">
+      <h1>Profile</h1>
+      <p>Data is privately encrypted by default. "+" to grant access, "x" to revoke access.</p>
+      <input id="name" placeholder="name"> <button>+</button><br/>
+      <input id="born" placeholder="born"> <button>+</button><br/>
+      <input id="edu" placeholder="education"> <button>+</button><br/>
+      <input id="skills" placeholder="skills"> <button>+</button><br/>
+    </form>
+  </div>
+</div>
+
+<div class="box"><div class="pad">
+  Public Key: <input id="pub">
+</div></div>
+
+<script src="https://cdn.jsdelivr.net/npm/gun/examples/jquery.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/gun/gun.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/gun/sea.js"></script>
+
+<script>
+//var gun = Gun();
+var gun = Gun('http://localhost:8080/gun');
+var user = gun.user();
+var LI = {};
+
+user.recall({sessionStorage: true});
+
+$('#up').on('click', function(e){
+	user.create($('#alias').val(), $('#pass').val());
+});
+
+$('#sign').on('submit', function(e){
+	e.preventDefault();
+	user.auth($('#alias').val(), $('#pass').val());
+});
+
+gun.on('auth', function(){
+  $('#sign').hide();
+	$('#profile').show();
+  var pub = user.pair().pub;
+  $('#pub').val(pub);
+  return;
+  $("#search").val(pub).trigger('blur');
+});
+
+$('#profile input').on('keyup', function(e){
+  if(!user.is){ return }
+  var id = LI.busy = $(this).attr('id');
+  user.get('profile').get(id).secret($(this).val());
+}).on('blur', function(){ LI.busy = false })
+
+$('#profile button').on('click', async function(e){
+  e.preventDefault();
+	if(!user.is){ return }
+  var b = $(this);
+  var id = b.prev().attr('id');
+  var pub = prompt("What is the Public Key or DID you want to give read access to?");
+  var to = gun.user(pub);
+  var who = await to.get('alias').then();
+  if(!confirm("You want to give access to " + who + "?")){ return }
+  user.get('profile').get(id).grant(to);
+});
+
+$('#search').on('blur', function(e){
+  var s = LI.search = $(this).val();
+  var find = gun.user(s);
+  find.get('profile').on(function(data, key, at, ev){
+    if(s !== LI.search){
+      ev.off();
+      return;
+    }
+    Gun.node.is(data, async function(v, k){
+      if(k === LI.busy){ return }
+      var key = await find.get('trust').get(user.pair().pub).get(k+'profile').then();
+      var mix = await Gun.SEA.secret(await find.get('epub').then(), user.pair());
+      key = await Gun.SEA.decrypt(key, mix);
+      var val = await Gun.SEA.decrypt(v, key);
+      $('#'+k).val(val || v);
+    });
+  });
+});
+</script>
+</body></html>
--- a/examples/basic/space.html
+++ b/examples/basic/space.html
@ -0,0 +1,50 @@
+<h1>Search</h1>
+
+<form id="ask">
+  <input id="search" placeholder="search..." autocomplete="off">
+</form>
+
+<div id="answer"></div>
+<ul></ul>
+
+<small>Note: No data is indexed by default, you need to add some!</small>
+
+<script src="../../examples/jquery.js"></script>
+<script src="../../gun.js"></script>
+<script src="../../sea.js"></script>
+<script src="../../lib/space.js"></script>
+
+<script>
+var gun = Gun();
+var ask = {};
+
+$('#search').on('keyup', function(e){
+	ask.now = (this.value||'').toLowerCase().replace(/[\W_]+/g,"");
+  if(ask.last === ask.now){ return }
+  ask.last = ask.now;
+  clearTimeout(ask.to);
+  ask.to = setTimeout(search, 20);
+});
+
+function search(){
+  var key = ask.now;
+  gun.get('Q').space(key, function(ack){
+    if(!ack || key !== ask.now){ return }
+    UI(ack)
+  });
+}
+
+function UI(ack){
+  $('#answer').text(ack.data || '');
+  var $ul = $('ul').empty(), tree = ack.tree;
+  Gun.obj.map(tree, function(v,k){
+    $('<li>').text(k +' - ' + v).appendTo($ul);
+  });
+};
+
+function load(DATA){
+  Gun.obj.map(DATA, function(v,k){
+    gun.get('Q').space(k, v); 
+  });
+}
+</script>
--- a/examples/basic/tables.html
+++ b/examples/basic/tables.html
@ -0,0 +1,130 @@
+<h1>Tables</h1>
+
+<form id="sign">
+  <input id="alias" placeholder="username">
+  <input id="pass" type="password" placeholder="passphrase">
+  <input id="in" type="submit" value="sign in">
+  <input id="up" type="button" value="sign up">
+</form>
+
+<button id="tadd">+ table</button>
+<ul></ul><br/>
+
+<div id="table"></div>
+<button id="radd">+ row</button>
+<button id="cadd">+ col</button>
+
+<style>
+div {
+  position: relative;
+  overflow: hidden;
+}
+.cell {
+  width: 5em;
+  height: 5em;
+  border: 1px solid black;
+  float: left;
+}
+.item {
+  float: left;
+  min-width: 5em;
+}
+</style>
+<div class="model" style="display: none;">
+  <div class="item"></div>
+  <div class="cell"></div>
+  <div class="row"></div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/gun/examples/jquery.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/gun/gun.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/gun/sea.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/gun/lib/open.js"></script>
+
+<script>
+//var gun = Gun(['http://localhost:8080/gun']);
+var gun = Gun();
+var user = gun.user();
+
+$('#up').on('click', function(e){
+	user.create($('#alias').val(), $('#pass').val());
+});
+
+$('#sign').on('submit', function(e){
+	e.preventDefault();
+	user.auth($('#alias').val(), $('#pass').val());
+});
+
+user.recall({sessionStorage: true});
+
+gun.on('auth', function(){
+	$('#sign').hide();
+	user.get('tables').map().once(list);
+});
+
+$('#tadd').on('click', function(e){
+  if(!user.is){ return alert("login first") }
+  var cell = user.get('cells').set({what: "Edit me!", sort: 1});
+  var row = user.get('rows').set({sort: 1});
+  row.get('cells').set(cell);
+  var name = prompt("What do you want to call this table?")
+  var table = user.get('tables').set({name: name});
+  table.get('rows').set(row);
+  choose(table);
+});
+
+$(document).on('click', '.item', function(){
+  choose($(this).data('$'));
+});
+
+function choose(table){
+  choose.table = table;
+  table.open(render);
+}
+
+function render(data){
+  console.log(data);
+  $('#table').empty(); // BAD! Write DOM-diffing!
+  Gun.obj.map(data.rows, function(row, id){
+    var $r = grab(id, '.model .row', '#table');
+    Gun.obj.map(row.cells, function(cell, id){
+      var $c = grab(id, '.model .cell', $r);
+      $c.text(cell.what);
+    });
+  });
+}
+
+$(document).on('click', '.cell', function(e){
+  var id = $(this).data('id'), ref = gun.get(id);
+  var what = prompt("What should be in this cell?");
+  ref.get('what').put(what);
+});
+
+$('#radd').on('click', function(){
+  if(!user.is){ return alert("login first") }
+  choose.table.get('rows').set();
+
+  var cell = user.get('cells').set({what: "Edit me!", sort: 1});
+  var row = user.get('rows').set({sort: 1});
+  row.get('cells').set(cell);
+  choose.table.get('rows').set(row);
+});
+
+$('#cadd').on('click', function(){
+  if(!user.is){ return alert("login first") }
+  choose.table.get('rows').map().once(function(){
+    var cell = user.get('cells').set({what: "Edit me!", sort: 1});
+    this.get('cells').set(cell);
+  });
+});
+
+function grab(id, $model, $to){
+  var did = btoa(id).replace(/[\+\-\=\.]/ig,'');
+  return $('#' + did).get(0) || $($model).clone(true, true).attr('id', did).appendTo($to).data('id', id);
+};
+
+function list(table, id, $model, $to){
+  var li = grab(id, '.model .item', 'ul');
+  $(li).text(table.name).data('$', this);
+};
+</script>
--- a/examples/basic/user.html
+++ b/examples/basic/user.html
@ -5,41 +5,42 @@
  <input id="pass" type="password" placeholder="passphrase">
  <input id="in" type="submit" value="sign in">
  <input id="up" type="button" value="sign up">
+  <input id="mask" type="button" value="Identifi Login">
 </form>

 <ul></ul>

 <form id="said">
    <input id="say">
-    <input id="speak" type="button" value="speak">
+    <input id="speak" type="submit" value="speak">
 </form>

-<script src="../examples/jquery.js"></script>
-<script src="../gun.js"></script>
-<script src="../sea.js"></script>
-<script src="../lib/then.js"></script>
+<script src="../jquery.js"></script>
+<script src="../../../gun/gun.js"></script>
+<script src="../../../gun/sea.js"></script>

 <script>
-var gun = Gun();
-var user = gun.user();
+var gun = Gun(); //Gun(['http://localhost:8765/gun', 'https://guntest.herokuapp.com/gun']);
+var user = gun.user().recall({sessionStorage: true});

 $('#up').on('click', function(e){
-	user.create($('#alias').val(), $('#pass').val());
+  user.create($('#alias').val(), $('#pass').val(), login);
 });
-
-$('#sign').on('submit', function(e){
-	e.preventDefault();
+function login(e){
 	user.auth($('#alias').val(), $('#pass').val());
-});
+  return false; // e.preventDefault();
+};
+$('#sign').on('submit', login);
+$('#mask').on('click', login);

 gun.on('auth', function(){
 	$('#sign').hide();
-	user.get('said').map().val(UI);
+	user.get('said').map().on(UI);
 });

 $('#said').on('submit', function(e){
 	e.preventDefault();
-  if(!user.is){ return }
+  //if(!user.is){ return }
  user.get('said').set($('#say').val());
  $('#say').val("");
 });
--- a/examples/chat/index.html
+++ b/examples/chat/index.html
@ -126,6 +126,7 @@
 			}

 			chat.map().val(function(msg, id){
+				if(!msg){ return }
 				var ul = $('ul');
 				var last = sort(msg.when, ul.children('li').last());

--- a/examples/contact/index.html
+++ b/examples/contact/index.html
@ -95,7 +95,7 @@
 					</form>
 					<div>
 						<ul name="said">
-							<li name="#" class="sit sort shade rim"><div name="what" class="rim sit"></div></li>
+							<li name="#" class="sit sort shade rim"><div name="what" class="rim"></div></li>
 						</ul>
 					</div>
 				</div>
@ -153,7 +153,7 @@
 			// for how to build a simplified version
 			// of this example: https://scrimba.com/c/c2gBgt4
 			var gun = Gun(location.origin+'/gun');
-			var app = gun.get('example/contacts/6');
+			var app = gun.get('example/contacts/7');
 			var user = gun.user();
 			var c = window.c = {};
 			(function(){
@ -167,9 +167,9 @@
 					if(!at.put || !at.put.users){ return }
 					var no;
 					Gun.node.is(at.put.users, function(val, key){
-						Gun.SEA.read(val, false, function(val){
+						Gun.SEA.verify(val, false, function(val){
 						//Gun.SEA.read(val, false, function(val){
-							if('alias/'+key === Gun.val.rel.is(val)){ return }
+							if('~@'+key === Gun.val.link.is(val)){ return }
 							no = true;
 						})
 						if(no){ return no }
@ -207,7 +207,7 @@
 						if(!ack.wait){ but.removeClass('pulse') }
 						if(ack.err){ c.tell(ack.err); return }
 						if(ack.pub){
-							gun.get('users').get(data.alias).put(gun.get('alias/'+data.alias));
+							gun.get('users').get(data.alias).put(gun.get('~@'+data.alias));
 						}
 						session(data);
 						user.auth(data.alias, data.pass);
@ -276,7 +276,7 @@
 				if(!user.is){ return as.route('sign') }
 				var pub = location.hash.split('/').slice(-1)[0];
 				(pub === user._.pub? $('#say').show() : $('#say').hide());
-				as('#person', window.PUB = gun.get('pub/'+pub));
+				as('#person', window.PUB = gun.get('~'+pub));
 			});


--- a/examples/express.js
+++ b/examples/express.js
@ -1,13 +1,17 @@
 console.log("If module not found, install express globally `npm i express -g`!");
-var port    = process.env.OPENSHIFT_NODEJS_PORT || process.env.VCAP_APP_PORT || process.env.PORT || process.argv[2] || 8080;
+var port    = process.env.OPENSHIFT_NODEJS_PORT || process.env.VCAP_APP_PORT || process.env.PORT || process.argv[2] || 8765;
 var express = require('express');
 var Gun     = require('..');
+require('../axe');

 var app    = express();
 app.use(Gun.serve);
 app.use(express.static(__dirname));

 var server = app.listen(port);
-Gun({	file: 'data.json', web: server });
+var gun = Gun({	file: 'data', web: server });
+
+global.Gun = Gun; /// make global to `node --inspect` - debug only
+global.gun = gun; /// make global to `node --inspect` - debug only

 console.log('Server started on port ' + port + ' with /gun');
--- a/examples/game/space.html
+++ b/examples/game/space.html
@ -7,13 +7,15 @@
 			<div class="laser"></div>
 		</div>
 	</div>
+	<p id="debug" style="position: fixed; bottom: 0px; color: white; height: 1em;"></p>
 	<script src="../jquery.js"></script>
-	<script src="/gun.js"></script>
-	<script src="/gun/nts.js"></script>
+	<script src="../../../gun/gun.js"></script>
+	<script src="../../../gun/nts.js"></script>
+	<script src="../../../gun/lib/webrtc.js"></script>
 	<script>
 		// Thanks to https://github.com/dmcinnes/HTML5-Asteroids
 		//var gun = Gun();
-		var gun = Gun(location.origin+'/gun'); 
+		var gun = Gun(location.host? location.origin+'/gun' : 'http://localhost:8765/gun');
 		var game = {gun: gun.get('example/game/space'), area: {}, ships: {}};
 		game.keys = {38: 'up', 37: 'left', 39: 'right', 40: 'down', 32: 'space'};
 		$(document).on('keydown', function(e){
@ -178,6 +180,7 @@
 		game.start = function(){
 			game.now = Gun.state();
 			game.resize();
+			game.ship();
 			game.gun.get('players').map().on(function(data, id){
 				data = Gun.obj.copy(data);
 				data.x = data.x * game.area.x;
@ -185,7 +188,6 @@
 				data.id = data.id || id;
 				game.ship(data);
 			});
-			game.ship();
 			var frame = game.frame, ships = game.ships;
 			var last = game.now, now, diff, delta;
 			setInterval(game.sync, 99);
@ -203,6 +205,27 @@
 		$(function(){
 			game.start();
 		});
+
+		// test WebRTC
+		gun.on('hi', function(peer){
+			console.log("hi!", peer);
+			if(peer.url){ return }
+			Gun.obj.map(gun.back('opt.peers'), function(peer){
+				if(!peer.url || !peer.wire){ return }
+				peer.wire._send = peer.wire.send;
+				peer.wire.send = send;
+				var tmp = 'GOBBLE GOBBLE: Not sending any non-WebRTC messages to ' + peer.url;
+				console.log(tmp);
+				$('#debug').text(tmp);
+			});
+		});
+		function send(raw){
+			if(!raw){ return }
+			if(raw.indexOf('webrtc') >= 0){
+				if(!this._send){ return }
+				return this._send(raw);
+			}
+		}
 	</script>
 	<style>
 		html, body {
--- a/examples/hapi.js
+++ b/examples/hapi.js
@ -5,7 +5,7 @@ const Inert = require('inert')
 const Gun   = require('..')

 const server = new Hapi.Server({
-  port: 8080,
+  port: 8765,
  host: 'localhost',
  routes: {
    files: {
--- a/examples/http-external-ws.js
+++ b/examples/http-external-ws.js
@ -1,4 +1,4 @@
-var port = process.env.OPENSHIFT_NODEJS_PORT || process.env.VCAP_APP_PORT || process.env.PORT || process.argv[2] || 8080;
+var port = process.env.OPENSHIFT_NODEJS_PORT || process.env.VCAP_APP_PORT || process.env.PORT || process.argv[2] || 8765;

 var Gun = require('../');

--- a/examples/http.js
+++ b/examples/http.js
@ -1,29 +1,21 @@
-var port = process.env.OPENSHIFT_NODEJS_PORT || process.env.VCAP_APP_PORT || process.env.PORT || process.argv[2] || 8080;
-
-var Gun = require('../');
-
-var server = require('http').createServer(function(req, res){
-	if(Gun.serve(req, res)){ return } // filters gun requests!
-	require('fs').createReadStream(require('path').join(__dirname, req.url)).on('error',function(){ // static files!
-		res.writeHead(200, {'Content-Type': 'text/html'});
-		res.end(require('fs')
-			.readFileSync(require('path')
-			.join(__dirname, 'index.html') // or default to index
-		));
-	}).pipe(res); // stream
-});
-
-var gun = Gun({ 
-	file: 'data.json',
-	web: server,
-	s3: {
-		key: process.env.AWS_ACCESS_KEY_ID, // Use environment variables
-		secret: process.env.AWS_SECRET_ACCESS_KEY, // so your keys are not
-		bucket: process.env.AWS_S3_BUCKET // hard coded into your app!
-		// https://devcenter.heroku.com/articles/config-vars
+;(function(){
+	var cluster = require('cluster');
+	if(cluster.isMaster){
+	  return cluster.fork() && cluster.on('exit', function(){ cluster.fork() });
 	}
-});

-server.listen(port);
+	var fs = require('fs');
+	var config = { port: process.env.OPENSHIFT_NODEJS_PORT || process.env.VCAP_APP_PORT || process.env.PORT || process.argv[2] || 8765 };
+	var Gun = require('../'); // require('gun')

-console.log('Server started on port ' + port + ' with /gun');
+	if(process.env.HTTPS_KEY){
+		config.key = fs.readFileSync(process.env.HTTPS_KEY);
+		config.cert = fs.readFileSync(process.env.HTTPS_CERT);
+		config.server = require('https').createServer(config, Gun.serve(__dirname));
+	} else {
+		config.server = require('http').createServer(Gun.serve(__dirname));
+	}
+
+	var gun = Gun({web: config.server.listen(config.port)});
+	console.log('Relay peer started on port ' + config.port + ' with /gun');
+}());
--- a/examples/install.sh
+++ b/examples/install.sh
@ -8,6 +8,8 @@
 # an installer that will automatically do it for you.

 #debian/ubuntu
+su -
+apt-get install sudo -y
 sudo apt-get update -y
 sudo apt-get install curl git git-core -y
 #fedora/openSUSE
@ -24,4 +26,4 @@ npm install gun
 # to run the gun examples:
 cd ./node_modules/gun
 npm install .
-sudo /usr/local/bin/node ./examples/http.js 80 # change `80` to `8080` for development purposes.
+sudo /usr/local/bin/node ./examples/http.js 80 # change `80` to `8765` for development purposes.
--- a/examples/move/index.html
+++ b/examples/move/index.html
@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <!--
+      HELP WANTED!
+      Build decentralized Open Source Uber/Lyft!
+      Need people with experience on:
+       - Leaflet API, zoom and tile coordinates for subscribing to surrounding area.
+       - Creating cute little driving icons that animate with heading/direction.
+    -->
+    <title>Move by Neon ERA</title>
+    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
+		<meta charset="utf-8">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.0.3/dist/leaflet.css"/>
+    <script src="https://cdn.jsdelivr.net/npm/leaflet@1.0.3/dist/leaflet.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+    <a id="share" class="hide"><div class="stick button">Request Ride</div></a>
+    <div id="link" class="hide">
+      <p>Copy and Paste this URL to your friends to share your location:</p>
+      <center>
+        <p id="follow">Location sharing not available!</p>
+      </center>
+      <p><b>Note</b>: Location may not sync when your device's screen is off or the tab is out of focus. You'd need to install this as an app for that to work.</p>
+      <center>
+        <a id="close"><div class="button">Close</div></a>
+      </center>
+    </div>
+    <textarea style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 5em;" id="debug"></textarea>
+    <style>
+      html, body, #map {
+        margin: 0;
+        padding: 0;
+        width: 100%;
+        height: 100%;
+        font-family: Arial;
+        font-size: 16pt;
+        z-index: 1;
+      }
+      .stick {
+        position: absolute;
+        bottom: 1em;
+        right: 1em;
+      }
+      .button {
+        display: inline-block;
+        padding: 1em;
+        opacity: .5;
+        background: blue;
+        color: white;
+        z-index: 7;
+        transition: .25s all;
+      }
+      .button:hover {
+        opacity: 1;
+      }
+      .hide {
+        display: none;
+      }
+      #link {
+        position: absolute;
+        padding: 1em;
+        top: 2em;
+        left: 2em;
+        right: 2em;
+        bottom: 2em;
+        background: white;
+        overflow: scroll;
+        z-index: 9;
+      }
+      #follow {
+        background: #EEE;
+        padding: .5em;
+        word-wrap: break-word;
+      }
+    </style>
+    <script src="/jquery.js"></script>
+    <script src="/gun.js"></script>
+    <script>
+      function Where(opt, cb){
+        // a small wrapper around Leaflet for map tracking.
+        var where = {};
+        where.opt = opt || {};
+        where.opt.zoom = where.opt.zoom || {};
+        where.opt.err = where.opt.err || function(){};
+
+        where.map = L.map('map', { zoom: where.opt.zoom.level });
+
+        where.opt.tile = where.opt.tile || L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+          maxZoom: where.opt.zoom.max,
+          minZoom: where.opt.zoom.min,
+          detectRetina: true,
+          attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+        });
+        where.map.addLayer(where.opt.tile);
+
+        L.GridLayer.DebugCoords = L.GridLayer.extend({
+            createTile: function (coords) {
+                var tile = document.createElement('div');
+                tile.innerHTML = [coords.z, coords.x, coords.y].join(', ');
+                tile.style.outline = '1px solid black';
+                return tile;
+            }
+        });
+        L.gridLayer.debugCoords = function(opts) {
+            return new L.GridLayer.DebugCoords(opts);
+        };
+        where.map.addLayer( L.gridLayer.debugCoords() );
+
+        where.opt.zoom.ing = where.opt.zoom.ing || function(){
+          where.opt.zoom.level = where.map.getZoom();
+        }
+        where.map.on('zoomstart', where.opt.zoom.ing, where.opt.err);
+        where.map.on('zoomend', where.opt.zoom.ing, where.opt.err);
+        where.map.on('zoomlevelschange', where.opt.zoom.ing, where.opt.err);
+
+        where.update = function(latlng){
+          if((+new Date) - where.update.last < 400){
+            clearTimeout(where.update.to);
+            where.update.to = setTimeout(function(){
+              where.update(latlng);
+            });
+            return;
+          }
+          var z = 12;
+          var x = lng2tile(latlng.lng, z);
+          var y = lat2tile(latlng.lat, z);
+          console.log(x, y); //
+          where.map.setView(latlng, where.opt.zoom.level, {animate: true});
+          where.marker = where.marker || L.marker().setLatLng(latlng).addTo(where.map);
+          where.marker.setLatLng(latlng).update();
+          where.update.last = (+new Date);
+        }
+
+        if(where.opt.track){
+          where.map.on('locationfound', function(pos){
+            where.update(pos.latlng);
+            where.opt.track(pos);
+          });
+
+          where.map.locate({
+            setView: true,
+            zoom: where.opt.zoom.level,
+            watch: where.opt.continuous || true,
+            timeout: where.opt.timeout || 10000,
+            maximumAge: where.opt.maximumAge || 0,
+            enableHighAccuracy: where.opt.enableHighAccuracy || false
+          });
+        }
+
+        function lng2tile(lng,z) { return (Math.floor((lng+180)/360*Math.pow(2,z))) }
+        function lat2tile(lat,z)  { return (Math.floor((1-Math.log(Math.tan(lat*Math.PI/180) + 1/Math.cos(lat*Math.PI/180))/Math.PI)/2 *Math.pow(2,z))) }
+
+        return where;
+      }
+    </script>
+    <script>
+      ;(function(){
+        // the actual GPS tracking app!
+        var gun = Gun(location.origin + '/gun');
+        var gps = {};
+        gps.opt = {
+          continuous: true, // get location just once uses `getCurrentPosition()` while continuously uses `watchPosition()`
+          enableHighAccuracy: true, // HighAccuracy uses more resources, https://developer.mozilla.org/en-US/docs/Web/API/PositionOptions
+          timeout: 5000, // have this long to get data before erring.
+          maximumAge: 0, // set to 0 to actually track.
+          zoom: {max: 18, level: 13, min: 12}
+        }
+        function start(){
+          gps.follow = (window.location.hash || '').slice(1);
+          if(gps.follow){
+            gps.where = gps.where || Where(gps.opt);
+            gps.ref = gun.get('gps/' + gps.follow);
+            gps.ref.on(function(latlng){
+              //$('#debug').value = 'track ' + JSON.stringify(latlng);
+              gps.where.update(latlng);
+            });
+            $('#share').addClass("hide");
+          } else {
+            document.cookie = 'gps=' + (gps.track = (document.cookie.match(/gps\=(.*?)(\&|$|\;)/i)||[])[1] || Gun.text.random(5)); // trick with cookies!
+            gps.ref = gun.get('gps/' + gps.track);
+            gps.opt.track = function(pos){
+              pos = pos.latlng;
+              if(gps.follow
+              || Gun.time.is() - gps.when < 1000
+              || gps.last && gps.last.lat == pos.lat && gps.last.lng == pos.lng){
+                return; // throttle!
+              }
+              gps.when = Gun.time.is();
+              gps.ref.put(gps.last = pos);
+              //$('#debug').value = JSON.stringify(gps.last);
+            }
+            gps.where = gps.where || Where(gps.opt);
+            $('#follow').text(("where.gunDB.io/" || (location.origin + location.pathname)) + '#' + gps.track);
+            $('#share').removeClass("hide");
+            $('#share').on('click', function(){
+              $('#link').toggleClass("hide");
+            });
+            $('#close').on('click', function(){
+              $('#link').toggleClass("hide");
+            });
+          }
+        }
+        start();
+        window.onhashchange = start;
+      }());
+    </script>
+  </body>
+</html>
--- a/examples/party.html
+++ b/examples/party.html
@ -0,0 +1,758 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Party by Neon ERA</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link rel="stylesheet" type="text/css" href="./style.css">
+		<link href="https://fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet">
+		<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
+		<style>
+			.write {
+				font-family: 'Caveat', sans-serif;
+			}
+			.shout {
+				font-size: 36pt;
+				font-size: 6.5vmax;
+			}
+			.edit {
+				border-bottom: 1px dashed white;
+				cursor: pointer;
+			}
+			.back {
+				position: absolute;
+				top: 0.5%;
+				left: 0.5em;
+				width: 2em;
+				height: 2em;
+				z-index: 99999;
+			}
+		</style>
+		<script src="./jquery.js"></script>
+		<script src="../../gun/gun.js"></script>
+		<script src="../../gun/sea.js"></script>
+		<script src="../../gun/as.js"></script>
+		<script src="../../gun/nts.js"></script>
+		<script src="../../gun/lib/time.js"></script>
+		<script src="../../gun/lib/upload.js"></script>
+		<script>
+			;(() => {
+				function S(){};
+				window.S = S;
+				try{localStorage.clear();//sessionStorage.clear();
+				}catch(e){}
+				S.gun = Gun(location.host? location.origin+'/gun' : 'http://localhost:8765/gun');
+				//S.gun = Gun('http://localhost:8765/gun');
+				//S.gun = Gun();
+				S.app = S.gun.get('examples/social/2');
+				S.user = S.gun.user();
+				S.tell = (what, n) => {
+					var e = $('#tell').find('p');
+					e.addClass('notify').text(what);
+					clearTimeout(S.tell.to);
+					S.tell.to = setTimeout(() => { e.removeClass('notify') }, n || 2500);
+					return what;
+				}
+				this.S = S;
+			})();
+		</script>
+	</head>
+	<body class="whitet black">
+
+		<div id="hi" class="hue page">
+			<style>
+				#hi input {
+					padding: 0.4em 0.8em;
+					font-size: 1.5em;
+					margin-left: 2%;
+					margin-bottom: 2%;
+				}
+				#hi .faces img {
+					w-idth: 5%;
+					width: 3em;
+					width: 7vh;
+				}
+				#hi .ton {
+					border-radius: 1em;
+					font-size: 150%;
+					font-size: 2.25vmax;
+					margin: 0 0.5em 0 0.5em;
+					background: transparent;
+					border: 1px solid white;
+					color: white;
+					font-family: 'Raleway', sans-serif;
+				}
+				#hi .ton:hover {
+					background: white;
+					color: black;
+				}
+			</style>
+			<div class="loud write shout rim">Join the Private Party!</div>
+			<div id="faces" class="flush faces">
+				<div class="right" style="max-width: 30em;">
+					<a href="chrome://extensions" target="_blank"><button class="ton">Install Now</button></a>
+					<a href="#"><button class="ton">How It Works</button></a>
+					<!-- input id="halias" class="write jot sap" placeholder="username">
+					<input id="hpass" type="password" class="write jot sap" placeholder="passphrase" -->
+					<script>
+						$.as.route.page('hi', () => {
+							$('#hpass').on('focus', () => {
+								var alias = $("#halias").val();
+								if(!alias){ return }
+								$('#alias').val(alias);
+								$.as.route('sign');
+								$('#pass').focus();
+							});
+							setTimeout(() => { 
+								$('#halias').focus();
+								window.faces('#faces', 100);
+								window.faces('#faces2', 40);
+							},1);
+						});
+						if(!location.hash){
+							$.as.route('hi');
+						}
+					</script>
+				</div>
+			</div>
+			<script>
+				;(window.faces = function faces(id, lim, i){
+					//return
+					if(!$('#hi').is(':visible')){ return }
+					if(!id){ return }
+					if(!faces.on){ faces.on = id }
+					if(faces.on != id){
+						faces.was = faces.was || {};
+						if(faces.was[id]){ return }
+						(faces.next = faces.next || []).push([faces.was[id] = id, lim]);
+						return;
+					}
+					if(i >= (lim || 100)){
+						faces.on = null;
+						var tmp = faces.next && faces.next.shift();
+						tmp && faces(tmp[0], tmp[1]);
+						return;
+					}
+					$.ajax({
+					  url: 'https://randomuser.me/api/',
+					  dataType: 'json',
+					  success: (data) => {
+					    faces(id, lim || 100, (i || 0) + 1);
+					    if(!data || !data.results){ return }
+					    var tmp = data.results[0];
+					 		if(!tmp || !(tmp = tmp.picture)){ return }
+					  	tmp = tmp.thumbnail;
+					  	if(!tmp || faces[tmp]){ return }
+					  	faces[tmp] = true;
+					  	tmp = $('<img>').attr('src', tmp).fadeIn().appendTo(id || '#faces');
+					  	
+					  	tmp = tmp.offset(); 
+					  	var r = Math.random() * 30;
+					  	window.fun && window.fun({x: tmp.left - r, y: tmp.top - $(window).scrollTop() - r});
+					  }
+					});
+					return faces;
+				});
+			</script>
+			<div class="pad ditch">
+				<p class="loud"><i>Your friend has invited you to add a privacy extension to your browser:</i></p>
+				<p> - Decrypts your friends' messages across any site!</p>
+				<p> - Stops tech monopolies from selling your private data to advertisers.</p>
+				<p> - Gives you ownership and control over all your data online.</p>
+				<p> - Creates a searchable history of your posts, friends, and more!</p>
+			</div>
+			<div id="faces2" class="flush faces"></div>
+			<div class="pad ditch">
+				<p class="loud"><i>Express your thoughts & connect with the world around you!</i></p>
+				<p> - Discover new relationships.</p>
+				<p> - Keep up with friends and news in realtime.</p>
+				<p> - Watch fun videos and photos from people who share.</p>
+				<p> - But this time, you own it: fully decentralized.</p>
+			</div>
+			<div class="pad ditch" style="margin-top: 1em;">
+				<p><span class="loud write shout">Welcome,</span><!-- span class="write loud">, you are currently connected to <b id="peers" class="huet4">2</b> peers. <b>Why not try to sign up or log in?</b></span --></p>
+				<p> - Your identity is created here, by you. Not on a server.</p>
+				<p> - It uses secure <a href="https://gun.eco/docs/Cartoon-Cryptography">cryptographic</a> methods to protect you.</p>
+				<p> - Only you have access to it, meaning even we cannot reset your password!</p>
+				<p> - For added security, you can freely <a href="https://github.com/amark/gun">download</a> and run it on your own computer.</p>
+			</div>
+			<div class="black">
+				<div class="pad huet">
+					<div class="write center">Crafted with <span class="redt">♥</span> by <span class="loud">era</span>.</div> 
+				</div>
+			</div>
+		</div>
+
+		<div id="sign" class="hue page">
+			<style>
+				#sign input, button {
+					margin: 0.2em 0;
+					padding: 0.5em 1em;
+				}
+				#sign .sign {
+					font-size: 30pt;
+				}
+				#sign .pow {
+					margin: 0em 0;
+					padding: 0em 1em;
+					background: transparent;
+					border-bottom: none;
+					text-align: center;
+					font-size: 5vmax;
+					color: white;
+				}
+				#sign .act {
+					padding: 0.7em 1em;
+					width: 5em;
+				}
+				#sign .tos {
+					font-size: 10pt;
+				}
+			</style>
+			<form id="inup" class="pad center">
+				<div class="shout write">Welcome,</div>
+				<div class="mid row col">
+					<input id="alias" class="write sign jot sap" placeholder="username">
+				</div>
+				<div class="mid row col">
+					<input id="pass" class="write sign jot sap" type="password" placeholder="passphrase">
+				</div>
+				<div class="mid row col go">
+					<input id="in" type="submit" class="huet sap act symbol" value="sign in">
+  				<input id="up" type="button" class="huet sap act symbol" value="or up">
+				</div>
+				<span class="tos">By logging in or up, you agree to the <a href="https://github.com/amark/gun/blob/master/LICENSE.md" class="tos" target="_blank">Terms of Service</a>.</span>
+				<p class="tos"><a href="#forgot">Forgot password?</a></p>
+			</form>
+			<script>
+				;(() => {
+					S.route = location.hash.slice(1);
+					$('#up').on('click', (e) => {
+						var form = check();
+						if(!form){ return }
+						$("#up").addClass('pulse');
+						S.user.create(form.alias, form.pass, (ack) => {
+							if(!ack.wait){ $("#up").removeClass('pulse') }
+							if(ack.err){ return S.tell(ack.err) }
+							check.up = true;
+							S.user.auth(form.alias, form.pass);
+						});
+					});
+					$('#inup').on('submit', (e) => {
+						var form = check();
+						if(!form){ return }
+						$("#in").addClass('pulse');
+						S.user.auth(form.alias, form.pass, (ack) => {
+							if(!ack.wait){ $("#in").removeClass('pulse') }
+							if(ack.err){ return S.tell(ack.err) }
+						});
+					});
+					$('#pass').on('focus', () => {
+						$('#alias').addClass('pow');
+					});
+					$('#alias').on('focus', () => {
+						$('#alias').removeClass('pow');
+					});
+					$.as.route.page('sign', () => {
+						if(!$('#alias').val()){
+							setTimeout(() => { $('#alias').focus() },1);
+						}
+					});
+					var check = () => {
+						var form = {alias: ($('#alias').val()||'').toLowerCase(), pass: $("#pass").val()||''};
+						if(6 > form.alias.length){
+							S.tell("Your username needs to be longer than 5 letters.");
+							return;
+						}
+						if(9 > form.pass.length){ 
+							S.tell("Your passphrase needs to be longer than 9 letters.");
+							return;
+						}
+						return form;
+					}
+					S.gun.on('auth', (ack) => {
+						if('hi' === S.route){ S.route = '' }
+						if('sign' === S.route){ S.route = '' }
+						if(check.up){ S.route = 'settings' }
+						$.as.route(S.route = S.route || 'draft');
+					});
+					S.user.recall({sessionStorage: 1});
+				})();	
+			</script>
+		</div>
+
+		<div id="forgot" class="hue3 page">
+			<style>
+				#forgot .fill {
+					padding: 0.5em;
+				}
+			</style>
+			<a href="#sign" class="act back">&larr;</a>
+			<div class="pad">
+				<p class="shout write">Forgot Password</p>
+				<form>
+					<ul class="rim">
+						<li><input class="alias fill sap jot" placeholder="username"></li>				
+						<li>
+							<p>What was your first pet's name, the type of animal they were, and your favorite quirk about them? <span class="pet let"></span> <span class="pet length"></span>
+							<input class="pet fill sap jot" placeholder='"Bubbles was a goldfish, he played dead a lot." or "Fluffy is a cat, but she eats vegetables."'></p>
+						</li>
+						<li>
+							<p>Where was your first kiss? Describe what they looked like. <span class="kiss let"></span> <span class="kiss length"></span>
+							<input class="kiss fill sap jot" placeholder='"I kissed Alice in a tree, she was a redhead." or "Bob kissed me at the movies, he had green eyes."'></p>
+						</li>
+						<li class="loud write help"></li>
+						<li class="center rim sit"><input type="submit" class="fill huet3 sap act symbol" value="go" style="width: 4em;"></li>
+					</ul>
+				</form>
+				<script>
+					$.as.route.page('forgot', () => {
+						var _ = $('#forgot'), alias;
+						$('.alias',_).on('blur', () => {
+							alias = $('.alias',_).val();
+							if(!alias){ return }
+							$('.pet.length',_).val('');
+							$('.kiss.length',_).val('');
+							S.gun.get('alias/'+alias).once().map()
+								.get('settings').once(add);
+						}).focus();
+						var add = (set) => {
+							if(!set){ return }
+							var tmp;
+							(tmp = $('.pet.length',_)).text(tmp.text() +' '+ set.pet);
+							(tmp = $('.kiss.length',_)).text(tmp.text() +' '+ set.kiss);
+						}
+						$('.jot.pet',_).on('keyup', function(){ $('.pet.let',_).text(this.value.length + ' /') });
+						$('.jot.kiss',_).on('keyup', function(){ $('.kiss.let',_).text(this.value.length + ' /') });
+						$('form',_).on('submit', () => {
+							alias = alias || $('.alias',_).val();
+							if(!alias){ return S.tell("You need a username.") }
+							$('.act',_).addClass('pulse');
+							S.gun.get('alias/' + alias)
+								.once().map()
+								.get('settings')
+								.get('recover')
+								.once(recover);
+						});
+						var recover = async (data) => {
+							$('.act',_).removeClass('pulse');
+							var pet = $('.jot.pet',_).val();
+							var kiss = $('.jot.kiss',_).val();
+							var hint;
+							try{ hint = await Gun.SEA.decrypt(data, await Gun.SEA.work(pet, kiss));
+							}catch(e){}
+							if(!hint){ return S.tell("Nope. Try again!") }
+							$('.write.help',_).text(hint);
+						}
+					});
+				</script>
+			</div>
+		</div>
+		
+		<div id="settings" class="hue2 page">
+			<style>
+				#settings .fill {
+					padding: 0.5em;
+				}
+				#facedrop img {
+					vertical-align: middle;
+					border-radius: 100%;
+				}
+			</style>
+			<a href="#draft" class="act back">&larr;</a>
+			<div class="pad">
+				<p class="shout write">Settings</p>
+				<p>Your username is <i name="alias"></i>.</p>
+				<p id="facedrop">
+					Drop in a new profile photo: <img class="none">
+				</p>
+				<form id="recovery">
+					<p><b>Because no server can reset your password, you must fill out a "forgot password" recovery form.</b>
+					We recommend you use simple, grammatically correct, memorable sentences for your answers.
+					Keep each sentence less than 50 letters so that it will be easy for you to reconstruct -
+					the length of your reply will be stored as a hint to help.</p>
+					<ol class="rim">
+						<li>
+							<p>What was your first pet's name, the type of animal they were, and your favorite quirk about them? <span class="pet"></span>
+							<input id="pet" class="fill sap jot" placeholder='"Bubbles was a goldfish, he played dead a lot." or "Fluffy is a cat, but she eats vegetables."'></p>
+						</li>
+						<li>
+							<p>Where was your first kiss? Describe what they looked like. <span class="kiss"></span>
+							<input id="kiss" class="fill sap jot" placeholder='"I kissed Alice in a tree, she was a redhead." or "Bob kissed me at the movies, he had green eyes."'></p>
+						</li>
+						<li>
+							<p>The reminder of what your password is:</p>
+							<input id="pw-reminder" type="password" class="fill sap jot" placeholder='"Hint: Usual password + name of this app!"'></p>
+						</li>
+						<li class="center rim sit">
+							<input type="submit" class="fill huet2 sap act symbol" value="set" style="width: 4em;">
+						</li>
+					</ol>
+				</form>
+				<form id="reset">
+					<style>
+						#settings .thin {
+							max-width: 15em;
+							margin-right: 0.1em;
+							margin-bottom: 0.1em;
+						}
+					</style>
+					<p>We recommend you use a memorable and grammatically correct sentence as your passphrase.
+					Then write it down on paper and store it some place safe that will be easy for you to find. Here are some tips:</p>
+					<ul class="rim">
+						<li> - What gives you purpose and meaning in your life?</li>
+						<li> - Say something nice about an important person in your life.</li>
+						<li> - If you could work on your hobby full time, what goals would you have?</li>
+						<li> - Try to combine all of them into a rhyme, or something funny that makes you laugh.</li>
+						<li class="center rim">
+							<input id="oldpass" type="password" class="center thin fill sap jot" placeholder="old passphrase">
+							<input id="newpass" type="password" class="center thin fill sap jot" placeholder="new passphrase">
+							<input id="oldnew" type="submit" class="fill huet2 sap act symbol" value="change" style="width: 5em;"></li>
+						<li> - <i>Ex, "Uncle Ben taught me to fight for what is right, I might have a spider bite."</i></li>
+						<li> - <i>Ex, "I am quite better than the Dark Knight, despite any Kryptonite."</i></li>
+						<li> - <i>Ex, "Give me a cause for these claws, I have no paws and no laws."</i></li>
+						<li> - <i>Ex, "My suite is made of red supplements, with hidden jet compartments."</i></li>
+					</ul>
+				</form>
+				<p>You are currently connected to <i>2</i> peers.</p>
+				
+			</div>
+			<script>
+				$.as.route.page('settings', () => {
+					if(!S.user.is){ return $.as.route('hi') }
+					$.as('#settings', S.user);
+					
+					;(() => {
+						$('#pet').on('keyup', function(){ $('.pet').text(this.value.length + ' letters.') });
+						$('#kiss').on('keyup', function(){ $('.kiss').text(this.value.length + ' letters.') });
+						
+						S.user.get('settings').get('pet').on(function(l){ $('#pet').val(Gun.text.random(l, '*')) });
+						S.user.get('settings').get('kiss').on(function(l){ $('#kiss').val(Gun.text.random(l, '*')) });
+						
+						$('#recovery').on('submit', async (e) => {
+							var pet = $('#pet').val();
+							var kiss = $('#kiss').val();
+							var reminder = $('#pw-reminder').val(); // NOTE: THIS IS TEMPORARY!
+							if(!pet){ return S.tell("Please fill out the pet question!") }
+							if(!kiss){ return S.tell("Please fill out the first kiss question!") }
+							if(!reminder){ return S.tell("You need a password reminder.") } // NOTE: THIS IS TEMPORARY!
+							if(1+pet.indexOf('*') || 1+kiss.indexOf('*')){ return S.tell("Your answer should not have '*' in it.") }
+							$('#recovery .act').addClass('pulse');
+							var recover = await Gun.SEA.encrypt(reminder, await Gun.SEA.work(pet, kiss));
+							// NOTE: We are currently doing this manually, in the future we want to
+							// just automatically log the user back in based off the security questions
+							// rather than only giving them a "reminder" of what theirold  password is.
+							S.user.get('settings').put({
+								recover: recover,
+								pet: pet.length,
+								kiss: kiss.length
+							}, (ack) => {
+								$('#recovery .act').removeClass('pulse');
+								S.tell(ack.err || "Saved!");
+								$('#pw-reminder').val(''); // NOTE: THIS IS TEMPORARY!
+							});
+						});
+					})();
+					
+					
+					;(() => {
+						$('#reset').on('submit', (e) => {
+							var old = $('#oldpass').val();
+							var pass = $('#newpass').val() || '';
+							if(9 > pass.length){ return S.tell("Your passphrase needs to be longer than 9 letters.") }
+							if(!S.user.is){ return S.tell("You need to be logged in to do that.") }
+							$('#oldnew').addClass('pulse');
+							S.user.auth(S.user.is.alias, old, (ack) => {
+								$('#oldnew').removeClass('pulse');
+								S.tell(ack.err || "Saved!");
+								$('#oldpass, #newpass').val('');
+							}, {change: pass});
+						});
+					})();
+
+					;(async () => {
+						$('#settings').upload(function resize(e, up){
+							if(e.err){ return }
+							$('#settings').addClass('pulse');
+							if(up){ return up.shrink(e, resize, 64) }
+							$('#settings').removeClass('pulse');
+							$("#facedrop img").attr('src', e.base64).removeClass('none');
+							S.user.get('who').get('face').get('small').put(e.base64);
+						});
+						var img = await S.user.get('who').get('face').get('small').then();
+						if(img){ $('#facedrop img').attr('src', img).removeClass('none') }
+					})();
+				});
+			</script>
+		</div>
+		
+		<div id="out" class="hue page">
+			<script>
+				$.as.route.page('out', () => {
+					S.user.leave();
+					setTimeout(() => $.as.route('hi'), 1);
+				});
+			</script>
+		</div>
+
+		<div id="draft" class="hue page">
+			<style>
+				.draft {
+
+				}
+				#speak {
+					overflow: visible;
+					margin-bottom: 2em;
+				}
+	      #speak .draft:empty:not(:focus):before{
+	        content:attr(data-text);
+	      }
+				#speak input {
+					position: absolute;
+					bottom: -1.4em;
+					right: -2%;
+					width: auto;
+					color: white;
+					padding: 0.3em 1em;
+					background: transparent;
+					border: 1px solid white;
+					border-radius: 1em;
+					transition: all 0.2s ease-in;
+				}
+				#speak input:hover {
+					background: white;
+					color: #33cc33;
+				}
+				#draft ul .face {
+					float: left;
+					border-radius: 100%;
+					vertical-align: middle;
+					height: 1.5em;
+					margin-right: 2%;
+				}
+				#draft ul, #draft li {
+					overflow: visible;
+				}
+				#draft .what {
+				}
+				#draft .spoke {
+				}
+			</style>
+			<p class="pad">Welcome!</p>
+			<!--
+				People:
+				- stare
+				- scroll
+				- tap
+				- type
+				- talk
+				- take
+			-->
+			<form id="speak" class="mid row col">
+				<div id="d0" class="draft spoke gap tint sap editable" contenteditable="true" style="min-height: 1em;" data-text="Express yourself..."></div>
+				<input type="submit" class="sap hide" value="speak!">
+			</form>
+			<ul class="mid row col">
+			</ul>
+			<div class="model">
+				<li class="spoke tint sap gully">
+					<div class="gap"><span class="sort none"></span><img class="face act none"><b class="name"></b><div class="what"></div></div>
+				</li>
+			</div>
+			<div style="height: 10%;"></div>
+			<script>
+				$.as.route.page('draft', () => {
+					if(!S.user.is){ return $.as.route('hi') }
+					$('#speak').on('keyup', (e) => {
+						var say = $('#speak .draft').text();
+						if(!say){
+							$('#speak input').addClass('hide');
+							return;
+						}
+						$('#speak input').removeClass('hide');
+					});
+					window.user = S.user;
+					$('#speak').on('submit', (e) => {
+						var say = $('#speak .draft').text(); //.text(); // NO NO NO NO NO
+						if(!say){ return }
+						console.log('save!', say);
+						var ref = S.user.get('who').get('all').set({what: say, when: Gun.state()});
+						//ref.get('by').put(S.user.get('who'));
+						//S.user.get('who').get('said').time(ref);
+						S.user.get('who').get('said').set(ref);
+						//S.gun.get('@').time(ref);
+						$('#speak .draft').text('');
+					});
+					//S.gun.get('@').time(async (data, key, time) => {
+					S.user.get('who').get('said').map().once(async (data, key, time) => {
+						//var ref = S.gun.get(data), tmp;
+						//var said = await ref.then();
+						key = key.replace(/[^A-Za-z]/ig,'');
+						var tmp, said = data, time = said.when;
+						var $li = $($('#'+key)[0] || $('#draft .model .spoke').clone(true,true).attr('id', key)[(tmp = $.as.sort(time, $('#draft ul').children('li').first()))[0]?'insertBefore':'appendTo'](tmp[0] || '#draft ul'));
+						tmp = said.what;
+						if(tmp && tmp.ct){
+							tmp = JSON.stringify(tmp);
+							setTimeout(async function(){
+								tmp = await SEA.decrypt(said.what, S.user._.sea);
+								$li.find('.what').text(tmp);
+							}, 750);
+						}
+						$li.find('.what').text(tmp); // NORMALIAZE!!!
+						var by = S.user.get('who');// ref.get('by');
+						by.get('face').get('small').on(data => {
+							$li.find('.face').attr('src', data).removeClass('none');
+						});
+						by.get('name').on(data => {
+							data && $li.find('b').text(data);
+						});
+						$li.find('.sort').text(time);
+						var time = new Date(time);
+						$li.find('i').text(time.toDateString() + ', ' + time.toLocaleTimeString());
+						return;
+						var who = ref.get('by');
+						var face = await who.get('face').get('small').then();
+						if(face){
+							$li.find('.face').attr('src', face).removeClass('none');
+						}
+					});
+					$(document).on('click', '#speak .act.face', (eve) => {
+						
+					});
+				});
+			</script>
+		</div>
+
+		<div id="contacts" class="hue2 page">
+			<style>
+				#contacts ul .face {
+					float: left;
+					border-radius: 100%;
+					vertical-align: middle;
+					height: 2.5em;
+					margin-right: 5%;
+				}
+				#contacts ul, #contacts li {
+					overflow: visible;
+				}
+				#contacts .who {
+					display: inline-block;
+					margin-right: 2%;
+					min-width: 250px;
+					width: 15em;
+					text-align: left;
+					padding: 2%;
+					vertical-align: middle;
+				}
+				#contacts .what {
+				}
+				#contacts .spoke {
+				}
+			</style>
+			<p class="pad">Contacts</p>
+			<ul class="mid row col center">
+			</ul>
+			<div class="model">
+				<li class="who tint sap gully">
+					<div class="gap">
+						<span class="sort none"></span>
+						<img class="face act none" crossOrigin="Anonymous">
+						<big class="name"></big><br/>
+						<i class="alias"></i><br/>
+						<small>FB ID:</small> <span class="fbid"></span>
+					</div>
+				</li>
+			</div>
+			<div style="height: 10%;"></div>
+			<script>
+				$.as.route.page('contacts', () => {
+					if(!S.user.is){ return $.as.route('sign') }
+					//S.gun.get('@').time(async (data, key, time) => {
+
+					// TODO: BUG!! switch from `on` to `once` to get Martti's {_} empty object bug.
+					var $ul = $('#contacts ul');
+					S.user.get('old').get('fb').map().on(async function(data){
+						console.log('contact:', data);
+						var key = data.fbid, tmp;
+						if(!key){ return }
+						var $li = $($('#fbid'+key)[0] || $('#contacts .model .who').clone(true,true).attr('id', 'fbid'+key)[(tmp = $.as.sort(data.name||1, $ul.children('li').first()))[0]?'insertBefore':'appendTo'](tmp[0] || $ul));
+
+						$li.find('.name').text(data.name);
+						$li.find('.alias').text(data.alias);
+						$li.find('.fbid').text(data.fbid);
+						tmp = $li.find('img').attr('src', data.face || data.tmp);
+						if(!data.face){
+							var ref = this;
+							$.fn.upload.shrink(data.tmp, function(b64){
+								ref.get('face').put(b64);
+							}, 100); 
+						}
+						$('html, body').stop(true, true).animate({scrollTop: $ul.height()});
+					});
+					function img2b64(img, cb){
+						var c = document.createElement('canvas');
+						var ctx = c.getContext("2d");
+						ctx.drawImage(img, 10, 10);
+						cb(c.toDataURL());
+					}
+				});
+			</script>
+		</div>
+
+		<div id="tell" class="center">
+			<style>
+				#tell {
+					position: fixed;
+					top: 0;
+					left: 0;
+					right: 0;
+					height: 0;
+					overflow: visible;
+				}
+				#tell p {
+					top: -2em;
+					width: 50%;
+					border: solid #222 0.2em;
+					border-top: none;
+					padding: 1%;
+					opacity: 0;
+					visibility: hidden;
+					transition: visibility 2s, all 1s ease-in;
+				}
+				#tell .notify {
+					top: 0em;
+					opacity: 0.8;
+					visibility: visible;
+					transition: visibility 0s, all 0.25s ease-out;
+				}
+			</style>
+			<p class="mid black">Hello world!</p>
+		</div>
+		<!-- textarea id='debug' class="no-ne" style="position: fixed; bottom: 0; left: 0; width: 25%; height: 30%"></textarea -->
+		
+		<script>
+			$.as.route.page('person', () => {
+				if(!user.is){ return $.as.route('hi') }
+				var pub = location.hash.split('/').slice(-1)[0];
+				(pub === user._.pub? $('#say').show() : $('#say').hide());
+				as('#person', window.PUB = gun.get('pub/'+pub));
+			});
+
+			$(document).upload(function resize(e, up){
+				if(e.err){ return }
+				var m = $($("#d"+e.id)[0] || $('#d0').clone(true,true).attr('id', 'd'+e.id).css('backgroundImage', '').appendTo('#draft')).addClass('pulse');
+				if(up){ return up.shrink(e, resize, 1000) }
+				//console.log(e.id, e.base64);
+				m.removeClass('pulse').css({
+					backgroundImage: 'url(' + e.base64 + ')',
+					backgroundRepeat: 'no-repeat',
+					backgroundPosition: 'center',
+					backgroundSize: 'cover'
+				});
+			});
+		</script>
+		<script async src="../../gun/lib/fun.js"></script>
+		<script async src="../../gun/lib/normalize.js"></script>
+		<script async src="../../gun/lib/monotype.js"></script>
+		<script async src="../../gun/lib/meta.js"></script>
+	</body>
+</html>
--- a/examples/pop.png
+++ b/examples/pop.png
--- a/examples/react-native/.babelrc
+++ b/examples/react-native/.babelrc
@ -0,0 +1,3 @@
+{
+  "presets": ["module:metro-react-native-babel-preset"]
+}
--- a/examples/react-native/.buckconfig
+++ b/examples/react-native/.buckconfig
@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2
--- a/examples/react-native/.flowconfig
+++ b/examples/react-native/.flowconfig
@ -0,0 +1,70 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; For RN Apps installed via npm, "Libraries" folder is inside
+; "node_modules/react-native" but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+
+; Ignore polyfills
+.*/Libraries/polyfills/.*
+
+; Ignore metro
+.*/node_modules/metro/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+node_modules/react-native/flow-github/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.system=haste
+module.system.haste.use_name_reducers=true
+# get basename
+module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
+# strip .js or .js.flow suffix
+module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
+# strip .ios suffix
+module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
+module.system.haste.paths.blacklist=.*/__tests__/.*
+module.system.haste.paths.blacklist=.*/__mocks__/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
+
+munge_underscores=true
+
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.native.js
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[version]
+^0.78.0
--- a/examples/react-native/.gitattributes
+++ b/examples/react-native/.gitattributes
@ -0,0 +1 @@
+*.pbxproj -text
--- a/examples/react-native/.gitignore
+++ b/examples/react-native/.gitignore
@ -0,0 +1,56 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
--- a/examples/react-native/.watchmanconfig
+++ b/examples/react-native/.watchmanconfig
@ -0,0 +1 @@
+{}
--- a/examples/react-native/README.md
+++ b/examples/react-native/README.md
@ -0,0 +1,18 @@
+# Gun on react-native!
+---
+### running the demo
+1. do `yarn install` on the directory of the demo `examples/react-native`
+2. run the demo with `react-native run-ios` or `react-native run-android`
+
+### debugging
+i would recommend using [react-native-debugger](https://github.com/facebook/react-devtools/tree/master/packages/react-devtools) but you can use chrome's debugger as well
+
+- ios: `cmd+D` then `Debug JS Remotely` 
+- android: `cmd+M` then `Debug JS Remotely`
+
+now you have access to the gun globals on the console which are
+`gun` -> the root gun
+`user` -> the gun user
+---
+# how it all of this is done
+since react-native doesnt provide the crypto module that we desire the most and all of the packages are incompatible with react-native/sea, and so to get `sea.js` working we use a webview(react-native browser) and bridge the crypto module from that browser to the global `window` and thats exactly what `webview-crypto` does, thanks to [webview-crypto repo](https://github.com/saulshanabrook/webview-crypto), the webview-crypto provided in this repo is somewhat the same but modified to get it working and mostly compatible with sea/react-native (even though there is a polyfiller for that but it just doesnt work ;/).
--- a/examples/react-native/android/app/BUCK
+++ b/examples/react-native/android/app/BUCK
@ -0,0 +1,65 @@
+# To learn about Buck see [Docs](https://buckbuild.com/).
+# To run your application with Buck:
+# - install Buck
+# - `npm start` - to start the packager
+# - `cd android`
+# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
+# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
+# - `buck install -r android/app` - compile, install and run application
+#
+
+lib_deps = []
+
+for jarfile in glob(['libs/*.jar']):
+  name = 'jars__' + jarfile[jarfile.rindex('/') + 1: jarfile.rindex('.jar')]
+  lib_deps.append(':' + name)
+  prebuilt_jar(
+    name = name,
+    binary_jar = jarfile,
+  )
+
+for aarfile in glob(['libs/*.aar']):
+  name = 'aars__' + aarfile[aarfile.rindex('/') + 1: aarfile.rindex('.aar')]
+  lib_deps.append(':' + name)
+  android_prebuilt_aar(
+    name = name,
+    aar = aarfile,
+  )
+
+android_library(
+    name = "all-libs",
+    exported_deps = lib_deps,
+)
+
+android_library(
+    name = "app-code",
+    srcs = glob([
+        "src/main/java/**/*.java",
+    ]),
+    deps = [
+        ":all-libs",
+        ":build_config",
+        ":res",
+    ],
+)
+
+android_build_config(
+    name = "build_config",
+    package = "com.gundemo",
+)
+
+android_resource(
+    name = "res",
+    package = "com.gundemo",
+    res = "src/main/res",
+)
+
+android_binary(
+    name = "app",
+    keystore = "//android/keystores:debug",
+    manifest = "src/main/AndroidManifest.xml",
+    package_type = "debug",
+    deps = [
+        ":app-code",
+    ],
+)
--- a/examples/react-native/android/app/build.gradle
+++ b/examples/react-native/android/app/build.gradle
@ -0,0 +1,151 @@
+apply plugin: "com.android.application"
+
+import com.android.build.OutputFile
+
+/**
+ * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
+ * and bundleReleaseJsAndAssets).
+ * These basically call `react-native bundle` with the correct arguments during the Android build
+ * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
+ * bundle directly from the development server. Below you can see all the possible configurations
+ * and their defaults. If you decide to add a configuration block, make sure to add it before the
+ * `apply from: "../../node_modules/react-native/react.gradle"` line.
+ *
+ * project.ext.react = [
+ *   // the name of the generated asset file containing your JS bundle
+ *   bundleAssetName: "index.android.bundle",
+ *
+ *   // the entry file for bundle generation
+ *   entryFile: "index.android.js",
+ *
+ *   // whether to bundle JS and assets in debug mode
+ *   bundleInDebug: false,
+ *
+ *   // whether to bundle JS and assets in release mode
+ *   bundleInRelease: true,
+ *
+ *   // whether to bundle JS and assets in another build variant (if configured).
+ *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
+ *   // The configuration property can be in the following formats
+ *   //         'bundleIn${productFlavor}${buildType}'
+ *   //         'bundleIn${buildType}'
+ *   // bundleInFreeDebug: true,
+ *   // bundleInPaidRelease: true,
+ *   // bundleInBeta: true,
+ *
+ *   // whether to disable dev mode in custom build variants (by default only disabled in release)
+ *   // for example: to disable dev mode in the staging build type (if configured)
+ *   devDisabledInStaging: true,
+ *   // The configuration property can be in the following formats
+ *   //         'devDisabledIn${productFlavor}${buildType}'
+ *   //         'devDisabledIn${buildType}'
+ *
+ *   // the root of your project, i.e. where "package.json" lives
+ *   root: "../../",
+ *
+ *   // where to put the JS bundle asset in debug mode
+ *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
+ *
+ *   // where to put the JS bundle asset in release mode
+ *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in debug mode
+ *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in release mode
+ *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
+ *
+ *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
+ *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
+ *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
+ *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
+ *   // for example, you might want to remove it from here.
+ *   inputExcludes: ["android/**", "ios/**"],
+ *
+ *   // override which node gets called and with what additional arguments
+ *   nodeExecutableAndArgs: ["node"],
+ *
+ *   // supply additional arguments to the packager
+ *   extraPackagerArgs: []
+ * ]
+ */
+
+project.ext.react = [
+    entryFile: "index.js"
+]
+
+apply from: "../../node_modules/react-native/react.gradle"
+
+/**
+ * Set this to true to create two separate APKs instead of one:
+ *   - An APK that only works on ARM devices
+ *   - An APK that only works on x86 devices
+ * The advantage is the size of the APK is reduced by about 4MB.
+ * Upload all the APKs to the Play Store and people will download
+ * the correct one based on the CPU architecture of their device.
+ */
+def enableSeparateBuildPerCPUArchitecture = false
+
+/**
+ * Run Proguard to shrink the Java bytecode in release builds.
+ */
+def enableProguardInReleaseBuilds = false
+
+android {
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+
+    defaultConfig {
+        applicationId "com.gundemo"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+        ndk {
+            abiFilters "armeabi-v7a", "x86"
+        }
+    }
+    splits {
+        abi {
+            reset()
+            enable enableSeparateBuildPerCPUArchitecture
+            universalApk false  // If true, also generate a universal APK
+            include "armeabi-v7a", "x86"
+        }
+    }
+    buildTypes {
+        release {
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+    // applicationVariants are e.g. debug, release
+    applicationVariants.all { variant ->
+        variant.outputs.each { output ->
+            // For each separate APK per architecture, set a unique version code as described here:
+            // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
+            def versionCodes = ["armeabi-v7a":1, "x86":2]
+            def abi = output.getFilter(OutputFile.ABI)
+            if (abi != null) {  // null for the universal-debug, universal-release variants
+                output.versionCodeOverride =
+                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
+            }
+        }
+    }
+}
+
+dependencies {
+    compile project(':react-native-webview-bridge')
+    implementation fileTree(dir: "libs", include: ["*.jar"])
+    implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
+    implementation "com.facebook.react:react-native:+"  // From node_modules
+}
+
+// Run this once to be able to run the application with BUCK
+// puts all compile dependencies into folder libs for BUCK to use
+task copyDownloadableDepsToLibs(type: Copy) {
+    from configurations.compile
+    into 'libs'
+}
--- a/examples/react-native/android/app/proguard-rules.pro
+++ b/examples/react-native/android/app/proguard-rules.pro
@ -0,0 +1,17 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
--- a/examples/react-native/android/app/src/main/AndroidManifest.xml
+++ b/examples/react-native/android/app/src/main/AndroidManifest.xml
@ -0,0 +1,26 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.gundemo">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
+        android:windowSoftInputMode="adjustResize">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
+    </application>
+
+</manifest>
--- a/examples/react-native/android/app/src/main/assets/html/blank.html
+++ b/examples/react-native/android/app/src/main/assets/html/blank.html
--- a/examples/react-native/android/app/src/main/java/com/gundemo/MainActivity.java
+++ b/examples/react-native/android/app/src/main/java/com/gundemo/MainActivity.java
@ -0,0 +1,15 @@
+package com.gundemo;
+
+import com.facebook.react.ReactActivity;
+
+public class MainActivity extends ReactActivity {
+
+    /**
+     * Returns the name of the main component registered from JavaScript.
+     * This is used to schedule rendering of the component.
+     */
+    @Override
+    protected String getMainComponentName() {
+        return "GunDemo";
+    }
+}
--- a/examples/react-native/android/app/src/main/java/com/gundemo/MainApplication.java
+++ b/examples/react-native/android/app/src/main/java/com/gundemo/MainApplication.java
@ -0,0 +1,47 @@
+package com.gundemo;
+
+import android.app.Application;
+
+import com.facebook.react.ReactApplication;
+import com.github.alinz.reactnativewebviewbridge.WebViewBridgePackage;
+import com.facebook.react.ReactNativeHost;
+import com.facebook.react.ReactPackage;
+import com.facebook.react.shell.MainReactPackage;
+import com.facebook.soloader.SoLoader;
+
+import java.util.Arrays;
+import java.util.List;
+
+public class MainApplication extends Application implements ReactApplication {
+
+  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
+    @Override
+    public boolean getUseDeveloperSupport() {
+      return BuildConfig.DEBUG;
+    }
+
+    @Override
+    protected List<ReactPackage> getPackages() {
+      return Arrays.<ReactPackage>asList(
+          new MainReactPackage(),
+            new WebViewBridgePackage()
+      );
+    }
+
+    @Override
+    protected String getJSMainModuleName() {
+      return "index";
+    }
+  };
+
+  @Override
+  public ReactNativeHost getReactNativeHost() {
+    return mReactNativeHost;
+  }
+
+  @Override
+  public void onCreate() {
+    super.onCreate();
+    SoLoader.init(this, /* native exopackage */ false);
+  }
+}
--- a/examples/react-native/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--- a/examples/react-native/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
--- a/examples/react-native/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--- a/examples/react-native/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
--- a/examples/react-native/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--- a/examples/react-native/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
--- a/examples/react-native/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--- a/examples/react-native/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
--- a/examples/react-native/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--- a/examples/react-native/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
+++ b/examples/react-native/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
--- a/examples/react-native/android/app/src/main/res/values/strings.xml
+++ b/examples/react-native/android/app/src/main/res/values/strings.xml
@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">GunDemo</string>
+</resources>
--- a/examples/react-native/android/app/src/main/res/values/styles.xml
+++ b/examples/react-native/android/app/src/main/res/values/styles.xml
@ -0,0 +1,8 @@
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+    </style>
+
+</resources>
--- a/examples/react-native/android/build.gradle
+++ b/examples/react-native/android/build.gradle
@ -0,0 +1,39 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    ext {
+        buildToolsVersion = "27.0.3"
+        minSdkVersion = 16
+        compileSdkVersion = 27
+        targetSdkVersion = 26
+        supportLibVersion = "27.1.1"
+    }
+    repositories {
+        google()
+        jcenter()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:3.1.4'
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+allprojects {
+    repositories {
+        mavenLocal()
+        google()
+        jcenter()
+        maven {
+            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
+            url "$rootDir/../node_modules/react-native/android"
+        }
+    }
+}
+
+
+task wrapper(type: Wrapper) {
+    gradleVersion = '4.4'
+    distributionUrl = distributionUrl.replace("bin", "all")
+}
--- a/examples/react-native/android/gradle.properties
+++ b/examples/react-native/android/gradle.properties
@ -0,0 +1,18 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx10248m -XX:MaxPermSize=256m
+# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
--- a/examples/react-native/android/gradle/wrapper/gradle-wrapper.jar
+++ b/examples/react-native/android/gradle/wrapper/gradle-wrapper.jar
--- a/examples/react-native/android/gradle/wrapper/gradle-wrapper.properties
+++ b/examples/react-native/android/gradle/wrapper/gradle-wrapper.properties
@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip
--- a/examples/react-native/android/gradlew
+++ b/examples/react-native/android/gradlew
@ -0,0 +1,172 @@
+#!/usr/bin/env sh
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS=""
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=$(save "$@")
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
+if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
+  cd "$(dirname "$0")"
+fi
+
+exec "$JAVACMD" "$@"
--- a/examples/react-native/android/gradlew.bat
+++ b/examples/react-native/android/gradlew.bat
@ -0,0 +1,84 @@
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS=
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
--- a/examples/react-native/android/keystores/BUCK
+++ b/examples/react-native/android/keystores/BUCK
@ -0,0 +1,8 @@
+keystore(
+    name = "debug",
+    properties = "debug.keystore.properties",
+    store = "debug.keystore",
+    visibility = [
+        "PUBLIC",
+    ],
+)
--- a/examples/react-native/android/keystores/debug.keystore.properties
+++ b/examples/react-native/android/keystores/debug.keystore.properties
@ -0,0 +1,4 @@
+key.store=debug.keystore
+key.alias=androiddebugkey
+key.store.password=android
+key.alias.password=android
--- a/examples/react-native/android/settings.gradle
+++ b/examples/react-native/android/settings.gradle
@ -0,0 +1,5 @@
+rootProject.name = 'GunDemo'
+include ':react-native-webview-bridge'
+project(':react-native-webview-bridge').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview-bridge/android')
+
+include ':app'
--- a/examples/react-native/app.json
+++ b/examples/react-native/app.json
@ -0,0 +1,4 @@
+{
+  "name": "GunDemo",
+  "displayName": "GunDemo"
+}
--- a/examples/react-native/index.js
+++ b/examples/react-native/index.js
@ -0,0 +1,8 @@
+/** @format */
+import './shim';
+import {AppRegistry} from 'react-native';
+import App from './src/App';
+import {name as appName} from './app.json';
+
+AppRegistry.registerComponent(appName, () => App);
+console.disableYellowBox = true;
--- a/examples/react-native/ios/GunDemo-tvOS/Info.plist
+++ b/examples/react-native/ios/GunDemo-tvOS/Info.plist
@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>NSAppTransportSecurity</key>
+	<!--See http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/ -->
+	<dict>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+</dict>
+</plist>
--- a/examples/react-native/ios/GunDemo-tvOSTests/Info.plist
+++ b/examples/react-native/ios/GunDemo-tvOSTests/Info.plist
@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>
--- a/examples/react-native/ios/GunDemo.xcodeproj/project.pbxproj
+++ b/examples/react-native/ios/GunDemo.xcodeproj/project.pbxproj
--- a/examples/react-native/ios/GunDemo/AppDelegate.h
+++ b/examples/react-native/ios/GunDemo/AppDelegate.h
@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+@interface AppDelegate : UIResponder <UIApplicationDelegate>
+
+@property (nonatomic, strong) UIWindow *window;
+
+@end
--- a/examples/react-native/ios/GunDemo/AppDelegate.m
+++ b/examples/react-native/ios/GunDemo/AppDelegate.m
@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "AppDelegate.h"
+
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTRootView.h>
+
+@implementation AppDelegate
+
+- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
+{
+  NSURL *jsCodeLocation;
+
+  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
+
+  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
+                                                      moduleName:@"GunDemo"
+                                               initialProperties:nil
+                                                   launchOptions:launchOptions];
+  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
+
+  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
+  UIViewController *rootViewController = [UIViewController new];
+  rootViewController.view = rootView;
+  self.window.rootViewController = rootViewController;
+  [self.window makeKeyAndVisible];
+  return YES;
+}
+
+@end
--- a/examples/react-native/ios/GunDemo/Base.lproj/LaunchScreen.xib
+++ b/examples/react-native/ios/GunDemo/Base.lproj/LaunchScreen.xib
@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="7702" systemVersion="14D136" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES">
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7701"/>
+        <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
+    </dependencies>
+    <objects>
+        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
+        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
+        <view contentMode="scaleToFill" id="iN0-l3-epB">
+            <rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
+            <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+            <subviews>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="8ie-xW-0ye">
+                    <rect key="frame" x="20" y="439" width="441" height="21"/>
+                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="GunDemo" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="kId-c2-rCX">
+                    <rect key="frame" x="20" y="140" width="441" height="43"/>
+                    <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+            </subviews>
+            <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+            <constraints>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="centerY" secondItem="iN0-l3-epB" secondAttribute="bottom" multiplier="1/3" constant="1" id="5cJ-9S-tgC"/>
+                <constraint firstAttribute="centerX" secondItem="kId-c2-rCX" secondAttribute="centerX" id="Koa-jz-hwk"/>
+                <constraint firstAttribute="bottom" secondItem="8ie-xW-0ye" secondAttribute="bottom" constant="20" id="Kzo-t9-V3l"/>
+                <constraint firstItem="8ie-xW-0ye" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="MfP-vx-nX0"/>
+                <constraint firstAttribute="centerX" secondItem="8ie-xW-0ye" secondAttribute="centerX" id="ZEH-qu-HZ9"/>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="fvb-Df-36g"/>
+            </constraints>
+            <nil key="simulatedStatusBarMetrics"/>
+            <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
+            <point key="canvasLocation" x="548" y="455"/>
+        </view>
+    </objects>
+</document>
--- a/examples/react-native/ios/GunDemo/Images.xcassets/AppIcon.appiconset/Contents.json
+++ b/examples/react-native/ios/GunDemo/Images.xcassets/AppIcon.appiconset/Contents.json
@ -0,0 +1,38 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
--- a/examples/react-native/ios/GunDemo/Images.xcassets/Contents.json
+++ b/examples/react-native/ios/GunDemo/Images.xcassets/Contents.json
@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
--- a/examples/react-native/ios/GunDemo/Info.plist
+++ b/examples/react-native/ios/GunDemo/Info.plist
@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>GunDemo</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>NSAppTransportSecurity</key>
+	<!--See http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/ -->
+	<dict>
+    <key>NSAllowsArbitraryLoads</key>
+    <true/>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+</dict>
+</plist>
--- a/examples/react-native/ios/GunDemo/main.m
+++ b/examples/react-native/ios/GunDemo/main.m
@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import "AppDelegate.h"
+
+int main(int argc, char * argv[]) {
+  @autoreleasepool {
+    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
+  }
+}
--- a/examples/react-native/ios/GunDemoTests/GunDemoTests.m
+++ b/examples/react-native/ios/GunDemoTests/GunDemoTests.m
@ -0,0 +1,68 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React Native!"
+
+@interface GunDemoTests : XCTestCase
+
+@end
+
+@implementation GunDemoTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+  RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+    if (level >= RCTLogLevelError) {
+      redboxError = message;
+    }
+  });
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
+      if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+        return YES;
+      }
+      return NO;
+    }];
+  }
+
+  RCTSetLogFunction(RCTDefaultLogFunction);
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+
+@end
--- a/examples/react-native/ios/GunDemoTests/Info.plist
+++ b/examples/react-native/ios/GunDemoTests/Info.plist
@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>
--- a/examples/react-native/package.json
+++ b/examples/react-native/package.json
@ -0,0 +1,30 @@
+{
+  "name": "GunDemo",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "start": "node node_modules/react-native/local-cli/cli.js start",
+    "test": "jest"
+  },
+  "dependencies": {
+    "buffer": "^5.2.1",
+    "encode-utf8": "^1.0.2",
+    "fast-base64-encode": "^1.0.0",
+    "gun": "^0.9.99999",
+    "lodash": "^4.17.11",
+    "react": "16.6.1",
+    "react-native": "0.57.5",
+    "react-native-webview-bridge": "^0.40.1",
+    "serialize-error": "^3.0.0",
+    "text-encoding": "^0.7.0"
+  },
+  "devDependencies": {
+    "babel-jest": "23.6.0",
+    "jest": "23.6.0",
+    "metro-react-native-babel-preset": "0.49.2",
+    "react-test-renderer": "16.6.1"
+  },
+  "jest": {
+    "preset": "react-native"
+  }
+}
--- a/examples/react-native/shim.js
+++ b/examples/react-native/shim.js
@ -0,0 +1,20 @@
+if (typeof __dirname === 'undefined') global.__dirname = '/'
+if (typeof __filename === 'undefined') global.__filename = ''
+
+if (typeof Buffer === 'undefined') global.Buffer = require('buffer').Buffer
+
+const isDev = typeof __DEV__ === 'boolean' && __DEV__
+process.env['NODE_ENV'] = isDev ? 'development' : 'production'
+if (typeof localStorage !== 'undefined') {
+  localStorage.debug = isDev ? '*' : ''
+}
+
+global.location = {
+  protocol: 'file:',
+  host: '',
+};
+
+const { TextEncoder, TextDecoder } = require('text-encoding');
+
+global.TextDecoder = TextDecoder;
+global.TextEncoder = TextEncoder;
--- a/examples/react-native/src/App/Demo.js
+++ b/examples/react-native/src/App/Demo.js
@ -0,0 +1,152 @@
+import * as React from 'react';
+import {View, StyleSheet, TextInput, Text, TouchableOpacity, AsyncStorage} from 'react-native';
+
+import Gun from 'gun/gun';
+import 'gun/lib/open';
+import '../extensions/sea';
+
+import adapter from '../extensions/asyncStorageAdapter';
+
+Gun.on('create', function(db) {
+	this.to.next(db);
+	const pluginInterop = function(middleware) {
+		return function(request) {
+			this.to.next(request);
+			return middleware(request, db);
+		};
+	}
+
+	// Register the adapter
+	db.on('get', pluginInterop(adapter.read));
+	db.on('put', pluginInterop(adapter.write));
+});
+
+export class Demo extends React.Component {
+    constructor() {
+        super();
+
+        this.gun = new Gun();
+        this.user = this.gun.user();
+
+        window.gun = this.gun;
+        window.user = this.user;
+
+        this.state = {
+            authenticated: false,
+            list: [],
+            listText: '',
+            username: '',
+            password: '',
+        }
+    }
+
+    hookUserList = () => {
+        this.user.get('list').open((list) => {
+            const userList = Object.keys(list).reduce((newList, key) => {
+                if (!!Object.keys(list[key]).length) {
+                    return [...newList, {text: list[key].text, key}];
+                };
+            }, []);
+            this.setState({
+                list: userList || [],
+            });
+        });
+    }
+
+    addToList = () => {
+        this.user.get('list').set({text: this.state.listText});
+    }
+
+    doSignin = () => {
+        this.user.auth(this.state.username, this.state.password, (d) => {
+            if (d.err) {
+                console.log('err', d.err);
+                return;
+            }
+
+            this.setState({authenticated: true});
+            this.hookUserList();
+        });
+    }
+
+    doSignup = () => {
+        this.user.create(this.state.username, this.state.password, () => {
+            this.doSignin();
+        });
+    }
+
+    loginScreen = () => {
+        return (
+            <View style={styles.sub}>
+                <TextInput placeholder="username" onChangeText={(username) => this.setState({username})} value={this.state.username} style={styles.input} />
+                <TextInput placeholder="password" secureTextEntry={true} onChangeText={(password) => this.setState({password})} value={this.state.password} style={styles.input} />
+                <TouchableOpacity onPress={this.doSignin} style={styles.button}>
+                    <Text>Sign in</Text>
+                </TouchableOpacity>
+                <TouchableOpacity onPress={this.doSignup} style={styles.button}>
+                    <Text>Sign up</Text>
+                </TouchableOpacity>
+            </View>
+        )
+    }
+
+    userListScreen = () => {
+        return (
+            <View style={styles.sub}>
+                {
+                    !!this.state.list.length && this.state.list.map((item) => <Text key={item.key}>*   {item.text}</Text>)
+                }
+
+                <TextInput placeholder="text here" onChangeText={(listText) => this.setState({listText})} value={this.state.listText} style={styles.input} />
+                <TouchableOpacity onPress={this.addToList} style={styles.button}>
+                    <Text>Add to list</Text>
+                </TouchableOpacity>
+            </View>
+        )
+    }
+
+    render() {
+        return (
+            <View style={styles.container}>
+                {
+                    this.state.authenticated ?
+                    this.userListScreen() : this.loginScreen()
+                }
+            </View>
+        )
+    }
+}
+
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: '100%',
+        height: '100%',
+    },
+    sub: {
+        height: '50%',
+        width: '60%',
+        justifyContent: 'space-between',
+        padding: 4,
+    },
+    button: {
+        backgroundColor: 'rgba(0, 0, 0, 0.3)',
+        borderWidth: 1,
+        borderRadius: 5,
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+        height: 50,
+    },
+    input: {
+        borderColor: 'black',
+        borderWidth: 1,
+        borderRadius: 5,
+        width: '100%',
+        height: 50,
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: '32%',
+    },
+});
--- a/examples/react-native/src/App/PolyFillCrypto.js
+++ b/examples/react-native/src/App/PolyFillCrypto.js
@ -0,0 +1,92 @@
+import * as React from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+
+import WebViewBridge from 'react-native-webview-bridge';
+
+import { MainWorker, webViewWorkerString } from '../webview-crypto';
+
+import encodeUtf8 from 'encode-utf8';
+import encodeBase64 from 'fast-base64-encode';
+
+const base64EncodeString = (input) => {
+	return encodeBase64(new Uint8Array(encodeUtf8(input)));
+};
+
+const internalLibIOS = `
+${webViewWorkerString}
+(function () {
+  var wvw = new WebViewWorker(WebViewBridge.send.bind(WebViewBridge));
+  WebViewBridge.onMessage = wvw.onMainMessage.bind(wvw);
+}());
+`;
+
+const intermediateLib = `
+${webViewWorkerString}
+(function () {
+  var wvw = new WebViewWorker(WebViewBridge.send.bind(WebViewBridge));
+  WebViewBridge.onMessage = wvw.onMainMessage.bind(wvw);
+}());
+`;
+
+const internalLibAndroid = `eval(window.atob('${base64EncodeString(intermediateLib)}'))`;
+
+export default class PolyfillCrypto extends React.Component {
+	shouldComponentUpdate() {
+		return false;
+	}
+
+	render() {
+		let worker;
+		const uri = 'file:///android_asset/html/blank.html';
+		return (
+			<View style={styles.hidden}>
+				<WebViewBridge
+					ref={(c) => {
+						if (c && !worker) {
+							worker = new MainWorker(c.sendToBridge, this.props.debug);
+
+							if (window.crypto) {
+								// we are in chrome debugger
+								// this means overridng the crypto object itself won't
+								// work, so we have to override all of it's methods
+								for (const name in worker.crypto.subtle) {
+									window.crypto.subtle[name] = worker.crypto.subtle[name];
+								}
+								window.crypto.fake = true;
+							} else {
+								window.crypto = worker.crypto;
+							}
+							window.crypto.loaded = true;
+							console.log('*** poly injected', window.crypto);
+						}
+					}}
+					onBridgeMessage={
+						// can't refer to this.state.onBridgeMessage directly
+						// because it is not defined when this component is first
+						// started, only set in `ref`
+						(message) => {
+							worker.onWebViewMessage(message);
+						}
+					}
+					injectedJavaScript={
+						Platform.OS === 'android' ? internalLibAndroid : internalLibIOS
+					}
+					onError={(error) => {
+						console.warn('Error creating webview: ', error);
+					}}
+					javaScriptEnabled={true}
+					source={{
+						uri: Platform.OS === 'android' ? uri : 'about:blank',
+					}}
+				/>
+			</View>
+		);
+	}
+}
+
+const styles = StyleSheet.create({
+	hidden: {
+		height: 0,
+		opacity: 0,
+	},
+});
--- a/examples/react-native/src/App/app.js
+++ b/examples/react-native/src/App/app.js
@ -0,0 +1,26 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, {Component} from 'react';
+import {View} from 'react-native';
+
+import {Demo} from './Demo';
+
+import PolyFillCrypto from './PolyFillCrypto';
+
+
+export class App extends Component {
+  render() {
+    return (
+      <View>
+        <PolyFillCrypto />
+        <Demo/>
+      </View>
+    );
+  }
+}
--- a/examples/react-native/src/App/index.js
+++ b/examples/react-native/src/App/index.js
@ -0,0 +1 @@
+export {App as default} from './app';
--- a/examples/react-native/src/extensions/asyncStorageAdapter.js
+++ b/examples/react-native/src/extensions/asyncStorageAdapter.js
@ -0,0 +1,75 @@
+import * as Gun from 'gun';
+import { AsyncStorage } from 'react-native';
+
+const readNode = (key, cb) => {
+	AsyncStorage.getItem(key || '', cb);
+};
+
+const read = (request, db) => {
+	const { get } = request;
+
+	const dedupid = request['#'];
+	const key = get['#'];
+	const field = get['.'];
+
+	const done = (err, data) => {
+		if (!data && !err) {
+			db.on('in', {
+				'@': dedupid,
+				put: null,
+				err: null,
+			});
+		} else {
+			db.on('in', {
+				'@': dedupid,
+				put: Gun.graph.node(data),
+				err,
+			});
+		}
+	};
+
+	const acknowledgeRet = (err, result) => {
+		if (err) {
+			done(err);
+		} else if (result === null) {
+			// Nothing found
+			done(null);
+		} else {
+			const temp = JSON.parse(result);
+			if (field) {
+				done(null, temp[field] || null);
+			} else {
+				done(null, temp);
+			}
+		}
+	};
+
+	readNode(key || '', acknowledgeRet);
+};
+
+const write = (request, db) => {
+	const { put: graph } = request;
+	const keys = Object.keys(graph);
+	const dedupid = graph['#'];
+
+	const instructions = keys.map((key) => {
+		return [key, JSON.stringify(graph[key] || {})];
+	});
+
+	AsyncStorage.multiMerge(instructions, (err) => {
+		db.on('in', {
+			'#': dedupid,
+			ok: !err || err.length === 0,
+			err,
+		});
+	});
+};
+
+// This returns a promise, it can be awaited!
+const reset = () => AsyncStorage.clear();
+
+export default {
+	read,
+	write,
+	reset,
+};
--- a/examples/react-native/src/extensions/sea.js
+++ b/examples/react-native/src/extensions/sea.js
--- a/examples/react-native/src/webview-crypto/MainWorker.d.ts
+++ b/examples/react-native/src/webview-crypto/MainWorker.d.ts
@ -0,0 +1,14 @@
+export default class MainWorker {
+    private sendToWebView;
+    private debug;
+    readonly crypto: Crypto;
+    private readonly subtle;
+    private static uuid;
+    private toSend;
+    private readyToSend;
+    private messages;
+    constructor(sendToWebView: (message: string) => void, debug?: boolean);
+    onWebViewMessage(message: string): void;
+    private getRandomValues;
+    private callMethod;
+}
--- a/examples/react-native/src/webview-crypto/MainWorker.js
+++ b/examples/react-native/src/webview-crypto/MainWorker.js
@ -0,0 +1,170 @@
+import serializeError from 'serialize-error';
+import { parse, stringify } from './serializeBinary';
+const SUBTLE_METHODS = [
+    'encrypt',
+    'decrypt',
+    'sign',
+    'verify',
+    'digest',
+    'generateKey',
+    'deriveKey',
+    'deriveBits',
+    'importKey',
+    'exportKey',
+    'wrapKey',
+    'unwrapKey',
+];
+/*
+MainWorker provides a `crypto` attribute that proxies method calls
+to the webview.
+
+It sends strings to the webview in the format:
+
+    {
+      id: <id>,
+      method: getRandomValues | subtle.<method name>,
+      args: [<serialized arg>]
+    }
+
+When the webview succeeds in completeing that method, it gets backs:
+
+    {
+      id: <id>,
+      value: <serialized return value>
+    }
+
+And when it fails:
+
+    {
+      id: <id>,
+      reason: <serialized rejected reason>,
+    }
+
+*/
+export default class MainWorker {
+    // sendToWebView should take a string and send that message to the webview
+    constructor(sendToWebView, debug = false) {
+        this.sendToWebView = sendToWebView;
+        this.debug = debug;
+        // hold a queue of messages to send, in case someone calls crypto
+        // before the webview is initialized
+        this.toSend = [];
+        this.readyToSend = false;
+        // Holds the `resolve` and `reject` function for all the promises
+        // we are working on
+        this.messages = {};
+    }
+    get crypto() {
+        const callMethod = this.callMethod;
+        return {
+            subtle: this.subtle,
+            getRandomValues: this.getRandomValues.bind(this),
+            fake: true,
+        };
+    }
+    get subtle() {
+        const s = {};
+        for (const m of SUBTLE_METHODS) {
+            s[m] = (...args) => {
+                return this.callMethod(`subtle.${m}`, args, true);
+            };
+        }
+        return s;
+    }
+    // http://stackoverflow.com/a/105074/907060
+    static uuid() {
+        function s4() {
+            return Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1);
+        }
+        return `${s4()}-${s4()}-${s4()}-${s4()}-${s4()}-${s4()}-${s4()}-${s4()}`;
+    }
+    onWebViewMessage(message) {
+        // first message just tells us the webview is ready
+        if (!this.readyToSend) {
+            if (this.debug) {
+                console.log('[webview-crypto] Got first message; ready to send');
+            }
+            this.readyToSend = true;
+            for (const m of this.toSend) {
+                this.sendToWebView(m);
+            }
+            return;
+        }
+        parse(message)
+            .then(({ id, value, reason }) => {
+            if (this.debug) {
+                console.log('[webview-crypto] Received message:', JSON.stringify({
+                    id,
+                    value,
+                    reason,
+                }));
+            }
+            if (!id) {
+                console.warn('[webview-crypto] no ID passed back from message:', JSON.stringify(serializeError(reason)));
+                return;
+            }
+            const { resolve, reject } = this.messages[id];
+            if (value) {
+                resolve(value);
+            }
+            else {
+                reject(reason);
+            }
+            delete this.messages[id];
+        })
+            .catch((reason) => {
+            console.warn('[webview-crypto] error in `parse` of message:', JSON.stringify(message), 'reason:', JSON.stringify(serializeError(reason)));
+        });
+    }
+    getRandomValues(array) {
+        const promise = this.callMethod('getRandomValues', [array], false);
+        // make the _promise not enumerable so it isn't JSON stringified,
+        // which could lead to an infinite loop with Angular's zone promises
+        Object.defineProperty(array, '_promise', {
+            value: promise,
+            configurable: true,
+            enumerable: false,
+            writable: true,
+        });
+        promise.then((updatedArray) => {
+            array.set(updatedArray);
+        });
+        return array;
+    }
+    callMethod(method, args, waitForArrayBufferView) {
+        const id = MainWorker.uuid();
+        // store this promise, so we can resolve it when we get a message
+        // back from the web view
+        const promise = new Promise((resolve, reject) => {
+            this.messages[id] = { resolve, reject };
+        });
+        const payloadObject = { method, id, args };
+        if (this.debug) {
+            console.log('[webview-crypto] Sending message:', JSON.stringify({
+                method,
+                args,
+                payloadObject,
+            }));
+        }
+        stringify(payloadObject, waitForArrayBufferView)
+            .then((message) => {
+            if (this.readyToSend) {
+                this.sendToWebView(message);
+            }
+            else {
+                this.toSend.push(message);
+            }
+        })
+            .catch((reason) => {
+            this.messages[id].reject({
+                message: `exception in stringify-ing message: ${method} ${id}`,
+                reason,
+            });
+            delete this.messages[id];
+        });
+        return promise;
+    }
+}
+//# sourceMappingURL=MainWorker.js.map
--- a/examples/react-native/src/webview-crypto/MainWorker.js.map
+++ b/examples/react-native/src/webview-crypto/MainWorker.js.map
@ -0,0 +1 @@
+{"version":3,"file":"MainWorker.js","sourceRoot":"","sources":["../src/MainWorker.ts"],"names":[],"mappings":"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"}
--- a/examples/react-native/src/webview-crypto/WebViewWorker.d.ts
+++ b/examples/react-native/src/webview-crypto/WebViewWorker.d.ts
@ -0,0 +1,6 @@
+export declare class WebViewWorker {
+    private sendToMain;
+    constructor(sendToMain: (message: string) => void);
+    onMainMessage(message: string): Promise<void>;
+    send(data: any): Promise<void>;
+}
--- a/examples/react-native/src/webview-crypto/WebViewWorker.js
+++ b/examples/react-native/src/webview-crypto/WebViewWorker.js
@ -0,0 +1,75 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import serializeError from 'serialize-error';
+import { subtle } from './compat';
+import { parse, stringify } from './serializeBinary';
+export class WebViewWorker {
+    constructor(sendToMain) {
+        this.sendToMain = sendToMain;
+        sendToMain('We are ready!');
+    }
+    onMainMessage(message) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let id;
+            let method;
+            let args;
+            try {
+                ({ id, method, args } = yield parse(message));
+            }
+            catch (e) {
+                yield this.send({
+                    reason: `Couldn't parse data: ${e}`,
+                });
+                return;
+            }
+            let value;
+            try {
+                if (method === 'getRandomValues') {
+                    value = crypto.getRandomValues(args[0]);
+                }
+                else {
+                    const methodName = method.split('.')[1];
+                    console.log(methodName, args);
+                    value = yield subtle()[methodName].apply(subtle(), args);
+                    // if we import a crypto key, we want to save how we imported it
+                    // so we can send that back and re-create the key later
+                    if (methodName === 'importKey') {
+                        value._import = {
+                            format: args[0],
+                            keyData: args[1],
+                        };
+                    }
+                }
+            }
+            catch (e) {
+                yield this.send({ id, reason: serializeError(e) });
+                return;
+            }
+            yield this.send({ id, value });
+        });
+    }
+    send(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let message;
+            try {
+                message = yield stringify(data);
+            }
+            catch (e) {
+                const newData = {
+                    id: data.id,
+                    reason: `stringify error ${e}`,
+                };
+                this.sendToMain(JSON.stringify(newData));
+                return;
+            }
+            this.sendToMain(message);
+        });
+    }
+}
+//# sourceMappingURL=WebViewWorker.js.map
--- a/examples/react-native/src/webview-crypto/WebViewWorker.js.map
+++ b/examples/react-native/src/webview-crypto/WebViewWorker.js.map
@ -0,0 +1 @@
+{"version":3,"file":"WebViewWorker.js","sourceRoot":"","sources":["../src/WebViewWorker.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,OAAO,aAAa;IACzB,YAAoB,UAAqC;QAArC,eAAU,GAAV,UAAU,CAA2B;QACxD,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7B,CAAC;IAEK,aAAa,CAAC,OAAe;;YAClC,IAAI,EAAU,CAAC;YACf,IAAI,MAAc,CAAC;YACnB,IAAI,IAAW,CAAC;YAChB,IAAI;gBACH,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC9C;YAAC,OAAO,CAAC,EAAE;gBACX,MAAM,IAAI,CAAC,IAAI,CAAC;oBACf,MAAM,EAAE,wBAAwB,CAAC,EAAE;iBACnC,CAAC,CAAC;gBACH,OAAO;aACP;YACD,IAAI,KAAK,CAAC;YAEV,IAAI;gBACH,IAAI,MAAM,KAAK,iBAAiB,EAAE;oBACjC,KAAK,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;iBACxC;qBAAM;oBACN,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;oBACxC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;oBAC9B,KAAK,GAAG,MAAO,MAAM,EAAU,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;oBAElE,gEAAgE;oBAChE,uDAAuD;oBACvD,IAAI,UAAU,KAAK,WAAW,EAAE;wBAC/B,KAAK,CAAC,OAAO,GAAG;4BACf,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;4BACf,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;yBAChB,CAAC;qBACF;iBACD;aACD;YAAC,OAAO,CAAC,EAAE;gBACX,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,EAAG,cAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC5D,OAAO;aACP;YACD,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QAChC,CAAC;KAAA;IAEK,IAAI,CAAC,IAAS;;YACnB,IAAI,OAAe,CAAC;YACpB,IAAI;gBACH,OAAO,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC;aAChC;YAAC,OAAO,CAAC,EAAE;gBACX,MAAM,OAAO,GAAG;oBACf,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,MAAM,EAAE,mBAAmB,CAAC,EAAE;iBAC9B,CAAC;gBACF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzC,OAAO;aACP;YACD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC;KAAA;CACD"}
--- a/examples/react-native/src/webview-crypto/asyncSerialize.d.ts
+++ b/examples/react-native/src/webview-crypto/asyncSerialize.d.ts
@ -0,0 +1,8 @@
+export interface ISerializer<T, S> {
+    id: string;
+    isType: (o: any) => boolean;
+    toObject?: (t: T) => Promise<S>;
+    fromObject?: (o: S) => Promise<T>;
+}
+export declare function toObjects(serializers: Array<ISerializer<any, any>>, o: any): Promise<any>;
+export declare function fromObjects(serializers: Array<ISerializer<any, any>>, o: any): Promise<any>;
--- a/examples/react-native/src/webview-crypto/asyncSerialize.js
+++ b/examples/react-native/src/webview-crypto/asyncSerialize.js
@ -0,0 +1,56 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// tslint:disable
+import find from 'lodash/find';
+class Serialized {
+}
+function isSerialized(object) {
+    return object.hasOwnProperty('__serializer_id');
+}
+export function toObjects(serializers, o) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (typeof o !== 'object') {
+            return o;
+        }
+        const serializer = find(serializers, (s) => s.isType(o));
+        if (serializer) {
+            const value = serializer.toObject ? yield serializer.toObject(o) : o;
+            return {
+                __serializer_id: serializer.id,
+                value: yield toObjects(serializers, value),
+            };
+        }
+        const newO = o instanceof Array ? [] : {};
+        for (const atr in o) {
+            newO[atr] = yield toObjects(serializers, o[atr]);
+        }
+        return newO;
+    });
+}
+export function fromObjects(serializers, o) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (typeof o !== 'object') {
+            return o;
+        }
+        if (isSerialized(o)) {
+            const value = yield fromObjects(serializers, o.value);
+            const serializer = find(serializers, ['id', o.__serializer_id]) || {};
+            if (serializer.fromObject) {
+                return serializer.fromObject(value);
+            }
+            return value;
+        }
+        const newO = o instanceof Array ? [] : {};
+        for (const atr in o) {
+            newO[atr] = yield fromObjects(serializers, o[atr]);
+        }
+        return newO;
+    });
+}
+//# sourceMappingURL=asyncSerialize.js.map
--- a/examples/react-native/src/webview-crypto/asyncSerialize.js.map
+++ b/examples/react-native/src/webview-crypto/asyncSerialize.js.map
@ -0,0 +1 @@
+{"version":3,"file":"asyncSerialize.js","sourceRoot":"","sources":["../src/asyncSerialize.ts"],"names":[],"mappings":";;;;;;;;AAAA,iBAAiB;AACjB,OAAO,IAAI,MAAM,aAAa,CAAC;AAS/B,MAAM,UAAU;CAIf;AAED,SAAS,YAAY,CAAC,MAAW;IAChC,OAAO,MAAM,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAgB,SAAS,CAC9B,WAAyC,EACzC,CAAM;;QAEN,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;YAC1B,OAAO,CAAC,CAAC;SACT;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,UAAU,EAAE;YACf,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrE,OAAO;gBACN,eAAe,EAAE,UAAU,CAAC,EAAE;gBAC9B,KAAK,EAAE,MAAM,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC;aAC5B,CAAC;SAChB;QAED,MAAM,IAAI,GAAQ,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/C,KAAK,MAAM,GAAG,IAAI,CAAC,EAAE;YACpB,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SACjD;QACD,OAAO,IAAI,CAAC;IACb,CAAC;CAAA;AAED,MAAM,UAAgB,WAAW,CAChC,WAAyC,EACzC,CAAM;;QAEN,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;YAC1B,OAAO,CAAC,CAAC;SACT;QAED,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE;YACpB,MAAM,KAAK,GAAG,MAAM,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACtD,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,EAAS,CAAC;YAC7E,IAAI,UAAU,CAAC,UAAU,EAAE;gBAC1B,OAAO,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;aACpC;YACD,OAAO,KAAK,CAAC;SACb;QAED,MAAM,IAAI,GAAQ,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/C,KAAK,MAAM,GAAG,IAAI,CAAC,EAAE;YACpB,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SACnD;QACD,OAAO,IAAI,CAAC;IACb,CAAC;CAAA"}
--- a/examples/react-native/src/webview-crypto/compat.d.ts
+++ b/examples/react-native/src/webview-crypto/compat.d.ts
@ -0,0 +1 @@
+export declare function subtle(): SubtleCrypto;
--- a/examples/react-native/src/webview-crypto/compat.js
+++ b/examples/react-native/src/webview-crypto/compat.js
@ -0,0 +1,4 @@
+export function subtle() {
+    return window.crypto.subtle || window.crypto.webkitSubtle;
+}
+//# sourceMappingURL=compat.js.map
--- a/examples/react-native/src/webview-crypto/compat.js.map
+++ b/examples/react-native/src/webview-crypto/compat.js.map
@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../src/compat.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM;IACrB,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,IAAK,MAAM,CAAC,MAAc,CAAC,YAAY,CAAC;AACpE,CAAC"}
--- a/examples/react-native/src/webview-crypto/index.d.ts
+++ b/examples/react-native/src/webview-crypto/index.d.ts
@ -0,0 +1,3 @@
+import MainWorker from './MainWorker';
+import webViewWorkerString from './webViewWorkerString';
+export { MainWorker, webViewWorkerString };
--- a/examples/react-native/src/webview-crypto/index.js
+++ b/examples/react-native/src/webview-crypto/index.js
@ -0,0 +1,4 @@
+import MainWorker from './MainWorker';
+import webViewWorkerString from './webViewWorkerString';
+export { MainWorker, webViewWorkerString };
+//# sourceMappingURL=index.js.map
--- a/examples/react-native/src/webview-crypto/index.js.map
+++ b/examples/react-native/src/webview-crypto/index.js.map
@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC"}
--- a/examples/react-native/src/webview-crypto/serializeBinary.d.ts
+++ b/examples/react-native/src/webview-crypto/serializeBinary.d.ts
@ -0,0 +1,5 @@
+export declare function parse(text: string): Promise<any>;
+export declare function stringify(value: any, waitForArrayBufferView?: boolean): Promise<string>;
+export interface IArrayBufferViewWithPromise extends ArrayBufferView {
+    _promise?: Promise<ArrayBufferView>;
+}
--- a/examples/react-native/src/webview-crypto/serializeBinary.js
+++ b/examples/react-native/src/webview-crypto/serializeBinary.js
@ -0,0 +1,160 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { fromObjects, toObjects } from './asyncSerialize';
+import { subtle } from './compat';
+export function parse(text) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // need decodeURIComponent so binary strings are transfered properly
+        const deocodedText = unescape(text);
+        const objects = JSON.parse(deocodedText);
+        return fromObjects(serializers(true), objects);
+    });
+}
+export function stringify(value, waitForArrayBufferView = true) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const serialized = yield toObjects(serializers(waitForArrayBufferView), value);
+        // need encodeURIComponent so binary strings are transfered properly
+        const message = JSON.stringify(serialized);
+        return escape(message);
+    });
+}
+function serializers(waitForArrayBufferView) {
+    return [
+        ArrayBufferSerializer,
+        ArrayBufferViewSerializer(waitForArrayBufferView),
+        CryptoKeySerializer,
+    ];
+}
+const ArrayBufferSerializer = {
+    id: 'ArrayBuffer',
+    isType: (o) => o instanceof ArrayBuffer,
+    // from https://developers.google.com/web/updates/2012/06/How-to-convert-ArrayBuffer-to-and-from-String
+    // modified to use Int8Array so that we can hold odd number of bytes
+    toObject: (ab) => __awaiter(this, void 0, void 0, function* () {
+        return String.fromCharCode.apply(null, new Int8Array(ab));
+    }),
+    fromObject: (data) => __awaiter(this, void 0, void 0, function* () {
+        const buf = new ArrayBuffer(data.length);
+        const bufView = new Int8Array(buf);
+        for (let i = 0, strLen = data.length; i < strLen; i++) {
+            bufView[i] = data.charCodeAt(i);
+        }
+        return buf;
+    }),
+};
+function isArrayBufferViewWithPromise(obj) {
+    return obj.hasOwnProperty('_promise');
+}
+// Normally we could just do `abv.constructor.name`, but in
+// JavaScriptCore, this wont work for some weird reason.
+// list from https://developer.mozilla.org/en-US/docs/Web/API/ArrayBufferView
+function arrayBufferViewName(abv) {
+    if (abv instanceof Int8Array) {
+        return 'Int8Array';
+    }
+    if (abv instanceof Uint8Array) {
+        return 'Uint8Array';
+    }
+    if (abv instanceof Uint8ClampedArray) {
+        return 'Uint8ClampedArray';
+    }
+    if (abv instanceof Int16Array) {
+        return 'Int16Array';
+    }
+    if (abv instanceof Uint16Array) {
+        return 'Uint16Array';
+    }
+    if (abv instanceof Int32Array) {
+        return 'Int32Array';
+    }
+    if (abv instanceof Uint32Array) {
+        return 'Uint32Array';
+    }
+    if (abv instanceof Float32Array) {
+        return 'Float32Array';
+    }
+    if (abv instanceof Float64Array) {
+        return 'Float64Array';
+    }
+    if (abv instanceof DataView) {
+        return 'DataView';
+    }
+    return '';
+}
+function ArrayBufferViewSerializer(waitForPromise) {
+    return {
+        id: 'ArrayBufferView',
+        isType: ArrayBuffer.isView,
+        toObject: (abv) => __awaiter(this, void 0, void 0, function* () {
+            if (waitForPromise) {
+                // wait for promise to resolve if the abv was returned from getRandomValues
+                if (isArrayBufferViewWithPromise(abv)) {
+                    yield abv._promise;
+                }
+            }
+            return {
+                name: arrayBufferViewName(abv),
+                buffer: abv.buffer,
+            };
+        }),
+        fromObject: (abvs) => __awaiter(this, void 0, void 0, function* () {
+            // tslint:disable-next-line
+            return eval(`new ${abvs.name}(abvs.buffer)`);
+        }),
+    };
+}
+function hasData(ck) {
+    return ck._import !== undefined;
+}
+const CryptoKeySerializer = {
+    id: 'CryptoKey',
+    isType: (o) => {
+        const localStr = o.toLocaleString();
+        // can't use CryptoKey or constructor on WebView iOS
+        const isCryptoKey = localStr === '[object CryptoKey]' || localStr === '[object Key]';
+        const isCryptoKeyWithData = o._import && !o.serialized;
+        return isCryptoKey || isCryptoKeyWithData;
+    },
+    toObject: (ck) => __awaiter(this, void 0, void 0, function* () {
+        // if we already have the import serialized, just return that
+        if (hasData(ck)) {
+            return {
+                serialized: true,
+                _import: ck._import,
+                type: ck.type,
+                extractable: ck.extractable,
+                algorithm: ck.algorithm,
+                usages: ck.usages,
+            };
+        }
+        const jwk = yield subtle().exportKey('jwk', ck);
+        return {
+            _import: {
+                format: 'jwk',
+                keyData: jwk,
+            },
+            serialized: true,
+            algorithm: ck.algorithm,
+            extractable: ck.extractable,
+            usages: ck.usages,
+            type: ck.type,
+        };
+    }),
+    fromObject: (cks) => __awaiter(this, void 0, void 0, function* () {
+        // if we don't have access to to a real crypto implementation, just return
+        // the serialized crypto key
+        if (crypto.fake) {
+            const newCks = Object.assign({}, cks);
+            delete newCks.serialized;
+            return newCks;
+        }
+        return subtle().importKey(cks._import.format, cks._import.keyData, cks.algorithm, cks.extractable, cks.usages);
+    }),
+};
+//# sourceMappingURL=serializeBinary.js.map
--- a/examples/react-native/src/webview-crypto/serializeBinary.js.map
+++ b/examples/react-native/src/webview-crypto/serializeBinary.js.map
@ -0,0 +1 @@
+{"version":3,"file":"serializeBinary.js","sourceRoot":"","sources":["../src/serializeBinary.ts"],"names":[],"mappings":"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"}
--- a/examples/react-native/src/webview-crypto/webViewWorkerString.d.ts
+++ b/examples/react-native/src/webview-crypto/webViewWorkerString.d.ts
--- a/examples/react-native/src/webview-crypto/webViewWorkerString.js
+++ b/examples/react-native/src/webview-crypto/webViewWorkerString.js
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				{"version":3,"file":"MainWorker.js","sourceRoot":"","sources":["../src/MainWorker.ts"],"names":[],"mappings":"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"}
				`@ -0,0 +1 @@`
				{"version":3,"file":"WebViewWorker.js","sourceRoot":"","sources":["../src/WebViewWorker.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,OAAO,aAAa;IACzB,YAAoB,UAAqC;QAArC,eAAU,GAAV,UAAU,CAA2B;QACxD,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7B,CAAC;IAEK,aAAa,CAAC,OAAe;;YAClC,IAAI,EAAU,CAAC;YACf,IAAI,MAAc,CAAC;YACnB,IAAI,IAAW,CAAC;YAChB,IAAI;gBACH,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC9C;YAAC,OAAO,CAAC,EAAE;gBACX,MAAM,IAAI,CAAC,IAAI,CAAC;oBACf,MAAM,EAAE,wBAAwB,CAAC,EAAE;iBACnC,CAAC,CAAC;gBACH,OAAO;aACP;YACD,IAAI,KAAK,CAAC;YAEV,IAAI;gBACH,IAAI,MAAM,KAAK,iBAAiB,EAAE;oBACjC,KAAK,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;iBACxC;qBAAM;oBACN,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;oBACxC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;oBAC9B,KAAK,GAAG,MAAO,MAAM,EAAU,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;oBAElE,gEAAgE;oBAChE,uDAAuD;oBACvD,IAAI,UAAU,KAAK,WAAW,EAAE;wBAC/B,KAAK,CAAC,OAAO,GAAG;4BACf,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;4BACf,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;yBAChB,CAAC;qBACF;iBACD;aACD;YAAC,OAAO,CAAC,EAAE;gBACX,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,EAAG,cAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC5D,OAAO;aACP;YACD,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QAChC,CAAC;KAAA;IAEK,IAAI,CAAC,IAAS;;YACnB,IAAI,OAAe,CAAC;YACpB,IAAI;gBACH,OAAO,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC;aAChC;YAAC,OAAO,CAAC,EAAE;gBACX,MAAM,OAAO,GAAG;oBACf,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,MAAM,EAAE,mBAAmB,CAAC,EAAE;iBAC9B,CAAC;gBACF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzC,OAAO;aACP;YACD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC;KAAA;CACD"}
				`@ -0,0 +1 @@`
				{"version":3,"file":"asyncSerialize.js","sourceRoot":"","sources":["../src/asyncSerialize.ts"],"names":[],"mappings":";;;;;;;;AAAA,iBAAiB;AACjB,OAAO,IAAI,MAAM,aAAa,CAAC;AAS/B,MAAM,UAAU;CAIf;AAED,SAAS,YAAY,CAAC,MAAW;IAChC,OAAO,MAAM,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAgB,SAAS,CAC9B,WAAyC,EACzC,CAAM;;QAEN,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;YAC1B,OAAO,CAAC,CAAC;SACT;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,IAAI,UAAU,EAAE;YACf,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrE,OAAO;gBACN,eAAe,EAAE,UAAU,CAAC,EAAE;gBAC9B,KAAK,EAAE,MAAM,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC;aAC5B,CAAC;SAChB;QAED,MAAM,IAAI,GAAQ,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/C,KAAK,MAAM,GAAG,IAAI,CAAC,EAAE;YACpB,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SACjD;QACD,OAAO,IAAI,CAAC;IACb,CAAC;CAAA;AAED,MAAM,UAAgB,WAAW,CAChC,WAAyC,EACzC,CAAM;;QAEN,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;YAC1B,OAAO,CAAC,CAAC;SACT;QAED,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE;YACpB,MAAM,KAAK,GAAG,MAAM,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACtD,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,EAAS,CAAC;YAC7E,IAAI,UAAU,CAAC,UAAU,EAAE;gBAC1B,OAAO,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;aACpC;YACD,OAAO,KAAK,CAAC;SACb;QAED,MAAM,IAAI,GAAQ,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/C,KAAK,MAAM,GAAG,IAAI,CAAC,EAAE;YACpB,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SACnD;QACD,OAAO,IAAI,CAAC;IACb,CAAC;CAAA"}
				`@ -0,0 +1 @@`
				`export declare function subtle(): SubtleCrypto;`
				`@ -0,0 +1 @@`
				`{"version":3,"file":"compat.js","sourceRoot":"","sources":["../src/compat.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM;IACrB,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,IAAK,MAAM,CAAC,MAAc,CAAC,YAAY,CAAC;AACpE,CAAC"}`
				`@ -0,0 +1 @@`
				`{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC"}`
				`@ -0,0 +1 @@`
				{"version":3,"file":"serializeBinary.js","sourceRoot":"","sources":["../src/serializeBinary.ts"],"names":[],"mappings":"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"}