@jamesrock/rockjs 1.34.0 → 1.36.0

package/index.js

@@ -33,10 +33,6 @@ export const roundTo = (number, to = 1) => (Math.round(number*to)/to);
 export const ceilTo = (number, to = 1) => (Math.ceil(number*to)/to);
 export const getXPercentOfY = (x, y) => (y*(x/100));
 export const getXAsPercentOfY = (x, y) => ((x/y)*100);
-// to be removed
-export const formatMinutes = (ms) => pad(Math.floor((ms % (1000 * 60 * 60)) / (1000 * 60)));
-export const formatSeconds = (ms) => pad(Math.floor((ms % (1000 * 60)) / 1000));
-export const formatTime = (ms) => `${formatMinutes(ms)}:${formatSeconds(ms)}`;
 
 const sortingMethods = {
 	'0-9': (prop) => (a, b) => prop(a)-prop(b),
@@ -113,6 +109,23 @@ export const makeInput = (value = 0, type = 'number') => {
   return input;
 };
 
+export const makeRadio = (value = 0, name = '{name}', id = '{id}', checked = false) => {
+  const node = makeInput(value, 'radio');
+  node.name = name;
+  node.id = id;
+  node.checked = checked;
+  return node;
+};
+
+export const makeSlider = (value, min, max, step = 1) => {
+  const node = makeInput(0, 'range');
+  node.min = min;
+  node.max = max;
+  node.step = step;
+  node.value = value;
+  return node;
+};
+
 export const makeOutput = (rows = 7) => {
   const node = makeNode('textarea');
   node.rows = rows;
@@ -151,14 +164,6 @@ export const makeLink = (href = '{href}', label = '{label}', className) => {
   return node;
 };
 
-export const makeRadio = (value = 0, name = '{name}', id = '{id}', checked = false) => {
-  const node = makeInput(value, 'radio');
-  node.name = name;
-  node.id = id;
-  node.checked = checked;
-  return node;
-};
-
 export const makeLabel = (label = '{label}', id = '{id}', className) => {
   const node = makeNode('label', className);
   node.innerHTML = label;
@@ -262,6 +267,22 @@ export const addDragListeners = (target, tolerance) => {
 
 };
 
+export const append = (target) => {
+  const fn = (node) => {
+    target.appendChild(node);
+    return fn;
+  };
+  return fn;
+};
+
+export const appendTo = (target) => {
+  const fn = (node) => {
+    node.appendTo(target);
+    return fn;
+  };
+  return fn;
+};
+
 export class Storage {
   constructor(namespace) {
 
@@ -667,10 +688,7 @@ export class Time {
 	getDaysInYear = (ms) => this.getDays(this.getMillisecondsInYear(ms));
   getMinutesInHour = (ms) => this.getMinutes(this.getMillisecondsInHour(ms));
   getSecondsInMinute = (ms) => this.getSeconds(this.getMillisecondsInMinute(ms));
-  formatSeconds = (ms) => pad(this.getSecondsInMinute(ms));
-  formatMinutes = (ms) => pad(this.getMinutesInHour(ms));
-  formatHours = (ms) => pad(this.getHoursInDay(ms));
-  format = (ms) => `${this.formatMinutes(ms)}:${this.formatSeconds(ms)}`;
+  format = (ms) => `${pad(this.getMinutesInHour(ms))}:${pad(this.getSecondsInMinute(ms))}`;
 };
 
 export class PlayingCard extends DisplayObject {
@@ -846,13 +864,18 @@ export class SoundManager {
     this.context = new AudioContext();
     this.sounds = sounds;
     this.buffers = {};
+    this.mixer = {};
+    this.keys = Object.keys(this.sounds);
+
+    this.listenForStateChange();
 
   };
   async load() {
 
-    return Promise.all(Object.keys(this.sounds).map((key) => this.loadBuffer(key, this.sounds[key]))).then((items) => {
+    return Promise.all(this.keys.map((key) => this.loadBuffer(key, this.sounds[key]))).then((items) => {
       items.forEach(([name, buffer]) => {
         this.buffers[name] = buffer;
+        this.mixer[name] = [0.5, 0];
       });
     });
 
@@ -873,11 +896,41 @@ export class SoundManager {
     };
 
     const source = this.context.createBufferSource();
+    const gainer = this.context.createGain();
+    const panner = this.context.createStereoPanner();
+
     source.buffer = this.buffers[sound];
-    source.connect(this.context.destination);
+    gainer.gain.value = this.mixer[sound][0];
+    panner.pan.value = this.mixer[sound][1];
+
+    source.connect(gainer).connect(panner).connect(this.context.destination);
+
     source.start();
 
   };
+  volume(sound, value) {
+
+    this.mixer[sound][0] = value;
+    return this;
+
+  };
+  pan(sound, value) {
+
+    this.mixer[sound][1] = value;
+    return this;
+
+  };
+  listenForStateChange() {
+
+    this.context.addEventListener('statechange', async () => {
+      if(this.context.state === 'suspended') {
+        await this.context.resume();
+      };
+    });
+
+    return this;
+
+  };
 };
 
 // temporary alias
@@ -892,3 +945,4 @@ export const createOption = makeOption;
 export const createHeading = makeHeading;
 export const createRadio = makeRadio;
 export const createLabel = makeLabel;
+export const formatTime = (ms) => new Time().format(ms);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamesrock/rockjs",
-  "version": "1.34.0",
+  "version": "1.36.0",
   "description": "utility bliss",
   "license": "ISC",
   "author": "James Rock",