sound feeback for sliders

Author: dimitrinicolas

demo.gif assets/readme/demo.gifdemo.gif renamed to assets/readme/demo.gif

@@ -1,5 +1,32 @@
 'use babel';
 
+import path from 'path';
+import play from 'play';
+
+let tickSound = path.resolve(__dirname, '../assets/sounds/1.wav');
+let tickSound2 = path.resolve(__dirname, '../assets/sounds/2.wav');
+
+let lastValue = null;
+let lastTime = 0;
+let tick = (value, accent) => {
+
+    if (lastValue != value) {
+        let now = Date.now();
+        if (accent || now - lastTime > 50) {
+            lastTime  = now;
+            lastValue = value;
+            if (accent) {
+                play.sound(tickSound);
+            }
+            else {
+                play.sound(tickSound2);
+            }
+        }
+    }
+
+};
+
+
 export default function actions(message) {
 
     // console.log(message.data);
@@ -73,6 +100,7 @@ export default function actions(message) {
         this.addLine('position', function(node) {
             var position = !node ? 'relative' : node.value.split(' ')[0];
             px = px !== 0 ? px + 'px' : px;
+            tick(position + ' ' + px, px === 0);
             return position + ' ' + px;
         });
 
@@ -177,6 +205,7 @@ export default function actions(message) {
         var px = Math.round(message.data[2] / 127 * 66);
         if (px >= 65) { px = '100%'; }
         else if (px !== 0) { px = px + 'px'; }
+        tick(px, (px === 0 || px === '100%'));
         this.addLine('size', function(node) { return px; });
 
     }
@@ -206,6 +235,7 @@ export default function actions(message) {
         this.getFocusNode(function(node) {
             if (node && node.type === 'decl') {
                 if (node.prop === 'margin' || node.prop === 'padding') {
+                    tick(px, (px === 0));
                     this.addLine(node.prop, function() { return px; });
                 }
             }
@@ -254,8 +284,9 @@ export default function actions(message) {
                 font = node.value.split(' ');
             }
             font[font.length - 1] = px;
-
-            return font.join(' ');
+            let result = font.join(' ');
+            tick(result, (px === 0));
+            return result;
         });
 
     }
@@ -279,6 +310,7 @@ export default function actions(message) {
 
         var sec = Math.round(Math.round(message.data[2] / 127 * 3 / 10 * 100) * 0.02 * 100) / 100;
         sec = sec !== 0 ? sec + 's' : sec;
+        tick(sec, (sec === 0));
         this.addLine('transition', function(node) { return sec; });
 
     }