initial

Makefile

@@ -0,0 +1,14 @@
+
+prod: build
+	@NODE_ENV=production node app
+
+build:
+	@component-build -vc --use component-minify
+
+dev-build:
+	@component-build -dvc
+
+clean:
+	@rm -rf build
+
+.PHONY: clean

Readme.md

@@ -0,0 +1,8 @@
+
+# wavep0t
+
+the original wavepot (^:
+
+## License
+
+MIT

about.css

@@ -0,0 +1,23 @@
+
+/* about */
+
+#about h1 {
+  margin-top: 2px;
+  font-family: Medula One;
+  font-size: 26pt;
+  font-weight: normal;
+  letter-spacing: 0px;
+  color: #61CCE0;
+  -webkit-transform: scale(1.57, 1);
+  transform: scale(1.57, 1);
+}
+
+.about {
+  margin-bottom: 65px;
+}
+
+.about-logo {
+  margin-top: -40px;
+  margin-bottom: -65px;
+  margin-left: -1px;
+}

about.html

@@ -0,0 +1,15 @@
+
+<div class="about">
+  <center>
+    <div class="about-logo"></div>
+
+    <h1>wavepot</h1>
+
+    <p class="details tagline">
+      the digital audio workstation of the web
+    </p>
+    <p class="details">
+      <a target="_blank" href="https://groups.google.com/forum/#!forum/wavepot">mailing list</a><br><a href="#" class="fundraiser">fundraiser</a><br><a target="_blank" href="https://news.ycombinator.com/item?id=7905910">hn discussion</a>
+    </p>
+  </center>
+</div>

about.js

@@ -0,0 +1,62 @@
+
+var ejs = require('ejs');
+var Logo = require('logo-wavepot');
+var modal = require('modal');
+var utils = require('./utils');
+var createElement = utils.createElement;
+
+var tmpl = {
+  about: require('./about.html')
+};
+
+var about = module.exports = {};
+
+about.show = show;
+about.active = null;
+
+function show(){
+  if (about.active) return;
+
+  var fund = require('./fund');
+  if (fund.active) {
+    fund.modal.once('hide', about.show.bind(about));
+    fund.modal.hide();
+    return;
+  }
+
+  about.active = true;
+
+  var el = createElement('about', 'modal');
+
+  el.innerHTML = tmpl.about;
+
+  var logo = new Logo(0.5);
+  logo.svg.setAttribute('width', '310px');
+  logo.svg.setAttribute('height', '210px');
+  logo.svg.setAttribute('viewBox', '0 0 60 50');
+  logo.svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
+  logo.pot.setAttribute('stroke-width', 2.75);
+  logo.pot.setAttribute('stroke-linecap', 'butt');
+  logo.wave.setAttribute('stroke-width', 2.75);
+  logo.wave.setAttribute('stroke-linecap', 'butt');
+  query('.about-logo').appendChild(logo.el);
+
+  query('a.fundraiser').onclick = function(ev){
+    ev.preventDefault();
+    fund.show('milestone I');
+    return false;
+  };
+
+  about.modal = modal(el)
+    .overlay()
+    .closeable()
+    .effect('fade-and-scale')
+    .show()
+    .on('hide', function(){
+      about.active = null;
+    });
+
+  function query(sel){
+    return el.querySelector(sel);
+  }
+}

app.js

@@ -0,0 +1,57 @@
+process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
+
+var http = require('http');
+var express = require('express');
+var coinvert = require('coinvert');
+
+var coins;
+var wallets = {
+  doge: 'D6xTowCVvwtNpQe9dKhHH164brvCVapxNr',
+  btc: '1K3Vs8tPu2YkAoWmrkjUQVJuxr7wgPP3Wf'
+};
+var targetUsd = 2000;
+
+var app = express();
+
+app.use(express.logger());
+app.use(express.compress());
+app.use(express.static(__dirname + '/public'));
+app.use(express.static(__dirname + '/build'));
+app.use(express.static(__dirname + '/public/library'));
+app.use(express.directory(__dirname + '/public/library'));
+
+app.get('/campaign', function(req, res){
+  res.json({
+    targetUsd: targetUsd,
+    wallets: wallets,
+    usd: coins.usd
+  });
+});
+
+// always serve index.html
+app.get('*', function(req, res){
+  res.sendfile('/index.html', { root: __dirname + '/public' });
+});
+
+function updateWallets(){
+  coinvert(targetUsd, wallets, function(err, data){
+    console.log('got coin data');
+    console.log(data);
+
+    setTimeout(updateWallets, 1000 * 60);
+
+    if (err) {
+      console.error(err.stack);
+      return;
+    }
+
+    coins = data;
+  });
+}
+
+updateWallets();
+
+var server = http.createServer(app);
+server.listen(3333, 'localhost', function(){
+  console.log('server listening');
+});

campaigns.js

@@ -0,0 +1,47 @@
+
+var qr = require('qr-code');
+var ajax = require('ajax');
+var currency = require('currency');
+
+ajax.getJSON('/campaign', function(res){
+  campaigns[0].pledged = res.usd;
+  campaigns[0].target = res.targetUsd;
+  campaigns[0].wallets.bitcoin.address = res.wallets.btc;
+  campaigns[0].wallets.dogecoin.address = res.wallets.doge;
+  updateCampaigns();
+});
+
+var campaigns = [
+  {
+    name: 'milestone I',
+    pledged: 0,
+    target: 2000,
+    wallets: {
+      bitcoin: {
+        address: ''
+      },
+      dogecoin: {
+        address: ''
+      }
+    },
+    dogetails: "many modules ,such abstract! import wow !! plerdge woof!",
+    details:
+        "help fund the development of milestone I to enable:<br> "
+      + "user profiles, project saving & sharing, module library, "
+      + "audio record & download, code export, debug console and settings."
+  }
+];
+
+function updateCampaigns(){
+  campaigns.forEach(function(c){
+    c.percentage = Math.floor(c.pledged / c.target * 100);
+
+    c.wallets.bitcoin.uri = 'bitcoin:' + c.wallets.bitcoin.address;
+    c.wallets.bitcoin.qrcode = qr(c.wallets.bitcoin.uri, { margin: 10, level: 'Q' });
+
+    c.wallets.dogecoin.uri = 'dogecoin:' + c.wallets.dogecoin.address;
+    c.wallets.dogecoin.qrcode = qr(c.wallets.dogecoin.uri, { margin: 10, level: 'Q' });
+  });
+}
+
+module.exports = campaigns;

component.json

@@ -0,0 +1,56 @@
+{
+  "name": "wavepot",
+  "version": "0.0.0",
+  "description": "webaudio digital audio workstation",
+  "keywords": [],
+  "private": true,
+  "author": "stagas",
+  "license": "Commercial",
+  "dependencies": {
+    "component/emitter": "*",
+    "component/debounce": "*",
+    "ForbesLindesay/ajax": "*",
+    "MatthewMueller/qr-code": "*",
+    "segmentio/modal": "*",
+    "btknorr/ejs": "*",
+    "yields/k": "*",
+    "yields/currency": "*",
+    "yields/load-image": "*",
+    "stagas/webaudio-dsp": "*",
+    "stagas/oscilloscope": "*",
+    "stagas/logo-wavepot": "*",
+    "stagas/worker-fork": "*",
+    "stagas/treeview": "*"
+  },
+  "development": {
+    "stagas/watch-js": "*"
+  },
+  "styles": [
+    "icon.css",
+    "style.css",
+    "toolbar.css",
+    "sidebar.css",
+    "modal.css",
+    "about.css",
+    "fund.css"
+  ],
+  "scripts": [
+    "index.js",
+    "utils.js",
+    "sublime.js",
+    "toolbar.js",
+    "sidebar.js",
+    "campaigns.js",
+    "fund.js",
+    "about.js"
+  ],
+  "templates": [
+    "fund.html",
+    "fundlist.html",
+    "about.html"
+  ],
+  "files": [
+    "img/bitcoin_32.png",
+    "img/dogecoin_32.png"
+  ]
+}

components/anthonyshort-after-transition/component.json

@@ -0,0 +1,17 @@
+{
+  "name": "after-transition",
+  "repo": "anthonyshort/after-transition",
+  "description": "Fire a callback after a transition or immediately if the browser does not support transitions",
+  "version": "0.0.4",
+  "keywords": [],
+  "dependencies": {
+    "anthonyshort/has-transitions": "0.3.0",
+    "anthonyshort/css-emitter": "0.1.1"
+  },
+  "development": {},
+  "license": "MIT",
+  "main": "index.js",
+  "scripts": [
+    "index.js"
+  ]
+}

components/anthonyshort-after-transition/index.js

@@ -0,0 +1,18 @@
+var hasTransitions = require('has-transitions');
+var emitter = require('css-emitter');
+
+function afterTransition(el, callback) {
+  if(hasTransitions(el)) {
+    return emitter(el).bind(callback);
+  }
+  return callback.apply(el);
+};
+
+afterTransition.once = function(el, callback) {
+  afterTransition(el, function fn(){
+    callback.apply(el);
+    emitter(el).unbind(fn);
+  });
+};
+
+module.exports = afterTransition;

components/anthonyshort-css-emitter/component.json

@@ -0,0 +1,21 @@
+{
+  "name": "css-emitter",
+  "repo": "anthonyshort/css-emitter",
+  "description": "fire events on css transition and animation completion",
+  "version": "0.1.1",
+  "keywords": [
+    "css",
+    "emitter",
+    "events",
+    "transition",
+    "animation"
+  ],
+  "dependencies": {
+    "component/emitter": "*",
+    "component/event": "*"
+  },
+  "license": "MIT",
+  "scripts": [
+    "index.js"
+  ]
+}