tiny-essentials 1.27.1 → 1.28.1

package/dist/v1/libs/TinyNewWinEvents.mjs

@@ -1,4 +1,6 @@
-import TinyEvents from './TinyEvents.mjs';
+import { EventEmitter } from 'events';
+import { createCheckDestroyed } from './utils.mjs';
+const checkDestroy = createCheckDestroyed('TinyNewWinEvents');
 /**
  * Stores polling intervals associated with window references.
  * Used to detect when the window is closed.
@@ -21,170 +23,7 @@ const pollClosedInterval = new WeakMap();
  *
  * @class
  */
-class TinyNewWinEvents {
-    #events = new TinyEvents();
-    /**
-     * Enables or disables throwing an error when the maximum number of listeners is exceeded.
-     *
-     * @param {boolean} shouldThrow - If true, an error will be thrown when the max is exceeded.
-     */
-    setThrowOnMaxListeners(shouldThrow) {
-        return this.#events.setThrowOnMaxListeners(shouldThrow);
-    }
-    /**
-     * Checks whether an error will be thrown when the max listener limit is exceeded.
-     *
-     * @returns {boolean} True if an error will be thrown, false if only a warning is shown.
-     */
-    getThrowOnMaxListeners() {
-        return this.#events.getThrowOnMaxListeners();
-    }
-    /////////////////////////////////////////////////////////////
-    /**
-     * Adds a listener to the beginning of the listeners array for the specified event.
-     *
-     * @param {string|string[]} event - Event name.
-     * @param {handler} handler - The callback function.
-     */
-    prependListener(event, handler) {
-        return this.#events.prependListener(event, handler);
-    }
-    /**
-     * Adds a one-time listener to the beginning of the listeners array for the specified event.
-     *
-     * @param {string|string[]} event - Event name.
-     * @param {handler} handler - The callback function.
-     * @returns {handler[]} - The wrapped handler used internally.
-     */
-    prependListenerOnce(event, handler) {
-        return this.#events.prependListenerOnce(event, handler);
-    }
-    //////////////////////////////////////////////////////////////////////
-    /**
-     * Adds a event listener.
-     *
-     * @param {string|string[]} event - Event name, such as 'onScrollBoundary' or 'onAutoScroll'.
-     * @param {handler} handler - Callback function to be called when event fires.
-     */
-    appendListener(event, handler) {
-        return this.#events.appendListener(event, handler);
-    }
-    /**
-     * Registers an event listener that runs only once, then is removed.
-     *
-     * @param {string|string[]} event - Event name, such as 'onScrollBoundary' or 'onAutoScroll'.
-     * @param {handler} handler - The callback function to run on event.
-     * @returns {handler[]} - The wrapped version of the handler.
-     */
-    appendListenerOnce(event, handler) {
-        return this.#events.appendListenerOnce(event, handler);
-    }
-    /**
-     * Adds a event listener.
-     *
-     * @param {string|string[]} event - Event name, such as 'onScrollBoundary' or 'onAutoScroll'.
-     * @param {handler} handler - Callback function to be called when event fires.
-     */
-    on(event, handler) {
-        return this.#events.on(event, handler);
-    }
-    /**
-     * Registers an event listener that runs only once, then is removed.
-     *
-     * @param {string|string[]} event - Event name, such as 'onScrollBoundary' or 'onAutoScroll'.
-     * @param {handler} handler - The callback function to run on event.
-     * @returns {handler[]} - The wrapped version of the handler.
-     */
-    once(event, handler) {
-        return this.#events.once(event, handler);
-    }
-    ////////////////////////////////////////////////////////////////////
-    /**
-     * Removes a previously registered event listener.
-     *
-     * @param {string|string[]} event - The name of the event to remove the handler from.
-     * @param {handler} handler - The specific callback function to remove.
-     */
-    off(event, handler) {
-        return this.#events.off(event, handler);
-    }
-    /**
-     * Removes all event listeners of a specific type from the element.
-     *
-     * @param {string|string[]} event - The event type to remove (e.g. 'onScrollBoundary').
-     */
-    offAll(event) {
-        return this.#events.offAll(event);
-    }
-    /**
-     * Removes all event listeners of all types from the element.
-     */
-    offAllTypes() {
-        return this.#events.offAllTypes();
-    }
-    ////////////////////////////////////////////////////////////
-    /**
-     * Returns the number of listeners for a given event.
-     *
-     * @param {string} event - The name of the event.
-     * @returns {number} Number of listeners for the event.
-     */
-    listenerCount(event) {
-        return this.#events.listenerCount(event);
-    }
-    /**
-     * Returns a copy of the array of listeners for the specified event.
-     *
-     * @param {string} event - The name of the event.
-     * @returns {handler[]} Array of listener functions.
-     */
-    listeners(event) {
-        return this.#events.listeners(event);
-    }
-    /**
-     * Returns a copy of the array of listeners for the specified event.
-     *
-     * @param {string} event - The name of the event.
-     * @returns {handler[]} Array of listener functions.
-     */
-    onceListeners(event) {
-        return this.#events.onceListeners(event);
-    }
-    /**
-     * Returns a copy of the internal listeners array for the specified event,
-     * including wrapper functions like those used by `.once()`.
-     * @param {string | symbol} event - The event name.
-     * @returns {handler[]} An array of raw listener functions.
-     */
-    allListeners(event) {
-        return this.#events.allListeners(event);
-    }
-    /**
-     * Returns an array of event names for which there are registered listeners.
-     *
-     * @returns {string[]} Array of registered event names.
-     */
-    eventNames() {
-        return this.#events.eventNames();
-    }
-    //////////////////////////////////////////////////////
-    /**
-     * Sets the maximum number of listeners per event before a warning is shown.
-     *
-     * @param {number} n - The maximum number of listeners.
-     */
-    setMaxListeners(n) {
-        return this.#events.setMaxListeners(n);
-    }
-    /**
-     * Gets the maximum number of listeners allowed per event.
-     *
-     * @returns {number} The maximum number of listeners.
-     */
-    getMaxListeners() {
-        return this.#events.getMaxListeners();
-    }
-    ///////////////////////////////////////////////////
+class TinyNewWinEvents extends EventEmitter {
     /** @type {Window|null} Reference to the opened or parent window */
     #windowRef;
     /** @type {string} Expected origin for postMessage communication */
@@ -201,11 +40,25 @@ class TinyNewWinEvents {
     #readyEventName = '__TNE_READY__';
     /** @type {string} Internal message type for routed communication */
     #routeEventName = '__TNE_ROUTE__';
+    /**
+     * Tracks whether the instance has been destroyed.
+     * @type {boolean}
+     */
+    #destroyed = false;
+    /**
+     * Gets the current destruction status of the instance.
+     *
+     * @returns {boolean} True if the instance is destroyed, false otherwise.
+     */
+    get destroyed() {
+        return this.#destroyed;
+    }
     /**
      * Gets the internal handshake event name.
      * @returns {string}
      */
     get readyEventName() {
+        checkDestroy(this.#destroyed);
         return this.#readyEventName;
     }
     /**
@@ -214,6 +67,7 @@ class TinyNewWinEvents {
      * @throws {TypeError} If the value is not a string.
      */
     set readyEventName(name) {
+        checkDestroy(this.#destroyed);
         if (typeof name !== 'string')
             throw new TypeError('TinyNewWinEvents: readyEventName must be a string.');
         this.#readyEventName = name;
@@ -223,6 +77,7 @@ class TinyNewWinEvents {
      * @returns {string}
      */
     get routeEventName() {
+        checkDestroy(this.#destroyed);
         return this.#routeEventName;
     }
     /**
@@ -231,6 +86,7 @@ class TinyNewWinEvents {
      * @throws {TypeError} If the value is not a string.
      */
     set routeEventName(name) {
+        checkDestroy(this.#destroyed);
         if (typeof name !== 'string')
             throw new TypeError('TinyNewWinEvents: routeEventName must be a string.');
         this.#routeEventName = name;
@@ -249,6 +105,7 @@ class TinyNewWinEvents {
      * @throws {Error} If the window reference is invalid or already being tracked.
      */
     constructor({ targetOrigin, url, name, features } = {}) {
+        super();
         if (typeof name === 'string' && name === '_blank')
             throw new Error('TinyNewWinEvents: The window name "_blank" is not supported. Please use a custom name to allow tracking.');
         if (typeof targetOrigin !== 'undefined' && typeof targetOrigin !== 'string')
@@ -282,6 +139,7 @@ class TinyNewWinEvents {
      * @returns {Window|null}
      */
     getWin() {
+        checkDestroy(this.#destroyed);
         return this.#windowRef;
     }
     /**
@@ -303,7 +161,7 @@ class TinyNewWinEvents {
             return;
         }
         if (type === this.#routeEventName)
-            this.#events.emit(route, payload, event);
+            this.emit(`win:${route}`, payload, event);
     }
     /**
      * Sends all pending messages queued before handshake completion.
@@ -315,7 +173,7 @@ class TinyNewWinEvents {
             const data = this.#pendingQueue.shift();
             if (data) {
                 const { route, payload } = data;
-                this.emit(route, payload);
+                this.winEmit(route, payload);
             }
         }
     }
@@ -338,6 +196,7 @@ class TinyNewWinEvents {
      * @returns {void}
      */
     close() {
+        checkDestroy(this.#destroyed);
         if (!this.#isHost)
             throw new Error('Only host can close the window.');
         if (this.#windowRef && !this.#windowRef.closed)
@@ -353,7 +212,8 @@ class TinyNewWinEvents {
      * @throws {Error} If the instance is already destroyed.
      * @returns {void}
      */
-    emit(route, payload) {
+    winEmit(route, payload) {
+        checkDestroy(this.#destroyed);
         if (typeof route !== 'string')
             throw new TypeError('Event name must be a string.');
         if (this.isDestroyed())
@@ -370,6 +230,7 @@ class TinyNewWinEvents {
      * @returns {boolean}
      */
     isConnected() {
+        checkDestroy(this.#destroyed);
         return this.#ready && this.#windowRef && !this.#windowRef.closed ? true : false;
     }
     /**
@@ -382,7 +243,7 @@ class TinyNewWinEvents {
             return;
         this.#pollClosedInterval = setInterval(() => {
             if (this.#windowRef?.closed) {
-                this.#events.emit('WINDOW_REF_CLOSED');
+                this.emit('WINDOW_REF_CLOSED');
                 this.destroy();
             }
         }, 500);
@@ -395,7 +256,8 @@ class TinyNewWinEvents {
      * @returns {void}
      */
     onClose(callback) {
-        return this.#events.on('WINDOW_REF_CLOSED', callback);
+        checkDestroy(this.#destroyed);
+        this.on('WINDOW_REF_CLOSED', callback);
     }
     /**
      * Unregisters a previously registered close callback.
@@ -404,7 +266,8 @@ class TinyNewWinEvents {
      * @returns {void}
      */
     offClose(callback) {
-        return this.#events.off('WINDOW_REF_CLOSED', callback);
+        checkDestroy(this.#destroyed);
+        this.off('WINDOW_REF_CLOSED', callback);
     }
     /**
      * Checks if the communication instance has been destroyed.
@@ -431,7 +294,8 @@ class TinyNewWinEvents {
         this.#pendingQueue = [];
         this.#ready = false;
         this.#windowRef = null;
-        this.#events.offAllTypes();
+        this.removeAllListeners();
+        this.#destroyed = true;
     }
 }
 export default TinyNewWinEvents;

package/dist/v1/libs/TinyNotifyCenter.cjs

@@ -1,5 +1,9 @@
 'use strict';
 
+var utils = require('./utils.cjs');
+
+const checkDestroy = utils.createCheckDestroyed('TinyNotifyCenter');
+
 /**
  * Represents a single notification entry.
  *
@@ -109,6 +113,21 @@ class TinyNotifyCenter {
     document.body.insertAdjacentHTML(where, TinyNotifyCenter.getTemplate());
   }
 
+  /**
+   * Tracks whether the instance has been destroyed.
+   * @type {boolean}
+   */
+  #destroyed = false;
+
+  /**
+   * Gets the current destruction status of the instance.
+   *
+   * @returns {boolean} True if the instance is destroyed, false otherwise.
+   */
+  get destroyed() {
+    return this.#destroyed;
+  }
+
   /** @type {HTMLElement} */
   #center;
   /** @type {HTMLElement} */
@@ -206,6 +225,7 @@ class TinyNotifyCenter {
    * @param {boolean} value
    */
   setMarkAllAsReadOnClose(value) {
+    checkDestroy(this.#destroyed);
     if (typeof value !== 'boolean')
       throw new TypeError(`Expected boolean for markAllAsReadOnClose, got ${typeof value}`);
     this.#markAllAsReadOnClose = value;
@@ -216,6 +236,7 @@ class TinyNotifyCenter {
    * @param {number} ms
    */
   setRemoveDelay(ms) {
+    checkDestroy(this.#destroyed);
     if (typeof ms !== 'number') throw new Error(`NotificationCenter: "ms" must be an number.`);
     this.#removeDelay = ms;
   }
@@ -226,6 +247,7 @@ class TinyNotifyCenter {
    * @returns {'text' | 'html' | null}
    */
   getItemMode(index) {
+    checkDestroy(this.#destroyed);
     const item = this.getItem(index);
     return item ? this.#modes.get(item) : null;
   }
@@ -236,6 +258,7 @@ class TinyNotifyCenter {
    * @returns {HTMLElement}
    */
   getItem(index) {
+    checkDestroy(this.#destroyed);
     const element = this.#list.children.item(index);
     if (!(element instanceof HTMLElement))
       throw new Error(`NotificationCenter: "item" must be an HTMLElement. Got: ${element}`);
@@ -248,6 +271,7 @@ class TinyNotifyCenter {
    * @returns {boolean}
    */
   hasItem(index) {
+    checkDestroy(this.#destroyed);
     return index >= 0 && index < this.#list.children.length;
   }
 
@@ -256,6 +280,7 @@ class TinyNotifyCenter {
    * @param {number|HTMLElement} index
    */
   markAsRead(index) {
+    checkDestroy(this.#destroyed);
     const item = index instanceof HTMLElement ? index : this.getItem(index);
     if (item.classList.contains('unread')) {
       item.classList.remove('unread');
@@ -270,6 +295,7 @@ class TinyNotifyCenter {
    * @param {'text'|'html'} [mode='text'] - How to treat the message content.
    */
   add(message, mode = 'text') {
+    checkDestroy(this.#destroyed);
     const item = document.createElement('div');
     item.className = 'item unread';
 
@@ -351,6 +377,7 @@ class TinyNotifyCenter {
    * @param {number} index
    */
   remove(index) {
+    checkDestroy(this.#destroyed);
     const item = this.getItem(index);
     this.#removeItem(item);
   }
@@ -359,6 +386,7 @@ class TinyNotifyCenter {
    * Clear all notifications safely.
    */
   clear() {
+    checkDestroy(this.#destroyed);
     let needAgain = true;
     while (needAgain) {
       needAgain = false;
@@ -376,6 +404,7 @@ class TinyNotifyCenter {
    * Open the notify center.
    */
   open() {
+    checkDestroy(this.#destroyed);
     this.#overlay.classList.remove('hidden');
     this.#center.classList.add('open');
   }
@@ -384,6 +413,7 @@ class TinyNotifyCenter {
    * Close the notify center.
    */
   close() {
+    checkDestroy(this.#destroyed);
     this.#overlay.classList.add('hidden');
     this.#center.classList.remove('open');
     if (this.#markAllAsReadOnClose) {
@@ -398,6 +428,7 @@ class TinyNotifyCenter {
    * Toggle open/close state.
    */
   toggle() {
+    checkDestroy(this.#destroyed);
     if (this.#center.classList.contains('open')) this.close();
     else this.open();
   }
@@ -406,6 +437,7 @@ class TinyNotifyCenter {
    * Recalculate the number of notifications based on the actual DOM list.
    */
   recount() {
+    checkDestroy(this.#destroyed);
     const count = this.#list.querySelectorAll('.item.unread').length;
     this.#updateCount(count);
   }
@@ -427,6 +459,7 @@ class TinyNotifyCenter {
    * @returns {void}
    */
   destroy() {
+    if (this.#destroyed) return;
     // Remove event listeners
     this.#button?.removeEventListener('click', this.toggle);
     this.#center?.querySelector('.close')?.removeEventListener('click', this.close);
@@ -448,6 +481,9 @@ class TinyNotifyCenter {
     // this.#overlay = null;
     this.#count = 0;
     this.#modes = new WeakMap();
+
+    // Lock the instance
+    this.#destroyed = true;
   }
 }
 

package/dist/v1/libs/TinyNotifyCenter.d.mts

@@ -91,6 +91,12 @@ declare class TinyNotifyCenter {
         button?: HTMLElement | undefined;
         overlay?: HTMLElement | undefined;
     });
+    /**
+     * Gets the current destruction status of the instance.
+     *
+     * @returns {boolean} True if the instance is destroyed, false otherwise.
+     */
+    get destroyed(): boolean;
     /**
      * Enable or disable automatic mark-as-read on close.
      * @param {boolean} value

package/dist/v1/libs/TinyNotifyCenter.mjs

@@ -1,3 +1,5 @@
+import { createCheckDestroyed } from './utils.mjs';
+const checkDestroy = createCheckDestroyed('TinyNotifyCenter');
 /**
  * Represents a single notification entry.
  *
@@ -104,6 +106,19 @@ class TinyNotifyCenter {
     static insertTemplate(where = 'afterbegin') {
         document.body.insertAdjacentHTML(where, TinyNotifyCenter.getTemplate());
     }
+    /**
+     * Tracks whether the instance has been destroyed.
+     * @type {boolean}
+     */
+    #destroyed = false;
+    /**
+     * Gets the current destruction status of the instance.
+     *
+     * @returns {boolean} True if the instance is destroyed, false otherwise.
+     */
+    get destroyed() {
+        return this.#destroyed;
+    }
     /** @type {HTMLElement} */
     #center;
     /** @type {HTMLElement} */
@@ -188,6 +203,7 @@ class TinyNotifyCenter {
      * @param {boolean} value
      */
     setMarkAllAsReadOnClose(value) {
+        checkDestroy(this.#destroyed);
         if (typeof value !== 'boolean')
             throw new TypeError(`Expected boolean for markAllAsReadOnClose, got ${typeof value}`);
         this.#markAllAsReadOnClose = value;
@@ -197,6 +213,7 @@ class TinyNotifyCenter {
      * @param {number} ms
      */
     setRemoveDelay(ms) {
+        checkDestroy(this.#destroyed);
         if (typeof ms !== 'number')
             throw new Error(`NotificationCenter: "ms" must be an number.`);
         this.#removeDelay = ms;
@@ -207,6 +224,7 @@ class TinyNotifyCenter {
      * @returns {'text' | 'html' | null}
      */
     getItemMode(index) {
+        checkDestroy(this.#destroyed);
         const item = this.getItem(index);
         return item ? this.#modes.get(item) : null;
     }
@@ -216,6 +234,7 @@ class TinyNotifyCenter {
      * @returns {HTMLElement}
      */
     getItem(index) {
+        checkDestroy(this.#destroyed);
         const element = this.#list.children.item(index);
         if (!(element instanceof HTMLElement))
             throw new Error(`NotificationCenter: "item" must be an HTMLElement. Got: ${element}`);
@@ -227,6 +246,7 @@ class TinyNotifyCenter {
      * @returns {boolean}
      */
     hasItem(index) {
+        checkDestroy(this.#destroyed);
         return index >= 0 && index < this.#list.children.length;
     }
     /**
@@ -234,6 +254,7 @@ class TinyNotifyCenter {
      * @param {number|HTMLElement} index
      */
     markAsRead(index) {
+        checkDestroy(this.#destroyed);
         const item = index instanceof HTMLElement ? index : this.getItem(index);
         if (item.classList.contains('unread')) {
             item.classList.remove('unread');
@@ -247,6 +268,7 @@ class TinyNotifyCenter {
      * @param {'text'|'html'} [mode='text'] - How to treat the message content.
      */
     add(message, mode = 'text') {
+        checkDestroy(this.#destroyed);
         const item = document.createElement('div');
         item.className = 'item unread';
         let titleText = null;
@@ -318,6 +340,7 @@ class TinyNotifyCenter {
      * @param {number} index
      */
     remove(index) {
+        checkDestroy(this.#destroyed);
         const item = this.getItem(index);
         this.#removeItem(item);
     }
@@ -325,6 +348,7 @@ class TinyNotifyCenter {
      * Clear all notifications safely.
      */
     clear() {
+        checkDestroy(this.#destroyed);
         let needAgain = true;
         while (needAgain) {
             needAgain = false;
@@ -341,6 +365,7 @@ class TinyNotifyCenter {
      * Open the notify center.
      */
     open() {
+        checkDestroy(this.#destroyed);
         this.#overlay.classList.remove('hidden');
         this.#center.classList.add('open');
     }
@@ -348,6 +373,7 @@ class TinyNotifyCenter {
      * Close the notify center.
      */
     close() {
+        checkDestroy(this.#destroyed);
         this.#overlay.classList.add('hidden');
         this.#center.classList.remove('open');
         if (this.#markAllAsReadOnClose) {
@@ -362,6 +388,7 @@ class TinyNotifyCenter {
      * Toggle open/close state.
      */
     toggle() {
+        checkDestroy(this.#destroyed);
         if (this.#center.classList.contains('open'))
             this.close();
         else
@@ -371,6 +398,7 @@ class TinyNotifyCenter {
      * Recalculate the number of notifications based on the actual DOM list.
      */
     recount() {
+        checkDestroy(this.#destroyed);
         const count = this.#list.querySelectorAll('.item.unread').length;
         this.#updateCount(count);
     }
@@ -390,6 +418,8 @@ class TinyNotifyCenter {
      * @returns {void}
      */
     destroy() {
+        if (this.#destroyed)
+            return;
         // Remove event listeners
         this.#button?.removeEventListener('click', this.toggle);
         this.#center?.querySelector('.close')?.removeEventListener('click', this.close);
@@ -408,6 +438,8 @@ class TinyNotifyCenter {
         // this.#overlay = null;
         this.#count = 0;
         this.#modes = new WeakMap();
+        // Lock the instance
+        this.#destroyed = true;
     }
 }
 export default TinyNotifyCenter;