{"_id":"@bro-academy/vite-plugin-svg-sprite","_rev":"4-2520cda02b924dd4e0d23311b457edf7","name":"@bro-academy/vite-plugin-svg-sprite","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@bro-academy/vite-plugin-svg-sprite","version":"0.0.1","keywords":["vite","plugin","svg","sprite"],"author":{"name":"BRO Academy"},"license":"ISC","_id":"@bro-academy/vite-plugin-svg-sprite@0.0.1","maintainers":[{"name":"niklissad","email":"niklissad@gmail.com"}],"dist":{"shasum":"cca37e3a5d8d2ab64182d981af6b0f02cd753490","tarball":"https://registry.npmjs.org/@bro-academy/vite-plugin-svg-sprite/-/vite-plugin-svg-sprite-0.0.1.tgz","fileCount":3,"integrity":"sha512-Ih6Pwz+c09kD25a5mg/VQ4BEQU4RmZsAr/GJRoOFX8Umcy7a0XAndkjdVC9LaEQTdnp4fPTDzZnQ5z0EM6hpoA==","signatures":[{"sig":"MEQCIAWru6LRMFjg1dDfHFHGXWQ8o5D94cVbtbsC1ruqvy0VAiBDsTzLUv0s7yOETFkCiIpyFHhopAlMVj5Psi/b2/KI0g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4117},"main":"index.js","gitHead":"d35051ff49b96af2b2228709091e46401f368825","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"niklissad","email":"niklissad@gmail.com"},"_npmVersion":"10.9.2","description":"Vite plugin to generate SVG sprite from SVG files to use in HTML and CSS","directories":{},"_nodeVersion":"22.13.1","dependencies":{"svgo":"^3.3.2","svg-sprite":"^2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"vite":"^6.3.5"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-svg-sprite_0.0.1_1748421382651_0.9989874628078257","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@bro-academy/vite-plugin-svg-sprite","version":"0.0.2","keywords":["vite","plugin","svg","sprite"],"author":{"name":"BRO Academy"},"license":"ISC","_id":"@bro-academy/vite-plugin-svg-sprite@0.0.2","maintainers":[{"name":"niklissad","email":"niklissad@gmail.com"},{"name":"gurylev","email":"andrew@gurylev.com"}],"dist":{"shasum":"53a37c24216b5e2d53dac919df0a50f69bfa82d9","tarball":"https://registry.npmjs.org/@bro-academy/vite-plugin-svg-sprite/-/vite-plugin-svg-sprite-0.0.2.tgz","fileCount":3,"integrity":"sha512-PzFxUrFta1LJLD/vLCd21XIvWNNppjNli/rBjwH3gwxDlsrghSNc2uCAoMbltoN5x8qlouoiKA8qarDyvSFS7Q==","signatures":[{"sig":"MEQCIEZUApmxv+K+GOPLixXK+Ds/rwwaflbTIglUgZCFPcx8AiAyzAaV5qGnHrnZeX3Ph2v5fF3Gwka2dMwJDBoeKskWmg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4116},"main":"index.js","gitHead":"c9fb9916e4b5819e831f919e53efa93177141c19","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"niklissad","email":"niklissad@gmail.com"},"_npmVersion":"10.9.2","description":"Vite plugin to generate SVG sprite from SVG files to use in HTML and CSS","directories":{},"_nodeVersion":"22.14.0","dependencies":{"svgo":"^3.3.2","svg-sprite":"^2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"vite":"^6.3.5"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-svg-sprite_0.0.2_1748462455644_0.8052173684567854","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@bro-academy/vite-plugin-svg-sprite","version":"0.0.3","description":"Vite plugin to generate SVG sprite from SVG files to use in HTML and CSS","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"dependencies":{"svg-sprite":"^2.0.4","svgo":"^3.3.2"},"peerDependencies":{"vite":"^6.3.5"},"keywords":["vite","plugin","svg","sprite"],"author":{"name":"BRO Academy"},"license":"ISC","publishConfig":{"access":"public"},"_id":"@bro-academy/vite-plugin-svg-sprite@0.0.3","gitHead":"19c15d761cc366805dfa70a5b56b9fa00760f02c","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-oazImIIxbnVeKwwS11Jp9sa0BzjjXrUsV5YZvVXs7Ydm94uEY3ScSXErd4t8C0uH58IQZeByNWy/LTXsCACNSw==","shasum":"bf6765745dd0249c15c599b57678f149a38f8410","tarball":"https://registry.npmjs.org/@bro-academy/vite-plugin-svg-sprite/-/vite-plugin-svg-sprite-0.0.3.tgz","fileCount":3,"unpackedSize":4085,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDIJCnaLoy2Pd2T9EU8T9AnP6p4V7jrnnc48Cti32LTwwIgHNVMuVv+nab95kQajc8XYYyQD3rJF/ZM6xcHcKMVarI="}]},"_npmUser":{"name":"niklissad","email":"niklissad@gmail.com"},"directories":{},"maintainers":[{"name":"niklissad","email":"niklissad@gmail.com"},{"name":"gurylev","email":"andrew@gurylev.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vite-plugin-svg-sprite_0.0.3_1748538953780_0.2754638480404412"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-28T08:36:22.590Z","modified":"2025-05-29T17:15:54.204Z","0.0.1":"2025-05-28T08:36:22.811Z","0.0.2":"2025-05-28T20:00:55.814Z","0.0.3":"2025-05-29T17:15:53.966Z"},"author":{"name":"BRO Academy"},"license":"ISC","keywords":["vite","plugin","svg","sprite"],"description":"Vite plugin to generate SVG sprite from SVG files to use in HTML and CSS","maintainers":[{"name":"niklissad","email":"niklissad@gmail.com"},{"name":"gurylev","email":"andrew@gurylev.com"}],"readme":"# @bro-academy/vite-plugin-svg-sprite\n\nA Vite plugin to generate an SVG sprite from individual SVG icons during the build process. Optimizes SVGs and outputs a single sprite file for efficient use in your project.\n\n## Features\n\n- Combines multiple SVG icons into a single SVG sprite\n- Optimizes SVGs using SVGO plugins\n- Generates sprite at build time\n- Customizable icon ID prefix\n\n## Installation\n\nInstall the plugin and its peer dependency:\n\n```sh\nnpm install @bro-academy/vite-plugin-svg-sprite --save-dev\n```\n\n## Usage\n\nAdd the plugin to your `vite.config.js`:\n\n```js\nimport svgSprite from '@bro-academy/vite-plugin-svg-sprite';\n\nexport default {\n  plugins: [\n    svgSprite()\n  ]\n};\n```\n\n## How it works\n\n- During the Vite build, the plugin scans the `src/assets/icons` directory for `.svg` files.\n- Each SVG is optimized and added to the sprite.\n- The generated sprite is saved as `src/assets/sprite.svg`.\n\n## Example\n\nPlace your SVG icons in `src/assets/icons/`:\n\n```\nsrc/assets/icons/\n  ├── home.svg\n  └── user.svg\n```\n\nAfter build, use the sprite in your HTML:\n\n```html\n<svg><use xlink:href=\"/src/assets/sprite.svg#icon-home\"></use></svg>\n<svg><use xlink:href=\"/src/assets/sprite.svg#icon-user\"></use></svg>\n```\n\n## Options\n\nCurrently, the plugin does not expose user-configurable options.\n\n## License\n\nISC\n\n---","readmeFilename":"README.md"}