iconly 1.5.2-dev.1 → 1.5.2-dev.2

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";var g=Object.defineProperty;var h=(d,r,e)=>r in d?g(d,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):d[r]=e;var l=(d,r,e)=>h(d,typeof r!="symbol"?r+"":r,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=class a{constructor(r={}){l(this,"options");l(this,"container");const e={file:"./icons.svg",version:"1.0",debug:!1,container:document.body??document.documentElement,...r};let o;if(typeof e.container=="string"){const n=document.querySelector(e.container);if(!(n&&n instanceof HTMLElement))throw new Error(`Invalid container selector: "${e.container}"`);o=n}else o=e.container;this.container=o,this.options={file:e.file,version:e.version,debug:e.debug},a.dbInstance||(a.dbInstance=this.openDB("iconlyDB",1))}async openDB(r,e){if(!("indexedDB"in window))throw this.logError("This browser does not support IndexedDB"),new Error("IndexedDB not supported");return await new Promise((o,n)=>{const s=indexedDB.open(r,e);s.onerror=()=>{const i=this.createErrorMessage(s.error,"IndexedDB error");n(new Error(i))},s.onupgradeneeded=i=>{const t=i.target.result;t.objectStoreNames.contains("icons")||t.createObjectStore("icons",{keyPath:"version"})},s.onsuccess=()=>{o(s.result)}})}getIconStore(r,e){return r.transaction("icons",e).objectStore("icons")}static async fetchData(r){const e=await fetch(r);if(!e.ok)throw new Error(`Failed to fetch icons from "${r}"`);return e.text()}insert(r){let e=document.getElementById("iconset");e||(e=document.createElement("div"),e.id="iconset",e.setAttribute("aria-hidden","true"),e.style.cssText="width: 0; height: 0; position: absolute; left: -9999px;",this.container.appendChild(e));const o=new DOMParser().parseFromString(r,"image/svg+xml"),n=o.querySelector("parsererror");n?this.logError("SVG parsing error:",n.textContent??""):(e.innerHTML="",o.documentElement?e.appendChild(o.documentElement):this.logError("No valid SVG content found to insert."))}async init(){try{let r=await a.fetchData(this.options.file);const e=await a.dbInstance;if(!e)throw new Error("Failed to open IndexedDB");const o=this.getIconStore(e,"readwrite"),n=await new Promise((s,i)=>{const t=o.get(this.options.version);t.onsuccess=()=>{s(t.result)},t.onerror=()=>{const c=this.createErrorMessage(t.error,"Error getting record from store");i(new Error(c))}});n?r=n.data:await new Promise((s,i)=>{const t=o.put({version:this.options.version,data:r});t.onsuccess=()=>{s()},t.onerror=()=>{const c=this.createErrorMessage(t.error,"Error putting record into store");i(new Error(c))}}),await new Promise((s,i)=>{const t=o.transaction;t.oncomplete=()=>s(),t.onerror=()=>{const c=this.createErrorMessage(t.error,"Transaction error");i(new Error(c))},t.onabort=()=>{const c=this.createErrorMessage(t.error,"Transaction aborted");i(new Error(c))}}),this.insert(r),this.logDebug("Iconly has successfully initialized.")}catch(r){const e=r instanceof Error?r:new Error(String(r));this.logError("Error initializing Iconly:",e.message)}}createErrorMessage(r,e){return r&&(r instanceof DOMException||r instanceof Error)&&r.message||e}logDebug(...r){this.options.debug}logError(...r){}};l(a,"dbInstance",null);let u=a;exports.Iconly=u;
+"use strict";var g=Object.defineProperty;var h=(d,r,e)=>r in d?g(d,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):d[r]=e;var l=(d,r,e)=>h(d,typeof r!="symbol"?r+"":r,e);const a=class a{constructor(r={}){l(this,"options");l(this,"container");const e={file:"./icons.svg",version:"1.0",debug:!1,container:document.body??document.documentElement,...r};let o;if(typeof e.container=="string"){const n=document.querySelector(e.container);if(!(n&&n instanceof HTMLElement))throw new Error(`Invalid container selector: "${e.container}"`);o=n}else o=e.container;this.container=o,this.options={file:e.file,version:e.version,debug:e.debug},a.dbInstance||(a.dbInstance=this.openDB("iconlyDB",1))}async openDB(r,e){if(!("indexedDB"in window))throw this.logError("This browser does not support IndexedDB"),new Error("IndexedDB not supported");return await new Promise((o,n)=>{const s=indexedDB.open(r,e);s.onerror=()=>{const i=this.createErrorMessage(s.error,"IndexedDB error");n(new Error(i))},s.onupgradeneeded=i=>{const t=i.target.result;t.objectStoreNames.contains("icons")||t.createObjectStore("icons",{keyPath:"version"})},s.onsuccess=()=>{o(s.result)}})}getIconStore(r,e){return r.transaction("icons",e).objectStore("icons")}static async fetchData(r){const e=await fetch(r);if(!e.ok)throw new Error(`Failed to fetch icons from "${r}"`);return e.text()}insert(r){let e=document.getElementById("iconset");e||(e=document.createElement("div"),e.id="iconset",e.setAttribute("aria-hidden","true"),e.style.cssText="width: 0; height: 0; position: absolute; left: -9999px;",this.container.appendChild(e));const o=new DOMParser().parseFromString(r,"image/svg+xml"),n=o.querySelector("parsererror");n?this.logError("SVG parsing error:",n.textContent??""):(e.innerHTML="",o.documentElement?e.appendChild(o.documentElement):this.logError("No valid SVG content found to insert."))}async init(){try{let r=await a.fetchData(this.options.file);const e=await a.dbInstance;if(!e)throw new Error("Failed to open IndexedDB");const o=this.getIconStore(e,"readwrite"),n=await new Promise((s,i)=>{const t=o.get(this.options.version);t.onsuccess=()=>{s(t.result)},t.onerror=()=>{const c=this.createErrorMessage(t.error,"Error getting record from store");i(new Error(c))}});n?r=n.data:await new Promise((s,i)=>{const t=o.put({version:this.options.version,data:r});t.onsuccess=()=>{s()},t.onerror=()=>{const c=this.createErrorMessage(t.error,"Error putting record into store");i(new Error(c))}}),await new Promise((s,i)=>{const t=o.transaction;t.oncomplete=()=>s(),t.onerror=()=>{const c=this.createErrorMessage(t.error,"Transaction error");i(new Error(c))},t.onabort=()=>{const c=this.createErrorMessage(t.error,"Transaction aborted");i(new Error(c))}}),this.insert(r),this.logDebug("Iconly has successfully initialized.")}catch(r){const e=r instanceof Error?r:new Error(String(r));this.logError("Error initializing Iconly:",e.message)}}createErrorMessage(r,e){return r&&(r instanceof DOMException||r instanceof Error)&&r.message||e}logDebug(...r){this.options.debug}logError(...r){}};l(a,"dbInstance",null);let u=a;module.exports=u;

package/dist/index.d.ts

@@ -8,15 +8,9 @@ export interface IconRecord {
     version: string;
     data: string;
 }
-export declare class Iconly {
+export default class Iconly {
     private static dbInstance;
-    /**
-     * Остальные поля из IconlyOptions (file, version, debug), "разрешённые" (не optional)
-     */
     private readonly options;
-    /**
-     * Здесь храним итоговый контейнер. Он точно HTMLElement.
-     */
     private readonly container;
     constructor(options?: IconlyOptions);
     private openDB;

package/dist/index.es.js

@@ -1,5 +1,5 @@
-var u = Object.defineProperty;
-var h = (d, r, e) => r in d ? u(d, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[r] = e;
+var g = Object.defineProperty;
+var h = (d, r, e) => r in d ? g(d, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[r] = e;
 var l = (d, r, e) => h(d, typeof r != "symbol" ? r + "" : r, e);
 const a = class a {
   constructor(r = {}) {
@@ -90,7 +90,7 @@ const a = class a {
   }
 };
 l(a, "dbInstance", null);
-let g = a;
+let u = a;
 export {
-  g as Iconly
+  u as default
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(i,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):o((i=typeof globalThis<"u"?globalThis:i||self).Iconly={})})(this,function(i){"use strict";var g=Object.defineProperty;var h=(i,o,s)=>o in i?g(i,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[o]=s;var u=(i,o,s)=>h(i,typeof o!="symbol"?o+"":o,s);const s=class s{constructor(t={}){u(this,"options");u(this,"container");const e={file:"./icons.svg",version:"1.0",debug:!1,container:document.body??document.documentElement,...t};let n;if(typeof e.container=="string"){const c=document.querySelector(e.container);if(!(c&&c instanceof HTMLElement))throw new Error(`Invalid container selector: "${e.container}"`);n=c}else n=e.container;this.container=n,this.options={file:e.file,version:e.version,debug:e.debug},s.dbInstance||(s.dbInstance=this.openDB("iconlyDB",1))}async openDB(t,e){if(!("indexedDB"in window))throw this.logError("This browser does not support IndexedDB"),new Error("IndexedDB not supported");return await new Promise((n,c)=>{const a=indexedDB.open(t,e);a.onerror=()=>{const d=this.createErrorMessage(a.error,"IndexedDB error");c(new Error(d))},a.onupgradeneeded=d=>{const r=d.target.result;r.objectStoreNames.contains("icons")||r.createObjectStore("icons",{keyPath:"version"})},a.onsuccess=()=>{n(a.result)}})}getIconStore(t,e){return t.transaction("icons",e).objectStore("icons")}static async fetchData(t){const e=await fetch(t);if(!e.ok)throw new Error(`Failed to fetch icons from "${t}"`);return e.text()}insert(t){let e=document.getElementById("iconset");e||(e=document.createElement("div"),e.id="iconset",e.setAttribute("aria-hidden","true"),e.style.cssText="width: 0; height: 0; position: absolute; left: -9999px;",this.container.appendChild(e));const n=new DOMParser().parseFromString(t,"image/svg+xml"),c=n.querySelector("parsererror");c?this.logError("SVG parsing error:",c.textContent??""):(e.innerHTML="",n.documentElement?e.appendChild(n.documentElement):this.logError("No valid SVG content found to insert."))}async init(){try{let t=await s.fetchData(this.options.file);const e=await s.dbInstance;if(!e)throw new Error("Failed to open IndexedDB");const n=this.getIconStore(e,"readwrite"),c=await new Promise((a,d)=>{const r=n.get(this.options.version);r.onsuccess=()=>{a(r.result)},r.onerror=()=>{const l=this.createErrorMessage(r.error,"Error getting record from store");d(new Error(l))}});c?t=c.data:await new Promise((a,d)=>{const r=n.put({version:this.options.version,data:t});r.onsuccess=()=>{a()},r.onerror=()=>{const l=this.createErrorMessage(r.error,"Error putting record into store");d(new Error(l))}}),await new Promise((a,d)=>{const r=n.transaction;r.oncomplete=()=>a(),r.onerror=()=>{const l=this.createErrorMessage(r.error,"Transaction error");d(new Error(l))},r.onabort=()=>{const l=this.createErrorMessage(r.error,"Transaction aborted");d(new Error(l))}}),this.insert(t),this.logDebug("Iconly has successfully initialized.")}catch(t){const e=t instanceof Error?t:new Error(String(t));this.logError("Error initializing Iconly:",e.message)}}createErrorMessage(t,e){return t&&(t instanceof DOMException||t instanceof Error)&&t.message||e}logDebug(...t){this.options.debug}logError(...t){}};u(s,"dbInstance",null);let o=s;i.Iconly=o,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(s,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(s=typeof globalThis<"u"?globalThis:s||self).Iconly=t()})(this,function(){"use strict";var g=Object.defineProperty;var h=(s,t,l)=>t in s?g(s,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):s[t]=l;var u=(s,t,l)=>h(s,typeof t!="symbol"?t+"":t,l);const t=class t{constructor(r={}){u(this,"options");u(this,"container");const e={file:"./icons.svg",version:"1.0",debug:!1,container:document.body??document.documentElement,...r};let n;if(typeof e.container=="string"){const i=document.querySelector(e.container);if(!(i&&i instanceof HTMLElement))throw new Error(`Invalid container selector: "${e.container}"`);n=i}else n=e.container;this.container=n,this.options={file:e.file,version:e.version,debug:e.debug},t.dbInstance||(t.dbInstance=this.openDB("iconlyDB",1))}async openDB(r,e){if(!("indexedDB"in window))throw this.logError("This browser does not support IndexedDB"),new Error("IndexedDB not supported");return await new Promise((n,i)=>{const c=indexedDB.open(r,e);c.onerror=()=>{const a=this.createErrorMessage(c.error,"IndexedDB error");i(new Error(a))},c.onupgradeneeded=a=>{const o=a.target.result;o.objectStoreNames.contains("icons")||o.createObjectStore("icons",{keyPath:"version"})},c.onsuccess=()=>{n(c.result)}})}getIconStore(r,e){return r.transaction("icons",e).objectStore("icons")}static async fetchData(r){const e=await fetch(r);if(!e.ok)throw new Error(`Failed to fetch icons from "${r}"`);return e.text()}insert(r){let e=document.getElementById("iconset");e||(e=document.createElement("div"),e.id="iconset",e.setAttribute("aria-hidden","true"),e.style.cssText="width: 0; height: 0; position: absolute; left: -9999px;",this.container.appendChild(e));const n=new DOMParser().parseFromString(r,"image/svg+xml"),i=n.querySelector("parsererror");i?this.logError("SVG parsing error:",i.textContent??""):(e.innerHTML="",n.documentElement?e.appendChild(n.documentElement):this.logError("No valid SVG content found to insert."))}async init(){try{let r=await t.fetchData(this.options.file);const e=await t.dbInstance;if(!e)throw new Error("Failed to open IndexedDB");const n=this.getIconStore(e,"readwrite"),i=await new Promise((c,a)=>{const o=n.get(this.options.version);o.onsuccess=()=>{c(o.result)},o.onerror=()=>{const d=this.createErrorMessage(o.error,"Error getting record from store");a(new Error(d))}});i?r=i.data:await new Promise((c,a)=>{const o=n.put({version:this.options.version,data:r});o.onsuccess=()=>{c()},o.onerror=()=>{const d=this.createErrorMessage(o.error,"Error putting record into store");a(new Error(d))}}),await new Promise((c,a)=>{const o=n.transaction;o.oncomplete=()=>c(),o.onerror=()=>{const d=this.createErrorMessage(o.error,"Transaction error");a(new Error(d))},o.onabort=()=>{const d=this.createErrorMessage(o.error,"Transaction aborted");a(new Error(d))}}),this.insert(r),this.logDebug("Iconly has successfully initialized.")}catch(r){const e=r instanceof Error?r:new Error(String(r));this.logError("Error initializing Iconly:",e.message)}}createErrorMessage(r,e){return r&&(r instanceof DOMException||r instanceof Error)&&r.message||e}logDebug(...r){this.options.debug}logError(...r){}};u(t,"dbInstance",null);let s=t;return s});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iconly",
-  "version": "1.5.2-dev.1",
+  "version": "1.5.2-dev.2",
   "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",