@jamesrock/rockjs 1.30.0 → 1.32.0

package/index.js

@@ -121,12 +121,13 @@ export const makeOutput = (rows = 7) => {
 
 export const makeContainer = (className) => makeNode('div', className);
 
-export const makeSelect = (options) => {
+export const makeSelect = (options, defaultValue = options[0][1]) => {
   const node = makeNode('select');
   options.forEach(([label, value]) => {
     const option = makeOption(label, value);
     node.appendChild(option);
-  })
+  });
+  node.value = defaultValue;
   return node;
 };
 
@@ -220,6 +221,47 @@ export const makeHexMap = (full = true) => {
   return out;
 };
 
+export const makeMap = (items, key = 'id') => {
+  const out = {};
+  items.forEach((item) => {
+    out[item[key]] = item;
+  });
+  return out;
+};
+
+export const addDragListeners = (target, tolerance) => {
+
+  const rounder = new Rounder(tolerance);
+  let touch = null;
+
+  target.addEventListener('touchstart', (e) => {
+
+    touch = e.touches[0];
+    e.preventDefault();
+
+  });
+
+  target.addEventListener('touchmove', (e) => {
+
+    const {clientX: originalClientX, clientY: originalClientY} = touch;
+    const {clientX, clientY} = e.touches[0];
+    const x = rounder.round(clientX - originalClientX);
+    const y = rounder.round(clientY - originalClientY);
+
+    if(x) {
+      touch = e.touches[0];
+      target.dispatchEvent(new Event(x > 0 ? 'drag-right' : 'drag-left'));
+    };
+
+    if(y) {
+      touch = e.touches[0];
+      target.dispatchEvent(new Event(y > 0 ? 'drag-down' : 'drag-up'));
+    };
+
+  });
+
+};
+
 export class Storage {
   constructor(namespace) {
 
@@ -699,7 +741,7 @@ export class DeckOfPlayingCards {
     this.sprite = sprite;
     this.cardMaker = cardMaker;
     this.cards = saved.length ? this.makeFromSaved(saved) : this.make();
-    this.map = this.makeMap();
+    this.map = makeMap(this.cards);
     this.shuffledMap = this.makeShuffledMap();
 
   };
@@ -707,15 +749,6 @@ export class DeckOfPlayingCards {
 
     return shuffle(shuffle(this.makeDeckValues().map(([value, suit]) => this.cardMaker(this, value, suit))));
 
-  };
-  makeMap() {
-
-    var out = {};
-    this.cards.forEach((card) => {
-      out[card.id] = card;
-    });
-    return out;
-
   };
   makeShuffledMap() {
 
@@ -833,6 +866,46 @@ export class DeckOfPlayingCards {
   };
 };
 
+export class SoundManager {
+  constructor(sounds) {
+
+    this.context = new AudioContext();
+    this.sounds = sounds;
+    this.buffers = {};
+
+  };
+  async load() {
+
+    return Promise.all(Object.keys(this.sounds).map((key) => this.loadBuffer(key, this.sounds[key]))).then((items) => {
+      items.forEach(([name, buffer]) => {
+        this.buffers[name] = buffer;
+      });
+    });
+
+  };
+  async loadBuffer(name, path) {
+
+    const response = await fetch(path);
+    const arrayBuffer = await response.arrayBuffer();
+    const audioBuffer = await this.context.decodeAudioData(arrayBuffer);
+    return [name, audioBuffer];
+
+  };
+  play(sound = 'point') {
+
+    if(!this.buffers[sound]) {
+      console.log(`SoundManager: '${sound}' not loaded!`);
+      return;
+    };
+
+    const source = this.context.createBufferSource();
+    source.buffer = this.buffers[sound];
+    source.connect(this.context.destination);
+    source.start();
+
+  };
+};
+
 // temporary alias
 export const createNode = makeNode;
 export const createSVGNode = makeSVGNode;

package/package.json

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