publish: 📺 lip service modularization to get things working

generated from commit 43f98d98fc

bundle.js

@@ -6700,26 +6700,137 @@ yeast.decode = decode;
 module.exports = yeast;
   })();
 });
-require.register("initialize.js", function(exports, require, module) {
+require.register("application.js", function(exports, require, module) {
 'use strict';
 
 const io = require('socket.io-client');
 
-var socket = io("https://insight.dash.org:443/");
+var App = {
-var transactionList = document.getElementById('transactionList');
+  init: function init() {
-var muteButton = document.getElementById('muteToggle');
+    var socket = io("https://insight.dash.org:443/");
-var muted = false;
+    var transactionList = document.getElementById('transactionList');
-var audioContext;
+    var muteButton = document.getElementById('muteToggle');
-var audioGainNode;
+    var muted = false;
-var backgroundSound;
+    var audioContext;
-var soundBuffers = {
+    var audioGainNode;
+    var backgroundSound;
+    var soundBuffers = {
       'tx': null,
       'block': null
-};
+    };
-var domRefList = [];
+    var domRefList = [];
-window.addEventListener('load', init, false);
+
+    function loadSound(url, bufferName, callback) {
+      var request = new XMLHttpRequest();
+      request.open('GET', url, true);
+      request.responseType = 'arraybuffer';
+
+      // Decode asynchronously
+      request.onload = function() {
+        audioContext.decodeAudioData(request.response, function(buffer) {
+          soundBuffers[bufferName] = buffer;
+          if (callback) {
+            callback();
+          }
+        });
+        console.log('Loaded ' + url + ' as "' + bufferName + '"');
+      }
+      request.send();
+    }
+
+    function playSound(bufferName, playbackRate) {
+      if (muted === true) {
+        return;
+      }
+      var source = audioContext.createBufferSource();
+      source.buffer = soundBuffers[bufferName];
+      source.connect(audioGainNode);
+      source.playbackRate.value = playbackRate;
+      source.start();
+    }
+
+    function playbackRate(value, vMin, vMax, oMin, oMax) {
+      return Math.min(Math.max(oMin,
+        (Math.log(value) - Math.log(vMin)) / (Math.log(vMax) - Math.log(vMin)) * (oMin - oMax) + oMax
+      ), oMax);
+    }
+
+    var toggleMute = function() {
+      muted = !muted;
+      if (localStorage) {
+        localStorage.setItem('muted', muted);
+      }
+      muteButton.className = (muted === true ? 'is-muted' : '');
+      if (muted) {
+        backgroundSound.stop();
+      } else {
+        backgroundSound = audioContext.createBufferSource();
+        backgroundSound.buffer = soundBuffers['background'];
+        backgroundSound.connect(audioGainNode);
+        backgroundSound.loop = true;
+        backgroundSound.start();
+      }
+    }
+
+    var onTransaction = function(data) {
+      console.log(data);
+      if (!muted) {
+        if (data.valueOut < 10) {
+          playSound('tx-sm', playbackRate(data.valueOut, 0.00001, 10, 1, 1.5));
+        } else if (data.valueOut < 1000) {
+          playSound('tx-md', playbackRate(data.valueOut, 10, 1000, 0.5, 1));
+        } else if (data.valueOut >= 1000) {
+          playSound('tx-lg', playbackRate(data.valueOut, 6000, 1000, 0.25, 1));
+        }
+      }
+      var tx = document.createElement('div');
+      tx.className = 'tx';
+      var txValue = document.createElement('a');
+      txValue.className = 'txValue';
+      txValue.href = 'https://blockchain.masternode.io/tx/' + data.txid;
+      txValue.target = '_blank';
+      txValue.setAttribute('rel', 'noopener');
+      var txOutputs = document.createElement('div');
+      txOutputs.className = 'txOutputs';
+      txOutputs.style.height = (data.valueOut / 10 + 0.1) + 'em'
+      txValue.appendChild(document.createTextNode(data.valueOut));
+      tx.appendChild(txValue);
+      tx.appendChild(txOutputs);
+      var transactions = data.vout;
+    //    var transactions = data.vout.sort(function(a, b) { // sort descending by tx value
+    //      return b[Object.keys(b)[0]] - a[Object.keys(a)[0]];
+    //    });
+      transactions.forEach(function(value, index, array) {
+        var txOut = document.createElement('div');
+        var outputSatoshis = value[Object.keys(value)[0]];
+        txOut.className = 'txOut';
+        txOut.style.width = (outputSatoshis * 0.00001).toFixed(4) + 'px';
+        txOut.title = (value[Object.keys(value)[0]] * 0.00000001);
+        txOutputs.appendChild(txOut);
+      });
+      if (domRefList.unshift(tx) > 300) {
+        var toDelete = domRefList.pop();
+        toDelete.remove();
+      }
+      transactionList.insertBefore(tx, transactionList.firstChild);
+    };
+
+    var onBlock = function(data) {
+      console.log(data);
+      playSound('block', 1);
+      var newBlock = document.createElement('a');
+      newBlock.className = 'blockDivider';
+      newBlock.href = 'https://blockchain.masternode.io/block/' + data;
+      newBlock.target = '_blank';
+      newBlock.setAttribute('rel', 'noopener');
+      newBlock.appendChild(document.createTextNode(data));
+      if (domRefList.unshift(newBlock) > 300) {
+        var toDelete = domRefList.pop();
+        toDelete.remove();
+      }
+      transactionList.insertBefore(newBlock, transactionList.firstChild);
+    };
 
-function init() {
     if (localStorage) {
       muted = localStorage.getItem('muted');
       if (muted === null) {
@@ -6776,119 +6887,10 @@ function init() {
     socket.on('reconnecting', function() {
       document.getElementById('connectionStatus').className = 'is-connecting';
     });
-}
-
-function loadSound(url, bufferName, callback) {
-  var request = new XMLHttpRequest();
-  request.open('GET', url, true);
-  request.responseType = 'arraybuffer';
-
-  // Decode asynchronously
-  request.onload = function() {
-    audioContext.decodeAudioData(request.response, function(buffer) {
-      soundBuffers[bufferName] = buffer;
-      if (callback) {
-        callback();
-      }
-    });
-    console.log('Loaded ' + url + ' as "' + bufferName + '"');
-  }
-  request.send();
-}
-
-function playSound(bufferName, playbackRate) {
-  if (muted === true) {
-    return;
-  }
-  var source = audioContext.createBufferSource();
-  source.buffer = soundBuffers[bufferName];
-  source.connect(audioGainNode);
-  source.playbackRate.value = playbackRate;
-  source.start();
-}
-
-function playbackRate(value, vMin, vMax, oMin, oMax) {
-  return Math.min(Math.max(oMin,
-    (Math.log(value) - Math.log(vMin)) / (Math.log(vMax) - Math.log(vMin)) * (oMin - oMax) + oMax
-  ), oMax);
-}
-
-var toggleMute = function() {
-  muted = !muted;
-  if (localStorage) {
-    localStorage.setItem('muted', muted);
-  }
-  muteButton.className = (muted === true ? 'is-muted' : '');
-  if (muted) {
-    backgroundSound.stop();
-  } else {
-    backgroundSound = audioContext.createBufferSource();
-    backgroundSound.buffer = soundBuffers['background'];
-    backgroundSound.connect(audioGainNode);
-    backgroundSound.loop = true;
-    backgroundSound.start();
   }
 }
 
-var onTransaction = function(data) {
+module.exports = App;
-  console.log(data);
-  if (!muted) {
-    if (data.valueOut < 10) {
-      playSound('tx-sm', playbackRate(data.valueOut, 0.00001, 10, 1, 1.5));
-    } else if (data.valueOut < 1000) {
-      playSound('tx-md', playbackRate(data.valueOut, 10, 1000, 0.5, 1));
-    } else if (data.valueOut >= 1000) {
-      playSound('tx-lg', playbackRate(data.valueOut, 6000, 1000, 0.25, 1));
-    }
-  }
-  var tx = document.createElement('div');
-  tx.className = 'tx';
-  var txValue = document.createElement('a');
-  txValue.className = 'txValue';
-  txValue.href = 'https://blockchain.masternode.io/tx/' + data.txid;
-  txValue.target = '_blank';
-  txValue.setAttribute('rel', 'noopener');
-  var txOutputs = document.createElement('div');
-  txOutputs.className = 'txOutputs';
-  txOutputs.style.height = (data.valueOut / 10 + 0.1) + 'em'
-  txValue.appendChild(document.createTextNode(data.valueOut));
-  tx.appendChild(txValue);
-  tx.appendChild(txOutputs);
-  var transactions = data.vout;
-//    var transactions = data.vout.sort(function(a, b) { // sort descending by tx value
-//      return b[Object.keys(b)[0]] - a[Object.keys(a)[0]];
-//    });
-  transactions.forEach(function(value, index, array) {
-    var txOut = document.createElement('div');
-    var outputSatoshis = value[Object.keys(value)[0]];
-    txOut.className = 'txOut';
-    txOut.style.width = (outputSatoshis * 0.00001).toFixed(4) + 'px';
-    txOut.title = (value[Object.keys(value)[0]] * 0.00000001);
-    txOutputs.appendChild(txOut);
-  });
-  if (domRefList.unshift(tx) > 300) {
-    var toDelete = domRefList.pop();
-    toDelete.remove();
-  }
-  transactionList.insertBefore(tx, transactionList.firstChild);
-};
-
-var onBlock = function(data) {
-  console.log(data);
-  playSound('block', 1);
-  var newBlock = document.createElement('a');
-  newBlock.className = 'blockDivider';
-  newBlock.href = 'https://blockchain.masternode.io/block/' + data;
-  newBlock.target = '_blank';
-  newBlock.setAttribute('rel', 'noopener');
-  newBlock.appendChild(document.createTextNode(data));
-  if (domRefList.unshift(newBlock) > 300) {
-    var toDelete = domRefList.pop();
-    toDelete.remove();
-  }
-  transactionList.insertBefore(newBlock, transactionList.firstChild);
-};
-
 
 });
 

index.html

@@ -12,5 +12,6 @@
     <div id="transactionList"></div>
 
     <script src="bundle.js"></script>
+    <script>require('application').init();</script>
   </body>
 </html>