Mark Nadal amark

## sandbox.js
// TEMPORARY TEST FILE TO DELETE!
/* HOW IT WORKS:
........_______________.
APP -> | SECURE RENDER | <-> DATA
........---------------.
The app ONLY feeds *in* view logic.
Secure Render NEVER sends back or up.
*/
;(function(){
var i = document.createElement('iframe');

## test.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div id="a">a</div>
    <div id="b">b</div>

## panic-chat.js
var config = {
	IP: require('ip').address(),
	port: 8765,
	servers: 1,
	browsers: 3,
	each: 1500,
	wait: 1,
	route: {
		'/': __dirname + '/index.html',
		'/gun.js': __dirname + '/../../gun.js',

## meething.html
<!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="https://cdn.jsdelivr.net/npm/gun/examples/style.css">
<script src="https://cdn.jsdelivr.net/npm/gun/examples/jquery.js"></script>

<title>Secure Branded Video Conferencing</title>
<link rel="icon" href="./media/icon.png">

## player.html
<script src="https://cdnjs.cloudflare.com/ajax/libs/tone/13.8.12/Tone.js"></script>
<textarea id="foo" style="width: 100%; height: 100%;">this track continues into the new line &
here
but this is a different track playing simultaneously with first.</textarea>
<script>;(function(){

foo.onmouseup = function(){ play(foo.value) }

window.play = function play(S){
	var N = [], f = true;

## search.html
<h1>Search</h1>

<form id="ask">
  <input id="search" placeholder="search..." autocomplete="off">
</form>

<div id="answer"></div>
<ul></ul>

<small>Note: No data is indexed by default, you need to add some!</small>

## tables.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>

## migrate.js
function migrateCBCaccount(alias, pass, g, G){
	G = G || window.Gun;
	g = g || window.gun;
	g.get('~@'+alias).map().once(async function(data){
		var proof = await G.SEA.work(pass, data.auth.s);
		var sea = await G.SEA.decrypt(data.auth.ek, proof, null, {name: "AES-CBC"});
		if(!sea){
			alert("Error: Could not decrypt old key for one of the accounts. Please try again.");
			return;
		}

## reset.html
<script>
	$.as.route.page('settings', () => {
		if(!S.user.is){ return $.as.route('hi') }
		$.as('#settings', S.user);

		;(() => {
			$('#pet').on('keyup', function(){ $('.pet').text(this.value.length + ' letters.') });
			$('#kiss').on('keyup', function(){ $('.kiss').text(this.value.length + ' letters.') });

			S.user.get('settings').get('pet').on(function(l){ $('#pet').val(Gun.text.random(l, '*')) });

## li.html
<html><body>
<style>
  html, body {
    background: rgb(245, 245, 245);
    margin: 0;
    padding: 0;
  }
  div {
    position: relative;
    overflow: hidden;
	// TEMPORARY TEST FILE TO DELETE!
	/* HOW IT WORKS:
	........_______________.
	APP -> \| SECURE RENDER \| <-> DATA
	........---------------.
	The app ONLY feeds in view logic.
	Secure Render NEVER sends back or up.
	*/
	;(function(){
	var i = document.createElement('iframe');
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	<div id="a">a</div>
	<div id="b">b</div>
	var config = {
	IP: require('ip').address(),
	port: 8765,
	servers: 1,
	browsers: 3,
	each: 1500,
	wait: 1,
	route: {
	'/': __dirname + '/index.html',
	'/gun.js': __dirname + '/../../gun.js',
	<script src="https://cdnjs.cloudflare.com/ajax/libs/tone/13.8.12/Tone.js"></script>
	<textarea id="foo" style="width: 100%; height: 100%;">this track continues into the new line &
	here
	but this is a different track playing simultaneously with first.</textarea>
	<script>;(function(){

	foo.onmouseup = function(){ play(foo.value) }

	window.play = function play(S){
	var N = [], f = true;
	<h1>Search</h1>

	<form id="ask">
	<input id="search" placeholder="search..." autocomplete="off">
	</form>

	<div id="answer"></div>
	<ul></ul>

	<small>Note: No data is indexed by default, you need to add some!</small>
	<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>
	function migrateCBCaccount(alias, pass, g, G){
	G = G \|\| window.Gun;
	g = g \|\| window.gun;
	g.get('~@'+alias).map().once(async function(data){
	var proof = await G.SEA.work(pass, data.auth.s);
	var sea = await G.SEA.decrypt(data.auth.ek, proof, null, {name: "AES-CBC"});
	if(!sea){
	alert("Error: Could not decrypt old key for one of the accounts. Please try again.");
	return;
	}
	<script>
	$.as.route.page('settings', () => {
	if(!S.user.is){ return $.as.route('hi') }
	$.as('#settings', S.user);

	;(() => {
	$('#pet').on('keyup', function(){ $('.pet').text(this.value.length + ' letters.') });
	$('#kiss').on('keyup', function(){ $('.kiss').text(this.value.length + ' letters.') });

	S.user.get('settings').get('pet').on(function(l){ $('#pet').val(Gun.text.random(l, '*')) });
	<html><body>
	<style>
	html, body {
	background: rgb(245, 245, 245);
	margin: 0;
	padding: 0;
	}
	div {
	position: relative;
	overflow: hidden;