UNPKG

led-matrix-ts

Version:

Highly customizable led matrix for the browser

441 lines (436 loc) 13.2 kB
<!doctype html> <html lang="en"> <head> <title>Code coverage report for utils/bit-array.ts</title> <meta charset="utf-8" /> <link rel="stylesheet" href="../prettify.css" /> <link rel="stylesheet" href="../base.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type='text/css'> .coverage-summary .sorter { background-image: url(../sort-arrow-sprite.png); } </style> </head> <body> <div class='wrapper'> <div class='pad1'> <h1> <a href="../index.html">All files</a> / <a href="index.html">utils</a> bit-array.ts </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> <span class="strong">84.85% </span> <span class="quiet">Statements</span> <span class='fraction'>28/33</span> </div> <div class='fl pad1y space-right2'> <span class="strong">62.5% </span> <span class="quiet">Branches</span> <span class='fraction'>10/16</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Functions</span> <span class='fraction'>11/11</span> </div> <div class='fl pad1y space-right2'> <span class="strong">84.85% </span> <span class="quiet">Lines</span> <span class='fraction'>28/33</span> </div> </div> </div> <div class='status-line high'></div> <pre><table class="coverage"> <tr><td class="line-count quiet">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126</td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">6x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">225x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">225x</span> <span class="cline-any cline-yes">225x</span> <span class="cline-any cline-yes">225x</span> <span class="cline-any cline-yes">225x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">843x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">2487x</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">2487x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">2487x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">2487x</span> <span class="cline-any cline-yes">1235x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">2487x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">225x</span> <span class="cline-any cline-yes">2487x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">176751x</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">176751x</span> <span class="cline-any cline-yes">176751x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">172x</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">172x</span> <span class="cline-any cline-yes">172x</span> <span class="cline-any cline-yes">2212x</span> <span class="cline-any cline-yes">2212x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">172x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">181450x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">181450x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">182685x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">181450x</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export type bit = 0 | 1; type byte = number; &nbsp; interface IBitArray { size: number, push: (value: bit) =&gt; void pushAll: (value: Array&lt;bit&gt;) =&gt; void atIndex: (index: number) =&gt; bit atIndexRange: (index: number, count: number) =&gt; bit[] } &nbsp; export default class BitArray implements IBitArray { private _array: Uint8Array; private _size: number; private _pointer: number; private _bitPerIndex: number = 8; &nbsp; /** * Creates a bitArray * @param values The bits to push onto the array */ constructor(values: Array&lt;bit&gt;) { this._size = values.length; this._array = new Uint8Array(Math.ceil(this._size/this._bitPerIndex)); this._pointer = 0; this.pushAll(values); } /** * Gets the size of the array */ public get size() { return this._size; } &nbsp; /** * Pushes a single bit onto the array * @param value The bit to push onto the array */ public push(value: bit) { <span class="missing-if-branch" title="if path not taken" >I</span>if (this._pointer == this._size) { <span class="cstat-no" title="statement not covered" > throw `Bit array max size reached (${this._size})`;</span> } // create a mask for current index. const mask = this._createMask(this._pointer); // compare the array with the mask. A value different than 0 means the target bit is set <span class="missing-if-branch" title="if path not taken" >I</span>if (this._matchesMask(mask, this._array[this._arrayIndex(this._pointer)])) { // bit is set in array. Should we toggle it? <span class="cstat-no" title="statement not covered" > if (value === 0) {</span> <span class="cstat-no" title="statement not covered" > this._array[this._arrayIndex(this._pointer)] ^= mask;</span> } } else { // bit is unset in array. Sould we toggle it? if (value === 1) { this._array[this._arrayIndex(this._pointer)] ^= mask; } } // increment pointer for next push this._pointer++; } &nbsp; /** * Pushes a an array of bits onto the array * @param values The bits to push onto the array */ public pushAll(values: Array&lt;bit&gt;) { // TODO: Improve performance values.forEach((value) =&gt; { this.push(value); }); } &nbsp; /** * Gets the bit at a given index * @param index The index of the bit to return */ public atIndex(index: number): bit { <span class="missing-if-branch" title="if path not taken" >I</span>if (index &gt; this._size) { <span class="cstat-no" title="statement not covered" > throw `Index (${index}) exceeds the size of the bit array (${this._size})`;</span> } const mask = this._createMask(index); return this._matchesMask(mask, this._array[this._arrayIndex(index)]) ? 1 : 0; } &nbsp; /** * Gets count bits at a given index * @param index The index of the first bit to return * @param count The amount of bits to fetch starting at the index */ public atIndexRange(index: number, count: number): bit[] { <span class="missing-if-branch" title="if path not taken" >I</span>if (index + count - 1 &gt; this._size) { <span class="cstat-no" title="statement not covered" > throw `Index (${index}) exceeds the size of the bit array (${this._size})`;</span> } const values: bit[] = []; for (let i = 0; i &lt; count; i++) { const mask = this._createMask(index + i); values.push(this._matchesMask(mask, this._array[this._arrayIndex(index + i)]) ? 1 : 0); } return values; } // Checks whether a value has a bit of 1 at the mask position private _matchesMask(mask: byte, value: byte) { // returns true if bit is set return (mask &amp; value) != 0; } &nbsp; // Creates a mask for a given index private _createMask(index: number): byte { // supposing the index is 2, the created mask is // 00100000 return 1 &lt;&lt; (this._bitPerIndex - 1) - this._arrayIndexOffset(index); } &nbsp; // Gets the Uint8Array index private _arrayIndex(index: number) { return Math.floor(index / this._bitPerIndex); } &nbsp; // Gets the offset within the Uint8Array private _arrayIndexOffset(index: number) { return index % this._bitPerIndex; } };</pre></td></tr> </table></pre> <div class='push'></div><!-- for sticky footer --> </div><!-- /wrapper --> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Nov 23 2018 15:09:41 GMT-0500 (EST) </div> </div> <script src="../prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="../sorter.js"></script> </body> </html>