@jamesrock/rockjs 1.33.0 → 1.35.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) {
 
@@ -646,60 +667,28 @@ export class Collection extends Array {
 };
 
 export class Time {
+  constructor(accuracy = 1) {
+    this.accuracy = accuracy;
+  };
   second = 1000;
   minute = (this.second * 60);
   hour = (this.minute * 60);
   day = (this.hour * 24);
   year = (this.day * 365);
-	getSeconds(ms) {
-		return floorTo(ms / this.second);
-	};
-	getMinutes(ms) {
-		return floorTo(ms / this.minute);
-	};
-	getHours(ms) {
-		return floorTo(ms / this.hour);
-	};
-	getDays(ms) {
-		return floorTo(ms / this.day);
-	};
-	getYears(ms) {
-		return floorTo(ms / this.year);
-	};
-  getMillisecondsInHour(ms) {
-		return (ms % this.hour);
-	};
-  getMillisecondsInMinute(ms) {
-		return (ms % this.minute);
-	};
-	getMillisecondsInDay(ms) {
-		return (ms % this.day);
-	};
-	getMillisecondsInYear(ms) {
-		return (ms % this.year);
-	};
-  getSecondsInDay(ms) {
-    return this.getSeconds(this.getMillisecondsInDay(ms));
-	};
-	getMinutesInDay(ms) {
-	  return this.getMinutes(this.getMillisecondsInDay(ms));
-	};
-	getHoursInDay(ms) {
-	  return this.getHours(this.getMillisecondsInDay(ms));
-	};
-	getDaysInYear(ms) {
-	  return this.getDays(this.getMillisecondsInYear(ms));
-	};
-  getMinutesInHour(ms) {
-		return this.getMinutes(this.getMillisecondsInHour(ms));
-	};
-  getSecondsInMinute(ms) {
-		return 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)}`;
+	getSeconds = (ms) => floorTo(ms / this.second, this.accuracy);
+	getMinutes = (ms) => floorTo(ms / this.minute, this.accuracy);
+	getHours = (ms) => floorTo(ms / this.hour, this.accuracy);
+	getDays = (ms) => floorTo(ms / this.day, this.accuracy);
+	getYears = (ms) => floorTo(ms / this.year, this.accuracy);
+  getMillisecondsInMinute = (ms) => (ms % this.minute);
+  getMillisecondsInHour = (ms) => (ms % this.hour);
+	getMillisecondsInDay = (ms) => (ms % this.day);
+	getMillisecondsInYear = (ms) => (ms % this.year);
+	getHoursInDay = (ms) => this.getHours(this.getMillisecondsInDay(ms));
+	getDaysInYear = (ms) => this.getDays(this.getMillisecondsInYear(ms));
+  getMinutesInHour = (ms) => this.getMinutes(this.getMillisecondsInHour(ms));
+  getSecondsInMinute = (ms) => this.getSeconds(this.getMillisecondsInMinute(ms));
+  format = (ms) => `${pad(this.getMinutesInHour(ms))}:${pad(this.getSecondsInMinute(ms))}`;
 };
 
 export class PlayingCard extends DisplayObject {
@@ -921,3 +910,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.33.0",
+  "version": "1.35.0",
   "description": "utility bliss",
   "license": "ISC",
   "author": "James Rock",