tiny-essentials 1.24.5 → 1.25.1

package/dist/v1/TinyTextDiffer.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={d:(t,r)=>{for(var s in r)e.o(r,s)&&!e.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:r[s]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};e.d(t,{TinyTextDiffer:()=>r});const r=class{#e=[];#t=!1;get history(){return[...this.#e]}set history(e){if(!Array.isArray(e))throw new TypeError("History data must be provided as an array.");if(!e.every(e=>"string"==typeof e))throw new TypeError("All items in the history array must be strings.");this.#e=[...e]}get size(){return this.#e.length}constructor(e=[]){this.history=e}#r(){if(this.#t)throw new Error("Cannot perform operations on a destroyed TinyTextDiffer instance.")}#s(e){if("number"!=typeof e)throw new TypeError("The provided index must be a valid number.")}#i(e){if("string"!=typeof e)throw new TypeError("The provided text must be a valid string.")}get(e){if(this.#r(),this.#s(e),void 0===this.#e[e])throw new Error(`No text version found at index ${e}.`);return this.#e[e]}has(e){return this.#r(),this.#s(e),void 0!==this.#e[e]}add(e){this.#r(),this.#i(e),this.#e.push(e)}remove(){return this.#r(),this.#e.pop()}addAt(e,t){this.#r(),this.#s(e),this.#i(t),this.#e.splice(e,0,t)}removeAt(e){this.#r(),this.#s(e);const t=this.#e.length;return this.#e.splice(e,1),t!==this.#e.length}clear(){this.#r(),this.#e=[]}compare(...e){this.#r();const t=e.length;if(0===t||t%2!=0)throw new Error("The compare method requires an even number of indices to form comparison pairs.");const r=[];for(let s=0;s<t;s+=2){const i=s+1;if(i>t-1)continue;this.#s(e[s]),this.#s(e[i]);const h=this.#e[e[s]],o=this.#e[e[i]];r.push(this._computeDiff(h,o))}return r}_computeDiff(e,t){const r=e.length,s=t.length,i=Array(r+1).fill(null).map(()=>Array(s+1).fill(0));let h=1,o=1;for(h=1;h<=r;h++)for(o=1;o<=s;o++)e[h-1]===t[o-1]?i[h][o]=i[h-1][o-1]+1:i[h][o]=Math.max(i[h-1][o],i[h][o-1]);h=r,o=s;const n=[];for(;h>0||o>0;)h>0&&o>0&&e[h-1]===t[o-1]?(n.unshift({value:e[h-1],type:"normal"}),h--,o--):o>0&&(0===h||i[h][o-1]>=i[h-1][o])?(n.unshift({value:t[o-1],type:"added"}),o--):h>0&&(0===o||i[h][o-1]<i[h-1][o])&&(n.unshift({value:e[h-1],type:"deleted"}),h--);return n.reduce((e,t)=>{const r=e.length-1;return e.length>0&&e[r].type===t.type?e[r].value+=t.value:e.push(t),e},[])}destroy(){this.#t||(this.#e=[],this.#t=!0)}};window.TinyTextDiffer=t.TinyTextDiffer})();

package/dist/v1/basics/html.cjs

@@ -134,8 +134,60 @@ function saveJsonFile(filename, data, spaces = 2) {
  * @property {number} [retries=0] - Number of retry attempts (ignored if signal is provided).
  * @property {Headers|Record<string, *>} [headers={}] - Additional headers.
  * @property {AbortSignal|null} [signal] - External AbortSignal; disables timeout and retries.
+ * @property {FetchOnProgressResult} [onProgress] - Track the load progress.
  */
 
+/**
+ * Callback function used to report the progress of a data download.
+ *
+ * @callback FetchOnProgressResult
+ * @param {number} loaded - The amount of bytes currently loaded.
+ * @param {number} total - The total amount of bytes to be loaded (0 if unknown).
+ * @returns {void}
+ */
+
+/**
+ * Intercepts a standard Fetch API Response to track the download progress
+ * of its body stream.
+ *
+ * This function returns a new Response object with a monitored ReadableStream,
+ * allowing the provided callback to receive updates on the number of bytes loaded.
+ *
+ * @param {Response} response - The original response object to be tracked.
+ * @param {FetchOnProgressResult} onProgress - The callback function to handle progress events.
+ * @returns {Response} A new Response object with the tracked stream.
+ */
+function trackFetchProgress(response, onProgress) {
+  if (typeof onProgress !== 'function')
+    throw new TypeError('The "onProgress" argument must be a function.');
+  if (!response.body) return response;
+
+  // Handle Progress Tracking via ReadableStream
+  const contentLength = response.headers.get('content-length');
+  const total = contentLength ? parseInt(contentLength, 10) : 0;
+  let loaded = 0;
+
+  const reader = response.body.getReader();
+  const stream = new ReadableStream({
+    async start(controller) {
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        loaded += value.byteLength;
+        onProgress(loaded, total);
+        controller.enqueue(value);
+      }
+      controller.close();
+    },
+  });
+
+  return new Response(stream, {
+    headers: response.headers,
+    status: response.status,
+    statusText: response.statusText,
+  });
+}
+
 /**
  * @param {string} url - The full URL to fetch data from.
  * @param {FetchTemplateOptions} [options] - Optional settings.
@@ -144,7 +196,7 @@ function saveJsonFile(filename, data, spaces = 2) {
  */
 async function fetchTemplate(
   url,
-  { method = 'GET', body, timeout = 0, retries = 0, headers = {}, signal = null } = {},
+  { method = 'GET', body, timeout = 0, retries = 0, headers = {}, signal = null, onProgress } = {},
 ) {
   if (
     typeof url !== 'string' ||
@@ -201,7 +253,10 @@ async function fetchTemplate(
       if (timer) clearTimeout(timer);
 
       if (!response.ok) throw new Error(`HTTP error: ${response.status} ${response.statusText}`);
-      return response;
+
+      // If onProgress is not provided or body is null, return original response
+      if (!onProgress) return response;
+      return trackFetchProgress(response, onProgress);
     } catch (err) {
       lastError = /** @type {Error} */ (err);
       if (signal) break; // if an external signal came, it does not retry
@@ -304,6 +359,98 @@ async function fetchText(url, allowedMimeTypes, options) {
 
 ///////////////////////////////////////////////////////////////////////////////
 
+/**
+ * Represents the final state and metadata of an attempted image load.
+ * @typedef {Object} ImageLoadResult
+ * @property {HTMLImageElement} element The image element instance used for loading.
+ * @property {Event} event The browser event triggered by the final lifecycle state.
+ * @property {ImageLoadStatus} status The specific outcome string of the loading process.
+ * @property {boolean} isSuccess Indicates if the image was successfully loaded without errors.
+ * @property {number} loadTimeMs The total duration in milliseconds from start to finish.
+ * @property {Object} dimensions An object containing the rendered and intrinsic sizes of the image.
+ * @property {number} dimensions.width The current layout width of the image element.
+ * @property {number} dimensions.height The current layout height of the image element.
+ * @property {number} dimensions.naturalWidth The intrinsic width of the image source in pixels.
+ * @property {number} dimensions.naturalHeight The intrinsic height of the image source in pixels.
+ */
+
+/**
+ * Describes the possible resolution states for the image loading attempt.
+ * @typedef {'loaded'|'aborted'} ImageLoadStatus
+ */
+
+/**
+ * Loads an image asynchronously, capturing critical lifecycle events.
+ * It normalizes errors and success states into a consistent result structure.
+ *
+ * @param {Object} options
+ * @param {string} options.url
+ * @param {string} [options.crossOrigin="anonymous"]
+ * @param {(event: Event, startTime: number) => void} [options.onLoading]
+ * @returns {Promise<ImageLoadResult>}
+ */
+async function loadImage({ url, onLoading, crossOrigin = 'anonymous' }) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    let startTime = performance.now();
+
+    img.crossOrigin = crossOrigin;
+
+    /**
+     * Cleans up event listeners to avoid memory leaks.
+     */
+    const cleanup = () => {
+      img.onload = null;
+      img.onerror = null;
+      img.onabort = null;
+      img.onloadstart = null;
+    };
+
+    /**
+     * Centralized handler to generate the result object.
+     * @param {Event} event
+     * @param {ImageLoadStatus} status
+     * @param {boolean} isSuccess
+     */
+    const handleResult = (event, status, isSuccess) => {
+      const endTime = performance.now();
+      cleanup();
+
+      const result = {
+        element: img,
+        isSuccess,
+        event,
+        status,
+        loadTimeMs: endTime - startTime,
+        dimensions: {
+          width: img.width,
+          height: img.height,
+          naturalWidth: img.naturalWidth,
+          naturalHeight: img.naturalHeight,
+        },
+      };
+
+      resolve(result);
+    };
+
+    // Fired when the browser starts looking for the image data.
+    // Crucial for resetting the timer to network start, not just script start.
+    img.onloadstart = (ev) => {
+      startTime = performance.now();
+      if (typeof onLoading === 'function') onLoading(ev, startTime);
+    };
+
+    img.onload = (ev) => handleResult(ev, 'loaded', true);
+    img.onabort = (ev) => handleResult(ev, 'aborted', false);
+    img.onerror = (ev) => reject(ev);
+
+    // Trigger the load
+    img.src = url;
+  });
+}
+
+///////////////////////////////////////////////////////////////////////////////
+
 /**
  * Installs a script that toggles CSS classes on a given element
  * based on the page's visibility or focus state, and optionally
@@ -438,7 +585,9 @@ exports.fetchBlob = fetchBlob;
 exports.fetchJson = fetchJson;
 exports.fetchText = fetchText;
 exports.installWindowHiddenScript = installWindowHiddenScript;
+exports.loadImage = loadImage;
 exports.readBase64Blob = readBase64Blob;
 exports.readFileBlob = readFileBlob;
 exports.readJsonBlob = readJsonBlob;
 exports.saveJsonFile = saveJsonFile;
+exports.trackFetchProgress = trackFetchProgress;

package/dist/v1/basics/html.d.mts

@@ -45,6 +45,36 @@ export function readJsonBlob(file: File): Promise<Record<string | number | symbo
  * @param {number} [spaces=2]
  */
 export function saveJsonFile(filename: string, data: any, spaces?: number): void;
+/**
+ * @typedef {Object} FetchTemplateOptions
+ * @property {string} [method="GET"] - HTTP method to use (GET, POST, etc.).
+ * @property {any} [body] - Request body (only for methods like POST, PUT).
+ * @property {number} [timeout=0] - Timeout in milliseconds (ignored if signal is provided).
+ * @property {number} [retries=0] - Number of retry attempts (ignored if signal is provided).
+ * @property {Headers|Record<string, *>} [headers={}] - Additional headers.
+ * @property {AbortSignal|null} [signal] - External AbortSignal; disables timeout and retries.
+ * @property {FetchOnProgressResult} [onProgress] - Track the load progress.
+ */
+/**
+ * Callback function used to report the progress of a data download.
+ *
+ * @callback FetchOnProgressResult
+ * @param {number} loaded - The amount of bytes currently loaded.
+ * @param {number} total - The total amount of bytes to be loaded (0 if unknown).
+ * @returns {void}
+ */
+/**
+ * Intercepts a standard Fetch API Response to track the download progress
+ * of its body stream.
+ *
+ * This function returns a new Response object with a monitored ReadableStream,
+ * allowing the provided callback to receive updates on the number of bytes loaded.
+ *
+ * @param {Response} response - The original response object to be tracked.
+ * @param {FetchOnProgressResult} onProgress - The callback function to handle progress events.
+ * @returns {Response} A new Response object with the tracked stream.
+ */
+export function trackFetchProgress(response: Response, onProgress: FetchOnProgressResult): Response;
 /**
  * Loads and parses a JSON from a remote URL using Fetch API.
  *
@@ -74,6 +104,39 @@ export function fetchBlob(url: string, allowedMimeTypes?: string[], options?: Fe
  * @throws {Error} Throws if fetch fails, response is not ok, or MIME type is not allowed.
  */
 export function fetchText(url: string, allowedMimeTypes?: string[], options?: FetchTemplateOptions): Promise<string>;
+/**
+ * Represents the final state and metadata of an attempted image load.
+ * @typedef {Object} ImageLoadResult
+ * @property {HTMLImageElement} element The image element instance used for loading.
+ * @property {Event} event The browser event triggered by the final lifecycle state.
+ * @property {ImageLoadStatus} status The specific outcome string of the loading process.
+ * @property {boolean} isSuccess Indicates if the image was successfully loaded without errors.
+ * @property {number} loadTimeMs The total duration in milliseconds from start to finish.
+ * @property {Object} dimensions An object containing the rendered and intrinsic sizes of the image.
+ * @property {number} dimensions.width The current layout width of the image element.
+ * @property {number} dimensions.height The current layout height of the image element.
+ * @property {number} dimensions.naturalWidth The intrinsic width of the image source in pixels.
+ * @property {number} dimensions.naturalHeight The intrinsic height of the image source in pixels.
+ */
+/**
+ * Describes the possible resolution states for the image loading attempt.
+ * @typedef {'loaded'|'aborted'} ImageLoadStatus
+ */
+/**
+ * Loads an image asynchronously, capturing critical lifecycle events.
+ * It normalizes errors and success states into a consistent result structure.
+ *
+ * @param {Object} options
+ * @param {string} options.url
+ * @param {string} [options.crossOrigin="anonymous"]
+ * @param {(event: Event, startTime: number) => void} [options.onLoading]
+ * @returns {Promise<ImageLoadResult>}
+ */
+export function loadImage({ url, onLoading, crossOrigin }: {
+    url: string;
+    crossOrigin?: string | undefined;
+    onLoading?: ((event: Event, startTime: number) => void) | undefined;
+}): Promise<ImageLoadResult>;
 /**
  * Installs a script that toggles CSS classes on a given element
  * based on the page's visibility or focus state, and optionally
@@ -128,5 +191,51 @@ export type FetchTemplateOptions = {
      * - External AbortSignal; disables timeout and retries.
      */
     signal?: AbortSignal | null | undefined;
+    /**
+     * - Track the load progress.
+     */
+    onProgress?: FetchOnProgressResult | undefined;
 };
+/**
+ * Callback function used to report the progress of a data download.
+ */
+export type FetchOnProgressResult = (loaded: number, total: number) => void;
+/**
+ * Represents the final state and metadata of an attempted image load.
+ */
+export type ImageLoadResult = {
+    /**
+     * The image element instance used for loading.
+     */
+    element: HTMLImageElement;
+    /**
+     * The browser event triggered by the final lifecycle state.
+     */
+    event: Event;
+    /**
+     * The specific outcome string of the loading process.
+     */
+    status: ImageLoadStatus;
+    /**
+     * Indicates if the image was successfully loaded without errors.
+     */
+    isSuccess: boolean;
+    /**
+     * The total duration in milliseconds from start to finish.
+     */
+    loadTimeMs: number;
+    /**
+     * An object containing the rendered and intrinsic sizes of the image.
+     */
+    dimensions: {
+        width: number;
+        height: number;
+        naturalWidth: number;
+        naturalHeight: number;
+    };
+};
+/**
+ * Describes the possible resolution states for the image loading attempt.
+ */
+export type ImageLoadStatus = "loaded" | "aborted";
 //# sourceMappingURL=html.d.mts.map

package/dist/v1/basics/html.mjs

@@ -122,14 +122,63 @@ export function saveJsonFile(filename, data, spaces = 2) {
  * @property {number} [retries=0] - Number of retry attempts (ignored if signal is provided).
  * @property {Headers|Record<string, *>} [headers={}] - Additional headers.
  * @property {AbortSignal|null} [signal] - External AbortSignal; disables timeout and retries.
+ * @property {FetchOnProgressResult} [onProgress] - Track the load progress.
  */
+/**
+ * Callback function used to report the progress of a data download.
+ *
+ * @callback FetchOnProgressResult
+ * @param {number} loaded - The amount of bytes currently loaded.
+ * @param {number} total - The total amount of bytes to be loaded (0 if unknown).
+ * @returns {void}
+ */
+/**
+ * Intercepts a standard Fetch API Response to track the download progress
+ * of its body stream.
+ *
+ * This function returns a new Response object with a monitored ReadableStream,
+ * allowing the provided callback to receive updates on the number of bytes loaded.
+ *
+ * @param {Response} response - The original response object to be tracked.
+ * @param {FetchOnProgressResult} onProgress - The callback function to handle progress events.
+ * @returns {Response} A new Response object with the tracked stream.
+ */
+export function trackFetchProgress(response, onProgress) {
+    if (typeof onProgress !== 'function')
+        throw new TypeError('The "onProgress" argument must be a function.');
+    if (!response.body)
+        return response;
+    // Handle Progress Tracking via ReadableStream
+    const contentLength = response.headers.get('content-length');
+    const total = contentLength ? parseInt(contentLength, 10) : 0;
+    let loaded = 0;
+    const reader = response.body.getReader();
+    const stream = new ReadableStream({
+        async start(controller) {
+            while (true) {
+                const { done, value } = await reader.read();
+                if (done)
+                    break;
+                loaded += value.byteLength;
+                onProgress(loaded, total);
+                controller.enqueue(value);
+            }
+            controller.close();
+        },
+    });
+    return new Response(stream, {
+        headers: response.headers,
+        status: response.status,
+        statusText: response.statusText,
+    });
+}
 /**
  * @param {string} url - The full URL to fetch data from.
  * @param {FetchTemplateOptions} [options] - Optional settings.
  * @returns {Promise<Response>} Result data.
  * @throws {Error} Throws if fetch fails, times out.
  */
-async function fetchTemplate(url, { method = 'GET', body, timeout = 0, retries = 0, headers = {}, signal = null } = {}) {
+async function fetchTemplate(url, { method = 'GET', body, timeout = 0, retries = 0, headers = {}, signal = null, onProgress } = {}) {
     if (typeof url !== 'string' ||
         (!url.startsWith('../') &&
             !url.startsWith('./') &&
@@ -172,7 +221,10 @@ async function fetchTemplate(url, { method = 'GET', body, timeout = 0, retries =
                 clearTimeout(timer);
             if (!response.ok)
                 throw new Error(`HTTP error: ${response.status} ${response.statusText}`);
-            return response;
+            // If onProgress is not provided or body is null, return original response
+            if (!onProgress)
+                return response;
+            return trackFetchProgress(response, onProgress);
         }
         catch (err) {
             lastError = /** @type {Error} */ (err);
@@ -258,6 +310,87 @@ export async function fetchText(url, allowedMimeTypes, options) {
     });
 }
 ///////////////////////////////////////////////////////////////////////////////
+/**
+ * Represents the final state and metadata of an attempted image load.
+ * @typedef {Object} ImageLoadResult
+ * @property {HTMLImageElement} element The image element instance used for loading.
+ * @property {Event} event The browser event triggered by the final lifecycle state.
+ * @property {ImageLoadStatus} status The specific outcome string of the loading process.
+ * @property {boolean} isSuccess Indicates if the image was successfully loaded without errors.
+ * @property {number} loadTimeMs The total duration in milliseconds from start to finish.
+ * @property {Object} dimensions An object containing the rendered and intrinsic sizes of the image.
+ * @property {number} dimensions.width The current layout width of the image element.
+ * @property {number} dimensions.height The current layout height of the image element.
+ * @property {number} dimensions.naturalWidth The intrinsic width of the image source in pixels.
+ * @property {number} dimensions.naturalHeight The intrinsic height of the image source in pixels.
+ */
+/**
+ * Describes the possible resolution states for the image loading attempt.
+ * @typedef {'loaded'|'aborted'} ImageLoadStatus
+ */
+/**
+ * Loads an image asynchronously, capturing critical lifecycle events.
+ * It normalizes errors and success states into a consistent result structure.
+ *
+ * @param {Object} options
+ * @param {string} options.url
+ * @param {string} [options.crossOrigin="anonymous"]
+ * @param {(event: Event, startTime: number) => void} [options.onLoading]
+ * @returns {Promise<ImageLoadResult>}
+ */
+export async function loadImage({ url, onLoading, crossOrigin = 'anonymous' }) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        let startTime = performance.now();
+        img.crossOrigin = crossOrigin;
+        /**
+         * Cleans up event listeners to avoid memory leaks.
+         */
+        const cleanup = () => {
+            img.onload = null;
+            img.onerror = null;
+            img.onabort = null;
+            img.onloadstart = null;
+        };
+        /**
+         * Centralized handler to generate the result object.
+         * @param {Event} event
+         * @param {ImageLoadStatus} status
+         * @param {boolean} isSuccess
+         */
+        const handleResult = (event, status, isSuccess) => {
+            const endTime = performance.now();
+            cleanup();
+            const result = {
+                element: img,
+                isSuccess,
+                event,
+                status,
+                loadTimeMs: endTime - startTime,
+                dimensions: {
+                    width: img.width,
+                    height: img.height,
+                    naturalWidth: img.naturalWidth,
+                    naturalHeight: img.naturalHeight,
+                },
+            };
+            resolve(result);
+        };
+        // Fired when the browser starts looking for the image data.
+        // Crucial for resetting the timer to network start, not just script start.
+        img.onloadstart = (ev) => {
+            startTime = performance.now();
+            if (typeof onLoading === 'function')
+                onLoading(ev, startTime);
+        };
+        img.onload = (ev) => handleResult(ev, 'loaded', true);
+        img.onabort = (ev) => handleResult(ev, 'aborted', false);
+        img.onerror = (ev) => reject(ev);
+        // Trigger the load
+        img.src = url;
+    });
+}
+///////////////////////////////////////////////////////////////////////////////
 /**
  * Installs a script that toggles CSS classes on a given element
  * based on the page's visibility or focus state, and optionally

package/dist/v1/build/TinyAnalogClock.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var TinyAnalogClock = require('../libs/TinyAnalogClock.cjs');
+
+
+
+exports.TinyAnalogClock = TinyAnalogClock;

package/dist/v1/build/TinyAnalogClock.d.mts

@@ -0,0 +1,3 @@
+export { TinyAnalogClock };
+import TinyAnalogClock from '../libs/TinyAnalogClock.mjs';
+//# sourceMappingURL=TinyAnalogClock.d.mts.map

package/dist/v1/build/TinyAnalogClock.mjs

@@ -0,0 +1,2 @@
+import TinyAnalogClock from '../libs/TinyAnalogClock.mjs';
+export { TinyAnalogClock };

package/dist/v1/build/TinyTextDiffer.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var TinyTextDiffer = require('../libs/TinyTextDiffer.cjs');
+
+
+
+exports.TinyTextDiffer = TinyTextDiffer;

package/dist/v1/build/TinyTextDiffer.d.mts

@@ -0,0 +1,3 @@
+export { TinyTextDiffer };
+import TinyTextDiffer from '../libs/TinyTextDiffer.mjs';
+//# sourceMappingURL=TinyTextDiffer.d.mts.map

package/dist/v1/build/TinyTextDiffer.mjs

@@ -0,0 +1,2 @@
+import TinyTextDiffer from '../libs/TinyTextDiffer.mjs';
+export { TinyTextDiffer };

package/dist/v1/index.cjs

@@ -47,6 +47,8 @@ var TinySimpleDice = require('./libs/TinySimpleDice.cjs');
 var TinyElementObserver = require('./libs/TinyElementObserver.cjs');
 var TinyLoadingScreen = require('./libs/TinyLoadingScreen.cjs');
 var TinyColorValidator = require('./libs/TinyColorValidator.cjs');
+var TinyAnalogClock = require('./libs/TinyAnalogClock.cjs');
+var TinyTextDiffer = require('./libs/TinyTextDiffer.cjs');
 
 
 
@@ -175,3 +177,5 @@ exports.TinySimpleDice = TinySimpleDice;
 exports.TinyElementObserver = TinyElementObserver;
 exports.TinyLoadingScreen = TinyLoadingScreen;
 exports.TinyColorValidator = TinyColorValidator;
+exports.TinyAnalogClock = TinyAnalogClock;
+exports.TinyTextDiffer = TinyTextDiffer;

package/dist/v1/index.d.mts

@@ -1,3 +1,5 @@
+import TinyTextDiffer from './libs/TinyTextDiffer.mjs';
+import TinyAnalogClock from './libs/TinyAnalogClock.mjs';
 import TinyColorValidator from './libs/TinyColorValidator.mjs';
 import TinyLoadingScreen from './libs/TinyLoadingScreen.mjs';
 import TinyElementObserver from './libs/TinyElementObserver.mjs';
@@ -123,5 +125,5 @@ import { getTimeDuration } from './basics/clock.mjs';
 import { shuffleArray } from './basics/array.mjs';
 import { toTitleCase } from './basics/text.mjs';
 import { toTitleCaseLowerFirst } from './basics/text.mjs';
-export { TinyColorValidator, TinyLoadingScreen, TinyElementObserver, TinySimpleDice, TinyNeedBar, TinyI18, TinyCookieConsent, TinyInventory, TinyInventoryTrader, TinyArrayPaginator, TinyAdvancedRaffle, TinyDayNightCycle, TinyGamepad, TinyTextarea, TinyNewWinEvents, TinyIframeEvents, TinyLocalStorage, TinyEvents, TinyTimeout, TinyColorConverter, TinyClipboard, TinyTextRangeEditor, TinySmartScroller, UltraRandomMsgGen, TinyAfterScrollWatcher, TinyHtml, TinyNotifications, TinyDomReadyManager, TinyDragger, TinyDragDropDetector, TinyToastNotify, TinyNotifyCenter, TinyRateLimiter, ColorSafeStringify, TinyPromiseQueue, TinyLevelUp, diffArrayList, diffStrings, breakdownDuration, calculateMarketcap, compareMarketcap, getPercentage, areElsCollTop, areElsCollBottom, areElsCollLeft, areElsCollRight, areElsCollPerfTop, areElsCollPerfBottom, areElsCollPerfLeft, areElsCollPerfRight, areElsColliding, areElsPerfColliding, getElsColliding, getElsPerfColliding, getElsCollOverlap, getElsCollOverlapPos, getRectCenter, getElsRelativeCenterOffset, getElsCollDirDepth, getElsCollDetails, safeTextTrim, installWindowHiddenScript, genFibonacciSeq, isDirEmptyAsync, fileSizeAsync, dirSizeAsync, listFilesAsync, listDirsAsync, getLatestBackupPath, fetchJson, fetchText, readJsonBlob, readFileBlob, readBase64Blob, saveJsonFile, readJsonFile, writeJsonFile, ensureDirectory, clearDirectoryAsync, clearDirectory, fileExists, dirExists, isDirEmpty, ensureCopyFile, tryDeleteFile, writeTextFile, listFiles, listDirs, fileSize, dirSize, backupFile, restoreLatestBackup, renameFileBatch, renameFileRegex, renameFileAddPrefixSuffix, renameFileNormalizeCase, renameFilePadNumbers, documentIsFullScreen, isScreenFilled, requestFullScreen, exitFullScreen, isFullScreenMode, onFullScreenChange, offFullScreenChange, isJsonObject, arraySortPositions, formatBytes, addAiMarkerShortcut, extendObjType, reorderObjTypeOrder, cloneObjTypeOrder, countObj, checkObj, objType, ruleOfThree, getSimplePerc, asyncReplace, getAge, formatCustomTimer, formatDayTimer, formatTimer, getTimeDuration, shuffleArray, toTitleCase, toTitleCaseLowerFirst };
+export { TinyTextDiffer, TinyAnalogClock, TinyColorValidator, TinyLoadingScreen, TinyElementObserver, TinySimpleDice, TinyNeedBar, TinyI18, TinyCookieConsent, TinyInventory, TinyInventoryTrader, TinyArrayPaginator, TinyAdvancedRaffle, TinyDayNightCycle, TinyGamepad, TinyTextarea, TinyNewWinEvents, TinyIframeEvents, TinyLocalStorage, TinyEvents, TinyTimeout, TinyColorConverter, TinyClipboard, TinyTextRangeEditor, TinySmartScroller, UltraRandomMsgGen, TinyAfterScrollWatcher, TinyHtml, TinyNotifications, TinyDomReadyManager, TinyDragger, TinyDragDropDetector, TinyToastNotify, TinyNotifyCenter, TinyRateLimiter, ColorSafeStringify, TinyPromiseQueue, TinyLevelUp, diffArrayList, diffStrings, breakdownDuration, calculateMarketcap, compareMarketcap, getPercentage, areElsCollTop, areElsCollBottom, areElsCollLeft, areElsCollRight, areElsCollPerfTop, areElsCollPerfBottom, areElsCollPerfLeft, areElsCollPerfRight, areElsColliding, areElsPerfColliding, getElsColliding, getElsPerfColliding, getElsCollOverlap, getElsCollOverlapPos, getRectCenter, getElsRelativeCenterOffset, getElsCollDirDepth, getElsCollDetails, safeTextTrim, installWindowHiddenScript, genFibonacciSeq, isDirEmptyAsync, fileSizeAsync, dirSizeAsync, listFilesAsync, listDirsAsync, getLatestBackupPath, fetchJson, fetchText, readJsonBlob, readFileBlob, readBase64Blob, saveJsonFile, readJsonFile, writeJsonFile, ensureDirectory, clearDirectoryAsync, clearDirectory, fileExists, dirExists, isDirEmpty, ensureCopyFile, tryDeleteFile, writeTextFile, listFiles, listDirs, fileSize, dirSize, backupFile, restoreLatestBackup, renameFileBatch, renameFileRegex, renameFileAddPrefixSuffix, renameFileNormalizeCase, renameFilePadNumbers, documentIsFullScreen, isScreenFilled, requestFullScreen, exitFullScreen, isFullScreenMode, onFullScreenChange, offFullScreenChange, isJsonObject, arraySortPositions, formatBytes, addAiMarkerShortcut, extendObjType, reorderObjTypeOrder, cloneObjTypeOrder, countObj, checkObj, objType, ruleOfThree, getSimplePerc, asyncReplace, getAge, formatCustomTimer, formatDayTimer, formatTimer, getTimeDuration, shuffleArray, toTitleCase, toTitleCaseLowerFirst };
 //# sourceMappingURL=index.d.mts.map

package/dist/v1/index.mjs

@@ -45,7 +45,9 @@ import TinySimpleDice from './libs/TinySimpleDice.mjs';
 import TinyElementObserver from './libs/TinyElementObserver.mjs';
 import TinyLoadingScreen from './libs/TinyLoadingScreen.mjs';
 import TinyColorValidator from './libs/TinyColorValidator.mjs';
+import TinyAnalogClock from './libs/TinyAnalogClock.mjs';
+import TinyTextDiffer from './libs/TinyTextDiffer.mjs';
 // import TinyHtmlElems from './libs/TinyHtml/index.mjs';
-export { 
+export { TinyTextDiffer, TinyAnalogClock, 
 // TinyHtmlElems,
 TinyColorValidator, TinyLoadingScreen, TinyElementObserver, TinySimpleDice, TinyNeedBar, TinyI18, TinyCookieConsent, TinyInventory, TinyInventoryTrader, TinyArrayPaginator, TinyAdvancedRaffle, TinyDayNightCycle, TinyGamepad, TinyTextarea, TinyNewWinEvents, TinyIframeEvents, TinyLocalStorage, TinyEvents, TinyTimeout, TinyColorConverter, TinyClipboard, TinyTextRangeEditor, TinySmartScroller, UltraRandomMsgGen, TinyAfterScrollWatcher, TinyHtml, TinyNotifications, TinyDomReadyManager, TinyDragger, TinyDragDropDetector, TinyToastNotify, TinyNotifyCenter, TinyRateLimiter, ColorSafeStringify, TinyPromiseQueue, TinyLevelUp, diffArrayList, diffStrings, breakdownDuration, calculateMarketcap, compareMarketcap, getPercentage, areElsCollTop, areElsCollBottom, areElsCollLeft, areElsCollRight, areElsCollPerfTop, areElsCollPerfBottom, areElsCollPerfLeft, areElsCollPerfRight, areElsColliding, areElsPerfColliding, getElsColliding, getElsPerfColliding, getElsCollOverlap, getElsCollOverlapPos, getRectCenter, getElsRelativeCenterOffset, getElsCollDirDepth, getElsCollDetails, safeTextTrim, installWindowHiddenScript, genFibonacciSeq, isDirEmptyAsync, fileSizeAsync, dirSizeAsync, listFilesAsync, listDirsAsync, getLatestBackupPath, fetchJson, fetchText, readJsonBlob, readFileBlob, readBase64Blob, saveJsonFile, readJsonFile, writeJsonFile, ensureDirectory, clearDirectoryAsync, clearDirectory, fileExists, dirExists, isDirEmpty, ensureCopyFile, tryDeleteFile, writeTextFile, listFiles, listDirs, fileSize, dirSize, backupFile, restoreLatestBackup, renameFileBatch, renameFileRegex, renameFileAddPrefixSuffix, renameFileNormalizeCase, renameFilePadNumbers, documentIsFullScreen, isScreenFilled, requestFullScreen, exitFullScreen, isFullScreenMode, onFullScreenChange, offFullScreenChange, isJsonObject, arraySortPositions, formatBytes, addAiMarkerShortcut, extendObjType, reorderObjTypeOrder, cloneObjTypeOrder, countObj, checkObj, objType, ruleOfThree, getSimplePerc, asyncReplace, getAge, formatCustomTimer, formatDayTimer, formatTimer, getTimeDuration, shuffleArray, toTitleCase, toTitleCaseLowerFirst, };