@jamesrock/rockjs 1.22.0 → 1.24.0

package/index.js

@@ -9,15 +9,17 @@ export const pluckLast = (a) => a.splice(a.length-1, 1)[0];
 export const getRandom = (a) => a[randomIndex(a)];
 export const getFirst = (a) => a[0];
 export const getLast = (a) => a[a.length-1];
-export const isLandscape = () => window.matchMedia('(orientation: landscape)').matches;
-export const isTiny = () => !window.matchMedia('(min-width: 450px)').matches;
-export const isDarkMode = () => window.matchMedia('(prefers-color-scheme: dark)').matches;
-export const makeEven = (value) => value % 2 === 1 ? value - 1 : value;
-export const limit = (value, max) => value > max ? max : value;
+export const isOrientation = (orientation) => matchMedia(`(orientation: ${orientation})`).matches;
+export const maxWidth = (width) => matchMedia(`(max-width: ${width}px)`).matches;
+export const minWidth = (width) => matchMedia(`(min-width: ${width}px)`).matches;
+export const isColorScheme = (colorScheme) => matchMedia(`(prefers-color-scheme: ${colorScheme})`).matches;
+export const isLandscape = () => isOrientation('landscape');
+export const isPortrait = () => isOrientation('portrait');
+export const isTiny = () => !minWidth(450);
+export const isDarkMode = () => isColorScheme('dark');
+export const makeEven = (a) => (a % 2 === 1 ? a - 1 : a);
+export const limit = (value, max) => (value > max ? max : value);
 export const toDouble = (a) => a.toString().padStart(2, '0');
-export const formatMinutes = (ms) => toDouble(Math.floor((ms % (1000 * 60 * 60)) / (1000 * 60)));
-export const formatSeconds = (ms) => toDouble(Math.floor((ms % (1000 * 60)) / 1000));
-export const formatTime = (ms) => `${formatMinutes(ms)}:${formatSeconds(ms)}`;
 export const formatNumber = (n) => numberFormatter.format(n);
 export const formatCurrency = (n) => currencyFormatter.format(n);
 export const formatDate = (date, type = 'short') => date.toLocaleDateString('en-GB', { dateStyle: type });
@@ -31,6 +33,10 @@ 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) => toDouble(Math.floor((ms % (1000 * 60 * 60)) / (1000 * 60)));
+export const formatSeconds = (ms) => toDouble(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),
@@ -291,6 +297,24 @@ export class DisplayObject {
 		return this;
 
 	};
+  destroy() {
+
+    this.node.parentNode.removeChild(this.node);
+    return this;
+
+  };
+  setStyle(key, value) {
+		
+		this.node.style[key] = value;
+		return this;
+
+	};
+  setProp(key, value) {
+
+    this.node.dataset[key] = value;
+    return this;
+
+  };
 	addEventListener(event, handler, passive = true) {
 		
 		this.node.addEventListener(event, handler, {passive});
@@ -604,3 +628,179 @@ export class Time {
   formatHours = (ms) => toDouble(this.getHours(ms));
   format = (ms) => `${this.formatMinutes(ms)}:${this.formatSeconds(ms)}`;
 };
+
+export class PlayingCard extends DisplayObject {
+  constructor(deck, value, suit) {
+
+    super();
+
+    this.deck = deck;
+    this.value = value;
+    this.suit = suit;
+    this.rawValue = this.deck.values.indexOf(this.value);
+    this.id = `${this.value}${this.suit}`;
+    this.color = this.deck.getSuitColor(this.suit);
+    this.icon = this.deck.getSuitIcon(this.suit);
+    this.node = this.make();
+
+  };
+  make() {
+
+    const
+		node = createNode('div', 'card'),
+    svg = createSVGNode('svg'),
+		use = createSVGNode('use');
+
+		use.setAttribute('href', `${this.deck.sprite}#${this.suit}${this.value}`);
+
+    svg.append(use);
+    node.append(svg);
+
+    return node;
+
+  };
+};
+
+export class DeckOfPlayingCards {
+  constructor({
+    sprite = '/sprite.svg',
+    saved = [],
+    cardMaker = (deck, value, suit) => new PlayingCard(deck, value, suit)
+  } = {}) {
+
+    this.sprite = sprite;
+    this.cardMaker = cardMaker;
+    this.cards = saved.length ? this.makeFromSaved(saved) : this.make();
+    this.map = this.makeMap();
+    this.shuffledMap = this.makeShuffledMap();
+
+  };
+  make() {
+
+    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() {
+
+    return this.cards.map((card) => card.id);
+    
+  };
+  makeSaveMap() {
+
+    return this.cards.map((card) => [card.value, card.suit]);
+
+  };
+  makeFromSaved(saved) {
+
+    return saved.map(([value, suit]) => this.cardMaker(this, value, suit));
+
+  };
+  appendTo(target) {
+
+    this.shuffledMap.forEach((id) => {
+      this.map[id].appendTo(target);
+    });
+
+    return this;
+
+  };
+  destroy() {
+    
+    this.shuffledMap.forEach((id) => {
+      this.map[id].destroy();
+    });
+
+    return this;
+
+  };
+  makeSuitValues() {
+
+    return makeArray(this.suits.length).map((suit) => this.suits[suit]);
+
+  };
+  makePipValues() {
+
+    return makeArray(this.values.length).map((value) => this.values[value]);
+
+  };
+  makeDeckValues() {
+
+    var out = [];
+
+    this.makeSuitValues().forEach((suit) => {
+      this.makePipValues().forEach((value) => {
+        out.push([value, suit]);
+      });
+    });
+
+    return out;
+
+  };
+  makeCard(value, suit) {
+
+    return this.cardMaker(this, value, suit);
+
+  };
+  indexOf(id) {
+
+    return this.shuffledMap.indexOf(id);
+
+  };
+  getCard(index = 0) {
+    
+    return this.cards[index];
+
+  };
+  getSuitIcon(suit) {
+    
+    return this.suitIcons[suit];
+
+  };
+  getSuitColor(suit) {
+    
+    return this.suitColors[suit];
+
+  };
+  suits = [
+    'C',
+    'D',
+    'H',
+    'S'
+  ];
+  values = [
+    'A',
+    '2',
+    '3',
+    '4',
+    '5',
+    '6',
+    '7',
+    '8',
+    '9',
+    '10',
+    'J',
+    'Q',
+    'K'
+  ];
+  suitIcons = {
+    'C': '♣',
+    'D': '♦',
+    'H': '♥',
+    'S': '♠'
+  };
+  suitColors = {
+    'C': 'black',
+    'D': 'red',
+    'H': 'red',
+    'S': 'black'
+  };
+};

package/package.json

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