mirror config and gun added as there are customizations

 module.exports = {
   apps : [{
-    name: 'multisocket',
+    name: 'multimirror',
     script: 'server.js',
-    watch: true,
+    watch: false,
     env: {
       DEBUG : true
     }

+node_modules
+.git
+.gitignore
+*.md

+# These are supported funding model platforms
+
+github: amark
+patreon: gunDB
+open_collective: gun
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

+*
\ No newline at end of file

+language: node_js
+branches:
+  except:
+    - debug
+node_js:
+  - 10
+cache:
+  directories:
+    - node_modules

+# CHANGELOG
+
+## 0.9.x
+
+No breaking changes, but the new Radix Storage Engine (RSE) has been finally integrated and works with S3 as a backup. Expect an order of magnitude or more in cost savings, we'll report our December bill compared to November when we get it.
+
+We have successfully benchmarked it against **1,000,000 records** doing end-to-end triple verification using our Jepsen-inspired [PANIC](https://github.com/gundb/panic-server) distritubed testing framework, doing **~4K acked writes/second** on a Macbook Air dev machine. For more information on PANIC, check out this [5 minute presentation](https://youtu.be/nTbUCTgLmkY) we did in Sweden (and the prior talk, for those interested in [porting GUN](https://github.com/amark/gun/wiki/porting-gun) out of its reference implementation of JS).
+
+> Warning: There is a known rare edge case in RSE currently, if data is split between two chunked files, a GET will only return from the first chunk. This will be fixed soon, but we still encourage developers to run and test against it, please report any problems.
+
+To use RSE, initialize a gun server peer with the default storage disabled, like `Gun({localStorage: false})`. Want to use it with S3? All you need to do is make sure that your environment variables are configured and it will automatically use S3, here is a [template](https://github.com/amark/gun/wiki/Using-Amazon-S3-for-Storage). This works especially well for our 1-click-deploy Heroku [demo server](http://gunjs.herokuapp.com/) with the example apps.
+
+Finally, with **end-to-end encryption** being enabled with our Security, Encryption, Authorization (SEA) framework (check out our [P2P/decentralized crypto-identity blockchain](https://github.com/amark/gun/wiki/auth)), gun is marching towards a stable v1.0 production-ready system (it is already being used in production by a Northern European government's Navy). So if you are able to [work around the remaining bugs](https://github.com/amark/gun/issues), we would appreciate everybody efforts in experimenting and testing out gun and reporting any last hiccups **in our lead up to the v1.0**!
+
+We will be **overhauling documentation in this v0.9.x series**, please make complaints about what is missing, and how we can make it better, so it will be polished for the v1.0! The [chatroom is actively and friendly for help](https://gitter.im/amark/gun), [StackOverflow](https://stackoverflow.com/questions/tagged/gun) for questions. And we're looking for [sponsors](https://www.patreon.com/gunDB), we **regularly get 1,200+ uniques every 2 weeks** on this repo, we've had **53% monthly growth** on our installs, and GUN is ranked in the top quarter of the top 1% of the top 1% fastest growing projects across all GitHub! If you are an Enterprise, this would be a great time to chat with us about our IoT, AI/ML, edge computing, graph, and cybersecurity solutions.
+
+Here is towards a v1.0! Cheers.
+
+## 0.8.x
+
+Adapter interfaces have changed from `Gun.on('event', cb)` to `gun.on('event', cb)`, this will force adapters to be instance specific.
+
+`.path()` and `.not()` have been officially removed from the core bundle, you can bundle them yourself at `lib/path.js` and `lib/not.js` if you still need them.
+
+## 0.7.x
+
+Small breaking change to `.val(cb)`:
+
+Previously `.val(cb)` would ONLY be called when data exists, like `.on(cb)`.
+
+However, due to popular demand, people wanted `.val(cb)` to also get called for `.not(cb)` rather than (before) it would "wait" until data arrived.
+
+NOTE: For dynamic paths, `.val(cb)` will still wait, like:
+
+`gun.get('users').map().val(cb)` because the behavior of the `map()` is simply to not fire anything down the chain unless items are found.
+
+## 0.6.x
+
+Introduced experimental features, chaining `.val()` (no callback) and `.map(cb)` behaving as a map/reduce function.
+
+It also upgraded the socket adapters and did end-to-end load testing and correctness testing.
+
+## 0.5.9
+
+GUN 0.3 -> 0.4 -> 0.5 Migration Guide:
+`gun.back` -> `gun.back()`;
+`gun.get(key, cb)` -> cb(err, data) -> cb(at) at.err, at.put;
+`gun.map(cb)` -> `gun.map().on(cb)`;
+`gun.init` -> deprecated;
+`gun.put(data, cb)` -> cb(err, ok) -> cb(ack) ack.err, ack.ok;
+`gun.get(key)` global/absolute -> `gun.back(-1).get(key)`;
+`gun.key(key)` -> temporarily broken;
+
+## 0.3.7
+
+ - Catch localStorage errors.
+
+## 0.3.6
+
+ - Fixed S3 typo.
+
+## 0.3.5
+
+ - Fixed server push.
+
+## 0.3.4
+
+ - Breaking Change! `list.set(item)` returns the item's chain now, not the list chain.
+ - Client and Server GUN servers are now more up to spec, trimmed excess HTTP/REST header data.
+ - Gun.is.lex added.
+
+## 0.3.3
+
+- You can now link nodes natively, `gun.get('mark').path('owner').put(gun.get('cat'))`!
+- Sets (or tables, collections, lists) are now easily done with `gun.get('users').set(gun.get('person/mark'))`.
+
+## 0.3.2
+
+Bug fixes.
+
+## 0.3.1
+
+Bug fixes.
+
+## 0.3
+
+Migration Guide! Migrate by changing `.attach(` to `.wsp(` on your server if you have one with gun. Remove `.set()` (delete it), and change `.set($DATA)` (where you call set with something) to `.path('I' + Date.now() + 'R' + Gun.text.random(5)).put($DATA)`. If you have NodeJS style callbacks in your `.get` (which documentation previously recommended that you shouldn't) they previous took `err, graph` and now they take `err, node` (which means now using callback style is fine to use). Inside of `.not()` no longer use `return` or `this`, instead (probably) use `gun` and no `return`. If you are a module developer, use `opt.wire` now instead of `opt.hooks` and message Mark since he needs to talk to you since the wire protocol has changed.
+
+- Server side default `.wsp()` renamed from `.attach()`.
+- `.set()` deprecated because it did a bunch of random inconsistent things. Its useful behavior has now become implicit (see below) or can be done explicitly.
+- `.not()` it was previously common to `return` the chain inside of .not, beware that if you have code like `gun.get(key).not(function(){ return this.put({}).key(key) }).val()` cause `.val()` to be triggered twice (this is intentional, because it funnels two separate chains together) which previously didn't happen. To fix this, just don't return the chain.
+- `.put()` and `.path()` do implicit `.init()` by default, turn on explicit behavior with `Gun({init: true})`.
+- `.get(soul, cb)` cb is called back with `err, node` rather than `err, graph`.
+- Options `opt.wire` renamed from `opt.hooks`.
+- `.val()` when called empty automatically cleanly logs for convenience purposes.
+- `.init()` added.
+- `Gun.is.val` renamed from `Gun.is.value`.
+- `Gun.is.rel` renamed from `Gun.is.soul`.
+- `Gun.is.node.soul` renamed from `Gun.is.soul.on`.
+- `Gun.union.ify` renamed from `Gun.union.pseudo`.
+- `Gun.union.HAM` renamed from `Gun.HAM`.
+- `Gun.HAM` is now the actual HAM function for conflict resolution.
+- `Gun._.state` renamed from `Gun._.HAM`.
+- Maximum Callstack Exceeded is less problematic now, unless you intentionally choke the thread. #95
+- Putting a regex or Date or NaN is actually detected and causes an error now while before it was silent. #122 #123
+- `.on()` gets called when a key is later newly made while before it did not. #116
+- `.val()` should not ever get called with a relation alone (internals should resolve it), this is fixed. #132

+FROM alpine:latest
+# Build-time metadata as defined at http://label-schema.org
+ARG BUILD_DATE
+ARG VCS_REF
+ARG VCS_URL
+ARG VERSION
+LABEL org.label-schema.build-date=$BUILD_DATE \
+  org.label-schema.name="Gun - Offline First, Javascript Graph Database" \
+  org.label-schema.url="http://gun.js.org" \
+  org.label-schema.vcs-ref=$VCS_REF \
+  org.label-schema.vcs-url=$VCS_URL \
+  org.label-schema.vendor="The Gun Database Team" \
+  org.label-schema.version=$VERSION \
+  org.label-schema.schema-version="1.0"
+#  org.label-schema.description="Let it be pulled from Readme.md..." \
+WORKDIR /app
+ADD . .
+ENV NPM_CONFIG_LOGLEVEL warn
+RUN apk update && apk upgrade \
+  && apk add  --no-cache ca-certificates nodejs-npm \
+  && apk add --no-cache --virtual .build-dependencies python make g++ \
+  && npm install \
+  && apk del .build-dependencies && rm -rf /var/cache/* /tmp/npm*
+EXPOSE 8080
+EXPOSE 8765
+CMD ["npm","start"]

+Copyright (c) 2015 Mark Nadal
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+---
+
+Copyright (c) 2015 Mark Nadal
+
+This software is provided 'as-is', without any express or implied
+warranty. In no event will the authors be held liable for any damages
+arising from the use of this software.
+
+Permission is granted to anyone to use this software for any purpose,
+including commercial applications, and to alter it and redistribute it
+freely, subject to the following restrictions:
+
+1. The origin of this software must not be misrepresented; you must not
+   claim that you wrote the original software. If you use this software
+   in a product, an acknowledgement in the product documentation would be
+   appreciated but is not required.
+2. Altered source versions must be plainly marked as such, and must not be
+   misrepresented as being the original software.
+3. This notice may not be removed or altered from any source distribution.
+
+---
+
+Copyright 2015 Mark Nadal
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

+web: node examples/http.js
\ No newline at end of file

+{
+  "name": "gun-server",
+  "stack": "heroku-18",
+  "website": "http://gun.eco/",
+  "repository": "https://github.com/amark/gun",
+  "logo": "https://avatars3.githubusercontent.com/u/8811914",
+  "keywords": ["node", "gun", "gunDB", "database","graph","offline-first"],
+  "description": "Javascript, Offline-First Javascript Graph Database Server Peer"
+}

+;(function(){
+	function as(el, gun, cb, opt){
+		el = $(el);
+		if(gun === as.gui && as.el && as.el.is(el)){ return }
+
+		opt = opt || {};
+		opt.match = opt.match || '{{ ';
+		opt.end = opt.end || ' }}';
+		;(function(){ // experimental
+			function nest(t, s,e, r, i,tmp,u){
+				if(r && !r.length){ return t||'' }
+				if(!t){ return [] }
+				e = e || s;
+				i = t.indexOf(s, i||0);
+				if(0 > i){ return [] }
+				tmp = t.indexOf(e, i+1);
+				if(!r){ return [t.slice(i+s.length, tmp)].concat(nest(t, s,e, r, tmp,tmp,u)) }
+				return t.slice(0,i)+r[0]+nest(t.slice(tmp+e.length), s,e, r.slice(1), 0,tmp,u);
+			}
+
+			/* experimental */
+			function template(tag, attr){
+				var html = (tag = $(tag))[0].outerHTML, sub, tmp;
+				if(html && (0 > html.indexOf(opt.match))){ return }
+				if(!attr){
+					$.each(tag[0].attributes, function(i,v){
+						if(!v){ return }
+						if(!nest(v.value, opt.match, opt.end).length){ return }
+						template(tag, v.name)
+					});
+					if((sub = tag.children()).length){
+						return sub.each(function(){ template(this) });
+					}
+				}
+				var data = [], plate = attr? tag.attr(attr) : tag.html();
+				tmp = nest(plate, opt.match, opt.end);
+				if(!tmp.length){ return }
+				$.each(tmp, function(pos, match){
+					var expr = match.split(' ');
+					var path = (expr[0]).split('.');
+					if(expr = expr.slice(1).join(' ')){
+						expr = new Function("_", "b", "return (_)" + expr);
+					}
+					var val = (expr && expr('')) || '';
+					data.push(val);
+					if(!attr){ tag.text(val) }
+
+					var ref = gun, sup = [], tmp;
+					if(tmp = tag.attr('name')){ sup.push(tmp) }
+					tag.parents("[name]").each(function(){
+						sup.push($(this).attr('name'));
+					});
+					$.each(path = sup.reverse().concat(path), function(i,v){
+						ref = ref.get(v);
+					});
+					ref.on(function(v){
+						v = data[pos] = expr? expr(v) : v;
+						var tmp = nest(plate, opt.match, opt.end, data);
+						if(attr){
+							tag.attr(attr, tmp);
+						} else {
+							tag.text(tmp);
+						}
+					});
+				});
+			}
+			template(el);
+
+		}());
+
+		as.gui = gun;
+		as.el = el;
+		if(el.data('as')){
+			el.html(el.data('as').fresh);
+		} else {
+			el.data('as', {
+				fresh: el.html()
+			})
+		}
+		el.find("[name]").each(function(){
+			if($(this).find("[name]").length){ return }
+			var name = $(this),
+				parents = name.parents("[name]"),
+				path = [],
+				ref = gun;
+
+			path.push(name.attr('name'));
+			parents.each(function(){
+				path.push($(this).attr('name'));
+			});
+			path = path.reverse();
+
+			path.forEach(function(key){
+				if('#' === key){
+					ref = ref.map()
+				} else {
+					ref = ref.get(key);
+				}
+			});
+			
+			var many = path.slice().reverse().indexOf('#'), model;
+			many = (0 < ++many)? many : false;
+			if(many){
+				model = name.closest("[name='#']");
+				model = model.data('model') || model.data('model', {$: model.clone(), on: model.parent(), has: {}}).hide().data('model');
+			} 
+
+			ref.get(function(at){
+				var data = at.put, key = at.get, gui = at.gun || at.$, ui = name, back;
+				if(model){
+					ui = model.has[(gui._).id];
+					if(!ui){
+						back = gui.back(many - 1);
+						ui = model.has[(back._).id];
+						if(!ui){
+							if(!(back._).get){ return }
+							ui = (model.has[(back._).id] = model.$.clone(true).prependTo(model.on));
+						}
+						ui = ui.find("[name='"+key+"']").first();
+						model.has[(gui._).id] = ui;
+					}
+				}
+				ui.data('gun', gui);
+				if(ui.data('was') === data){ return }
+				if(many && ui.is('.sort')){
+					var up = ui.closest("[name='#']");
+					var tmp = as.sort(data, up.parent().children().last());
+					tmp? up.insertAfter(tmp) : up.prependTo(up.parent());
+				}
+				if(as.lock === gui){ return }
+				if(!(data && data instanceof Object)){
+					(ui[0] && u === ui[0].value)? ui.text(data) : ui.val(data);
+				}
+				ui.data('was', data);
+				if(cb){
+					cb(data, key, ui);
+				}
+			});
+		});
+	}
+	as.wait = function(cb, wait, to){
+		return function(a,b,c){
+			var me = as.typing = this;
+			clearTimeout(to);
+			to = setTimeout(function(){
+				cb.call(me, a,b,c);
+				as.typing = me = false;
+			}, wait || 200);
+		}
+	}
+	as.sort = function sort(num, li){ return parseFloat(num) >= parseFloat($(li).find('.sort').text() || -Infinity)? li : sort(num, li.prev()) }
+	$(document).on('keyup', 'input, textarea, [contenteditable]', as.wait(function(){
+		var el = $(this);
+		var data = (el[0] && u === el[0].value)? el.text() : el.val();
+		var g = el.data('gun');
+		if(!g){ return }
+		as.lock = g;
+		g.put(data);
+	}, 99));
+	//$(document).on('submit', 'form', function(e){ e.preventDefault() });
+	var u;
+	window.as = as;
+	$.as = as;
+}());
+
+;(function(){
+	$(document).on('click', 'a, button', function(e){
+		var tmp = $(this).attr('href') || '';
+		if(0 === tmp.indexOf('http')){ return }
+		e.preventDefault();
+		r(tmp);
+	});
+	function r(href){
+		if(!href){ return }
+		if(href[0] == '#'){ href = href.slice(1) }
+		var h = href.split('/')[0];
+		$('.page').hide();
+		$('#' + h).show();
+		if(r.on === h){ return }
+		location.hash = href;
+		(r.page[h] || {on:function(){}}).on();
+		r.on = h;
+		return r;
+	};
+	r.page = function(h, cb){
+		r.page[h] = r.page[h] || {on: cb};
+		return r;
+	}
+	r.render = function(id, model, onto, data){
+		var $data = $(
+			$('#' + id).get(0) ||
+			$('.model').find(model).clone(true).attr('id', id).appendTo(onto)
+		);
+		$.each(data, function(field, val){
+			if($.isPlainObject(val)){ return }
+			$data.find("[name='" + field + "']").val(val).text(val);
+		});
+		return $data;
+	}
+	window.onhashchange = function(){ r(location.hash.slice(1)) };
+	$.as && ($.as.route = r);
+	if(window.as){
+		as.route = r;
+	} else {
+		$.route = r;
+	}
+}());
+
+;$(function(){
+	$('.page').not(':first').hide();
+	$.as.route(location.hash.slice(1));
+	$(JOY.start = JOY.start || function(){ $.as(document, gun, null, JOY.opt) });
+
+	if($('body').attr('peers')){ (console.warn || console.log)('Warning: Please upgrade <body peers=""> to https://github.com/eraeco/joydb#peers !') }
+
+});
+;(function(){ // need to isolate into separate module!
+	var joy = window.JOY = function(){};
+	joy.auth = function(a,b,cb,o){
+		if(!o){ o = cb ; cb = 0 }
+		if(o === true){
+			gun.user().create(a, b);
+			return;
+		}
+		gun.user().auth(a,b, cb,o);
+	}
+
+	var opt = joy.opt = window.CONFIG || {}, peers;
+	$('link[type=peer]').each(function(){ (peers || (peers = [])).push($(this).attr('href')) });
+	!window.gun && (opt.peers = opt.peers || peers || (function(){
+		(console.warn || console.log)('Warning: No peer provided, defaulting to DEMO peer. Do not run in production, or your data will be regularly wiped, reset, or deleted. For more info, check https://github.com/eraeco/joydb#peers !');
+		return ['https://gunjs.herokuapp.com/gun'];
+	}()));
+	window.gun = window.gun || Gun(opt);
+
+	gun.on('auth', function(ack){
+		console.log("Your namespace is publicly available at", ack.soul);
+	});
+}());
\ No newline at end of file

+{
+  "name": "gun",
+  "main": "gun.js",
+  "version": "0.1.5",
+  "homepage": "http://gunDB.io",
+  "authors": [
+    { "name": "Mark Nadal",     "email": "mark@accelsor.com"    },
+    { "name": "Alex LaFroscia", "email": "alex@lafroscia.com"   }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/amark/gun"
+  },
+  "description": "A distributed, embedded, graph database engine.",
+  "moduleType": [
+    "globals"
+  ],
+  "keywords": [
+    "graph",
+    "database",
+    "gun",
+    "gundb",
+    "nodb"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}

+module.exports.Gun = require('./gun.js')
+module.exports.SEA = require('./sea.js')
\ No newline at end of file

+module.exports.Gun = require('./gun.js')
+module.exports.SEA = require('./sea.js')
\ No newline at end of file

+module.exports = require('./gun.js')
\ No newline at end of file

+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "project": {
+    "name": "angular"
+  },
+  "apps": [
+    {
+      "root": "src",
+      "outDir": "dist",
+      "assets": [
+        "assets",
+        "favicon.ico"
+      ],
+      "index": "index.html",
+      "main": "main.ts",
+      "polyfills": "polyfills.ts",
+      "test": "test.ts",
+      "tsconfig": "tsconfig.app.json",
+      "testTsconfig": "tsconfig.spec.json",
+      "prefix": "app",
+      "styles": [
+        "styles.css"
+      ],
+      "scripts": [],
+      "environmentSource": "environments/environment.ts",
+      "environments": {
+        "dev": "environments/environment.ts",
+        "prod": "environments/environment.prod.ts"
+      }
+    }
+  ],
+  "e2e": {
+    "protractor": {
+      "config": "./protractor.conf.js"
+    }
+  },
+  "lint": [
+    {
+      "project": "src/tsconfig.app.json",
+      "exclude": "**/node_modules/**"
+    },
+    {
+      "project": "src/tsconfig.spec.json"
+    },
+    {
+      "project": "e2e/tsconfig.e2e.json"
+    }
+  ],
+  "test": {
+    "karma": {
+      "config": "./karma.conf.js"
+    }
+  },
+  "defaults": {
+    "styleExt": "css",
+    "component": {}
+  }
+}

+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

+# Angular
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class/module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
+Before running the tests make sure you are serving the app via `ng serve`.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "module": "commonjs",
+    "target": "es5",
+    "types":[
+      "jasmine",
+      "node"
+    ]
+  }
+}

+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/0.13/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular/cli'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular/cli/plugins/karma')
+    ],
+    client:{
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    files: [
+      { pattern: './src/test.ts', watched: false }
+    ],
+    preprocessors: {
+      './src/test.ts': ['@angular/cli']
+    },
+    mime: {
+      'text/x-typescript': ['ts','tsx']
+    },
+    coverageIstanbulReporter: {
+      reports: [ 'html', 'lcovonly' ],
+      fixWebpackSourcePaths: true
+    },
+    angularCli: {
+      environment: 'dev'
+    },
+    reporters: config.angularCli && config.angularCli.codeCoverage
+              ? ['progress', 'coverage-istanbul']
+              : ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false
+  });
+};

+{
+  "name": "angular",
+  "version": "0.0.0",
+  "license": "MIT",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/common": "^4.1.0",
+    "@angular/compiler": "^4.1.0",
+    "@angular/core": "^4.1.0",
+    "@angular/forms": "^4.1.0",
+    "@angular/http": "^4.1.0",
+    "@angular/platform-browser": "^4.1.0",
+    "@angular/platform-browser-dynamic": "^4.1.0",
+    "@angular/router": "^4.1.0",
+    "core-js": "^2.4.1",
+    "express-http-proxy": "^1.0.1",
+    "gun": "^0.7.4",
+    "ngx-pipes": "^2.0.5",
+    "rxjs": "^5.3.0",
+    "underscore": "^1.8.3",
+    "zone.js": "^0.8.9"
+  },
+  "devDependencies": {
+    "@angular/cli": "1.0.0",
+    "@angular/compiler-cli": "^4.1.0",
+    "@types/jasmine": "2.5.38",
+    "@types/node": "~6.0.60",
+    "@types/underscore": "^1.8.0",
+    "codelyzer": "^2.1.1",
+    "jasmine-core": "^2.6.1",
+    "jasmine-spec-reporter": "^4.0.0",
+    "karma": "^1.6.0",
+    "karma-chrome-launcher": "~2.0.0",
+    "karma-cli": "~1.0.1",
+    "karma-coverage-istanbul-reporter": "^1.2.0",
+    "karma-jasmine": "~1.1.0",
+    "karma-jasmine-html-reporter": "^0.2.2",
+    "protractor": "~5.1.0",
+    "ts-node": "^3.0.2",
+    "tslint": "~4.5.0",
+    "typescript": "^2.3.2"
+  }
+}

+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './e2e/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  beforeLaunch: function() {
+    require('ts-node').register({
+      project: 'e2e/tsconfig.e2e.json'
+    });
+  },
+  onPrepare() {
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};

+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');
+var proxy = require('express-http-proxy');
+var http = require('http');
+var app = express();
+var server = http.createServer(app);
+
+var Gun = require('gun');
+var gun = Gun({
+	file: 'data.json',
+	web: server
+});
+
+app.use(Gun.serve);
+app.use(proxy(host + ':4200'));
+server.listen(port);
+
+console.log('Server started on port ' + port + ' with /gun');

+html, body { font-size: 14pt; padding: 10px 2.5%;}
+.hide { display: none; }
+form .who { width: 10%; }
+form .what { width: 80%; }
+ul { list-style: none; padding: 0; }
+ul .when {color: #555; font-size: 12pt; float: right; display: none; }
+li:hover .when {display: inline;}

+<div>
+
+  <form (ngSubmit)="add()">
+    <input type="text" [(ngModel)]="newTodo" name="newTodo" placeholder="New TODO">
+    <button type="submit" *ngIf="newTodo" [disabled]="newTodo?.trim().length === 0">Add</button>
+  </form>
+  <br />
+  <ul>
+    <li *ngFor="let todo of todos$ | async | pairs" (click)="delete(todo[0])">{{todo[1]}}</li>
+  </ul>
+  <button (click)="sub()" *ngIf="!todosSub">Log in console</button>
+  <button (click)="unsub()" *ngIf="!!todosSub">Stop logging</button>
+</div>

+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Angular</title>
+  <base href="/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root>Loading...</app-root>
+</body>
+</html>

+/* You can add global styles to this file, and also import other style files */

+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "module": "es2015",
+    "baseUrl": "",
+    "types": []
+  },
+  "exclude": [
+    "test.ts",
+    "**/*.spec.ts"
+  ]
+}

+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "module": "commonjs",
+    "target": "es5",
+    "baseUrl": "",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

+/* SystemJS module definition */
+declare var module: NodeModule;
+interface NodeModule {
+  id: string;
+}

+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "baseUrl": "src",
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "target": "es5",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2016",
+      "dom"
+    ]
+  }
+}

+{
+  "rulesDirectory": [
+    "node_modules/codelyzer"
+  ],
+  "rules": {
+    "callable-types": true,
+    "class-name": true,
+    "comment-format": [
+      true,
+      "check-space"
+    ],
+    "curly": true,
+    "eofline": true,
+    "forin": true,
+    "import-blacklist": [true, "rxjs"],
+    "import-spacing": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "interface-over-type-literal": true,
+    "label-position": true,
+    "max-line-length": [
+      true,
+      140
+    ],
+    "member-access": false,
+    "member-ordering": [
+      true,
+      "static-before-instance",
+      "variables-before-functions"
+    ],
+    "no-arg": true,
+    "no-bitwise": true,
+    "no-console": [
+      true,
+      "debug",
+      "info",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-debugger": true,
+    "no-duplicate-variable": true,
+    "no-empty": false,
+    "no-empty-interface": true,
+    "no-eval": true,
+    "no-inferrable-types": [true, "ignore-params"],
+    "no-shadowed-variable": true,
+    "no-string-literal": false,
+    "no-string-throw": true,
+    "no-switch-case-fall-through": true,
+    "no-trailing-whitespace": true,
+    "no-unused-expression": true,
+    "no-use-before-declare": true,
+    "no-var-keyword": true,
+    "object-literal-sort-keys": false,
+    "one-line": [
+      true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "prefer-const": true,
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "radix": true,
+    "semicolon": [
+      "always"
+    ],
+    "triple-equals": [
+      true,
+      "allow-null-check"
+    ],
+    "typedef-whitespace": [
+      true,
+      {
+        "call-signature": "nospace",
+        "index-signature": "nospace",
+        "parameter": "nospace",
+        "property-declaration": "nospace",
+        "variable-declaration": "nospace"
+      }
+    ],
+    "typeof-compare": true,
+    "unified-signatures": true,
+    "variable-name": false,
+    "whitespace": [
+      true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+
+    "directive-selector": [true, "attribute", "app", "camelCase"],
+    "component-selector": [true, "element", "app", "kebab-case"],
+    "use-input-property-decorator": true,
+    "use-output-property-decorator": true,
+    "use-host-property-decorator": true,
+    "no-input-rename": true,
+    "no-output-rename": true,
+    "use-life-cycle-interface": true,
+    "use-pipe-transform-interface": true,
+    "component-class-suffix": true,
+    "directive-class-suffix": true,
+    "no-access-missing-member": true,
+    "templates-use-public": true,
+    "invoke-injectable": true
+  }
+}

+<!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>

+<!DOCTYPE html>
+
+<style>html, body, textarea { width: 100%; height: 100%; padding: 0; margin: 0; }</style>
+<textarea placeholder="paste here!"></textarea>
+
+<script src="../jquery.js"></script>
+<script src="../../../gun/gun.js"></script>
+
+<script>
+var gun = Gun(location.origin + '/gun');
+
+var to, paste = gun.get('test').get('paste').on(function(data){
+  $('textarea').val(data);
+})
+
+$('textarea').on('input change blur keyup mouseup touchend', function(){
+  clearTimeout(to); // debounce
+  to = setTimeout(function(){
+    paste.put($('textarea').val());
+  }, 100);
+})
+</script>
\ No newline at end of file

+<!DOCTYPE html>
+<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="../jquery.js"></script>
+<script src="../../../gun/gun.js"></script>
+<script src="../../../gun/sea.js"></script>
+
+<script>
+
+// extend SEA functions to base64 encode encrypted data
+// workaround for https://github.com/amark/gun/issues/783
+
+(() => {
+  const _encrypt = SEA.encrypt;
+  SEA.encrypt = function(...args) {
+    return _encrypt.apply(this, args).then(enc => btoa(JSON.stringify(enc)));
+  }
+
+  const _decrypt = SEA.decrypt;
+  SEA.decrypt = function(data, ...args) {
+    try     { data = JSON.parse(atob(data)); }
+    finally { return _decrypt.apply(this, [data, ...args]); }
+  }
+})();
+
+// override User functions to fix several issues
+// see https://github.com/amark/gun/issues/808
+
+SEA.Gun.User.prototype.grant = function grant(to, cb) {
+  const gun  = this;       const user = gun.back(-1).user();
+  const pair = user._.sea; let   path = '';
+
+  gun.back(at => { if (at.has) { path += at.get; } });
+
+  (async () => {
+    let enc, sec;
+
+    if (sec = await user.get('trust').get(pair.pub).get(path).then()) {
+      sec = await SEA.decrypt(sec, pair);
+
+    } else {
+      sec = SEA.random(24).toString();
+      enc = await SEA.encrypt(sec, pair);
+
+      user.get('trust').get(pair.pub).get(path).put(enc);
+    }
+
+    let pub  = to.get('pub') .then();
+    let epub = to.get('epub').then();
+
+    pub = await pub; epub = await epub;
+
+    const dh = await SEA.secret (epub, pair);
+    enc      = await SEA.encrypt(sec,  dh);
+
+    // if pub is not already in trust, first put an empty node
+    // workaround for https://github.com/amark/gun/issues/844
+
+    if (!await user.get('trust').get(pub).then()) {
+      await user.get('trust').get(pub).get(path).put({}).then();
+    }
+
+    user.get('trust').get(pub).get(path).put(enc, cb);
+  })();
+
+  return gun;
+}
+
+SEA.Gun.User.prototype.secret = function(data, cb) {
+  const gun  = this;       const user = gun.back(-1).user();
+  const pair = user._.sea; let   path = '';
+
+  gun.back(at => { if (at.has) { path += at.get; } });
+
+  (async () => {
+    let enc, sec;
+
+    if (sec = await user.get('trust').get(pair.pub).get(path).then()) {
+      sec = await SEA.decrypt(sec, pair);
+
+    } else {
+      sec = SEA.random(24).toString();
+      enc = await SEA.encrypt(sec, pair);
+
+      user.get('trust').get(pair.pub).get(path).put(enc);
+    }
+
+    enc = await SEA.encrypt(data, sec);
+    gun.put(enc, cb);
+  })();
+
+  return gun;
+}
+
+var gun = Gun('http://localhost:8765/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._.sea.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 (enc, id) => {
+      if (id === LI.busy) { return; }
+
+      const pair = user._.sea;
+      let key, val;
+
+      if (key =
+        await find.get('trust').get(pair.pub).get(id + 'profile').then()) {
+        const mix = await Gun.SEA.secret(await find.get('epub').then(), pair);
+
+        key = await Gun.SEA.decrypt(key, mix);
+        val = await Gun.SEA.decrypt(enc, key);
+
+        // decode encrypted data to show 'SEA{...}'
+      } else { val = JSON.parse(atob(enc)); }
+
+      $('#' + id).val(val);
+    });
+  });
+});
+</script>
\ No newline at end of file

+<!DOCTYPE html>
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
+  <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
+</head>
+<body>
+  
+<h1><button id="left">&larr;</button> <span id="date"></span> Schedule <button id="right">&rarr;</button></h1>
+
+<form id="add">
+  <style>input[type="number"]{ width: 4em; }</style>
+  <input id="what" placeholder="What?">
+  <input id="where" placeholder="Where?">
+  <input type="number" id="hour"><script>hour.value = new Date().getHours() % 12 || 12</script> :
+  <input type="number" id="min" value="0">
+  <select id="ampm">
+    <option value="">am</option>
+    <option value="1">pm</option>
+    <script>ampm.children[new Date().getHours() < 12? 0 : 1].selected='selected'</script>
+  </select>
+  <input id="id" type="hidden">
+  <input id="go" type="submit" value="add">
+  <div id="err"></div>
+</form>
+
+<style>
+  .none { display: none; }
+  p, ul, li { list-style-type: none; margin: 0; padding: 0; }
+</style>
+
+<ul></ul>
+
+<div class="model none">
+  <li>
+    <b class="when"></b>
+    <span class="what"></span>
+    <u class="where"></u>
+    <span class="sort none">0</span>
+    <button class="edit"><</button>
+  </li>
+</div>
+
+<script src="../jquery.js"></script>
+<script src="../../../gun/gun.js"></script>
+<script src="../../../gun/nts.js"></script>
+<script src="../../../gun/lib/webrtc.js"></script>
+
+<script>
+var name = 'schedule/' + location.hash.slice(1);
+var gun = Gun(location.origin + '/gun');
+//var gun = Gun('http://localhost:8765/gun');
+//var gun = Gun();
+
+$('#add').on('submit', function(event){
+  event.preventDefault();
+  event = {};
+  if(!schedule.on){ return err.innerText = "No date!" }
+  event.when = new Date(schedule.on.getFullYear(), schedule.on.getMonth(), schedule.on.getDate(), hour.value % 12 + (ampm.value? 12 : 0), min.value).getTime();
+  if(!(event.what = what.value)){ return err.innerText = "No description!" }
+  if(!(event.where = where.value)){ return err.innerText = "No location!" }
+  var day = gun.get(name+now(event.when));
+  day.get(id.value || Gun.text.random(9)).put(event);
+  what.value = where.value = id.value = err.innerText = '';
+  go.value = 'add';
+  schedule(event.when);
+});
+
+function schedule(ms){
+  var day = new Date(ms);
+  if(schedule.on && schedule.on.toLocaleDateString() === day.toLocaleDateString()){ return } schedule.on = day;
+  $('#date').text(day.getFullYear()+' '+ day.toString().split(' ')[1] +' '+day.getDate());
+  day = gun.get(name+now(ms));
+  $('ul').empty();
+  day.map().on(UI);
+}
+schedule(+new Date());
+
+$('#left').on('click', function(){ schedule(+new Date(schedule.on.getFullYear(), schedule.on.getMonth(), schedule.on.getDate() - 1)) });
+$('#right').on('click', function(){ schedule(+new Date(schedule.on.getFullYear(), schedule.on.getMonth(), schedule.on.getDate() + 1)) });
+
+function UI(event, id){
+  if(!event){ return }
+  var when = new Date(event.when);
+  if(schedule.on && when.toLocaleDateString() !== schedule.on.toLocaleDateString()){ return }
+  var ul = $('ul')
+  var li = $("#cal-" + id)[0]; // grab if exists
+  if(!li){
+    li = $('.model li').clone(true) // else create it
+      .attr('id', 'cal-' + id);
+  } 
+  li = (UI.last = sort(event.when, ul.children('li').last())[0])? $(li).insertAfter(UI.last) : $(li).prependTo(ul);
+  li.find('.what').text(event.what);
+  li.find('.where').text(event.where);
+  li.find('.sort').text(event.when);
+  li.find('.edit').val(id);
+
+  var time = when.toLocaleTimeString();
+  li.find('.when').text(time.split(':').slice(0,2).join(':') + time.slice(-2));
+};
+
+$(document).on('click', '.edit', function(){
+  go.value = 'update';
+  id.value = this.value;
+  what.value = $(this).parent().find('.what').text();
+  where.value = $(this).parent().find('.where').text();
+  var when = new Date(parseFloat($(this).parent().find('.sort').text()));
+  hour.value = when.getHours() % 12 || 12;
+  min.value = when.getMinutes();
+  ampm.value = when.getHours() < 12? '' : 1;
+  what.focus();
+});
+
+function now(t){
+  return new Date(t || Gun.state()).toLocaleDateString().split('/').reverse().join('/')
+}
+
+function sort(num, li){ return parseFloat(num) >= parseFloat($(li).find('.sort').text() || -Infinity)? li : sort(num, li.prev()) }
+</script>
+</body>
+</html>
\ No newline at end of file

+<!DOCTYPE html>
+
+<video id="video" width="100%"></video>
+<center>
+  <button id="record">Record</button>
+  <button id="play">Play</button>
+</center>
+
+<script src="../jquery.js"></script>
+<script src="../../../gun/gun.js"></script>
+
+<script>
+var gun = Gun(location.origin + '/gun');
+var record = {recorder: null, recording: false};
+
+$('#record').on('click', ()=>{
+  if(!record.ing){ return record.stream() }
+  $('#record').text("Record");
+  if(record.ing.stop){ record.ing.stop() }
+  record.ing = false;
+})
+
+record.stream = function(){
+  navigator.mediaDevices.getDisplayMedia({ video: true }).then(stream => {
+    var chunks = []; // we have a stream, we can record it
+    record.ing = new MediaRecorder(stream);
+    record.ing.ondataavailable = eve => chunks.push(eve.data);
+    record.ing.onstop = eve => record.save(new Blob(chunks));
+    record.ing.start()
+    $('#record').text("End");
+  }, err => { console.log(err) });
+}
+
+record.save = function(data){
+  record.file = record.file || new FileReader();
+  record.file.readAsDataURL(data); 
+  record.file.onloadend = function(){
+    var b64 = record.file.result;
+    b64 = "data:video/webm" + b64.slice(b64.indexOf(';'));
+    gun.get('test').get('screen').put(b64);
+  }
+}
+
+$('#play').on('click', ()=>{
+  if(record.playing){
+    $('#play').text("Play")
+    $('#video').get(0).stop();
+    record.playing = false;
+    return;
+  }
+  $('#play').text("Stop");
+  record.playing = true;
+  gun.get('test').get('screen').once((data)=>{
+    if(!data){ return }
+    $('#video').get(0).src = data;
+    $('#video').get(0).play()
+  })
+})
+</script>
\ No newline at end of file

+<!DOCTYPE html>
+
+<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>
\ No newline at end of file

+<!DOCTYPE html>
+
+<h1>User</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">
+  <input id="mask" type="button" value="Identifi Login">
+</form>
+
+<ul></ul>
+
+<form id="said">
+  <input id="say">
+  <input id="speak" type="submit" value="speak">
+</form>
+
+<script src="../jquery.js"></script>
+<script src="../../../gun/gun.js"></script>
+<script src="../../../gun/sea.js"></script>
+
+<script>
+//var gun = Gun('http://localhost:8765/gun');
+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(), login);
+});
+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().on(UI);
+});
+
+$('#said').on('submit', function(e){
+  e.preventDefault();
+  //if(!user.is){ return }
+  user.get('said').set($('#say').val());
+  $('#say').val("");
+});
+
+function UI(say, id){
+  var li = $('#' + id).get(0) || $('<li>').attr('id', id).appendTo('ul');
+  $(li).text(say);
+};
+</script>
\ No newline at end of file

+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Converse</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
+  <link rel="stylesheet" type="text/css" href="/style.css">
+  <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
+  <style>
+    .chat__heading {
+      position: fixed;
+      text-align: center;
+      z-index: 1;
+      width: 100%;
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+
+    .chat__form-container {
+      display: flex;
+      justify-content: center;
+      width: 100%;
+      padding: 10px 20px;
+      position: fixed;
+      z-index: 1;
+      bottom: 0;
+    }
+
+    .chat__form {
+      display: flex;
+      justify-content: center;
+      height: 50px;
+      background-color: white;
+      border: 2px solid white;
+      max-width: 900px;
+      width: 100%;
+      border-radius: 5px;
+    }
+
+    .chat__name-input {
+      flex: 1;
+      padding: 10px;
+    }
+
+    .chat__message-input {
+      flex: 5;
+      padding: 10px;
+    }
+
+    .chat__submit {
+      padding: 10px;
+      color: white;
+      border-radius: 5px;
+    }
+
+    .chat__submit:hover::after {
+      background-color: rgba(0,0,0,0.2);
+    }
+
+    .chat__submit:focus::after {
+      background-color: rgba(0,0,0,0.2);
+    }
+
+    .chat__submit::after {
+      content: '';
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      left: 0;
+      top: 0;
+      border-radius: 5px;
+      transition: background-color 0.3s;
+      background-color: rgba(0,0,0,0);
+    }
+
+    .chat__message-list {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      flex: 1;
+      overflow-y: auto;
+      padding: 60px 20px;
+      width: 100%;
+      background-color: rgba(0, 0, 0, 0.2);
+      min-height: 100vh;
+    }
+
+    .chat__message {
+      display: flex;
+      flex-wrap: wrap;
+      margin-bottom: 10px;
+      padding: 10px;
+      border-radius: 5px;
+      width: 100%;
+      position: relative;
+      max-width: 900px;
+    }
+
+    .chat__name {
+      margin-right: 20px;
+    }
+
+    .chat__when {
+      position: absolute;
+      top: 0;
+      right: 2em;
+      padding: 10px;
+      background: rgba(100%, 100%, 100%, 0.9);
+      opacity: 0;
+      border-radius: 5px;
+    }
+
+    .chat__message:hover .chat__when {
+      opacity: 1;
+      right: 0em;
+    }
+
+    @media (max-width: 567px) {
+      .chat__heading {
+        font-size: 30px;
+      }
+    }
+  </style>
+</head>
+
+<body>
+  <div class="chat hue2 page">
+    <h2 id='title' class="chat__heading hue2 whitet">Have a Conversation...</h2>
+    <ul class="chat__message-list">
+      <li class="none"></li>
+    </ul>
+
+    <div class="chat__form-container hue2">
+      <form class="chat__form">
+        <label for="name-input" class="visually-hidden">Name</label>
+        <input id="name-input" class="chat__name-input" placeholder="Name"></input>
+        <label for="message-input" class="visually-hidden">Message</label>
+        <input id="message-input" class="chat__message-input" placeholder="Write a message..."></input>
+        <button class="chat__submit say hue2">say</button>
+      </form>
+    </div>
+
+    <div class="model">
+      <li class="chat__message white huet2 box">
+        <b class="chat__name"></b>
+        <p class="chat__message-text"></p>
+        <span class="sort none">0</span>
+        <div class="chat__when"></div>
+      </li>
+    </div>
+  </div>
+
+  <script src="/jquery.js"></script>
+  <script src="/gun.js"></script>
+  <script src="/gun/nts.js"></script>
+  <script>
+    var gun = Gun(location.origin + '/gun');
+    var chat = gun.get('converse/' + location.hash.slice(1));
+
+    $(".chat__submit").on('click', submit);
+    $(".chat_form").on('keydown', enter);
+    function enter(e) {
+      if (e.which !== 13) { return }
+      submit(e);
+    }
+    function submit(e) {
+      e.preventDefault();
+
+      var msg = { when: Gun.time.is() };
+
+      msg.who = $('.chat__name-input').val();
+      if (!msg.who) {
+        msg.who = 'user' + Gun.text.random(3);
+        $('.chat__name-input').val(msg.who);
+      }
+
+      msg.what = $('.chat__message-input').val();
+      if (!msg.what) { return }
+
+      chat.set(msg);
+      $('.chat__message-input').val('').focus();
+    }
+
+    chat.map().val(function (msg, id) {
+      if (!msg) { return }
+      var messageList = $('.chat__message-list');
+      var last = sort(msg.when, messageList.children('li').last());
+
+      var li = $("#msg-" + id)[0]; // grab if exists
+      if (!li) {
+        li = $('.model li').clone(true) // else create it
+          .attr('id', 'msg-' + id)
+          .insertAfter(last);
+      }
+
+      // bind the message data into the UI
+      li = $(li);
+      li.find('.chat__name').text(msg.who);
+      li.find('.chat__message-text').text(msg.what);
+      li.find('.sort').text(msg.when);
+
+      var time = new Date(msg.when);
+      li.find('.chat__when').text(time.toDateString() + ', ' + time.toLocaleTimeString());
+
+      $('html, body').stop(true, true)
+        .animate({ scrollTop: messageList.height() });
+    });
+
+    function sort(num, li) { return parseFloat(num) >= parseFloat($(li).find('.sort').text() || -Infinity) ? li : sort(num, li.prev()) }
+  </script>
+</body>
+
+</html>

+<script src="/gun.js"></script>
+<!--
+<script src="/gun/lib/cryptomodules.js" type="text/javascript"></script>
+<script src="/gun/sea.js"></script>
+-->
+<script>
+	var gun = Gun(location.origin+'/gun');
+	var user = gun.user && gun.user();
+	if(user){
+		// 1st: call create. 2nd call auth. After that, call recall
+		// user.create('dude', 'my secret').then(function(ack) { console.log('created ack:', ack) });
+		// user.recall().then(function(ack){
+		// 	if (!ack || !ack.sea){
+		// 		console.log('user.recall not bootstrapping...');
+		// 		user.auth('dude', 'my secret', {pin: 'PIN'}).then(function(user) { console.log('authenticated user:', user) });
+		// 		// user.auth('dude', 'my secret', {pin: 'PIN', newpass: 'my new secret'}).then(function(user) { console.log('authenticated user:', user) });
+		// 	} else {
+		// 		console.log('user.recall authenticated user:', ack.alias);
+		// 	}
+		// });
+	}
+</script>
\ No newline at end of file

+<!DOCTYPE html>
+<html>
+	<head>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link rel="stylesheet" type="text/css" href="../style.css">
+	</head>
+	<body>
+		<div id="sign" class="hue page">
+			<style>
+				input, button {
+					margin: 1em 0;
+					padding: 1em;
+				}
+				.or {
+					display: inline-block;
+					width: 15%;
+				}
+			</style>
+			<form id="inup" class="sign pad center">
+				<div class="loud">Welcome,</div>
+				<div class="mid row col">
+					<input name="alias" class="huet jot sap" placeholder="alias">
+					Enter your public username.
+				</div>
+				<div class="mid row col">
+					<input name="pass" class="huet jot sap" type="password" placeholder="passphrase">
+					And a long private passphrase.
+				</div>
+				<div class="mid row col go">
+					<button class="huet sap act symbol">sign in</button>
+					<div class="or">or</div>
+					<button class="huet sap act symbol">sign up</button>
+				</div>
+				<a href="info">more info</a>
+			</form>
+		</div id="sign">
+		
+		<div id="people" class="hue2 page">
+			<ul name="users" class="pad">
+				<h3>Here is a list of people:</h3>
+				<li name="#">
+					<!-- <h3 name="."></h3> -->
+					<ul>
+						<a href="person" name="#" class="whitet act">
+							<li>
+								<span name="who">
+									<b name="name"></b>
+								</span>
+								<i>~</i><i name="alias" class="sort"></i>
+								<input name="pub">
+							</li>
+						</a>
+					</ul>
+				</li>
+			</ul>
+		</div id="people">
+		
+		<div id="converse" class="page">
+			<ul>
+			</ul>
+			<div class="model">
+				<li class="msg">
+					<span name="fro">Alias</span>: <span name="what"></span>
+				</li>
+			</div>
+			<form>
+				<input placeholder="to" name="to">
+				<textarea name="what"></textarea>
+				<input type="submit" value="submit">
+				<div class="status"></div>
+			</form>
+		</div id="converse">
+		
+		<div id="person" class="hue3 page">
+			<style>
+				#person .back {
+					position: absolute;
+					top: 0.3em;
+					left: 0.5em;
+					width: 2em;
+					height: 2em;
+					z-index: 99999;
+				}
+			</style>
+			<a href="people" class="whitet act back">&#8592</a>
+			<div class="pad">
+				<div name="who">
+					<!-- img src="" -->
+					<h2 name="name" contenteditable="true">Name</h2>
+					<i name="born"></i>
+					<span name="bio" contenteditable="true">bio</span>
+					<form id="say" class="center none">
+						<input class="jot" placeholder="Say something!" style="width: 80%;">
+						<input type="submit" id="speak" class="huet2 sap act symbol" style="min-width: 5em; width: 10%;" value="speak">
+					</form>
+					<div>
+						<ul name="said">
+							<li name="#" class="sit sort shade rim"><div name="what" class="rim"></div></li>
+						</ul>
+					</div>
+				</div>
+				<input name="pub">
+			</div>
+		</div id="person">
+
+		<div id="info" class="page">
+			<p>A mysterious new example app has appeared! It is not finished/ready yet.</p>
+		</div id="info">
+		
+		<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>
+
+		<!-- script src="/Users/mark/Dropbox/Public/gun/db/examples/jquery.js"></script>
+		<script src="/Users/mark/Dropbox/Public/gun/db/gun.js"></script>
+		<script src="/Users/mark/Dropbox/Public/gun/db/lib/cryptomodules.js"></script>
+		<script src="/Users/mark/Dropbox/Public/gun/db/sea.js"></script>
+		<script src="/Users/mark/Dropbox/Public/gun/db/as.js"></script -->
+
+		<script src="/jquery.js"></script>
+		<script src="/gun.js"></script>
+		<script src="/gun/sea.js"></script>
+		<script src="/gun/as.js"></script>
+		<script src="/gun/nts.js"></script>
+		<script>
+			// Check out the interactive tutorial
+			// 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/7');
+			var user = gun.user();
+			var c = window.c = {};
+			(function(){
+				c.hash = location.hash.slice(1);
+				gun.on('auth', function(at){
+					if('sign' === c.hash){ c.hash = '' }
+					as.route(c.hash || 'people');
+				});
+				gun.on('secure', function(at){
+					/* enforce some rules about shared app level data */
+					if(!at.put || !at.put.users){ return }
+					var no;
+					Gun.node.is(at.put.users, function(val, key){
+						Gun.SEA.verify(val, false, function(val){
+						//Gun.SEA.read(val, false, function(val){
+							if('~@'+key === Gun.val.link.is(val)){ return }
+							no = true;
+						})
+						if(no){ return no }
+					});
+					if(no){ return }
+					this.to.next(at);
+				});
+				$(document).on('keyup', "form.sign input:first", as.wait(function(){
+					/*
+					var form = $(this).closest('form'), data = {alias: $(this).val()};
+					if(!data.alias || data.alias.length < 5){
+						return;
+					}
+					var exist = gun.path('alias').path(data.alias);
+					exist.get(function(at){
+						form.find('.or').addClass('none');
+						form.find('button:first').toggleClass('none', at.put? false : true);
+						form.find('button:last').toggleClass('none', at.put? true : false);
+					});
+					*/
+				})).on('click','form.sign button:last', function(){
+					var but = $(this), form = $(this).closest('form'), data = {alias: form.find('input:first').val(), pass: form.find('input:last').val()};
+					data.born = Gun.time.is();
+					if(!data.alias || data.alias.length < 5){
+						c.tell("Alias needs to be longer than 5 characters.");
+						return;
+					}
+					if(!data.pass || data.pass.length < 9){
+						c.tell("Passphrase needs to be longer than 9 characters.");
+						return;
+					}
+					but.addClass('pulse');
+					data.alias = data.alias.toLowerCase();
+					user.create(data.alias, data.pass, function(ack){
+						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('~@'+data.alias));
+						}
+						session(data);
+						user.auth(data.alias, data.pass);
+					});
+				}).on('click','form.sign button:first', become);
+				function become(){
+					var form = $('#sign').find('form'), data = {alias: form.find('input:first').val(), pass: form.find('input:last').val()};
+					data.alias = data.alias || sessionStorage.alias;
+					data.pass = data.pass || sessionStorage.tmp;
+					if(!data.alias || data.alias.length < 5){
+						c.tell("Alias needs to be longer than 5 characters.");
+						return;
+					}
+					if(!data.pass || data.pass.length < 9){
+						c.tell("Passphrase needs to be longer than 9 characters.");
+						return;
+					}
+					var but = form.find('button:first');
+					but.addClass('pulse');
+					data.alias = data.alias.toLowerCase();
+					user.auth(data.alias, data.pass, function(ack){
+						if(!ack.wait){ but.removeClass('pulse') }
+						if(ack.err){ c.tell(ack.err); return }
+						session(data);
+					});
+				}
+				if(!location.hash){
+					as.route('sign');
+				}
+				if(!window.sessionStorage){ window.sessionStorage = {clear:function(){}} }
+				if(sessionStorage.tmp){
+					become();
+				}
+				function session(data){
+					if(!sessionStorage){ return }
+					sessionStorage.alias = data.alias;
+					sessionStorage.tmp = data.pass;
+				}
+				c.tell = function(what, n){
+					var e = $('#tell').find('p');
+					e.addClass('notify').text(what);
+					clearTimeout(c.tell.to);
+					c.tell.to = setTimeout(function(){e.removeClass('notify')}, n || 2500);
+				}
+			}());
+			(function(){
+				$(document).on('submit', '#say', function(e){
+					e.preventDefault();
+					user.get('who').get('said').set({
+						what: $(this).find('.jot').val()
+					});
+					$(this).find('.jot').val('');
+				});
+			}());
+			as.route.page('sign', function(){
+				$(document.forms.inup.alias).focus();
+			});
+			as.route.page('people', function(){
+				if(!user.is){ return as.route('sign') }
+				as('#people', gun, function(data, key, el){
+					if('pub' !== key){ return }
+					el.closest('a').attr('href', '#person/' + data);
+				});
+			});
+			as.route.page('person', function(){
+				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));
+			});
+
+
+
+
+
+
+
+			(function(converse){
+				as.route.page('converse', function(){
+					if(!c.me){ return as.route('sign') }
+					converse.lock = false;
+					var alias = location.hash.split('/').slice(-1);
+					$('#converse form').find('input:first').val(alias);
+					function inbox(msg, id){
+						if(!sign.verify(msg.pub, msg.what, msg.sig)){ return }
+						msg.fro = (msg.to === c.me.alias? alias : c.me.alias);
+						as.route.render(id, '.msg', $('#converse ul'), msg);
+					}
+					sign.is(alias, function(acc){
+						sign.is(c.me.alias).path('msgs').path(acc.pub).map(inbox);
+					}).path('msgs').path(c.me.pub).map(inbox);
+				});
+				$(document).on('submit', '#converse form', function(e){
+					e.preventDefault();
+					if(converse.lock){ return console.log('message sending already') }
+					converse.lock = true; // prevent duplicate sends.
+					var form = $(this), msg = {};
+					msg.to = form.find('input:first').val();
+					msg.what = form.find('textarea').val();
+					sign.is(msg.to, function(to){
+						if(!priv){
+							form.find('.status').text("Failed to send. Please sign in again.");
+							converse.lock = false;
+							return;
+						}
+						msg.sig = sign.sig(msg.what, priv);
+						msg.pub = c.me.pub;
+						msg.when = Gun.time.is();
+						console.log("sending msg", msg);
+						sign.is(c.me.alias).path('msgs').path(to.pub).set(gun.put(msg));
+						converse.lock = false;
+					}, function(){
+						form.attr('disabled', false).find('.status').text(msg.to + " cannot be found! Alias is case sensitive.");
+						converse.lock = false;
+					});
+				});
+			}({}));
+		//}());</script>
+	</body>
+</html>
\ No newline at end of file

+<!DOCTYPE html>
+<html>
+<head>
+<!-- always start with these two lines to set a clean baseline for different devices -->
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" type="text/css" href="style.css">
+<script src="jquery.js"></script>
+
+<title>Docs</title>
+</head>
+<body class="black whitet">
+<style>
+	/*
+		Choose white text on a black background so you can add color in.
+		Pick your favorite font and choose a font size.
+	*/
+	@import url('https://fonts.googleapis.com/css?family=Oxygen');
+	html, body {
+		font-family: "Oxygen", sans-serif;
+	}
+
+	[contenteditable]:focus {
+		outline: none;
+	}
+</style>
+
+<div class="hold full hue2">
+	<div id="page" class="max focus gap" style="padding-top: 9%;"></div>
+</div>
+<script src="../../gun/gun.js"></script>
+<script src="../../gun/lib/monotype.js"></script>
+<script src="../../gun/lib/meta.js"></script>
+<script src="../../gun/lib/normalize.js"></script>
+<script async src="../../gun/lib/fun.js"></script>
+
+<script async src="../../gun/lib/wave.js"></script>
+<!-- script async src="https://edide.io/music.lib"></script -->
+
+<script>
+var gun = Gun(['https://guntest.herokuapp.com/gun', 'http://localhost:8765/gun']);
+
+;(window.onhashchange = function(){
+	var file = (location.hash||'').slice(1);
+	var S = +new Date;
+	$('#page').empty().attr('contenteditable', 'false');
+	gun.get('test/gun/docs/'+file).get('what').map().on(function render(data, i){
+		if(window.LOCK){ return }
+		var p = $('#page').children().get(i);
+		if(!p){
+			$('#page').append('<p>');
+			setTimeout(function(){ render(data, i) },0);
+			return;
+		}
+		var r = monotype(p);
+		var safe = $.normalize(data);
+		p.outerHTML = safe;
+		r.restore();
+	});
+})();
+
+document.execCommand('defaultParagraphSeparator', false, 'p');
+meta.edit({
+	name: "Edit",
+	combo: ['E'],
+	use: function(eve){
+		console.log('on');
+	}, on: function(eve){
+		if($(eve.target).closest('p').length){ return }
+		var edit = this;
+		setTimeout(function(){ meta.flip(false) },1);
+		edit.init();
+		$(document).on('keydown.tmp', '[contenteditable]', function(eve){
+			if(eve.which != 13){ return }
+			eve.preventDefault();
+			var r = window.getSelection().getRangeAt(0);
+			var c = r.commonAncestorContainer, p;
+      r.deleteContents();
+      var p = c.splitText? $(c.splitText(r.startOffset)).parent() : $(c);
+      var n = $("<"+p.get(0).tagName+">"), f;
+      p.contents().each(function(){
+      	if(this === c){ return f = true }
+      	if(!f){ return }
+      	n.append(this);
+      });
+      p.after(n);
+      edit.select(n.get(0));
+      // make sure we re-save & sync each changed paragraph.
+      edit.save(p);
+      p.nextAll().each(function(){
+      	edit.save(this);
+      });
+		}).on('keyup.tmp', '[contenteditable]', function(eve){
+			//$('#debug').val(doc.html());
+			var p = $(window.getSelection().anchorNode).closest('p');
+			var r = monotype(p);
+			var html = p.html() || '';
+			if(!html && !p.prev().length && !p.next().length && !$('#page').html()){
+				edit.init();
+			}
+			var safe = $.normalize(html);
+			p.html(safe);
+			r.restore();
+			edit.save(p);
+		});
+	},
+	up: function(){
+		console.log("UP");
+		$('[contenteditable=true]').off('.tmp');
+	},
+	init: function(){
+		var edit = this;
+		var doc = $('#page').attr('contenteditable', 'true');
+		if(!doc.text()){
+			doc.html('<p class="loud crack"></p>');
+		}
+		edit.select(doc.children().first().get(0));
+	},
+	save: function(p){
+		p = $(p);
+		var i = p.index();// = Array.prototype.indexOf.call(parent.children, child);
+		var file = (location.hash||'').slice(1);
+		var data = (p.get(0)||{}).outerHTML||'';
+		window.LOCK = true;
+		gun.get('test/gun/docs/'+file).get('what').get(i).put(data);
+		window.LOCK = false;
+	},
+	select: function(p){
+		var s = window.getSelection(),
+		r = document.createRange();
+		if(p.innerHTML){
+      r.setStart(p, 0);
+			r.collapse(true);
+			s.removeAllRanges();
+			s.addRange(r);
+			return;
+		}
+		p.innerHTML = '\u00a0';
+		r.selectNodeContents(p);
+		s.removeAllRanges();
+		s.addRange(r);
+		document.execCommand('delete', false, null);
+	}
+});
+
+;(function(){
+
+	meta.edit({name: "Layout", combo: ['L']});
+
+	meta.edit({name: "Fill", combo: ['L','F'],
+		use: function(eve){},
+		on: function(eve){
+			var on = meta.tap();
+			meta.ask('Color name, code, or URL?', function(color){
+				on.css('background', color);
+			});
+		},
+		up: function(eve){}
+	});
+
+	meta.edit({name: "Add", combo: ['L','A']});
+	meta.edit({name: "Row", combo: ['L','A', 'R'],
+    on: function(eve){
+			meta.tap().append('<div style="min-height: 9em; padding: 2%;">');
+    }
+	});
+	meta.edit({name: "Columns", combo: ['L','A','C'],
+    on: function(eve){
+			var on = meta.tap().addClass('center'), tmp, c;
+			var html = '<div class="unit col" style="min-height: 9em; padding: 2%;"></div>';
+			if(!on.children('.col').length){ html += html }
+			c = (tmp = on.append(html).children('.col')).length;
+			tmp.each(function(){
+	    	$(this).css('width', (100/c)+'%');
+			})
+    }
+	});
+	meta.edit({name: "Text", combo: ['L','A','T'],
+    on: function(eve){
+    	var tag = $('<p>text</p>');
+			meta.tap().append(tag);
+			tag.focus();
+    }
+	});
+
+}());
+
+;(function(){
+	var song = {};
+	// TODO:
+	// 1. Manually OR automatically load music.js API, dependencies, and modules. - FINE for now
+	// 2. only export music API, not meta, not dom, not mouselock system, not UI/html, etc. better module isolation and export.
+	// 3. `var wave = Wave('a').play()` // also on `Music.now`
+	// defaults... instrument: pure tones, volume curve: |\_ , speed curve: 0.5
+	// 4. `wave.blur(0.5).itch(0.5);`
+	// 5. wave.long(2); // how long in seconds each note plays, optionally: wave.pace(60) is bpm
+	// 6. wave.loud(0.5); // 0% to 100% volume loudness of device output.
+	// 7. wave.vary(0.5); // slows down or speeds up wiggle per harmonic
+	// 8:
+	// wave structure, does ToneJS allow us to change the sine wave smoothness/type continuously or is it a pre-fixed type?
+	// wave structure: /\/\/, |_|, /|/, \|\| do some research with ToneJS whether these are dynamic or fixed
+	// wave.itch(); // changes the shape of the wiggle from smooth sine to square or triangle
+	// wave.blur(220hz); // blur may not apply/work on pure notes other than filtering them.
+
+	meta.edit({name: "Music", combo: ['M']});
+
+	meta.edit({name: "Play", combo: ['M','P'],
+    on: function(eve){
+    	// TODO: We still need to add to meta API ability to change name.
+    	if(song.play){
+				music.stop();
+				song.play = false;
+				return;
+    	}
+    	song.play = true;
+    	music.stop();
+    	setTimeout(function(){
+				song.now = wave($('#page').text()).play();
+    	},250);
+    }
+	});
+
+	meta.edit({name: "Blur", combo: ['M','B'],
+    on: function(eve){
+			$(document).on('mousemove.tmp', function(eve){
+				var x = eve.pageX;
+				song.now.loud(x/$('body').innerWidth());
+			});
+    },
+    up: function(){
+    	$(document).off('.tmp');
+  	}
+	});
+
+	$(document).on('keydown', function(eve){
+		music.play(String.fromCharCode(eve.which));
+	});
+
+}());
+</script>
+</body>
+</html>
\ No newline at end of file

+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] || 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);
+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');

+<html>
+	<head>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	</head>
+	<body style="text-align: center;">
+		<h1 id="when" style="font-size: 7vw; margin-top: 43vh; font-family: monospace;"></h1>
+	</body>
+	<script src="/gun.js"></script>
+	<script src="/gun/nts.js"></script>
+	<script>
+		window.gun = Gun(location.origin+'/gun');
+		requestAnimationFrame(function now(){
+			requestAnimationFrame(now);
+			var time = new Date(Gun.state());
+			var print = time.toLocaleString() +' '+ (time.getMilliseconds()/1000).toFixed(3).slice(1);
+			when.innerHTML = print;
+		});
+	</script>
+</html>

+<html>
+	<head>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	</head>
+	<div id="area">
+		<div id="me" class="ship">
+			<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/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.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){
+			//e.preventDefault();
+			var key = e.keyCode, me;
+			game.keys[key = game.keys[key]] = true;
+			if(!(me = game.me)){ return }
+			me.last = game.now;
+			if('space' === key){ game.shoot(game.me) }
+		});
+		$(document).on('keyup', function(e){
+			//e.preventDefault();
+			game.sync();
+			game.keys[game.keys[e.keyCode]] = false;
+		});
+		game.shoot = function(ship, when){
+			if(!ship || ship.l){ return }
+			if(!when && ship.gun && ship.data){
+				ship.data.l = game.now;
+				game.sync(true);
+				return;
+			}
+			if(when + 250 < game.now){ return }
+			ship.l = true;
+			ship.$.children('.laser').show();
+			setTimeout(function(){
+				ship.$.children('.laser').hide();
+				setTimeout(function(){
+					ship.l = false;
+				}, 250);
+			}, 250 - (game.now - when));
+		}
+		game.ship = function(d, el){
+			if(!d){ // spawn our ship
+				var id = Gun.text.random(1, 'abcdefghijklmno');
+				game.me = game.ships[id] = {data: d = {id: id, t: game.now}};
+				game.me.gun = game.gun.get('players').get(d.id).put(d);
+				return;
+			}
+			if(!d.id){ return }
+		  if(!game.ships[d.id]){
+				game.ships[d.id] = {};
+		  }
+		  var s = game.ships[d.id];
+			s.t = d.t || (d.t = 0);
+		  s.x = d.x || (d.x = game.area.x * Math.random());
+			s.y = d.y || (d.y = game.area.y * Math.random());
+			s.r = d.r || (d.r = 0);
+			s.vx = d.vx || (d.vx = 0);
+			s.vy = d.vy || (d.vy = 0);
+			s.vr = d.vr || (d.vr = 0);
+			s.ax = s.ax || 0;
+			s.ay = s.ay || 0;
+			s.ar = s.ar || 0;
+		  s.data = d;
+			s.$ = s.$ || (s.gun? ($('#me'))
+			: $('#me').clone(true).attr('id', d.id).appendTo('#area'));
+			if(!s.l){
+				game.shoot(s, d.l);
+			}
+			s.frame = s.frame || function(t, now){
+				if(s.gun){
+					s.fly(t, now);
+				}
+				if(s.calc(t, now)){ return }
+				s.draw();
+			}
+			var keys = game.keys;
+			var area = game.area;
+			s.fly = s.fly || function(t, now){
+				if(keys.left){
+		      s.r += -6;
+		    } else
+		    if(keys.right) {
+		      s.r += 6;
+		    }
+		    if(keys.up){
+		      var rad = ((s.r - 90) * Math.PI)/180;
+		      s.ax = 0.0001 * Math.cos(rad);
+		      s.ay = 0.0001 * Math.sin(rad);
+		    } else {
+		      s.ax = 0;
+		      s.ay = 0;
+		    }
+
+		    Gun.obj.map(game.ships, function(ship){
+		    	if(ship.gun){ return }
+		    	if(!ship.l){ return }
+		    	if(ship.x-50 <= s.x && s.x <= ship.x+50
+		    	&& ship.y-50 <= s.y && s.y <= ship.y+50){
+		    		s.data.t = -1;
+		    		game.sync(true);
+		    		s.boom = true;
+		    	}
+		    });
+
+		    s.vx += s.ax * t;
+		    s.x += s.vx * t;
+		    s.vy += s.ay * t;
+		    s.y += s.vy * t;
+		    var data = s.data;
+		    if(!data){ return }
+		    data.r = s.r;
+		    data.vx = s.vx;
+		    data.x = s.x;
+		    data.vy = s.vy;
+		    data.y = s.y;
+		    if(data.t < 0){ return }
+		    data.t = now;
+		    s.t = data.t;
+			}
+			s.calc = s.calc || function(t, now){
+		    var d = s.data;
+		    var dt = (now - d.t) || 0;
+		    if(dt > 30 * 1000){
+		    	Gun.obj.del(game.ships, d.id);
+		    	s.$.remove();
+		    	return true;
+		    }
+		    if(!d){ return }
+		    var speed = Math.sqrt(d.vx * d.vx + d.vy * d.vy);
+		    if(speed > 0.15){
+		    	s.vy = d.vy = d.vy / speed * 0.15;
+		    	s.vx = d.vx = d.vx / speed * 0.15;
+		    }
+		    s.x = d.x + d.vx * dt;
+		    s.y = d.y + d.vy * dt;
+		    
+		    s.x = s.x % area.x;
+		    if(s.x < 0){
+		      s.x += area.x;
+		    }
+		    s.y = s.y % area.y;
+		    if(s.y < 0){
+		      s.y += area.y;
+		    }
+			}
+			s.draw = s.draw || function(){
+		    s.css = 'rotate('+s.r+'deg)';
+		    s.$.css({left: s.x, top: s.y, transform: s.css});
+		  }
+			return s;
+		}
+		localStorage.clear();
+		game.sync = function(shoot){
+			var me = game.me;
+			if(!me || me.boom){ return }
+			var keys = game.keys;
+			if(shoot || keys.up || keys.right || keys.left || keys.down){
+				var data = Gun.obj.to(me.data);
+				data.x = data.x / game.area.x;
+				data.y = data.y / game.area.y;
+				me.gun.put(data);
+			}
+		}
+		game.frame = window.requestAnimationFrame || setTimeout;
+		game.resize = function(){
+			game.area.x = $('#area').innerWidth();
+			game.area.y = $('#area').innerHeight();
+		}
+		$(window).on('resize', game.resize);
+		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;
+				data.y = data.y * game.area.y;
+				data.id = data.id || id;
+				game.ship(data);
+			});
+			var frame = game.frame, ships = game.ships;
+			var last = game.now, now, diff, delta;
+			setInterval(game.sync, 99);
+			frame(function next(t){
+				frame(next, 1000/60);
+		    now = game.now = Gun.state();
+		    diff = now - last;
+		    last = now;
+		    Gun.obj.map(ships, function(ship){
+		    	if(!ship.frame){ return }
+					ship.frame(diff, now);
+		    });
+			}, 1000/60);
+		}
+		$(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('rtc') >= 0){
+				if(!this._send){ return }
+				return this._send(raw);
+			}
+		}
+	</script>
+	<style>
+		html, body {
+			margin: 0;
+			padding: 0;
+			background: #111;
+		}
+		html, body, div {
+			position: relative;
+		}
+		#area {
+		  width: 95%;
+		  width: 1024px;
+		  height: 768px;
+		  margin: 0 auto;
+		  background: black;
+		  overflow: hidden;
+		}
+		.ship {
+			position: absolute;
+			width: 0px;
+			height: 0px;
+			border-left: 5px solid transparent;
+			border-right: 5px solid transparent;
+			border-bottom: 15px solid red;
+			transform-origin: 50% 50%;
+			color: white;
+		}
+		#me {
+			border-bottom: 15px solid limegreen;
+		}
+		.boom {
+			border: 1vmax dotted yellow;
+			border-bottom: 1vmax dotted yellow;
+			height: 5vmax;
+			width: 1vmax;
+		}
+		.laser {
+			display: none;
+			position: relative;
+			background: transparent;
+			border: 2px dotted yellow;
+			height: 100px;
+			width: 100px;
+			top: -50px;
+			left: -50px;
+		}
+	</style>
+</html>
\ No newline at end of file

+console.log("If module not found, install hapi globally `npm i hapi inert -g`!")
+
+const Hapi  = require('hapi')
+const Inert = require('inert')
+const Gun   = require('..')
+
+const server = new Hapi.Server({
+  port: 8765,
+  host: 'localhost',
+  routes: {
+    files: {
+      relativeTo: require('path').join(__dirname, '..')
+    }
+  }
+})
+
+async function runtime() {
+  
+  const db = new Gun({
+    web: server.listener,
+    file: 'data.json'
+  })
+
+  await server.register(Inert)
+
+  server.route({
+    method: 'GET',
+    path: '/gun.js',
+    handler: {
+      file:  'gun.min.js'
+    }
+  })
+
+  server.route({
+    method: 'GET',
+    path: '/gun/nts.js',
+    handler: {
+      file:  'nts.js'
+    }
+  })
+
+  server.route({
+    method: 'GET',
+    path: '/{param*}',
+    handler: {
+      directory: {
+        path: __dirname,
+        redirectToSlash: true,
+        index: true
+      }
+    }
+  })
+
+  await server.start()
+  console.log('Server running at:', server.info.uri)
+}
+
+runtime()

+;(function(){
+	var cluster = require('cluster');
+	if(cluster.isMaster){
+	  return cluster.fork() && cluster.on('exit', function(){ cluster.fork(); require('../lib/crashed'); });
+	}
+
+	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')
+
+	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');
+
+	module.exports = gun;
+}());
\ No newline at end of file

+<html>
+  <head>
+    <title>gun examples</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  
+	<body>
+		<!-- h1>Examples Directory <button style="float: right;" onclick="localStorage.clear()">Clear Local Storage</button></h1 -->
+		<style>
+			html, body {
+				margin: 0;
+				padding: 0;
+			}
+			iframe {
+				width: 100%;
+				height: 50%;
+				border: none;
+				b-order-top: ridge 2em skyblue;
+				border: none;
+			}
+		</style>
+		<a href="/todo/index.html"><iframe src="/todo/index.html" style="height: 100%;"></iframe></a>
+		<!-- a href="/json/index.html"><iframe src="/json/index.html"></iframe></a -->
+		<!-- a href="/chat/index.html"><iframe src="/chat/index.html"></iframe></a --> <!-- removing until DOM bug fixed -->
+		<!-- script src="../gun.js"></script -->
+	</body>
+</html>

+#!/bin/bash
+
+# README
+# This will install nodejs and npm on your system,
+# should work on most places other than Windows.
+# Copy paste and run each line into your terminal.
+# If you are on Windows, http://nodejs.org/download/ has
+# an installer that will automatically do it for you.
+# curl -o- https://raw.githubusercontent.com/amark/gun/master/examples/install.sh | bash
+
+#debian/ubuntu
+su -
+apt-get install sudo -y
+sudo apt-get update -y
+sudo apt-get install curl git git-core -y
+#fedora/openSUSE
+sudo yum check-update -y
+sudo yum install curl git git-core -y
+
+# install nodejs
+git clone http://github.com/isaacs/nave.git
+sudo ./nave/nave.sh usemain stable
+# If you just want nodejs and npm but not gun, stop here.
+
+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 `8765` for development purposes.

+<!DOCTYPE html>
+<html>
+	<head>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<script src="../../gun.js"></script>
+	</head>
+	<body>
+		<h3>Admin JSON Editor</h3>
+		This is a live view of your data, you can edit it in realtime or add new field/values.
+		<ul id="data">
+		</ul>
+		<li id="model">
+			<b>field</b>:
+			<span contenteditable="true">val</span>
+		</li>
+		<ul><li>
+			<form id="form">
+				<label>
+					<input id="field" placeholder="field">
+					<button type="submit">add</button>
+				</label>
+			</form>
+		</li></ul>
+		<script> // minimal jQuery polyfill
+			var $ = function(s, e){ return (e || document).querySelector(s) }
+			function clean(text){ return String(text).replace(/\</ig, '&lt;') }
+		</script>
+		<script>
+			var gun = Gun(location.origin + '/gun');
+			var ref = gun.get('example/json/data');
+			$('#form').onsubmit = function(e){
+				return ref.path( clean($('#field').value) ).put("value"), false; // add a new field, and cancel the form submit.
+			}
+			document.onkeyup = function(e){
+				if(!e || !e.target){ return } // ignore if no element!
+				if(!e.target.attributes.contenteditable){ return } // ignore if element content isn't editable!
+				console.log("save to", e.target.previousElementSibling.innerHTML, ":", e.target.innerHTML);
+				ref.path(clean(e.target.previousElementSibling.innerHTML)) // grab the label, which is in the previous element.
+				   .put( clean(e.target.innerHTML) ); // insert the value of the text in the current element.
+			}
+			ref.on(function(json){
+				var data = Gun.obj.copy(json); // make a snapshot!
+				delete data._; // skip meta data!
+				for(var field in data){
+					var val = String(data[field]), id = field.replace(/[^A-z]/ig, ''), elem; // make data safe.
+					(elem = $('#' + id) || $('#data').appendChild($('#model').cloneNode(true))).id = id; // reuse or make element, set id.
+					$('b', elem).innerHTML = clean(field); // escape and display field
+					$('span', elem).innerHTML = clean(val); // escape and display value
+				}
+			});
+		</script>
+		<style>
+			html, body {
+				font-family: Verdana, Geneva, sans-serif;
+			}
+			a, button {
+				border: none;
+				color: skyblue;
+				background: transparent;
+				text-decoration: none;
+				cursor: poiner;
+			}
+			ul, li {
+				list-style-type: none;
+			}
+			ul:hover, li:hover {
+				list-style-type: inherit;
+			}
+			input {
+				border: none;
+				border-bottom: dashed 1px gainsboro;
+			}
+			.none, #model {
+				display: none;
+			}
+		</style>
+	</body>
+</html>

+<!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>
\ No newline at end of file

+{
+  "presets": ["module:metro-react-native-babel-preset"]
+}

+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

+[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

+*.pbxproj -text

+{}
\ No newline at end of file

+# 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 ;/).
\ No newline at end of file

+# 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",
+    ],
+)

+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'
+}

+# 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 *;
+#}

+<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>

+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";
+    }
+}

+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);
+  }
+}

+<resources>
+    <string name="app_name">GunDemo</string>
+</resources>

+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+    </style>
+
+</resources>

+// 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")
+}

+# 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

+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

+#!/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" "$@"

+@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

+keystore(
+    name = "debug",
+    properties = "debug.keystore.properties",
+    store = "debug.keystore",
+    visibility = [
+        "PUBLIC",
+    ],
+)

+key.store=debug.keystore
+key.alias=androiddebugkey
+key.store.password=android
+key.alias.password=android

+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'

+{
+  "name": "GunDemo",
+  "displayName": "GunDemo"
+}
\ No newline at end of file

+/** @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;

+<?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>

+<?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>