Merge pull request #3 from adzialocha/chore/yes-release

Chore: Prepare Y-E-S release

automaton/scripts/index.js

@@ -156,6 +156,10 @@ function initialize() {
   view.changeConnectionState(false, false)
   view.changePattern('')
 
+  if (network.connect(view.getSettings())) {
+    view.changeConnectionState(true, false)
+  }
+
   setTimeout(() => {
     if (isVisualsEnabled) {
       visuals.createUniverses()

automaton/scripts/instrument/SynthesizerInterface.js

@@ -43,13 +43,15 @@ export default class SynthesizerInterface {
     }
 
     const { context, compressorNode } = this.audio
-    const scriptProcessorNode = context.createScriptProcessor(BUFFER_SIZE, 1, 1)
+
+    // We need to bring the script processor node to class scope for safari gc
+    this.scriptProcessorNode = context.createScriptProcessor(BUFFER_SIZE, 1, 1)
 
     // Connect audio nodes
-    scriptProcessorNode.connect(compressorNode)
+    this.scriptProcessorNode.connect(compressorNode)
 
     // Start FM synthesis
-    scriptProcessorNode.onaudioprocess = (event) => {
+    this.scriptProcessorNode.onaudioprocess = event => {
       const buffer = new Float32Array(BUFFER_SIZE)
 
       this.channels.forEach(channel => {
@@ -58,7 +60,12 @@ export default class SynthesizerInterface {
         }
       })
 
-      event.outputBuffer.copyToChannel(buffer, 0, 0)
+      // CopyToChannel is not supported in Safari
+      if ('copyToChannel' in event.outputBuffer) {
+        event.outputBuffer.copyToChannel(buffer, 0, 0)
+      } else {
+        event.outputBuffer.getChannelData(0).set(buffer)
+      }
     }
   }
 

automaton/scripts/view/Settings.js

@@ -14,8 +14,8 @@ function resetStorage() {
 }
 
 const defaultConfiguration = {
-  serverHost: '192.168.178.115',
-  serverPort: 52525,
+  serverHost: window.location.hostname,
+  serverPort: window.location.port,
 }
 
 export default class Settings {

docs/_src/assets/scripts/app.js

@@ -0,0 +1 @@
+console.log('Hello, World!')

docs/_src/assets/styles/app.scss

@@ -0,0 +1,5 @@
+@import 'variables';
+
+@import 'base/reset';
+@import 'base/global';
+@import 'base/typography';

docs/_src/assets/styles/base/global.scss

@@ -0,0 +1,24 @@
+* {
+  &,
+  &:before,
+  &:after {
+    box-sizing: border-box;
+    font-smoothing: antialiased;
+
+    text-rendering: optimizeLegibility;
+  }
+}
+
+::selection {
+  color: $white;
+  background-color: $black;
+
+  text-shadow: none;
+}
+
+html,
+body {
+  font-family: $font-family-regular;
+  font-weight: $font-weight-regular;
+  font-size: $font-size-regular;
+}

docs/_src/assets/styles/base/reset.scss

@@ -0,0 +1,35 @@
+html,
+body,
+div,
+span,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+a,
+img,
+strong,
+ul,
+li,
+article {
+  margin: 0;
+  padding: 0;
+
+  border: 0;
+
+  font: inherit;
+  font-size: 100%;
+
+  vertical-align: baseline;
+}
+
+body {
+  line-height: 1;
+}
+
+ul {
+  list-style: none;
+}

docs/_src/assets/styles/base/typography.scss

@@ -0,0 +1,12 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: $font-weight-heavy;
+}
+
+strong {
+  font-weight: $font-weight-heavy;
+}

docs/_src/assets/styles/variables.scss

@@ -0,0 +1,13 @@
+// colors
+
+$black: #000;
+$white: #fff;
+
+// fonts
+
+$font-family-regular: 'Roboto Mono', monospace;
+
+$font-weight-regular: 400;
+$font-weight-heavy: 700;
+
+$font-size-regular: 16px;

docs/_src/data.json

@@ -0,0 +1,31 @@
+{
+  "meta": {
+    "version": "0.1.0",
+    "title": "Static page",
+    "url": "https://staticpage.com",
+    "year": 2017,
+    "description": "Static page",
+    "image": {
+      "src": "https://staticpage.com/assets/images/bg.jpg",
+      "width": "1200",
+      "height": "1200",
+      "type": "image/jpeg"
+    },
+    "charset": "utf-8",
+    "favicon": "/assets/images/favicon.ico",
+    "styles": "/assets/styles/app.css",
+    "scripts": "/assets/scripts/app.js"
+  },
+  "navigation": {
+    "Static page": [
+      {
+        "title": "About",
+        "slug": "about"
+      },
+      {
+        "title": "Contact",
+        "slug": "contact"
+      }
+    ]
+  }
+}

docs/_src/index.md

@@ -0,0 +1 @@
+Hello!

docs/_src/layout/default.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="{{ meta.charset }}">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <meta name="description" content="{{ meta.description }}">
+  <title>{{ meta.title }}{% if title %} - {{ title }}{% endif %}</title>
+  <meta property="og:title" content="{{ meta.title }}{% if title %} - {{ title }}{% endif %}">
+  <meta property="og:description" content="{{ meta.description }}">
+  <meta property="og:url" content="{{ meta.url }}{% if slug %}/{{ slug }}{% endif %}">
+  <meta property="og:image" content="{{ meta.image.src }}">
+  <meta property="og:image:type" content="{{ meta.image.type }}">
+  <meta property="og:image:width" content="{{ meta.image.width }}">
+  <meta property="og:image:height" content="{{ meta.image.height }}">
+  <link type="image/x-icon" rel="shortcut icon" href="{{ meta.favicon }}">
+  <link type="image/x-icon" href="{{ meta.favicon }}">
+  <link type="image/x-icon" rel="icon" href="{{ meta.favicon }}">
+  <link type="text/css" rel="stylesheet" href="{{ meta.styles }}?v={{ meta.version }}">
+  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700" rel="stylesheet">
+  <script type="text/javascript" src="{{ meta.scripts }}?v={{ meta.version }}"></script>
+</head>
+<body>
+  <header>
+    <h1><a href="/">{{ meta.title }}</a></h1>
+    {% include "navigation.html" %}
+    <hr>
+  </header>
+  <main>
+    {% if heading %}<h2>{{ heading }}</h2>{% endif %}
+    {{ content | safe }}
+  </main>
+  <footer>
+    <p>&copy; {{ meta.year }}</p>
+  </footer>
+</body>
+</html>

docs/_src/layout/navigation.html

@@ -0,0 +1,8 @@
+{% for category, sub in navigation %}
+  <ul class="navigation">
+  <li><strong>{{ category }}</strong></li>
+  {% for item in sub %}
+    <li{% if item.slug === slug %} class="active"{% endif %}><a href="/{{ item.slug }}">{{ item.title }}</a></li>
+  {% endfor %}
+  </ul>
+{% endfor %}

docs/_src/views/about/data.json

@@ -0,0 +1,5 @@
+{
+  "title": "About",
+  "slug": "about",
+  "heading": "About"
+}

docs/_src/views/about/index.md

@@ -0,0 +1,11 @@
+Lorem ipsum dolor sit amet, pri velit fuisset mediocrem no, ut summo virtute eligendi his. Ex quas doming atomorum pro, at aliquam albucius vis. Doming disputationi ne vis. Mei aperiri accumsan ad.
+
+Tota commune patrioque ex sed, in soleat fabellas persecuti eum. Democritum omittantur ex pro. Ad elit aliquip rationibus nec. Eos fierent antiopam definitiones ad, patrioque interpretaris eum ut. Mel timeam efficiendi ei, an rebum volutpat mei.
+
+## Subtitle
+
+Ex altera facilis eos, ius everti malorum eu, vidit definitiones nam ut. Sed sanctus fierent expetendis ex. His alia postea aliquid id, sea eruditi sanctus antiopam ne. In scripta pertinacia concludaturque sea, his dicunt consequat eu, altera impedit at usu. Eam et omnesque tractatos, incorrupte honestatis in est.
+
+Ex malis saepe consequat eam, ad nec laoreet delicatissimi, mei ancillae scriptorem eu. Id vix justo molestie instructior. Eam option constituam ut. Nec ne dicta inimicus suavitate, ei ius tollit gubergren conceptam, veritus cotidieque mel in.
+
+Per ceteros vivendum imperdiet et, in eam eros dicat definiebas, per id vitae fuisset omnesque. Vel no latine equidem dolores, mentitum perfecto ei mei. Nullam accusamus referrentur ad quo. Copiosae gloriatur mei cu.

docs/_src/views/contact/data.json

@@ -0,0 +1,5 @@
+{
+  "title": "Contact",
+  "slug": "contact",
+  "heading": "Contact"
+}

docs/_src/views/contact/index.md

@@ -0,0 +1,3 @@
+Lorem ipsum dolor sit amet, pri velit fuisset mediocrem no, ut summo virtute eligendi his. Ex quas doming atomorum pro, at aliquam albucius vis. Doming disputationi ne vis. Mei aperiri accumsan ad.
+
+Tota commune patrioque ex sed, in soleat fabellas persecuti eum. Democritum omittantur ex pro. Ad elit aliquip rationibus nec. Eos fierent antiopam definitiones ad, patrioque interpretaris eum ut. Mel timeam efficiendi ei, an rebum volutpat mei.

docs/about/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="description" content="Static page"><title>Static page - About</title><meta property="og:title" content="Static page - About"><meta property="og:description" content="Static page"><meta property="og:url" content="https://staticpage.com/about"><meta property="og:image" content="https://staticpage.com/assets/images/bg.jpg"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="1200"><link type="image/x-icon" rel="shortcut icon" href="/assets/images/favicon.ico"><link type="image/x-icon" href="/assets/images/favicon.ico"><link type="image/x-icon" rel="icon" href="/assets/images/favicon.ico"><link type="text/css" rel="stylesheet" href="/assets/styles/app.css?v=0.1.0"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700" rel="stylesheet"><script type="text/javascript" src="/assets/scripts/app.js?v=0.1.0"></script></head><body><header><h1><a href="/">Static page</a></h1><ul class="navigation"><li><strong>Static page</strong></li><li class="active"><a href="/about">About</a></li><li><a href="/contact">Contact</a></li></ul><hr></header><main><h2>About</h2><p>Lorem ipsum dolor sit amet, pri velit fuisset mediocrem no, ut summo virtute eligendi his. Ex quas doming atomorum pro, at aliquam albucius vis. Doming disputationi ne vis. Mei aperiri accumsan ad.</p><p>Tota commune patrioque ex sed, in soleat fabellas persecuti eum. Democritum omittantur ex pro. Ad elit aliquip rationibus nec. Eos fierent antiopam definitiones ad, patrioque interpretaris eum ut. Mel timeam efficiendi ei, an rebum volutpat mei.</p><h2 id="subtitle">Subtitle</h2><p>Ex altera facilis eos, ius everti malorum eu, vidit definitiones nam ut. Sed sanctus fierent expetendis ex. His alia postea aliquid id, sea eruditi sanctus antiopam ne. In scripta pertinacia concludaturque sea, his dicunt consequat eu, altera impedit at usu. Eam et omnesque tractatos, incorrupte honestatis in est.</p><p>Ex malis saepe consequat eam, ad nec laoreet delicatissimi, mei ancillae scriptorem eu. Id vix justo molestie instructior. Eam option constituam ut. Nec ne dicta inimicus suavitate, ei ius tollit gubergren conceptam, veritus cotidieque mel in.</p><p>Per ceteros vivendum imperdiet et, in eam eros dicat definiebas, per id vitae fuisset omnesque. Vel no latine equidem dolores, mentitum perfecto ei mei. Nullam accusamus referrentur ad quo. Copiosae gloriatur mei cu.</p></main><footer><p>&copy; 2017</p></footer></body></html>

docs/assets/scripts/app.js

@@ -0,0 +1,4 @@
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+"use strict";console.log("Hello, World!");
+
+},{}]},{},[1]);

docs/contact/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="description" content="Static page"><title>Static page - Contact</title><meta property="og:title" content="Static page - Contact"><meta property="og:description" content="Static page"><meta property="og:url" content="https://staticpage.com/contact"><meta property="og:image" content="https://staticpage.com/assets/images/bg.jpg"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="1200"><link type="image/x-icon" rel="shortcut icon" href="/assets/images/favicon.ico"><link type="image/x-icon" href="/assets/images/favicon.ico"><link type="image/x-icon" rel="icon" href="/assets/images/favicon.ico"><link type="text/css" rel="stylesheet" href="/assets/styles/app.css?v=0.1.0"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700" rel="stylesheet"><script type="text/javascript" src="/assets/scripts/app.js?v=0.1.0"></script></head><body><header><h1><a href="/">Static page</a></h1><ul class="navigation"><li><strong>Static page</strong></li><li><a href="/about">About</a></li><li class="active"><a href="/contact">Contact</a></li></ul><hr></header><main><h2>Contact</h2><p>Lorem ipsum dolor sit amet, pri velit fuisset mediocrem no, ut summo virtute eligendi his. Ex quas doming atomorum pro, at aliquam albucius vis. Doming disputationi ne vis. Mei aperiri accumsan ad.</p><p>Tota commune patrioque ex sed, in soleat fabellas persecuti eum. Democritum omittantur ex pro. Ad elit aliquip rationibus nec. Eos fierent antiopam definitiones ad, patrioque interpretaris eum ut. Mel timeam efficiendi ei, an rebum volutpat mei.</p></main><footer><p>&copy; 2017</p></footer></body></html>

docs/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="description" content="Static page"><title>Static page</title><meta property="og:title" content="Static page"><meta property="og:description" content="Static page"><meta property="og:url" content="https://staticpage.com"><meta property="og:image" content="https://staticpage.com/assets/images/bg.jpg"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="1200"><link type="image/x-icon" rel="shortcut icon" href="/assets/images/favicon.ico"><link type="image/x-icon" href="/assets/images/favicon.ico"><link type="image/x-icon" rel="icon" href="/assets/images/favicon.ico"><link type="text/css" rel="stylesheet" href="/assets/styles/app.css?v=0.1.0"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700" rel="stylesheet"><script type="text/javascript" src="/assets/scripts/app.js?v=0.1.0"></script></head><body><header><h1><a href="/">Static page</a></h1><ul class="navigation"><li><strong>Static page</strong></li><li><a href="/about">About</a></li><li><a href="/contact">Contact</a></li></ul><hr></header><main><p>Hello!</p></main><footer><p>&copy; 2017</p></footer></body></html>