iconly 1.4.3 → 1.5.0

package/.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+.parcel
+dist

package/.eslintrc.json

@@ -0,0 +1,26 @@
+{
+    "env": {
+        "browser": true,
+        "es2022": true
+    },
+    "extends": [
+        "airbnb-base",
+        "plugin:@typescript-eslint/recommended"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module",
+        "project": "./tsconfig.json"
+    },
+    "plugins": ["@typescript-eslint"],
+    "rules": {
+        "max-len": [
+            "off",
+            {
+                "code": 100,
+                "ignoreUrls": true
+            }
+        ]
+    }
+}

package/README.md

@@ -3,22 +3,24 @@
 
 <h1>iconly</h1>
 
+<p><sup>Iconly is designed to load and cache SVG icons in the browser, using IndexedDB to store the data. It retrieves the icons from a given SVG file, stores them in IndexedDB, and inserts them into the DOM for easy access and use.</sup></p>
+
 [![npm](https://img.shields.io/npm/v/iconly.svg?colorB=brightgreen)](https://www.npmjs.com/package/iconly)
 [![GitHub package version](https://img.shields.io/github/package-json/v/ux-ui-pro/iconly.svg)](https://github.com/ux-ui-pro/iconly)
 [![NPM Downloads](https://img.shields.io/npm/dm/iconly.svg?style=flat)](https://www.npmjs.org/package/iconly)
 
-<p>The Iconly class is designed to manage icons in a web application</p>
-<h3><a href="https://codepen.io/ux-ui/pen/zYmyqWR">Demo</a></h3>
+<sup>1kB gzipped</sup>
+
+<a href="https://codepen.io/ux-ui/pen/zYmyqWR">Demo</a>
 
 </div>
 <br>
 
 &#10148; **Installation**
 
-```
+```console
 $ yarn add iconly
 ```
-
 <br>
 
 &#10148; **Import**
@@ -64,4 +66,4 @@ iconly.init().then(() => console.log('Iconly is initialized and icons are loaded
 
 &#10148; **License**
 
-<sup>iconly is released under MIT license</sup>
+iconly is released under MIT license

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export default class Iconly {
+    constructor(options?: {
+        file?: string;
+        version?: string;
+        debug?: boolean;
+        container?: string | HTMLElement;
+    });
+    init(): Promise<void>;
+}
+export default Iconly;
+
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,qBAAM,MAAM;gBAUE,OAAO,GAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;KAAO;IAiE1G,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CA4C5B;AAED,eAAe,MAAM,CAAC","sources":["src/src/index.ts","src/index.ts"],"sourcesContent":[null,"class Iconly {\n  private static dbInstance: Promise<IDBDatabase> | null = null;\n\n  private readonly options: {\n    file: string;\n    version: string;\n    debug: boolean;\n    container: HTMLElement;\n  };\n\n  constructor(options: { file?: string; version?: string; debug?: boolean; container?: string | HTMLElement } = {}) {\n    const defaultOptions = {\n      file: './icons.svg',\n      version: '1.0',\n      debug: false,\n      container: document.body ?? document.documentElement,\n    };\n\n    this.options = {\n      ...defaultOptions,\n      ...options,\n      container: typeof options.container === 'string'\n        ? document.querySelector(options.container) ?? defaultOptions.container\n        : options.container ?? defaultOptions.container,\n    };\n\n    if (!this.options.container) {\n      throw new Error('Invalid container element');\n    }\n\n    if (!Iconly.dbInstance) {\n      Iconly.dbInstance = this.openDB('iconlyDB', 1);\n    }\n  }\n\n  private async openDB(name: string, version: number): Promise<IDBDatabase> {\n    if (!('indexedDB' in window)) {\n      this.logError('This browser doesn\\'t support IndexedDB');\n      throw new Error('IndexedDB not supported');\n    }\n\n    return new Promise<IDBDatabase>((resolve, reject) => {\n      const request = indexedDB.open(name, version);\n\n      request.onerror = () => reject(new Error(`IndexedDB error: ${request.error}`));\n      request.onupgradeneeded = (event: IDBVersionChangeEvent) => {\n        const db = (event.target as IDBOpenDBRequest).result;\n        if (!db.objectStoreNames.contains('icons')) {\n          db.createObjectStore('icons', { keyPath: 'version' });\n        }\n      };\n      request.onsuccess = () => resolve(request.result);\n    });\n  }\n\n  private static async fetchData(file: string): Promise<string> {\n    const response = await fetch(file);\n    if (!response.ok) throw new Error('Network response was not ok');\n    return response.text();\n  }\n\n  private insert(data: string): void {\n    let iconSetDiv = document.getElementById('iconset');\n\n    if (!iconSetDiv) {\n      iconSetDiv = document.createElement('div');\n      iconSetDiv.id = 'iconset';\n      iconSetDiv.setAttribute('aria-hidden', 'true');\n      iconSetDiv.style.cssText = 'width: 0; height: 0; position: absolute; left: -9999px;';\n      this.options.container.appendChild(iconSetDiv);\n    }\n\n    iconSetDiv.innerHTML = data;\n  }\n\n  async init(): Promise<void> {\n    const { file, version } = this.options;\n\n    try {\n      let data = await Iconly.fetchData(file);\n\n      const db = await Iconly.dbInstance;\n      const store = db.transaction('icons', 'readwrite').objectStore('icons');\n\n      const dbVersion = await new Promise<{ version: string; data: string } | undefined>((resolve, reject) => {\n        const request = store.get(version);\n        request.onsuccess = () => resolve(request.result);\n        request.onerror = () => reject(request.error);\n      });\n\n      if (!dbVersion) {\n        await new Promise<void>((resolve, reject) => {\n          const request = store.put({ version, data });\n          request.onsuccess = () => resolve();\n          request.onerror = () => reject(request.error);\n        });\n      } else {\n        data = dbVersion.data;\n      }\n\n      await new Promise<void>((resolve, reject) => {\n        const tx = store.transaction;\n        tx.oncomplete = () => resolve();\n        tx.onerror = () => reject(tx.error);\n        tx.onabort = () => reject(tx.error);\n      });\n\n      this.insert(data);\n    } catch (error) {\n      this.logError('Error initializing Iconly:', error);\n    }\n  }\n\n  private logError(...messages: unknown[]): void {\n    if (this.options.debug) {\n      // eslint-disable-next-line no-console\n      console.error(...messages);\n    }\n  }\n}\n\nexport default Iconly;\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -9,80 +9,70 @@ function $parcel$export(e, n, v, s) {
 
 $parcel$defineInteropFlag(module.exports);
 
-$parcel$export(module.exports, "default", () => $4fa36e821943b400$export$2e2bcd8739ae039);
-class $4fa36e821943b400$var$Iconly {
-    static #dbInstance;
-    #options;
-    #container;
-    constructor(options){
-        this.#options = {
+$parcel$export(module.exports, "default", function () { return $a196c1ed25598f0e$export$2e2bcd8739ae039; });
+class $a196c1ed25598f0e$var$Iconly {
+    static dbInstance = null;
+    options;
+    constructor(options = {}){
+        const defaultOptions = {
             file: "./icons.svg",
             version: "1.0",
             debug: false,
-            container: document.body || document.documentElement,
-            ...options
+            container: document.body ?? document.documentElement
         };
-        this.#container = typeof this.#options.container === "string" ? document.querySelector(this.#options.container) : this.#options.container;
-        if (!$4fa36e821943b400$var$Iconly.#dbInstance) $4fa36e821943b400$var$Iconly.#dbInstance = this.#openDB("iconlyDB", 1);
+        this.options = {
+            ...defaultOptions,
+            ...options,
+            container: typeof options.container === "string" ? document.querySelector(options.container) ?? defaultOptions.container : options.container ?? defaultOptions.container
+        };
+        if (!this.options.container) throw new Error("Invalid container element");
+        if (!$a196c1ed25598f0e$var$Iconly.dbInstance) $a196c1ed25598f0e$var$Iconly.dbInstance = this.openDB("iconlyDB", 1);
     }
-    async #openDB(name, version) {
+    async openDB(name, version) {
         if (!("indexedDB" in window)) {
-            this.#logError("This browser doesn't support IndexedDB");
-            return;
-        }
-        let db;
-        try {
-            db = await new Promise((resolve, reject)=>{
-                const request = indexedDB.open(name, version);
-                request.onerror = ()=>reject(`IndexedDB error: ${request.error}`);
-                request.onupgradeneeded = (event)=>{
-                    const db = event.target.result;
-                    if (!db.objectStoreNames.contains("icons")) db.createObjectStore("icons", {
-                        keyPath: "version"
-                    });
-                };
-                request.onsuccess = ()=>resolve(request.result);
-            });
-        } catch (error) {
-            this.#logError(error);
-            throw error;
+            this.logError("This browser doesn't support IndexedDB");
+            throw new Error("IndexedDB not supported");
         }
-        return db;
+        return new Promise((resolve, reject)=>{
+            const request = indexedDB.open(name, version);
+            request.onerror = ()=>reject(new Error(`IndexedDB error: ${request.error}`));
+            request.onupgradeneeded = (event)=>{
+                const db = event.target.result;
+                if (!db.objectStoreNames.contains("icons")) db.createObjectStore("icons", {
+                    keyPath: "version"
+                });
+            };
+            request.onsuccess = ()=>resolve(request.result);
+        });
     }
-    async #fetchData(file) {
-        try {
-            const response = await fetch(file);
-            if (!response.ok) throw new Error("Network response was not ok");
-            return response.text();
-        } catch (error) {
-            this.#logError(error);
-            throw error;
-        }
+    static async fetchData(file) {
+        const response = await fetch(file);
+        if (!response.ok) throw new Error("Network response was not ok");
+        return response.text();
     }
-    async #insert(data) {
+    insert(data) {
         let iconSetDiv = document.getElementById("iconset");
         if (!iconSetDiv) {
             iconSetDiv = document.createElement("div");
             iconSetDiv.id = "iconset";
             iconSetDiv.setAttribute("aria-hidden", "true");
             iconSetDiv.style.cssText = "width: 0; height: 0; position: absolute; left: -9999px;";
-            this.#container.appendChild(iconSetDiv);
+            this.options.container.appendChild(iconSetDiv);
         }
         iconSetDiv.innerHTML = data;
     }
     async init() {
-        const { file: file, version: version } = this.#options;
+        const { file: file, version: version } = this.options;
         try {
-            let data = await this.#fetchData(file);
-            const db = await $4fa36e821943b400$var$Iconly.#dbInstance;
-            const tx = db.transaction("icons", "readwrite");
-            const store = tx.objectStore("icons");
+            let data = await $a196c1ed25598f0e$var$Iconly.fetchData(file);
+            const db = await $a196c1ed25598f0e$var$Iconly.dbInstance;
+            const store = db.transaction("icons", "readwrite").objectStore("icons");
             const dbVersion = await new Promise((resolve, reject)=>{
                 const request = store.get(version);
                 request.onsuccess = ()=>resolve(request.result);
                 request.onerror = ()=>reject(request.error);
             });
-            if (!(dbVersion && dbVersion.data)) await new Promise((resolve, reject)=>{
+            if (!dbVersion) await new Promise((resolve, reject)=>{
                 const request = store.put({
                     version: version,
                     data: data
@@ -91,17 +81,23 @@ class $4fa36e821943b400$var$Iconly {
                 request.onerror = ()=>reject(request.error);
             });
             else data = dbVersion.data;
-            await tx.complete;
-            await this.#insert(data);
+            await new Promise((resolve, reject)=>{
+                const tx = store.transaction;
+                tx.oncomplete = ()=>resolve();
+                tx.onerror = ()=>reject(tx.error);
+                tx.onabort = ()=>reject(tx.error);
+            });
+            this.insert(data);
         } catch (error) {
-            this.#logError("Error initializing Iconly:", error);
+            this.logError("Error initializing Iconly:", error);
         }
     }
-    #logError(...messages) {
-        if (this.#options.debug) console.error(...messages);
+    logError(...messages) {
+        if (this.options.debug) // eslint-disable-next-line no-console
+        console.error(...messages);
     }
 }
-var $4fa36e821943b400$export$2e2bcd8739ae039 = $4fa36e821943b400$var$Iconly;
+var $a196c1ed25598f0e$export$2e2bcd8739ae039 = $a196c1ed25598f0e$var$Iconly;
 
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["src/index.js"],"sourcesContent":["class Iconly {\r\n\tstatic #dbInstance;\r\n\r\n\t#options;\r\n\r\n\t#container;\r\n\r\n\tconstructor(options) {\r\n\t\tthis.#options = {\r\n\t\t\tfile: './icons.svg',\r\n\t\t\tversion: '1.0',\r\n\t\t\tdebug: false,\r\n\t\t\tcontainer: document.body || document.documentElement,\r\n\t\t\t...options\r\n\t\t};\r\n\r\n\t\tthis.#container = typeof this.#options.container === 'string' ? document.querySelector(this.#options.container) : this.#options.container;\r\n\r\n\t\tif (!Iconly.#dbInstance) {\r\n\t\t\tIconly.#dbInstance = this.#openDB('iconlyDB', 1);\r\n\t\t}\r\n\t}\r\n\r\n\tasync #openDB(name, version) {\r\n\t\tif (!('indexedDB' in window)) {\r\n\t\t\tthis.#logError('This browser doesn\\'t support IndexedDB');\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tlet db;\r\n\r\n\t\ttry {\r\n\t\t\tdb = await new Promise((resolve, reject) => {\r\n\t\t\t\tconst request = indexedDB.open(name, version);\r\n\r\n\t\t\t\trequest.onerror = () => reject(`IndexedDB error: ${request.error}`);\r\n\t\t\t\trequest.onupgradeneeded = (event) => {\r\n\t\t\t\t\tconst db = event.target.result;\r\n\t\t\t\t\tif (!db.objectStoreNames.contains('icons')) {\r\n\t\t\t\t\t\tdb.createObjectStore('icons', { keyPath: 'version' });\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\t\t\t\trequest.onsuccess = () => resolve(request.result);\r\n\t\t\t});\r\n\t\t} catch (error) {\r\n\t\t\tthis.#logError(error);\r\n\r\n\t\t\tthrow error;\r\n\t\t}\r\n\r\n\t\treturn db;\r\n\t}\r\n\r\n\tasync #fetchData(file) {\r\n\t\ttry {\r\n\t\t\tconst response = await fetch(file);\r\n\r\n\t\t\tif (!response.ok) throw new Error('Network response was not ok');\r\n\r\n\t\t\treturn response.text();\r\n\t\t} catch (error) {\r\n\t\t\tthis.#logError(error);\r\n\r\n\t\t\tthrow error;\r\n\t\t}\r\n\t}\r\n\r\n\tasync #insert(data) {\r\n\t\tlet iconSetDiv = document.getElementById('iconset');\r\n\r\n\t\tif (!iconSetDiv) {\r\n\t\t\ticonSetDiv = document.createElement('div');\r\n\t\t\ticonSetDiv.id = 'iconset';\r\n\t\t\ticonSetDiv.setAttribute('aria-hidden', 'true');\r\n\t\t\ticonSetDiv.style.cssText = 'width: 0; height: 0; position: absolute; left: -9999px;';\r\n\r\n\t\t\tthis.#container.appendChild(iconSetDiv);\r\n\t\t}\r\n\r\n\t\ticonSetDiv.innerHTML = data;\r\n\t}\r\n\r\n\tasync init() {\r\n\t\tconst { file, version } = this.#options;\r\n\r\n\t\ttry {\r\n\t\t\tlet data = await this.#fetchData(file);\r\n\r\n\t\t\tconst db = await Iconly.#dbInstance;\r\n\t\t\tconst tx = db.transaction('icons', 'readwrite');\r\n\t\t\tconst store = tx.objectStore('icons');\r\n\r\n\t\t\tconst dbVersion = await new Promise((resolve, reject) => {\r\n\t\t\t\tconst request = store.get(version);\r\n\r\n\t\t\t\trequest.onsuccess = () => resolve(request.result);\r\n\t\t\t\trequest.onerror = () => reject(request.error);\r\n\t\t\t});\r\n\r\n\t\t\tif (!(dbVersion && dbVersion.data)) {\r\n\t\t\t\tawait new Promise((resolve, reject) => {\r\n\t\t\t\t\tconst request = store.put({ version, data });\r\n\r\n\t\t\t\t\trequest.onsuccess = () => resolve();\r\n\t\t\t\t\trequest.onerror = () => reject(request.error);\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tdata = dbVersion.data;\r\n\t\t\t}\r\n\r\n\t\t\tawait tx.complete;\r\n\t\t\tawait this.#insert(data);\r\n\t\t} catch (error) {\r\n\t\t\tthis.#logError('Error initializing Iconly:', error);\r\n\t\t}\r\n\t}\r\n\r\n\t#logError(...messages) {\r\n\t\tif (this.#options.debug) {\r\n\t\t\tconsole.error(...messages);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default Iconly;\r\n"],"names":[],"version":3,"file":"index.js.map"}
+{"mappings":"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","sources":["src/index.ts"],"sourcesContent":["class Iconly {\n  private static dbInstance: Promise<IDBDatabase> | null = null;\n\n  private readonly options: {\n    file: string;\n    version: string;\n    debug: boolean;\n    container: HTMLElement;\n  };\n\n  constructor(options: { file?: string; version?: string; debug?: boolean; container?: string | HTMLElement } = {}) {\n    const defaultOptions = {\n      file: './icons.svg',\n      version: '1.0',\n      debug: false,\n      container: document.body ?? document.documentElement,\n    };\n\n    this.options = {\n      ...defaultOptions,\n      ...options,\n      container: typeof options.container === 'string'\n        ? document.querySelector(options.container) ?? defaultOptions.container\n        : options.container ?? defaultOptions.container,\n    };\n\n    if (!this.options.container) {\n      throw new Error('Invalid container element');\n    }\n\n    if (!Iconly.dbInstance) {\n      Iconly.dbInstance = this.openDB('iconlyDB', 1);\n    }\n  }\n\n  private async openDB(name: string, version: number): Promise<IDBDatabase> {\n    if (!('indexedDB' in window)) {\n      this.logError('This browser doesn\\'t support IndexedDB');\n      throw new Error('IndexedDB not supported');\n    }\n\n    return new Promise<IDBDatabase>((resolve, reject) => {\n      const request = indexedDB.open(name, version);\n\n      request.onerror = () => reject(new Error(`IndexedDB error: ${request.error}`));\n      request.onupgradeneeded = (event: IDBVersionChangeEvent) => {\n        const db = (event.target as IDBOpenDBRequest).result;\n        if (!db.objectStoreNames.contains('icons')) {\n          db.createObjectStore('icons', { keyPath: 'version' });\n        }\n      };\n      request.onsuccess = () => resolve(request.result);\n    });\n  }\n\n  private static async fetchData(file: string): Promise<string> {\n    const response = await fetch(file);\n    if (!response.ok) throw new Error('Network response was not ok');\n    return response.text();\n  }\n\n  private insert(data: string): void {\n    let iconSetDiv = document.getElementById('iconset');\n\n    if (!iconSetDiv) {\n      iconSetDiv = document.createElement('div');\n      iconSetDiv.id = 'iconset';\n      iconSetDiv.setAttribute('aria-hidden', 'true');\n      iconSetDiv.style.cssText = 'width: 0; height: 0; position: absolute; left: -9999px;';\n      this.options.container.appendChild(iconSetDiv);\n    }\n\n    iconSetDiv.innerHTML = data;\n  }\n\n  async init(): Promise<void> {\n    const { file, version } = this.options;\n\n    try {\n      let data = await Iconly.fetchData(file);\n\n      const db = await Iconly.dbInstance;\n      const store = db.transaction('icons', 'readwrite').objectStore('icons');\n\n      const dbVersion = await new Promise<{ version: string; data: string } | undefined>((resolve, reject) => {\n        const request = store.get(version);\n        request.onsuccess = () => resolve(request.result);\n        request.onerror = () => reject(request.error);\n      });\n\n      if (!dbVersion) {\n        await new Promise<void>((resolve, reject) => {\n          const request = store.put({ version, data });\n          request.onsuccess = () => resolve();\n          request.onerror = () => reject(request.error);\n        });\n      } else {\n        data = dbVersion.data;\n      }\n\n      await new Promise<void>((resolve, reject) => {\n        const tx = store.transaction;\n        tx.oncomplete = () => resolve();\n        tx.onerror = () => reject(tx.error);\n        tx.onabort = () => reject(tx.error);\n      });\n\n      this.insert(data);\n    } catch (error) {\n      this.logError('Error initializing Iconly:', error);\n    }\n  }\n\n  private logError(...messages: unknown[]): void {\n    if (this.options.debug) {\n      // eslint-disable-next-line no-console\n      console.error(...messages);\n    }\n  }\n}\n\nexport default Iconly;\n"],"names":[],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,76 +1,66 @@
-class $cf838c15c8b009ba$var$Iconly {
-    static #dbInstance;
-    #options;
-    #container;
-    constructor(options){
-        this.#options = {
+class $643fcf18b2d2e76f$var$Iconly {
+    static dbInstance = null;
+    options;
+    constructor(options = {}){
+        const defaultOptions = {
             file: "./icons.svg",
             version: "1.0",
             debug: false,
-            container: document.body || document.documentElement,
-            ...options
+            container: document.body ?? document.documentElement
         };
-        this.#container = typeof this.#options.container === "string" ? document.querySelector(this.#options.container) : this.#options.container;
-        if (!$cf838c15c8b009ba$var$Iconly.#dbInstance) $cf838c15c8b009ba$var$Iconly.#dbInstance = this.#openDB("iconlyDB", 1);
+        this.options = {
+            ...defaultOptions,
+            ...options,
+            container: typeof options.container === "string" ? document.querySelector(options.container) ?? defaultOptions.container : options.container ?? defaultOptions.container
+        };
+        if (!this.options.container) throw new Error("Invalid container element");
+        if (!$643fcf18b2d2e76f$var$Iconly.dbInstance) $643fcf18b2d2e76f$var$Iconly.dbInstance = this.openDB("iconlyDB", 1);
     }
-    async #openDB(name, version) {
+    async openDB(name, version) {
         if (!("indexedDB" in window)) {
-            this.#logError("This browser doesn't support IndexedDB");
-            return;
-        }
-        let db;
-        try {
-            db = await new Promise((resolve, reject)=>{
-                const request = indexedDB.open(name, version);
-                request.onerror = ()=>reject(`IndexedDB error: ${request.error}`);
-                request.onupgradeneeded = (event)=>{
-                    const db = event.target.result;
-                    if (!db.objectStoreNames.contains("icons")) db.createObjectStore("icons", {
-                        keyPath: "version"
-                    });
-                };
-                request.onsuccess = ()=>resolve(request.result);
-            });
-        } catch (error) {
-            this.#logError(error);
-            throw error;
+            this.logError("This browser doesn't support IndexedDB");
+            throw new Error("IndexedDB not supported");
         }
-        return db;
+        return new Promise((resolve, reject)=>{
+            const request = indexedDB.open(name, version);
+            request.onerror = ()=>reject(new Error(`IndexedDB error: ${request.error}`));
+            request.onupgradeneeded = (event)=>{
+                const db = event.target.result;
+                if (!db.objectStoreNames.contains("icons")) db.createObjectStore("icons", {
+                    keyPath: "version"
+                });
+            };
+            request.onsuccess = ()=>resolve(request.result);
+        });
     }
-    async #fetchData(file) {
-        try {
-            const response = await fetch(file);
-            if (!response.ok) throw new Error("Network response was not ok");
-            return response.text();
-        } catch (error) {
-            this.#logError(error);
-            throw error;
-        }
+    static async fetchData(file) {
+        const response = await fetch(file);
+        if (!response.ok) throw new Error("Network response was not ok");
+        return response.text();
     }
-    async #insert(data) {
+    insert(data) {
         let iconSetDiv = document.getElementById("iconset");
         if (!iconSetDiv) {
             iconSetDiv = document.createElement("div");
             iconSetDiv.id = "iconset";
             iconSetDiv.setAttribute("aria-hidden", "true");
             iconSetDiv.style.cssText = "width: 0; height: 0; position: absolute; left: -9999px;";
-            this.#container.appendChild(iconSetDiv);
+            this.options.container.appendChild(iconSetDiv);
         }
         iconSetDiv.innerHTML = data;
     }
     async init() {
-        const { file: file, version: version } = this.#options;
+        const { file: file, version: version } = this.options;
         try {
-            let data = await this.#fetchData(file);
-            const db = await $cf838c15c8b009ba$var$Iconly.#dbInstance;
-            const tx = db.transaction("icons", "readwrite");
-            const store = tx.objectStore("icons");
+            let data = await $643fcf18b2d2e76f$var$Iconly.fetchData(file);
+            const db = await $643fcf18b2d2e76f$var$Iconly.dbInstance;
+            const store = db.transaction("icons", "readwrite").objectStore("icons");
             const dbVersion = await new Promise((resolve, reject)=>{
                 const request = store.get(version);
                 request.onsuccess = ()=>resolve(request.result);
                 request.onerror = ()=>reject(request.error);
             });
-            if (!(dbVersion && dbVersion.data)) await new Promise((resolve, reject)=>{
+            if (!dbVersion) await new Promise((resolve, reject)=>{
                 const request = store.put({
                     version: version,
                     data: data
@@ -79,18 +69,24 @@ class $cf838c15c8b009ba$var$Iconly {
                 request.onerror = ()=>reject(request.error);
             });
             else data = dbVersion.data;
-            await tx.complete;
-            await this.#insert(data);
+            await new Promise((resolve, reject)=>{
+                const tx = store.transaction;
+                tx.oncomplete = ()=>resolve();
+                tx.onerror = ()=>reject(tx.error);
+                tx.onabort = ()=>reject(tx.error);
+            });
+            this.insert(data);
         } catch (error) {
-            this.#logError("Error initializing Iconly:", error);
+            this.logError("Error initializing Iconly:", error);
         }
     }
-    #logError(...messages) {
-        if (this.#options.debug) console.error(...messages);
+    logError(...messages) {
+        if (this.options.debug) // eslint-disable-next-line no-console
+        console.error(...messages);
     }
 }
-var $cf838c15c8b009ba$export$2e2bcd8739ae039 = $cf838c15c8b009ba$var$Iconly;
+var $643fcf18b2d2e76f$export$2e2bcd8739ae039 = $643fcf18b2d2e76f$var$Iconly;
 
 
-export {$cf838c15c8b009ba$export$2e2bcd8739ae039 as default};
+export {$643fcf18b2d2e76f$export$2e2bcd8739ae039 as default};
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["src/index.js"],"sourcesContent":["class Iconly {\r\n\tstatic #dbInstance;\r\n\r\n\t#options;\r\n\r\n\t#container;\r\n\r\n\tconstructor(options) {\r\n\t\tthis.#options = {\r\n\t\t\tfile: './icons.svg',\r\n\t\t\tversion: '1.0',\r\n\t\t\tdebug: false,\r\n\t\t\tcontainer: document.body || document.documentElement,\r\n\t\t\t...options\r\n\t\t};\r\n\r\n\t\tthis.#container = typeof this.#options.container === 'string' ? document.querySelector(this.#options.container) : this.#options.container;\r\n\r\n\t\tif (!Iconly.#dbInstance) {\r\n\t\t\tIconly.#dbInstance = this.#openDB('iconlyDB', 1);\r\n\t\t}\r\n\t}\r\n\r\n\tasync #openDB(name, version) {\r\n\t\tif (!('indexedDB' in window)) {\r\n\t\t\tthis.#logError('This browser doesn\\'t support IndexedDB');\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tlet db;\r\n\r\n\t\ttry {\r\n\t\t\tdb = await new Promise((resolve, reject) => {\r\n\t\t\t\tconst request = indexedDB.open(name, version);\r\n\r\n\t\t\t\trequest.onerror = () => reject(`IndexedDB error: ${request.error}`);\r\n\t\t\t\trequest.onupgradeneeded = (event) => {\r\n\t\t\t\t\tconst db = event.target.result;\r\n\t\t\t\t\tif (!db.objectStoreNames.contains('icons')) {\r\n\t\t\t\t\t\tdb.createObjectStore('icons', { keyPath: 'version' });\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\t\t\t\trequest.onsuccess = () => resolve(request.result);\r\n\t\t\t});\r\n\t\t} catch (error) {\r\n\t\t\tthis.#logError(error);\r\n\r\n\t\t\tthrow error;\r\n\t\t}\r\n\r\n\t\treturn db;\r\n\t}\r\n\r\n\tasync #fetchData(file) {\r\n\t\ttry {\r\n\t\t\tconst response = await fetch(file);\r\n\r\n\t\t\tif (!response.ok) throw new Error('Network response was not ok');\r\n\r\n\t\t\treturn response.text();\r\n\t\t} catch (error) {\r\n\t\t\tthis.#logError(error);\r\n\r\n\t\t\tthrow error;\r\n\t\t}\r\n\t}\r\n\r\n\tasync #insert(data) {\r\n\t\tlet iconSetDiv = document.getElementById('iconset');\r\n\r\n\t\tif (!iconSetDiv) {\r\n\t\t\ticonSetDiv = document.createElement('div');\r\n\t\t\ticonSetDiv.id = 'iconset';\r\n\t\t\ticonSetDiv.setAttribute('aria-hidden', 'true');\r\n\t\t\ticonSetDiv.style.cssText = 'width: 0; height: 0; position: absolute; left: -9999px;';\r\n\r\n\t\t\tthis.#container.appendChild(iconSetDiv);\r\n\t\t}\r\n\r\n\t\ticonSetDiv.innerHTML = data;\r\n\t}\r\n\r\n\tasync init() {\r\n\t\tconst { file, version } = this.#options;\r\n\r\n\t\ttry {\r\n\t\t\tlet data = await this.#fetchData(file);\r\n\r\n\t\t\tconst db = await Iconly.#dbInstance;\r\n\t\t\tconst tx = db.transaction('icons', 'readwrite');\r\n\t\t\tconst store = tx.objectStore('icons');\r\n\r\n\t\t\tconst dbVersion = await new Promise((resolve, reject) => {\r\n\t\t\t\tconst request = store.get(version);\r\n\r\n\t\t\t\trequest.onsuccess = () => resolve(request.result);\r\n\t\t\t\trequest.onerror = () => reject(request.error);\r\n\t\t\t});\r\n\r\n\t\t\tif (!(dbVersion && dbVersion.data)) {\r\n\t\t\t\tawait new Promise((resolve, reject) => {\r\n\t\t\t\t\tconst request = store.put({ version, data });\r\n\r\n\t\t\t\t\trequest.onsuccess = () => resolve();\r\n\t\t\t\t\trequest.onerror = () => reject(request.error);\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tdata = dbVersion.data;\r\n\t\t\t}\r\n\r\n\t\t\tawait tx.complete;\r\n\t\t\tawait this.#insert(data);\r\n\t\t} catch (error) {\r\n\t\t\tthis.#logError('Error initializing Iconly:', error);\r\n\t\t}\r\n\t}\r\n\r\n\t#logError(...messages) {\r\n\t\tif (this.#options.debug) {\r\n\t\t\tconsole.error(...messages);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default Iconly;\r\n"],"names":[],"version":3,"file":"index.module.js.map"}
+{"mappings":"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","sources":["src/index.ts"],"sourcesContent":["class Iconly {\n  private static dbInstance: Promise<IDBDatabase> | null = null;\n\n  private readonly options: {\n    file: string;\n    version: string;\n    debug: boolean;\n    container: HTMLElement;\n  };\n\n  constructor(options: { file?: string; version?: string; debug?: boolean; container?: string | HTMLElement } = {}) {\n    const defaultOptions = {\n      file: './icons.svg',\n      version: '1.0',\n      debug: false,\n      container: document.body ?? document.documentElement,\n    };\n\n    this.options = {\n      ...defaultOptions,\n      ...options,\n      container: typeof options.container === 'string'\n        ? document.querySelector(options.container) ?? defaultOptions.container\n        : options.container ?? defaultOptions.container,\n    };\n\n    if (!this.options.container) {\n      throw new Error('Invalid container element');\n    }\n\n    if (!Iconly.dbInstance) {\n      Iconly.dbInstance = this.openDB('iconlyDB', 1);\n    }\n  }\n\n  private async openDB(name: string, version: number): Promise<IDBDatabase> {\n    if (!('indexedDB' in window)) {\n      this.logError('This browser doesn\\'t support IndexedDB');\n      throw new Error('IndexedDB not supported');\n    }\n\n    return new Promise<IDBDatabase>((resolve, reject) => {\n      const request = indexedDB.open(name, version);\n\n      request.onerror = () => reject(new Error(`IndexedDB error: ${request.error}`));\n      request.onupgradeneeded = (event: IDBVersionChangeEvent) => {\n        const db = (event.target as IDBOpenDBRequest).result;\n        if (!db.objectStoreNames.contains('icons')) {\n          db.createObjectStore('icons', { keyPath: 'version' });\n        }\n      };\n      request.onsuccess = () => resolve(request.result);\n    });\n  }\n\n  private static async fetchData(file: string): Promise<string> {\n    const response = await fetch(file);\n    if (!response.ok) throw new Error('Network response was not ok');\n    return response.text();\n  }\n\n  private insert(data: string): void {\n    let iconSetDiv = document.getElementById('iconset');\n\n    if (!iconSetDiv) {\n      iconSetDiv = document.createElement('div');\n      iconSetDiv.id = 'iconset';\n      iconSetDiv.setAttribute('aria-hidden', 'true');\n      iconSetDiv.style.cssText = 'width: 0; height: 0; position: absolute; left: -9999px;';\n      this.options.container.appendChild(iconSetDiv);\n    }\n\n    iconSetDiv.innerHTML = data;\n  }\n\n  async init(): Promise<void> {\n    const { file, version } = this.options;\n\n    try {\n      let data = await Iconly.fetchData(file);\n\n      const db = await Iconly.dbInstance;\n      const store = db.transaction('icons', 'readwrite').objectStore('icons');\n\n      const dbVersion = await new Promise<{ version: string; data: string } | undefined>((resolve, reject) => {\n        const request = store.get(version);\n        request.onsuccess = () => resolve(request.result);\n        request.onerror = () => reject(request.error);\n      });\n\n      if (!dbVersion) {\n        await new Promise<void>((resolve, reject) => {\n          const request = store.put({ version, data });\n          request.onsuccess = () => resolve();\n          request.onerror = () => reject(request.error);\n        });\n      } else {\n        data = dbVersion.data;\n      }\n\n      await new Promise<void>((resolve, reject) => {\n        const tx = store.transaction;\n        tx.oncomplete = () => resolve();\n        tx.onerror = () => reject(tx.error);\n        tx.onabort = () => reject(tx.error);\n      });\n\n      this.insert(data);\n    } catch (error) {\n      this.logError('Error initializing Iconly:', error);\n    }\n  }\n\n  private logError(...messages: unknown[]): void {\n    if (this.options.debug) {\n      // eslint-disable-next-line no-console\n      console.error(...messages);\n    }\n  }\n}\n\nexport default Iconly;\n"],"names":[],"version":3,"file":"index.module.js.map"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iconly",
-  "version": "1.4.3",
-  "description": "SVG Sprite",
+  "version": "1.5.0",
+  "description": "Iconly is designed to load and cache SVG icons in the browser, using IndexedDB to store the data. It retrieves the icons from a given SVG file, stores them in IndexedDB, and inserts them into the DOM for easy access and use.",
   "author": "ux-ui.pro",
   "license": "MIT",
   "repository": {
@@ -11,37 +11,48 @@
   "bugs": {
     "url": "https://github.com/ux-ui-pro/iconly/issues"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.module.js",
-  "targets": {
-    "main": {
-      "source": "src/index.js"
-    },
-    "module": {
-      "source": "src/index.js"
-    }
-  },
+  "homepage": "https://github.com/ux-ui-pro/iconly",
+  "sideEffects": false,
   "scripts": {
     "clean": "rm -rf dist .parcel-cache",
     "build": "yarn clean && parcel build",
-    "lint:js": "eslint --ext .js",
+    "lint:js": "eslint **/*.{ts,js}",
     "lintfix": "yarn lint:js --fix"
   },
+  "browserslist": "> 0.5%, last 2 versions, not dead",
+  "source": "src/index.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.module.js",
+  "types": "dist/index.d.ts",
   "devDependencies": {
-    "eslint": "^7.32.0 || ^8.56.0",
+    "@parcel/packager-ts": "2.12.0",
+    "@parcel/transformer-typescript-types": "2.12.0",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
+    "eslint": "^7.32.0 || ^8.57.0",
     "eslint-config-airbnb-base": "^15.0.0",
-    "parcel": "^2.11.0"
+    "eslint-plugin-import": "^2.29.1",
+    "parcel": "^2.12.0",
+    "typescript": "^5.4.5"
   },
   "keywords": [
-    "svg",
     "icon",
     "icons",
+    "svg",
     "sprite",
-    "IndexedDB",
     "vector",
-    "LocalStorage",
-    "mobile",
-    "ios",
-    "ui"
+    "ui",
+    "icon-set",
+    "svg-icons",
+    "IndexedDB",
+    "loader",
+    "storage",
+    "fetch",
+    "component",
+    "sprites",
+    "typescript",
+    "utility",
+    "javascript",
+    "es6"
   ]
 }

package/src/index.ts

@@ -0,0 +1,122 @@
+class Iconly {
+  private static dbInstance: Promise<IDBDatabase> | null = null;
+
+  private readonly options: {
+    file: string;
+    version: string;
+    debug: boolean;
+    container: HTMLElement;
+  };
+
+  constructor(options: { file?: string; version?: string; debug?: boolean; container?: string | HTMLElement } = {}) {
+    const defaultOptions = {
+      file: './icons.svg',
+      version: '1.0',
+      debug: false,
+      container: document.body ?? document.documentElement,
+    };
+
+    this.options = {
+      ...defaultOptions,
+      ...options,
+      container: typeof options.container === 'string'
+        ? document.querySelector(options.container) ?? defaultOptions.container
+        : options.container ?? defaultOptions.container,
+    };
+
+    if (!this.options.container) {
+      throw new Error('Invalid container element');
+    }
+
+    if (!Iconly.dbInstance) {
+      Iconly.dbInstance = this.openDB('iconlyDB', 1);
+    }
+  }
+
+  private async openDB(name: string, version: number): Promise<IDBDatabase> {
+    if (!('indexedDB' in window)) {
+      this.logError('This browser doesn\'t support IndexedDB');
+      throw new Error('IndexedDB not supported');
+    }
+
+    return new Promise<IDBDatabase>((resolve, reject) => {
+      const request = indexedDB.open(name, version);
+
+      request.onerror = () => reject(new Error(`IndexedDB error: ${request.error}`));
+      request.onupgradeneeded = (event: IDBVersionChangeEvent) => {
+        const db = (event.target as IDBOpenDBRequest).result;
+        if (!db.objectStoreNames.contains('icons')) {
+          db.createObjectStore('icons', { keyPath: 'version' });
+        }
+      };
+      request.onsuccess = () => resolve(request.result);
+    });
+  }
+
+  private static async fetchData(file: string): Promise<string> {
+    const response = await fetch(file);
+    if (!response.ok) throw new Error('Network response was not ok');
+    return response.text();
+  }
+
+  private insert(data: string): void {
+    let iconSetDiv = document.getElementById('iconset');
+
+    if (!iconSetDiv) {
+      iconSetDiv = document.createElement('div');
+      iconSetDiv.id = 'iconset';
+      iconSetDiv.setAttribute('aria-hidden', 'true');
+      iconSetDiv.style.cssText = 'width: 0; height: 0; position: absolute; left: -9999px;';
+      this.options.container.appendChild(iconSetDiv);
+    }
+
+    iconSetDiv.innerHTML = data;
+  }
+
+  async init(): Promise<void> {
+    const { file, version } = this.options;
+
+    try {
+      let data = await Iconly.fetchData(file);
+
+      const db = await Iconly.dbInstance;
+      const store = db.transaction('icons', 'readwrite').objectStore('icons');
+
+      const dbVersion = await new Promise<{ version: string; data: string } | undefined>((resolve, reject) => {
+        const request = store.get(version);
+        request.onsuccess = () => resolve(request.result);
+        request.onerror = () => reject(request.error);
+      });
+
+      if (!dbVersion) {
+        await new Promise<void>((resolve, reject) => {
+          const request = store.put({ version, data });
+          request.onsuccess = () => resolve();
+          request.onerror = () => reject(request.error);
+        });
+      } else {
+        data = dbVersion.data;
+      }
+
+      await new Promise<void>((resolve, reject) => {
+        const tx = store.transaction;
+        tx.oncomplete = () => resolve();
+        tx.onerror = () => reject(tx.error);
+        tx.onabort = () => reject(tx.error);
+      });
+
+      this.insert(data);
+    } catch (error) {
+      this.logError('Error initializing Iconly:', error);
+    }
+  }
+
+  private logError(...messages: unknown[]): void {
+    if (this.options.debug) {
+      // eslint-disable-next-line no-console
+      console.error(...messages);
+    }
+  }
+}
+
+export default Iconly;

package/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "isolatedModules": true,
+    "target": "es2022"
+  }
+}

package/src/index.js

@@ -1,126 +0,0 @@
-class Iconly {
-	static #dbInstance;
-
-	#options;
-
-	#container;
-
-	constructor(options) {
-		this.#options = {
-			file: './icons.svg',
-			version: '1.0',
-			debug: false,
-			container: document.body || document.documentElement,
-			...options
-		};
-
-		this.#container = typeof this.#options.container === 'string' ? document.querySelector(this.#options.container) : this.#options.container;
-
-		if (!Iconly.#dbInstance) {
-			Iconly.#dbInstance = this.#openDB('iconlyDB', 1);
-		}
-	}
-
-	async #openDB(name, version) {
-		if (!('indexedDB' in window)) {
-			this.#logError('This browser doesn\'t support IndexedDB');
-
-			return;
-		}
-
-		let db;
-
-		try {
-			db = await new Promise((resolve, reject) => {
-				const request = indexedDB.open(name, version);
-
-				request.onerror = () => reject(`IndexedDB error: ${request.error}`);
-				request.onupgradeneeded = (event) => {
-					const db = event.target.result;
-					if (!db.objectStoreNames.contains('icons')) {
-						db.createObjectStore('icons', { keyPath: 'version' });
-					}
-				};
-				request.onsuccess = () => resolve(request.result);
-			});
-		} catch (error) {
-			this.#logError(error);
-
-			throw error;
-		}
-
-		return db;
-	}
-
-	async #fetchData(file) {
-		try {
-			const response = await fetch(file);
-
-			if (!response.ok) throw new Error('Network response was not ok');
-
-			return response.text();
-		} catch (error) {
-			this.#logError(error);
-
-			throw error;
-		}
-	}
-
-	async #insert(data) {
-		let iconSetDiv = document.getElementById('iconset');
-
-		if (!iconSetDiv) {
-			iconSetDiv = document.createElement('div');
-			iconSetDiv.id = 'iconset';
-			iconSetDiv.setAttribute('aria-hidden', 'true');
-			iconSetDiv.style.cssText = 'width: 0; height: 0; position: absolute; left: -9999px;';
-
-			this.#container.appendChild(iconSetDiv);
-		}
-
-		iconSetDiv.innerHTML = data;
-	}
-
-	async init() {
-		const { file, version } = this.#options;
-
-		try {
-			let data = await this.#fetchData(file);
-
-			const db = await Iconly.#dbInstance;
-			const tx = db.transaction('icons', 'readwrite');
-			const store = tx.objectStore('icons');
-
-			const dbVersion = await new Promise((resolve, reject) => {
-				const request = store.get(version);
-
-				request.onsuccess = () => resolve(request.result);
-				request.onerror = () => reject(request.error);
-			});
-
-			if (!(dbVersion && dbVersion.data)) {
-				await new Promise((resolve, reject) => {
-					const request = store.put({ version, data });
-
-					request.onsuccess = () => resolve();
-					request.onerror = () => reject(request.error);
-				});
-			} else {
-				data = dbVersion.data;
-			}
-
-			await tx.complete;
-			await this.#insert(data);
-		} catch (error) {
-			this.#logError('Error initializing Iconly:', error);
-		}
-	}
-
-	#logError(...messages) {
-		if (this.#options.debug) {
-			console.error(...messages);
-		}
-	}
-}
-
-export default Iconly;