Integrate React and prepare state management for multiple channels and patterns

tasks/assets.ts

@@ -1,43 +0,0 @@
-import * as http from "http";
-import * as https from "https";
-import * as fs from "fs";
-import * as path from "path";
-
-const root = `${path.dirname(process.argv[1])}/..`;
-const assets = `${root}/assets`;
-
-function download(filename: string, url: string): void {
-    var file = fs.createWriteStream(filename);
-    var protocol = url.startsWith("https://") ? https : http;
-    protocol.get(url, response => {
-        response.pipe(file);
-    });
-}
-
-if (!fs.existsSync(assets)) {
-    fs.mkdirSync(assets);
-}
-download(
-    `${assets}/md-icons.css`,
-    "https://fonts.googleapis.com/icon?family=Material+Icons"
-);
-download(
-    `${assets}/material.indigo-pink.min.css`,
-    "https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"
-);
-download(
-    `${assets}/material.min.js`,
-    "https://code.getmdl.io/1.3.0/material.min.js"
-);
-download(
-    `${assets}/mdl-selectfield.min.css`,
-    "https://cdn.rawgit.com/kybarg/mdl-selectfield/mdl-menu-implementation/mdl-selectfield.min.css"
-);
-download(
-    `${assets}/mdl-selectfield.min.js`,
-    "https://cdn.rawgit.com/kybarg/mdl-selectfield/mdl-menu-implementation/mdl-selectfield.min.js"
-);
-download(
-    `${assets}/dialog-polyfill.min.css`,
-    "https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.5.0/dialog-polyfill.min.css"
-);

tasks/deploy.ts

@@ -1,5 +1,5 @@
-import * as ghPages from "gh-pages";
-import * as path from "path";
+import ghPages from "gh-pages";
+import path from "path";
 
 const root = `${path.dirname(process.argv[1])}/..`;
 
@@ -8,9 +8,8 @@ ghPages.publish(
     {
         "src": [
             "index.html",
-            "index.css",
-            "assets/*.css",
-            "assets/*.js",
+            "public/*.css",
+            "public/*.js",
             "audio/**/*.ogg",
         ]
     },

tasks/samples.ts

@@ -1,8 +1,8 @@
-import * as fs from "fs";
-import * as path from "path";
-import * as process from "process";
-import * as child_process from "child_process";
-import * as yaml from "js-yaml";
+import fs from "fs";
+import path from "path";
+import process from "process";
+import child_process from "child_process";
+import yaml from "js-yaml";
 import { InstrumentData, notes } from "../src/index";
 
 if (process.argv.length < 3) {