{"_id":"@bzzndata/svg-sprite-loader","_rev":"2-e3abb6489c122b1d43d2cf02260c1686","name":"@bzzndata/svg-sprite-loader","dist-tags":{"latest":"5.0.1"},"versions":{"5.0.0":{"name":"@bzzndata/svg-sprite-loader","version":"5.0.0","description":"Webpack loader for creating SVG sprites","keywords":["svg","sprite","svg sprite","svg stack","webpack","webpack2","webpack3","webpack loader","webpack plugin"],"homepage":"https://github.com/JetBrains/svg-sprite-loader#readme","bugs":{"url":"https://github.com/JetBrains/svg-sprite-loader/issues"},"license":"MIT","author":{"name":"kisenka"},"repository":{"type":"git","url":"git+https://github.com/JetBrains/svg-sprite-loader.git"},"main":"lib/loader.js","engines":{"node":">=6"},"dependencies":{"bluebird":"^3.5.0","deepmerge":"1.3.2","domready":"1.0.8","escape-string-regexp":"1.0.5","html-webpack-plugin":"^3.2.0","loader-utils":"^1.1.0","svg-baker":"^1.5.0","svg-baker-runtime":"^1.4.7","url-slug":"2.0.0"},"devDependencies":{"babel-core":"^6.24.1","babel-loader":"^6.4.1","babel-plugin-transform-object-rest-spread":"6.23.0","babel-preset-es2015":"^6.24.0","babel-preset-react":"6.24.1","chai":"^3.5.0","ci-publish":"^1.3.1","codeclimate-test-reporter":"0.4.1","commitizen":"2.9.6","css-loader":"^0.28.0","cz-customizable":"^5.0.0","eslint":"^7.0.0","eslint-config-airbnb-base":"^11.1.2","eslint-plugin-import":"^2.2.0","file-loader":"^3.0.1","glob":"7.1.1","html-loader":"^0.5.5","husky":"^0.13.3","istanbul":"^0.4.5","memory-fs":"^0.4.1","minimist":"^1.2.0","mocha":"^7.0.0","nyc":"^10.3.2","pascal-case":"2.0.1","react":"15.5.4","react-dom":"15.5.4","rollup":"^0.41.6","rollup-plugin-buble":"^0.15.0","rollup-plugin-commonjs":"^8.0.2","rollup-plugin-node-resolve":"^3.0.0","shelljs":"0.7.7","standard-version":"4.0.0","svgo":"^0.7.2","svgo-loader":"^1.2.1","validate-commit-msg":"^2.12.1","wallaby-webpack":"^3.9.15","webpack-cli":"^3.3.10","webpack-toolkit":"^1.0.0"},"config":{"commitizen":{"path":"node_modules/cz-customizable"},"cz-customizable":{"config":".cz-config.js"}},"scripts":{"bootstrap":"node scripts/bootstrap","build:examples":"yarn env webpack-3 && yarn run build:runtime && node scripts/build-examples-dll && node scripts/build-examples","build:runtime":"yarn env webpack-5 node scripts/build-runtime.js","commit":"git-cz","commitmsg":"validate-commit-msg","env":"node scripts/select-env","lint":"eslint --quiet lib runtime scripts test","precommit":"yarn lint","pretest":"yarn build:runtime","prerelease":"yarn build:runtime && yarn lint && yarn test:all","release":"yarn build:examples && git add examples && standard-version -a && git push --follow-tags origin master","release:dry-run":"standard-version --no-verify","test":"mocha test/*.test.js","test:all":"yarn test:webpack-2 && yarn test:webpack-3 && yarn test:webpack-4 && yarn test:webpack-5","test:webpack-2":"yarn env webpack-2 && yarn test","test:webpack-3":"yarn env webpack-3 && yarn test","test:webpack-4":"yarn env webpack-4 && yarn test","test:webpack-5":"yarn env webpack-5 && yarn test","upload-coverage":"codeclimate-test-reporter < coverage/lcov.info"},"gitHead":"0e6f3c1b4f77a4eaaa2e32f7fcca27e67f18f82f","_id":"@bzzndata/svg-sprite-loader@5.0.0","_nodeVersion":"12.16.1","_npmVersion":"6.12.0","dist":{"integrity":"sha512-1X2drrYwNfmGgrSJQcdbUUDIg41J58XW5/afh+k9D4Vmf/NzQnlr5QJt/ALMWNA2ipN+EOC8htJUVP2eYBgNzQ==","shasum":"028adccc7c9850c4c43709f8eacd4ec2fa2ed0ed","tarball":"https://registry.npmjs.org/@bzzndata/svg-sprite-loader/-/svg-sprite-loader-5.0.0.tgz","fileCount":103,"unpackedSize":1339487,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftS/FCRA9TVsSAnZWagAAqB4P/10apGW1/5CcTFytO+yc\nCs8zU63ty9Seu/H8j79MVlORSHuFxWtCuZ6x0pIUwZaTEturYfGX4KN2EwDz\nLWcgDWnXwfAJzQ+yvrDa06NV99OXBDvZCidpS9O/vI9S3w8x5S9nU9htgqSy\nZsb9vPCY+h+2QCewSLnlTuIAmlYSBXuwF41ORXpwuDKND038wuP0IwH2lbXd\nBAiBvU87/CkjqTieVsRWTHj3/QyfqBpZyVqI3N7QePu4bNaJBlDX+UE1M+Wp\nNV8VmLuW+36oL3e22GGBMkog0PKBHeBY0cHLk8fgVVkDpKPLgCyHILs6C0gQ\nkf/v71ngJw/H5n7xTqSKdKdcuwJDEoAntwTtVH0cum6wbQBbrazi5UukwFYj\nN9ONGOrLJ186ajT3PGNKdiYDIU5j79RjhOEMYZtIMgXTp1R6EyuCvc1iH/iV\n+QGY9QtpAFr5sq4hDLKyx93WzFy2osZ+J+QJ8qNVJh1ZFQ7nk3F1qxtu2Iy2\nFyzdPBh8szUQwaNPHUAFbqhUoXiX4WUd1j2catSvn57P5f4bej01CST2kqoe\nLEawCiNdf68LwnPV5mDVUHDNSuUj7TMmbAQ/8AkOylaY33WX/YMPSzKrjnd4\nPFxC8wqEsVC37LfzeB3HiyakqY/KTZQVlk6TPyu8oKJMcRhQ3zuhK+Bw4Hfk\n9fQo\r\n=79c8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHvd7pGy+WjStdpjUAV1mTALoK9uHnieD8vIXpkEXdinAiBzDDZzPGrdKNoOCT57KwluT7IeaOrou3Taz1pNQhtR0A=="}]},"_npmUser":{"name":"yangzhou","email":"yangzhou3932541@126.com"},"directories":{},"maintainers":[{"name":"yangzhou","email":"yangzhou3932541@126.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svg-sprite-loader_5.0.0_1605709764606_0.036565018327308296"},"_hasShrinkwrap":false},"5.0.1":{"name":"@bzzndata/svg-sprite-loader","version":"5.0.1","description":"Webpack loader for creating SVG sprites","keywords":["svg","sprite","svg sprite","svg stack","webpack","webpack2","webpack3","webpack loader","webpack plugin"],"homepage":"https://github.com/JetBrains/svg-sprite-loader#readme","bugs":{"url":"https://github.com/JetBrains/svg-sprite-loader/issues"},"license":"MIT","author":{"name":"kisenka"},"repository":{"type":"git","url":"git+https://github.com/JetBrains/svg-sprite-loader.git"},"main":"lib/loader.js","engines":{"node":">=6"},"dependencies":{"bluebird":"^3.5.0","deepmerge":"1.3.2","domready":"1.0.8","escape-string-regexp":"1.0.5","html-webpack-plugin":"^3.2.0","loader-utils":"^1.1.0","svg-baker":"^1.5.0","svg-baker-runtime":"^1.4.7","url-slug":"2.0.0"},"devDependencies":{"babel-core":"^6.24.1","babel-loader":"^6.4.1","babel-plugin-transform-object-rest-spread":"6.23.0","babel-preset-es2015":"^6.24.0","babel-preset-react":"6.24.1","chai":"^3.5.0","ci-publish":"^1.3.1","codeclimate-test-reporter":"0.4.1","commitizen":"2.9.6","css-loader":"^0.28.0","cz-customizable":"^5.0.0","eslint":"^7.0.0","eslint-config-airbnb-base":"^11.1.2","eslint-plugin-import":"^2.2.0","file-loader":"^3.0.1","glob":"7.1.1","html-loader":"^0.5.5","husky":"^0.13.3","istanbul":"^0.4.5","memory-fs":"^0.4.1","minimist":"^1.2.0","mocha":"^7.0.0","nyc":"^10.3.2","pascal-case":"2.0.1","react":"15.5.4","react-dom":"15.5.4","rollup":"^0.41.6","rollup-plugin-buble":"^0.15.0","rollup-plugin-commonjs":"^8.0.2","rollup-plugin-node-resolve":"^3.0.0","shelljs":"0.7.7","standard-version":"4.0.0","svgo":"^0.7.2","svgo-loader":"^1.2.1","validate-commit-msg":"^2.12.1","wallaby-webpack":"^3.9.15","webpack-cli":"^3.3.10","webpack-toolkit":"^1.0.0"},"config":{"commitizen":{"path":"node_modules/cz-customizable"},"cz-customizable":{"config":".cz-config.js"}},"scripts":{"bootstrap":"node scripts/bootstrap","build:examples":"yarn env webpack-3 && yarn run build:runtime && node scripts/build-examples-dll && node scripts/build-examples","build:runtime":"yarn env webpack-5 node scripts/build-runtime.js","commit":"git-cz","commitmsg":"validate-commit-msg","env":"node scripts/select-env","lint":"eslint --quiet lib runtime scripts test","precommit":"yarn lint","pretest":"yarn build:runtime","prerelease":"yarn build:runtime && yarn lint && yarn test:all","release":"yarn build:examples && git add examples && standard-version -a && git push --follow-tags origin master","release:dry-run":"standard-version --no-verify","test":"mocha test/*.test.js","test:all":"yarn test:webpack-2 && yarn test:webpack-3 && yarn test:webpack-4 && yarn test:webpack-5","test:webpack-2":"yarn env webpack-2 && yarn test","test:webpack-3":"yarn env webpack-3 && yarn test","test:webpack-4":"yarn env webpack-4 && yarn test","test:webpack-5":"yarn env webpack-5 && yarn test","upload-coverage":"codeclimate-test-reporter < coverage/lcov.info"},"gitHead":"e035daeeecab6765e9b01c999e49a0d5298fe6d2","_id":"@bzzndata/svg-sprite-loader@5.0.1","_nodeVersion":"12.16.1","_npmVersion":"6.12.0","dist":{"integrity":"sha512-s24ksGqHnpOmUnxnYYFR2TdZJfZIIksR/H7Ua92CsLQafTduacsVWlG+onwCrkpuH3DyzEDAvQqTvEaXX2M9Ow==","shasum":"20f37732e8ea302219d7415177034a6c7dd8a6d7","tarball":"https://registry.npmjs.org/@bzzndata/svg-sprite-loader/-/svg-sprite-loader-5.0.1.tgz","fileCount":103,"unpackedSize":1339392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftTJyCRA9TVsSAnZWagAA4ykP/A79ZcaI4MyUZXWtvKzb\nYpg2V6INUUd6BciQONglhLdJffhgHYlU6MQpdt1AXUphn9d+ojCPZg5Hv5Lv\nVJVk5oK2ALyY8iuIZ4ypaSCLsmMz7IJAHTidqjOp6l9TEVPfSXuiNxpqrWJZ\ny2E4f7vUlocvKhG967F1KShfehb9Ki9VjNSS+UfIxBprECr4DOQovvr12L1P\n4+rCOy1VOlA3xEzJlOWY9kyHbAXWfFXy7Y/nMlCEOoZJuWy2d+wcFQIKGEN1\nlKjVleF3VCiKwlT6s3/mReZiwiX2orIHgy11OxswIpVX+6wzmqef1IrdwTUw\n1r24sJL6B+3E0dbdAyd6rEmcWTL+7EP6NgxGeF10uaWtCyratQWGdWpoG8tY\nJ1DGrzeEeyJ5T2CBcP+3Vzva1zX88cKHg8ohab3rOYklE7ffStT79pSYchQs\nBeORv9w0qHNa+zRXgssXwf1bhdmhK52lT2js+y26Oef2gUpf6ji7pjZqCsI8\n+VobIpWAqpmb7KtwXAD8lGhcaihn6gAGN5O7dRb08LHPdf4NFdcdzbUyIh7M\ntIjN1ByI7Kpqd4z5L2PSdBRSGg0weAkfXdqAfMaM4kbctdcjiLtK1oOSNKrh\nW8mmH3d8Z4GgEsv/4owwwmebeYI7CR6wqts949WgYahOt1Ch/JUkw9jKREfF\nf0pI\r\n=lceC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoq1suhSlfWDX8ozcXx7CQzdd+xrjsWzN64iqD1tSeXQIhAJIQDa6QDiXhLcUfLYE9VUP3IBvjqoZz629TYQgUesdV"}]},"_npmUser":{"name":"yangzhou","email":"yangzhou3932541@126.com"},"directories":{},"maintainers":[{"name":"yangzhou","email":"yangzhou3932541@126.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svg-sprite-loader_5.0.1_1605710449862_0.8028122527044692"},"_hasShrinkwrap":false}},"time":{"created":"2020-11-18T14:29:24.317Z","5.0.0":"2020-11-18T14:29:24.780Z","modified":"2022-04-04T21:23:41.809Z","5.0.1":"2020-11-18T14:40:50.138Z"},"maintainers":[{"name":"yangzhou","email":"yangzhou3932541@126.com"}],"description":"Webpack loader for creating SVG sprites","homepage":"https://github.com/JetBrains/svg-sprite-loader#readme","keywords":["svg","sprite","svg sprite","svg stack","webpack","webpack2","webpack3","webpack loader","webpack plugin"],"repository":{"type":"git","url":"git+https://github.com/JetBrains/svg-sprite-loader.git"},"author":{"name":"kisenka"},"bugs":{"url":"https://github.com/JetBrains/svg-sprite-loader/issues"},"license":"MIT","readme":"# SVG sprite loader\n[![NPM version][version-img]][versions-img] [![Build status][ci-img]][ci-url] [![Documentation score][docs-coverage-img]][docs-coverage-url] [![Dependencies status][deps-img]][deps-url] [![Dev dependencies status][dev-deps-img]][dev-deps-url] [![NPM downloads][downloads-img]][npm-url]\n\nFork from [JetBrains/svg-sprite-loader](https://github.com/JetBrains/svg-sprite-loader) and support webpack v5.\n\nWebpack loader for creating SVG sprites.\n\n> :tada: 2.0 is out, please read the [migration guide & overview](2.0.md).\n\n> :warning: For old v0.x versions see [the README in the v0 branch](https://github.com/JetBrains/svg-sprite-loader/blob/v0/README.md).\n\n## Table of contents\n\n- [Why it's cool](#why-its-cool)\n- [Installation](#installation)\n- [Configuration](#configuration)\n - [`symbolId`](#symbol-id)\n - [`symbolRegExp`](#symbol-regexp)\n - [`esModule`](#es-module)\n - [Runtime configuration](#runtime-configuration)\n - [`spriteModule`](#sprite-module)\n - [`symbolModule`](#symbol-module)\n - [`runtimeGenerator`](#runtime-generator)\n - [`runtimeCompat`](#runtime-compat) (deprecated)\n - [`runtimeOptions`](#runtime-options)\n - [Extract configuration](#extract-configuration)\n - [`extract`](#extract)\n - [`spriteFilename`](#sprite-filename)\n - [`publicPath`](#public-path)\n - [`outputPath`](#output-path)\n - [`plainSprite`](#plain-sprite)\n - [`spriteAttrs`](#sprite-attrs)\n- [Examples](#examples)\n- [Contributing guidelines](#contributing-guidelines)\n- [License](#license)\n- [Credits](#credits)\n\n## Why it's cool\n\n- **Minimum initial configuration**. Most of the options are configured automatically.\n- **Runtime for browser**. Sprites are rendered and injected in pages automatically, you just refer to images via ``.\n- **Isomorphic runtime for node/browser**. Can render sprites on server or in browser manually.\n- **Customizable**. Write/extend runtime module to implement custom sprite behaviour. Write/extend runtime generator to produce your own runtime, e.g. React component configured with imported symbol.\n- **External sprite file** is generated for images imported from css/scss/sass/less/styl/html ([SVG stacking technique](https://css-tricks.com/svg-fragment-identifiers-work/#article-header-id-4)).\n\n## Installation\n\n```bash\nnpm install svg-sprite-loader -D\n# via yarn\nyarn add svg-sprite-loader -D\n```\n\n## Configuration\n\n```js\n// webpack 1\n{\n test: /\\.svg$/,\n loader: 'svg-sprite-loader',\n query: { ... }\n}\n\n// webpack 1 multiple loaders\n{\n test: /\\.svg$/,\n loaders: [\n `svg-sprite-loader?${JSON.stringify({ ... })}`,\n 'svg-transform-loader',\n 'svgo-loader'\n ]\n}\n\n// webpack >= 2\n{\n test: /\\.svg$/,\n loader: 'svg-sprite-loader',\n options: { ... }\n}\n\n// webpack >= 2 multiple loaders\n{\n test: /\\.svg$/,\n use: [\n { loader: 'svg-sprite-loader', options: { ... } },\n 'svg-transform-loader',\n 'svgo-loader'\n ]\n}\n```\n\n\n### `symbolId` (`string | function(path, query)`, default `[name]`)\n\nHow `` `id` attribute should be named. All patterns from [loader-utils#interpolateName](https://github.com/webpack/loader-utils#interpolatename)\nare supported. Also can be a function which accepts 2 args - file path and query string and return symbol id:\n\n```js\n{\n symbolId: filePath => path.basename(filePath)\n}\n```\n\n\n### `symbolRegExp` (default `''`)\nPassed to the symbolId interpolator to support the [N] pattern in the loader-utils name interpolator\n\n\n### `esModule` (default `true`, autoconfigured)\n\nGenerated export format:\n- when `true` loader will produce `export default ...`.\n- when `false` the result is `module.exports = ...`.\n\nBy default depends on used webpack version: `true` for webpack >= 2, `false` otherwise.\n\n## Runtime configuration\n\nWhen you require an image, loader transforms it to SVG ``, adds it to the special sprite storage and returns class instance\nthat represents symbol. It contains `id`, `viewBox` and `content` (`id`, `viewBox` and `url` in extract mode)\nfields and can later be used for referencing the sprite image, e.g:\n\n```js\nimport twitterLogo from './logos/twitter.svg';\n// twitterLogo === SpriteSymbol\n// Extract mode: SpriteSymbol\n\nconst rendered = `\n`;\n```\n\nWhen browser event `DOMContentLoaded` is fired, sprite will be automatically rendered and injected in the `document.body`.\nIf custom behaviour is needed (e.g. a different mounting target) default sprite module could be overridden via `spriteModule` option. Check example below.\n\n\n### `spriteModule` (autoconfigured)\n\nPath to sprite module that will be compiled and executed at runtime.\nBy default it depends on [`target`](https://webpack.js.org/configuration/target) webpack config option:\n- `svg-sprite-loader/runtime/browser-sprite.build` for 'web' target.\n- `svg-sprite-loader/runtime/sprite.build` for other targets.\n\nIf you need custom behavior, use this option to specify a path of your sprite implementation module.\nPath will be resolved relative to the current webpack build folder, e.g. `utils/sprite.js` placed in current project dir should be written as `./utils/sprite`.\n\nExample of sprite with custom mounting target (copypasted from [browser-sprite](https://github.com/JetBrains/svg-sprite-loader/blob/master/runtime/browser-sprite.js)):\n\n```js\nimport BrowserSprite from 'svg-baker-runtime/src/browser-sprite';\nimport domready from 'domready';\n\nconst sprite = new BrowserSprite();\ndomready(() => sprite.mount('#my-custom-mounting-target'));\n\nexport default sprite; // don't forget to export!\n```\n\nIt's highly recommended to extend default sprite classes:\n- [for browser-specific env](https://github.com/JetBrains/svg-baker/blob/master/packages/svg-baker-runtime/src/browser-sprite.js)\n- [for isomorphic env](https://github.com/JetBrains/svg-baker/blob/master/packages/svg-baker-runtime/src/sprite.js)\n\n\n### `symbolModule` (autoconfigured)\n\nSame as `spriteModule`, but for sprite symbol. By default also depends on `target` webpack config option:\n- `svg-baker-runtime/browser-symbol` for 'web' target.\n- `svg-baker-runtime/symbol` for other targets.\n\n\n### `runtimeGenerator` ([default generator](https://github.com/JetBrains/svg-sprite-loader/blob/master/lib/runtime-generator.js))\n\nPath to node.js script that generates client runtime.\nUse this option if you need to produce your own runtime, e.g. React component configured with imported symbol. [Example](https://github.com/JetBrains/svg-sprite-loader/tree/master/examples/custom-runtime-generator).\n\n\n### `runtimeCompat` (default `false`, deprecated)\n\nShould runtime be compatible with earlier v0.x loader versions. This option will be removed in the next major version release.\n\n\n### `runtimeOptions`\n\nArbitrary data passed to runtime generator. Reserved for future use when other runtime generators will be created.\n\n## Extract configuration\n\nIn the extract mode loader should be configured with plugin, otherwise an error is thrown. Example:\n\n```js\n// webpack.config.js\nconst SpriteLoaderPlugin = require('svg-sprite-loader/plugin');\n\n...\n\n{\n plugins: [\n new SpriteLoaderPlugin()\n ]\n}\n```\n\n\n### `extract` (default `false`, autoconfigured)\n\nSwitches loader to the extract mode.\nEnabled automatically for images imported from css/scss/sass/less/styl/html files.\n\n\n### `spriteFilename` (type `string|Function`,default `sprite.svg`)\n\nFilename of extracted sprite. Multiple sprites can be generated by specifying different loader rules restricted with `include` option or\nby providing custom function which recieves SVG file absolute path, e.g.:\n\n```js\n{\n test: /\\.svg$/,\n loader: 'svg-sprite-loader',\n options: {\n extract: true,\n spriteFilename: svgPath => `sprite${svgPath.substr(-4)}`\n }\n}\n```\n\n`[hash]` in sprite filename will be replaced by it's content hash.\nIt is also possible to generate sprite for each chunk by using `[chunkname]` pattern in spriteFilename option. This is experimental feature, use it with caution!\n\n\n### `publicPath` (type: `string`, default: `__webpack_public_path__`)\n\nCustom public path for sprite file.\n\n```js\n{\n test: /\\.svg$/,\n loader: 'svg-sprite-loader',\n options: {\n extract: true,\n publicPath: '/'\n }\n}\n```\n\n\n### `outputPath` (type: `string`, default: null`)\n\nCustom output path for sprite file.\nBy default it will use `publicPath`.\nThis param is useful if you want to store sprite is a directory with a custom http access.\n\n```js\n{\n test: /\\.svg$/,\n loader: 'svg-sprite-loader',\n options: {\n extract: true,\n outputPath: 'custom-dir/sprites/'\n publicPath: 'sprites/'\n }\n}\n```\n\n\n### Plain sprite\n\nYou can render plain sprite in extract mode without styles and usages. Pass `plainSprite: true` option to plugin constructor:\n\n```js\n{\n plugins: [\n new SpriteLoaderPlugin({ plainSprite: true })\n ]\n}\n```\n\n\n### Sprite attributes\n\nSprite `