vite-plugin-svg-sprite 0.2.2 → 0.2.5

package/es/index.d.ts

@@ -5,5 +5,5 @@ export interface SvgSpriteOptions {
     symbolId?: string;
     svgo?: boolean | SvgoOptions;
 }
-declare const _default: (options?: SvgSpriteOptions | undefined) => Plugin;
+declare const _default: (options?: SvgSpriteOptions) => Plugin;
 export default _default;

package/es/index.js

@@ -42,7 +42,7 @@ export default (options) => {
                 path: filepath,
             });
             return `
-        import addSymbol from 'vite-plugin-svg-sprite/es/runtime';
+        import addSymbol from 'vite-plugin-svg-sprite/runtime';
         addSymbol(${stringify(symbol.render())}, ${stringify(id)});
         export default ${stringify(id)};
       `;

package/es/runtime.js

@@ -1,23 +1,21 @@
-import domReady from 'domready';
-const doc = document;
 const idSet = window._SVG_SPRITE_IDS_ = window._SVG_SPRITE_IDS_ || [];
-let root = null;
-function getSVGRoot() {
-    if (!root) {
-        root = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-        root.style.position = 'absolute';
-        root.style.width = '0';
-        root.style.height = '0';
-        doc.body.insertBefore(root, doc.body.firstChild);
-    }
-    return root;
+const root = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+root.style.position = 'absolute';
+root.style.width = '0';
+root.style.height = '0';
+function insertRoot() {
+    document.body.insertBefore(root, document.body.firstChild);
+}
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', insertRoot);
+}
+else {
+    insertRoot();
 }
 export default function addSymbol(symbol, id) {
-    if (idSet.indexOf(id) > -1 || doc.getElementById(id)) {
+    if (idSet.indexOf(id) > -1 || document.getElementById(id)) {
         console.warn(`Icon #${id} was duplicately registered. It must be globally unique.`);
     }
     idSet.push(id);
-    domReady(() => {
-        getSVGRoot().insertAdjacentHTML('beforeend', symbol);
-    });
+    root.insertAdjacentHTML('beforeend', symbol);
 }

package/lib/index.d.ts

@@ -5,5 +5,5 @@ export interface SvgSpriteOptions {
     symbolId?: string;
     svgo?: boolean | SvgoOptions;
 }
-declare const _default: (options?: SvgSpriteOptions | undefined) => Plugin;
+declare const _default: (options?: SvgSpriteOptions) => Plugin;
 export default _default;

package/lib/index.js

@@ -47,7 +47,7 @@ exports.default = (options) => {
                 path: filepath,
             });
             return `
-        import addSymbol from 'vite-plugin-svg-sprite/es/runtime';
+        import addSymbol from 'vite-plugin-svg-sprite/runtime';
         addSymbol(${stringify(symbol.render())}, ${stringify(id)});
         export default ${stringify(id)};
       `;

package/lib/runtime.js

@@ -1,29 +1,24 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const domready_1 = __importDefault(require("domready"));
-const doc = document;
 const idSet = window._SVG_SPRITE_IDS_ = window._SVG_SPRITE_IDS_ || [];
-let root = null;
-function getSVGRoot() {
-    if (!root) {
-        root = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-        root.style.position = 'absolute';
-        root.style.width = '0';
-        root.style.height = '0';
-        doc.body.insertBefore(root, doc.body.firstChild);
-    }
-    return root;
+const root = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+root.style.position = 'absolute';
+root.style.width = '0';
+root.style.height = '0';
+function insertRoot() {
+    document.body.insertBefore(root, document.body.firstChild);
+}
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', insertRoot);
+}
+else {
+    insertRoot();
 }
 function addSymbol(symbol, id) {
-    if (idSet.indexOf(id) > -1 || doc.getElementById(id)) {
+    if (idSet.indexOf(id) > -1 || document.getElementById(id)) {
         console.warn(`Icon #${id} was duplicately registered. It must be globally unique.`);
     }
     idSet.push(id);
-    domready_1.default(() => {
-        getSVGRoot().insertAdjacentHTML('beforeend', symbol);
-    });
+    root.insertAdjacentHTML('beforeend', symbol);
 }
 exports.default = addSymbol;

package/package.json

@@ -1,8 +1,19 @@
 {
   "name": "vite-plugin-svg-sprite",
-  "version": "0.2.2",
+  "version": "0.2.5",
   "description": "SVG sprite plugin for Vite",
   "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./es/index.js",
+      "require": "./lib/index.js"
+    },
+    "./runtime": {
+      "import": "./es/runtime.js",
+      "require": "./lib/runtime.js"
+    }
+  },
   "files": [
     "lib",
     "es",
@@ -27,21 +38,20 @@
   "devDependencies": {
     "@types/micromatch": "^4.0.1",
     "@types/node": "^14.14.21",
+    "@types/svgo": "^1.3.3",
     "@typescript-eslint/eslint-plugin": "^4.8.2",
     "eslint": "^7.14.0",
     "eslint-config-airbnb-typescript": "^12.0.0",
     "eslint-plugin-import": "^2.22.1",
     "typescript": "^4.1.2",
-    "vite": "^2.0.0-beta.30"
+    "vite": "^2.3.6"
   },
   "dependencies": {
-    "@types/svgo": "^1.3.3",
-    "domready": "^1.0.8",
     "micromatch": "^4.0.2",
     "svg-baker": "~1.7.0",
     "svgo": "^1.3.2"
   },
   "peerDependencies": {
-    "vite": "2"
+    "vite": "^2 || ^3"
   }
 }

package/src/index.ts

@@ -59,7 +59,7 @@ export default (options?: SvgSpriteOptions) => {
       });
 
       return `
-        import addSymbol from 'vite-plugin-svg-sprite/es/runtime';
+        import addSymbol from 'vite-plugin-svg-sprite/runtime';
         addSymbol(${stringify(symbol.render())}, ${stringify(id)});
         export default ${stringify(id)};
       `;

package/src/runtime.ts

@@ -1,30 +1,25 @@
-import domReady from 'domready';
-
-const doc = document;
-
 const idSet = (window as any)._SVG_SPRITE_IDS_ = (window as any)._SVG_SPRITE_IDS_ || [];
 
-let root: SVGSVGElement | null = null;
+const root = document.createElementNS('http://www.w3.org/2000/svg', 'svg') as SVGSVGElement;
+root.style.position = 'absolute';
+root.style.width = '0';
+root.style.height = '0';
 
-function getSVGRoot() {
-  if (!root) {
-    root = document.createElementNS('http://www.w3.org/2000/svg', 'svg') as SVGSVGElement;
-    root.style.position = 'absolute';
-    root.style.width = '0';
-    root.style.height = '0';
-    doc.body.insertBefore(root, doc.body.firstChild);
-  }
+function insertRoot() {
+  document.body.insertBefore(root, document.body.firstChild);
+}
 
-  return root;
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', insertRoot);
+} else {
+  insertRoot();
 }
 
 export default function addSymbol(symbol: string, id: string) {
-  if (idSet.indexOf(id) > -1 || doc.getElementById(id)) {
+  if (idSet.indexOf(id) > -1 || document.getElementById(id)) {
     console.warn(`Icon #${id} was duplicately registered. It must be globally unique.`);
   }
   idSet.push(id);
 
-  domReady(() => {
-    getSVGRoot().insertAdjacentHTML('beforeend', symbol);
-  });
+  root.insertAdjacentHTML('beforeend', symbol);
 }

package/es/dom-ready.d.ts

@@ -1,3 +0,0 @@
-declare type Listener = () => void;
-export default function ready(listener: Listener): void;
-export {};

package/es/dom-ready.js

@@ -1,15 +0,0 @@
-let listeners = null;
-export default function ready(listener) {
-    const complete = document.readyState === 'complete';
-    if (complete) {
-        setTimeout(listener, 0);
-        return;
-    }
-    if (!listeners) {
-        listeners = [];
-        document.addEventListener('DOMContentLoaded', () => {
-            listeners === null || listeners === void 0 ? void 0 : listeners.forEach((fn) => fn());
-        });
-    }
-    listeners.push(listener);
-}

package/es/ready.d.ts

@@ -1,3 +0,0 @@
-declare type Listener = () => void;
-export default function ready(listener: Listener): void;
-export {};

package/es/ready.js

@@ -1,15 +0,0 @@
-let listeners = null;
-export default function ready(listener) {
-    const complete = document.readyState === 'complete';
-    if (complete) {
-        setTimeout(listener, 0);
-        return;
-    }
-    if (!listeners) {
-        listeners = [];
-        document.addEventListener('DOMContentLoaded', () => {
-            listeners === null || listeners === void 0 ? void 0 : listeners.forEach(fn => fn());
-        });
-    }
-    listeners.push(listener);
-}

package/lib/dom-ready.d.ts

@@ -1,3 +0,0 @@
-declare type Listener = () => void;
-export default function ready(listener: Listener): void;
-export {};

package/lib/dom-ready.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-let listeners = null;
-function ready(listener) {
-    const complete = document.readyState === 'complete';
-    if (complete) {
-        setTimeout(listener, 0);
-        return;
-    }
-    if (!listeners) {
-        listeners = [];
-        document.addEventListener('DOMContentLoaded', () => {
-            listeners === null || listeners === void 0 ? void 0 : listeners.forEach((fn) => fn());
-        });
-    }
-    listeners.push(listener);
-}
-exports.default = ready;

package/lib/ready.d.ts

@@ -1,3 +0,0 @@
-declare type Listener = () => void;
-export default function ready(listener: Listener): void;
-export {};

package/lib/ready.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-let listeners = null;
-function ready(listener) {
-    const complete = document.readyState === 'complete';
-    if (complete) {
-        setTimeout(listener, 0);
-        return;
-    }
-    if (!listeners) {
-        listeners = [];
-        document.addEventListener('DOMContentLoaded', () => {
-            listeners === null || listeners === void 0 ? void 0 : listeners.forEach(fn => fn());
-        });
-    }
-    listeners.push(listener);
-}
-exports.default = ready;