@ceeblue/web-utils 3.1.0 → 3.2.1

package/commitlint.config.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright 2024 Ceeblue B.V.
+ * This file is part of https://github.com/CeeblueTV/web-utils which is released under GNU Affero General Public License.
+ * See file LICENSE or go to https://spdx.org/licenses/AGPL-3.0-or-later.html for full license details.
+ */
+export default {
+    extends: ['@commitlint/config-conventional'],
+    ignores: [commit => /^[^\r\n]*\[skip ci\]/.test(commit)]
+};

package/dist/web-utils.d.ts

@@ -53,7 +53,7 @@ declare class BinaryWriter {
      * Write binary data
      * @param data
      */
-    write(data: ArrayLike<number>): BinaryWriter;
+    write(data: ArrayLike<number> | BufferSource | string): BinaryWriter;
     write8(value: number): BinaryWriter;
     write16(value: number): BinaryWriter;
     write24(value: number): BinaryWriter;
@@ -1144,6 +1144,14 @@ declare class UIMetrics {
      * set the metric unit-step in pixels
      */
     set stepSize(value: number);
+    /**
+     * Return the space width available to display average metric
+     */
+    get averageDisplayWidth(): number;
+    /**
+     * Return the count of displayable metrics regarding the space available on the screen
+     */
+    get displayableCount(): number;
     private _ui;
     private _html?;
     private _lineHeight;

package/dist/web-utils.js

@@ -115,166 +115,6 @@ class BinaryReader {
         const pos = this._position;
         return this._data.subarray(pos, Math.max(pos, (this._position += size)));
     }
-}/**
- * Copyright 2024 Ceeblue B.V.
- * This file is part of https://github.com/CeeblueTV/web-utils which is released under GNU Affero General Public License.
- * See file LICENSE or go to https://spdx.org/licenses/AGPL-3.0-or-later.html for full license details.
- */
-const _encoder$1 = new TextEncoder();
-/**
- * BinaryWriter allows to write data in its binary form
- */
-class BinaryWriter {
-    get view() {
-        if (!this._view) {
-            this._view = new DataView(this._data.buffer, this._data.byteOffset, this._data.byteLength);
-        }
-        return this._view;
-    }
-    get capacity() {
-        return this._data.byteLength;
-    }
-    constructor(dataOrSize = 64, offset = 0, length) {
-        if (typeof dataOrSize == 'number') {
-            // allocate new buffer
-            this._data = new Uint8Array(dataOrSize);
-            this._size = 0;
-        }
-        else if ('buffer' in dataOrSize) {
-            // append to existing data!
-            this._data = new Uint8Array(dataOrSize.buffer, dataOrSize.byteOffset, dataOrSize.byteLength);
-            this._size = dataOrSize.byteLength;
-        }
-        else {
-            // overrides data
-            this._isConst = true; // better than boolean for memory usage
-            if (length == null) {
-                // /!\ Safari does not support undefined length, so we need to use byteLength instead
-                length = dataOrSize.byteLength;
-            }
-            this._data = new Uint8Array(dataOrSize, offset, length);
-            this._size = 0;
-        }
-    }
-    data() {
-        return new Uint8Array(this._data.buffer, this._data.byteOffset, this._size);
-    }
-    size() {
-        return this._size || 0;
-    }
-    next(count = 1) {
-        return this.reserve((this._size += count));
-    }
-    clear(size = 0) {
-        return this.reserve((this._size = size));
-    }
-    /**
-     * Write binary data
-     * @param data
-     */
-    write(data) {
-        this.reserve(this._size + data.length);
-        this._data.set(data, this._size);
-        this._size += data.length;
-        return this;
-    }
-    write8(value) {
-        if (value > 0xff) {
-            // cast to 8bits range
-            value = 0xff;
-        }
-        this.reserve(this._size + 1);
-        this._data[this._size++] = value;
-        return this;
-    }
-    write16(value) {
-        if (value > 0xffff) {
-            // cast to 16bits range
-            value = 0xffff;
-        }
-        this.reserve(this._size + 2);
-        this.view.setUint16(this._size, value);
-        this._size += 2;
-        return this;
-    }
-    write24(value) {
-        if (value > 0xffffff) {
-            // cast to 24bits range
-            value = 0xffffff;
-        }
-        this.reserve(this._size + 3);
-        this.view.setUint16(this._size, value >> 8);
-        this.view.setUint8((this._size += 2), value & 0xff);
-        ++this._size;
-        return this;
-    }
-    write32(value) {
-        if (value > 0xffffffff) {
-            // cast to 32bits range
-            value = 0xffffffff;
-        }
-        this.reserve(this._size + 4);
-        this.view.setUint32(this._size, value);
-        this._size += 4;
-        return this;
-    }
-    write64(value) {
-        this.write32(value / 4294967296);
-        return this.write32(value & 0xffffffff);
-    }
-    writeFloat(value) {
-        this.reserve(this._size + 4);
-        this.view.setFloat32(this._size, value);
-        this._size += 4;
-        return this;
-    }
-    writeDouble(value) {
-        this.reserve(this._size + 8);
-        this.view.setFloat64(this._size, value);
-        this._size += 8;
-        return this;
-    }
-    write7Bit(value) {
-        let byte = value & 0x7f;
-        while ((value = Math.floor(value / 0x80))) {
-            // equivalent to >>=7 for JS!
-            this.write8(0x80 | byte);
-            byte = value & 0x7f;
-        }
-        return this.write8(byte);
-    }
-    writeString(value) {
-        return this.write(_encoder$1.encode(value)).write8(0);
-    }
-    writeHex(value) {
-        for (let i = 0; i < value.length; i += 2) {
-            this.write8(parseInt(value.substring(i, i + 2), 16));
-        }
-        return this;
-    }
-    reserve(size) {
-        if (!this._data) {
-            throw Error('buffer not writable');
-        }
-        if (size <= this._data.byteLength) {
-            return this;
-        }
-        if (this._isConst) {
-            throw Error('writing exceeds maximum ' + this._data.byteLength + ' bytes limit');
-        }
-        --size;
-        size |= size >> 1;
-        size |= size >> 2;
-        size |= size >> 4;
-        size |= size >> 8;
-        size |= size >> 16;
-        ++size;
-        const data = new Uint8Array(size);
-        data.set(this._data); // copy old buffer!
-        this._data = data;
-        this._view = undefined; // release view
-        return this;
-    }
 }/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -649,6 +489,180 @@ function trimEnd(value, chars = ' ') {
  * This file is part of https://github.com/CeeblueTV/web-utils which is released under GNU Affero General Public License.
  * See file LICENSE or go to https://spdx.org/licenses/AGPL-3.0-or-later.html for full license details.
  */
+/**
+ * BinaryWriter allows to write data in its binary form
+ */
+class BinaryWriter {
+    get view() {
+        if (!this._view) {
+            this._view = new DataView(this._data.buffer, this._data.byteOffset, this._data.byteLength);
+        }
+        return this._view;
+    }
+    get capacity() {
+        return this._data.byteLength;
+    }
+    constructor(dataOrSize = 64, offset = 0, length) {
+        if (typeof dataOrSize == 'number') {
+            // allocate new buffer
+            this._data = new Uint8Array(dataOrSize);
+            this._size = 0;
+        }
+        else if ('buffer' in dataOrSize) {
+            // append to existing data!
+            this._data = new Uint8Array(dataOrSize.buffer, dataOrSize.byteOffset, dataOrSize.byteLength);
+            this._size = dataOrSize.byteLength;
+        }
+        else {
+            // overrides data
+            this._isConst = true; // better than boolean for memory usage
+            if (length == null) {
+                // /!\ Safari does not support undefined length, so we need to use byteLength instead
+                length = dataOrSize.byteLength;
+            }
+            this._data = new Uint8Array(dataOrSize, offset, length);
+            this._size = 0;
+        }
+    }
+    data() {
+        return new Uint8Array(this._data.buffer, this._data.byteOffset, this._size);
+    }
+    size() {
+        return this._size || 0;
+    }
+    next(count = 1) {
+        return this.reserve((this._size += count));
+    }
+    clear(size = 0) {
+        return this.reserve((this._size = size));
+    }
+    /**
+     * Write binary data
+     * @param data
+     */
+    write(data) {
+        var _a;
+        let bin;
+        if (typeof data === 'string') {
+            // Convertit la chaîne en Uint8Array
+            bin = toBin(data);
+        }
+        else if (data instanceof ArrayBuffer) {
+            bin = new Uint8Array(data);
+        }
+        else if ('buffer' in data) {
+            bin = new Uint8Array(data.buffer, (_a = data.byteOffset) !== null && _a !== void 0 ? _a : 0, data.byteLength);
+        }
+        else {
+            bin = data;
+        }
+        this.reserve(this._size + bin.length);
+        this._data.set(bin, this._size);
+        this._size += bin.length;
+        return this;
+    }
+    write8(value) {
+        if (value > 0xff) {
+            // cast to 8bits range
+            value = 0xff;
+        }
+        this.reserve(this._size + 1);
+        this._data[this._size++] = value;
+        return this;
+    }
+    write16(value) {
+        if (value > 0xffff) {
+            // cast to 16bits range
+            value = 0xffff;
+        }
+        this.reserve(this._size + 2);
+        this.view.setUint16(this._size, value);
+        this._size += 2;
+        return this;
+    }
+    write24(value) {
+        if (value > 0xffffff) {
+            // cast to 24bits range
+            value = 0xffffff;
+        }
+        this.reserve(this._size + 3);
+        this.view.setUint16(this._size, value >> 8);
+        this.view.setUint8((this._size += 2), value & 0xff);
+        ++this._size;
+        return this;
+    }
+    write32(value) {
+        if (value > 0xffffffff) {
+            // cast to 32bits range
+            value = 0xffffffff;
+        }
+        this.reserve(this._size + 4);
+        this.view.setUint32(this._size, value);
+        this._size += 4;
+        return this;
+    }
+    write64(value) {
+        this.write32(value / 4294967296);
+        return this.write32(value & 0xffffffff);
+    }
+    writeFloat(value) {
+        this.reserve(this._size + 4);
+        this.view.setFloat32(this._size, value);
+        this._size += 4;
+        return this;
+    }
+    writeDouble(value) {
+        this.reserve(this._size + 8);
+        this.view.setFloat64(this._size, value);
+        this._size += 8;
+        return this;
+    }
+    write7Bit(value) {
+        let byte = value & 0x7f;
+        while ((value = Math.floor(value / 0x80))) {
+            // equivalent to >>=7 for JS!
+            this.write8(0x80 | byte);
+            byte = value & 0x7f;
+        }
+        return this.write8(byte);
+    }
+    writeString(value) {
+        return this.write(toBin(value)).write8(0);
+    }
+    writeHex(value) {
+        for (let i = 0; i < value.length; i += 2) {
+            this.write8(parseInt(value.substring(i, i + 2), 16));
+        }
+        return this;
+    }
+    reserve(size) {
+        if (!this._data) {
+            throw Error('buffer not writable');
+        }
+        if (size <= this._data.byteLength) {
+            return this;
+        }
+        if (this._isConst) {
+            throw Error('writing exceeds maximum ' + this._data.byteLength + ' bytes limit');
+        }
+        --size;
+        size |= size >> 1;
+        size |= size >> 2;
+        size |= size >> 4;
+        size |= size >> 8;
+        size |= size >> 16;
+        ++size;
+        const data = new Uint8Array(size);
+        data.set(this._data); // copy old buffer!
+        this._data = data;
+        this._view = undefined; // release view
+        return this;
+    }
+}/**
+ * Copyright 2024 Ceeblue B.V.
+ * This file is part of https://github.com/CeeblueTV/web-utils which is released under GNU Affero General Public License.
+ * See file LICENSE or go to https://spdx.org/licenses/AGPL-3.0-or-later.html for full license details.
+ */
 /**
  * Log levels
  */
@@ -2239,6 +2253,20 @@ class UIMetrics {
     set stepSize(value) {
         this._stepSize = value;
     }
+    /**
+     * Return the space width available to display average metric
+     */
+    get averageDisplayWidth() {
+        // 7 chars (1 char width ≈ fontSize/2)
+        return (this._legendFontSize / 2) * 7;
+    }
+    /**
+     * Return the count of displayable metrics regarding the space available on the screen
+     */
+    get displayableCount() {
+        const width = this._ui.clientWidth - this.averageDisplayWidth;
+        return Math.ceil((width - this._labelWidth) / this._stepSize);
+    }
     constructor(ui) {
         this._ui = ui;
         // default values in pixels
@@ -2267,21 +2295,20 @@ class UIMetrics {
             return;
         }
         this._html = '';
-        const averageWidth = (this._legendFontSize / 2) * 7; // 7 chars (1 char width ≈ fontSize/2)
-        const width = this._ui.clientWidth - averageWidth;
+        const averageDisplayWidth = this.averageDisplayWidth;
+        const averageCenter = averageDisplayWidth / 2;
+        const width = this._ui.clientWidth - averageDisplayWidth;
         const graphHeight = this._lineHeight - 2 * this._graphMargin;
         const graphMiddle = Math.round(this._lineHeight / 2);
         const textY = Math.round(this._lineHeight / 2 + this._textMargin);
         const titleWidth = this._labelWidth - 2 * this._textMargin;
-        const averageCenter = averageWidth / 2;
-        for (const [key, values] of stats) {
-            let x = this._labelWidth + values.length * this._stepSize;
-            if (x >= width) {
-                x -= values.splice(0, Math.ceil((x - width) / this._stepSize)).length * this._stepSize;
-            }
+        for (const [key, fullValues] of stats) {
+            const displayableCount = Math.ceil((width - this._labelWidth) / this._stepSize);
+            const values = fullValues.slice(Math.max(0, fullValues.length - displayableCount));
             if (!values.length) {
                 continue;
             }
+            let x = this._labelWidth + values.length * this._stepSize;
             /*
             <svg class="list-group-item p-0" style="height: 40px;" xmlns="http://www.w3.org/2000/svg">
                 <text x="5" y="22">M text</text>
@@ -2389,4 +2416,4 @@ class UIMetrics {
  * This file is part of https://github.com/CeeblueTV/web-utils which is released under GNU Affero General Public License.
  * See file LICENSE or go to https://spdx.org/licenses/AGPL-3.0-or-later.html for full license details.
  */
-const VERSION = '3.1.0';export{BinaryReader,BinaryWriter,BitReader,ByteRate,Connect,EpochTime,EventEmitter,FixMap,Log,LogLevel,Loggable,NetAddress,Numbers,Queue,SDP,UIMetrics,Util,VERSION,WebSocketReliable,log};//# sourceMappingURL=web-utils.js.map
+const VERSION = '3.2.1';export{BinaryReader,BinaryWriter,BitReader,ByteRate,Connect,EpochTime,EventEmitter,FixMap,Log,LogLevel,Loggable,NetAddress,Numbers,Queue,SDP,UIMetrics,Util,VERSION,WebSocketReliable,log};//# sourceMappingURL=web-utils.js.map