@jamesrock/rockjs 1.10.0 → 1.12.0

package/index.js

@@ -81,6 +81,12 @@ export const createOption = (label = '{label}', value = 0) => {
   return node;
 };
 
+export const createHeading = (level = 1, label = '{label}') => {
+  const node = createNode(`h${level}`);
+  node.innerText = label;
+  return node;
+};
+
 export const makeBitArray = (size) => {
   let bob = 2**size;
   return makeArray(size, () => {
@@ -259,80 +265,121 @@ export class GameBase extends DisplayObject {
 };
 
 export class BrickMaker extends DisplayObject {
-	constructor(color, size = 4, type = 'digits') {
+	constructor({
+    size = 4,
+    type = 'digits',
+    color = 'red',
+    scale = 30,
+    gap = 1
+  } = {}) {
 
 		super();
 
 		this.color = color;
 		this.size = size;
+    this.scale = scale;
     this.type = type;
-
-		const node = this.node = createNode('div', 'brick-maker');
-		const bob = 30;
-		const gap = 1;
-		const bits = [];
-    const hexMap = size*size > 16 ? makeHexMap() : makeHexMap(false);
-    const typeValues = {
+    this.gap = gap;
+    this.hexMap = size*size > 16 ? makeHexMap() : makeHexMap(false);
+    this.typeValues = {
       'digits': makeArray(size*size, () => 1),
       'binary': makeBitArray(size)
     };
 
-		const calculate = () => {
-      let total = null;
-      switch(this.type) {
-        case 'digits':
-          total = makeArray(size*size, () => 0);
-          bits.forEach((bit, i) => {
-            if(bit.dataset.active==='Y') {
-              total[i] = Number(bit.dataset.value);
-            };
-          });
-          this.value = JSON.stringify(total);
-        break;
-        case 'binary':
-          total = makeArray(size, () => 0);
-          makeArray(size).forEach((y) => {
-            bits.filter((bit) => bit.dataset.y == y).forEach((bit) => {
-              if(bit.dataset.active==='Y') {
-                total[y] += Number(bit.dataset.value);
-              };
-            });
-            total[y] = hexMap[total[y]];
-          });
-          this.value = `0x${total.join('')}`;
-        break;
-      };
-      this.dispatchEvent('result');
-		};
-
-		node.style.setProperty('--color', this.color);
+		const node = this.node = createNode('div', 'brick-maker');
+		const bits = this.bits = [];
 
-		node.style.width = node.style.height = `${bob*size + (gap*(size-1))}px`;
+    this.setColor(color);
+		node.style.width = node.style.height = `${scale*size + (gap*(size-1))}px`;
 		node.style.gap = `${gap}px`;
 
 		makeArray(size).forEach((y) => {
 			makeArray(size).forEach((x) => {
 
 				const bit = createNode('div', 'brick-maker-bit');
-				let active = false;
-				bit.style.width = bit.style.height = `${bob}px`;
+				bit.style.width = bit.style.height = `${scale}px`;
 				bit.dataset.x = x;
 				bit.dataset.y = y;
-				bit.dataset.value = typeValues[this.type][x];
+				bit.dataset.value = this.typeValues[this.type][x];
 				bit.dataset.active = 'N';
 				node.appendChild(bit);
 
 				bits.push(bit);
 
 				bit.addEventListener('click', () => {
-					active = !active;
-					bit.dataset.active = active ? 'Y' : 'N';
-					calculate();
+					bit.dataset.active = bit.dataset.active === 'Y' ? 'N' : 'Y';
+					this.calculate();
 				});
 
 			});
 		});
 
 	};
+  calculate() {
+    
+    let total = null;
+    switch(this.type) {
+      case 'digits':
+        total = makeArray(this.size*this.size, () => 0);
+        this.bits.forEach((bit, i) => {
+          if(bit.dataset.active==='Y') {
+            total[i] = Number(bit.dataset.value);
+          };
+        });
+        this.value = JSON.stringify(total);
+      break;
+      case 'binary':
+        total = makeArray(this.size, () => 0);
+        makeArray(this.size).forEach((y) => {
+          this.bits.filter((bit) => bit.dataset.y == y).forEach((bit) => {
+            if(bit.dataset.active==='Y') {
+              total[y] += Number(bit.dataset.value);
+            };
+          });
+          total[y] = this.hexMap[total[y]];
+        });
+        this.value = `0x${total.join('')}`;
+      break;
+    };
+    this.dispatchEvent('result');
+
+  };
+  invert() {
+
+    this.bits.forEach((bit) => {
+      bit.dataset.active = bit.dataset.active === 'Y' ? 'N' : 'Y';
+    });
+    this.calculate();
+
+    return this;
+
+  };
+  randomise() {
+
+    this.bits.forEach((bit) => {
+      bit.dataset.active = getRandom(['Y', 'N']);
+    });
+    this.calculate();
+
+    return this;
+
+  };
+  clear() {
+
+    this.bits.forEach((bit) => {
+      bit.dataset.active = 'N';
+    });
+    this.calculate();
+
+    return this;
+
+  };
+  setColor(color) {
+    
+    this.color = color;
+    this.node.style.setProperty('--color', this.color);
+    return this;
+
+  };
   value = null;
-};
+};

package/package.json

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