{"_id":"image-trace-loader","_rev":"19-29fb2a7587820e24861cd2bca7443019","name":"image-trace-loader","description":"Loads images and exports traced outlines as image/svg+xml URL-encoded data","dist-tags":{"latest":"1.0.2"},"versions":{"0.0.1":{"name":"image-trace-loader","version":"0.0.1","description":"Loads images and exports traced outlines as image/svg+xml URL-encoded data","main":"lib","directories":{"lib":"lib"},"author":{"name":"Emil Tholin @tholle1234"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/EmilTholin/image-trace-loader.git"},"dependencies":{"loader-utils":"^1.1.0","node-vibrant":"^3.0.0-alpha.2","potrace":"^2.1.1","schema-utils":"^0.3.0","svgo":"^0.7.2"},"peerDependencies":{"file-loader":"*"},"gitHead":"cf224030053f758d0ab28560ff9eb37fb1e0cbb7","bugs":{"url":"https://github.com/EmilTholin/image-trace-loader/issues"},"homepage":"https://github.com/EmilTholin/image-trace-loader#readme","_id":"image-trace-loader@0.0.1","_npmVersion":"5.3.0","_nodeVersion":"6.9.0","_npmUser":{"name":"tholle","email":"emtholin@gmail.com"},"dist":{"integrity":"sha512-OY7yu4zoS/JvyFMu1xy6NIxMyvPJ4dfXboSoYFSfqvUGB+/rTGNYiFC09ZRqA9R2U0abGOhYhcG3W1XvIZWfEw==","shasum":"0b6753503611d524ca4875b7beb348ac4f46426c","tarball":"https://registry.npmjs.org/image-trace-loader/-/image-trace-loader-0.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0UOdrHUAZbhJhmKcsNYH6U7LkkxmNpq8bcPu2/fdNyQIhAMolMYQzwMf4u6Uqu/PX9asXhEuHl3A46DDMbSdTxPFC"}]},"maintainers":[{"name":"tholle","email":"emtholin@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-trace-loader-0.0.1.tgz_1508274501598_0.9337554378435016"}},"0.0.2":{"name":"image-trace-loader","version":"0.0.2","description":"Loads images and exports traced outlines as image/svg+xml URL-encoded data","main":"lib","directories":{"lib":"lib"},"author":{"name":"Emil Tholin @tholle1234"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/EmilTholin/image-trace-loader.git"},"dependencies":{"loader-utils":"^1.1.0","node-vibrant":"^3.0.0-alpha.2","potrace":"^2.1.1","schema-utils":"^0.3.0","svgo":"^0.7.2"},"peerDependencies":{"file-loader":"*"},"gitHead":"e2d3441b8a158b2d805a8db612a06e642749db6b","bugs":{"url":"https://github.com/EmilTholin/image-trace-loader/issues"},"homepage":"https://github.com/EmilTholin/image-trace-loader#readme","_id":"image-trace-loader@0.0.2","_npmVersion":"5.3.0","_nodeVersion":"6.9.0","_npmUser":{"name":"tholle","email":"emtholin@gmail.com"},"dist":{"integrity":"sha512-e3kTwlKFXhrRCj4vRYjHRyFFN345cV7n5QpdA4BYa80jJU+2luNL+jGn4jmokLyVFg4vhR/X5NcEKZ14Fe+vGw==","shasum":"1e6075e96c70ddcf8dc9e31a33e44d61d25b220a","tarball":"https://registry.npmjs.org/image-trace-loader/-/image-trace-loader-0.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCknVdW5LHCXNkzuWKK3krPkpYtxeogKEYvW+lCxqCpbQIgGRezPGk4KuJoAleDHjMmyWI8AU06OXlOSzQloT0YqoQ="}]},"maintainers":[{"name":"tholle","email":"emtholin@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-trace-loader-0.0.2.tgz_1508357462175_0.8386848501395434"}},"0.1.0":{"name":"image-trace-loader","version":"0.1.0","description":"Loads images and exports traced outlines as image/svg+xml URL-encoded data","main":"lib","directories":{"lib":"lib"},"author":{"name":"Emil Tholin @tholle1234"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/EmilTholin/image-trace-loader.git"},"dependencies":{"loader-utils":"^1.1.0","node-vibrant":"^3.0.0-alpha.2","potrace":"^2.1.1","schema-utils":"^0.3.0","svgo":"^0.7.2"},"peerDependencies":{"file-loader":"*"},"gitHead":"9e09b6d940286ac86c7f64e8a7f150d33d18fe98","bugs":{"url":"https://github.com/EmilTholin/image-trace-loader/issues"},"homepage":"https://github.com/EmilTholin/image-trace-loader#readme","_id":"image-trace-loader@0.1.0","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"tholle","email":"emtholin@gmail.com"},"dist":{"integrity":"sha512-QKV0Vfwj1ssmJjvtu1jQsis08SiM3Zx4jAS10NpQgTdhs13pDA7bk7zK4XeLpE6TM8mipqKuWDyOPDIFnAtg4w==","shasum":"0c0a9a52f3ae56402c47ff492ac009c5b0b1c28e","tarball":"https://registry.npmjs.org/image-trace-loader/-/image-trace-loader-0.1.0.tgz","fileCount":5,"unpackedSize":9831,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCEfAbGU28ELQa49GLgZilAg2aiyZ26IgCNMDrXhXkf9QIgEeNX/ZG5id/AN1WqN7VKCoVtFQejkpeAMj9wsJXsUVM="}]},"maintainers":[{"name":"tholle","email":"emtholin@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-trace-loader_0.1.0_1519766693139_0.3390762411525752"},"_hasShrinkwrap":false},"1.0.0":{"name":"image-trace-loader","version":"1.0.0","description":"Loads images and exports traced outlines as image/svg+xml URL-encoded data","main":"lib","directories":{"lib":"lib"},"author":{"name":"Emil Tholin @tholle1234"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/EmilTholin/image-trace-loader.git"},"dependencies":{"loader-utils":"^1.2.3","node-vibrant":"^3.1.4","potrace":"^2.1.2","schema-utils":"^2.5.0","svgo":"^1.3.2"},"peerDependencies":{"file-loader":"*"},"gitHead":"cd4d1436f85470206656b801ab3479aa629f1d4b","bugs":{"url":"https://github.com/EmilTholin/image-trace-loader/issues"},"homepage":"https://github.com/EmilTholin/image-trace-loader#readme","_id":"image-trace-loader@1.0.0","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-JwX4xi91Kboun1IFmzBUNoqHrOBiDjLtSeGQueziCNRx7cI0rlbvXajbR0uVZ+vjEtFHEgOaf+u8CkPIiG8AKg==","shasum":"1fa2cf313d144cccb25fef358095653c35216e4a","tarball":"https://registry.npmjs.org/image-trace-loader/-/image-trace-loader-1.0.0.tgz","fileCount":5,"unpackedSize":9845,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3Ps9CRA9TVsSAnZWagAAv8sP+weplkftx/ipc3QrF0nN\nHIqSkiEiVzsyQ2aWkZmR/2/vOLy66bV0LZ8yhfkslh53h2xOLYR2Upb+ng4S\ntFbWrx/Z0+Ssc11IzQPyXYd6xBcFgSsjJWfK+Nh3Fu80oTWC0lXg+DRXchm4\nXU2g6q/oi2mer1JPJzukKMTHJK/ynMYnrHfmqItPjjOnuYnVf1njg8J0qGj+\nOAEO4LiggB0gtVh5ggvhLFhPT2iGYZuRNVX9e8lqHhBmELQ/hmK57NOoY+Gz\nUsyx+n/oLGbqhIl8+At3fGH7pVrLkYQE2iPpE5amfEVwgpdFwp27E9Fjt7wf\n3tq7O25SSsoSsFqd+qU9XoqTrkfdkxMXsrY9uocFeNo/nZTguDx0uEpvqiHt\nWdDWIMf9mQg+s7jwHKoPlufHlkDDyMBGPJnE4aDbWfdwDZ8RE6ALDfYvfrjO\nj5HaVobU88tP1o93QyTQq/MY1uLy1GyTVYED56GBD/nInuy4Jj9CBJIgquGb\nncabSsH+x4uveIt412/rqZiD45cWWwXg8tHbfEdAcPk6KPApnX5zsXyljNVZ\nLeW9rzN/aoGFBrGQMGeNHwaMlISeDfkIK2CWNPnq6GDEbgLcsZxKAGyKlmX3\nfRszDmOylfJIxP22/BzNcph5XyT0snMeJTab0Rj9+7zZAvBiSYv+ZCFqRoBS\nHxv0\r\n=Dvjb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFfmoGA4GMBKRdQAeTlHT0Y4AGD9o00RJaTZb7/7LPBwAiEAg4SPKlACQWMG4FDpSuZ40jU/ao0jsLSMiw3UTCZxS/I="}]},"maintainers":[{"name":"tholle","email":"emtholin@gmail.com"}],"_npmUser":{"name":"tholle","email":"emtholin@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-trace-loader_1.0.0_1574763325303_0.9450084887700925"},"_hasShrinkwrap":false},"1.0.1":{"name":"image-trace-loader","version":"1.0.1","description":"Loads images and exports traced outlines as image/svg+xml URL-encoded data","main":"lib","directories":{"lib":"lib"},"author":{"name":"Emil Tholin @tholle1234"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/EmilTholin/image-trace-loader.git"},"dependencies":{"loader-utils":"^1.2.3","node-vibrant":"^3.1.4","potrace":"^2.1.2","schema-utils":"^2.5.0","svgo":"^1.3.2"},"peerDependencies":{"file-loader":"*"},"gitHead":"11b364ff20a5607608a846b3b75649cb1e3cc653","bugs":{"url":"https://github.com/EmilTholin/image-trace-loader/issues"},"homepage":"https://github.com/EmilTholin/image-trace-loader#readme","_id":"image-trace-loader@1.0.1","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-jZ0gM7gzZsx3NUPY/DoeSTg0fE9NPS+zUWIh4cTL1+3tTg6rQCqfNh9qKJb7hn/6UHi4Alp1jO9rWZaT7pjZXw==","shasum":"5d12bfbffee0cb073d423aeddf7f85a21629a221","tarball":"https://registry.npmjs.org/image-trace-loader/-/image-trace-loader-1.0.1.tgz","fileCount":5,"unpackedSize":9800,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3P9/CRA9TVsSAnZWagAAxbIP/3fLNEux7iPRe/sAYXVb\ntI9ucTmTtI8T8oK1C08zKzbbAXrk8zCM02FmOfVHkQzhUGxAA8nf2kKwv6K+\nhFpYQ2tR1PNsBs6p89JF4rEIendIiFfFFWrr447gxk6DUzvlpimGVziInbDm\nvctCoYuEunTt2/QDDih1ety9otEIcQZGoPIEnc+DOwVYQMY7wKdkprDJxZXM\nWGtECageOD4a3Lo6bV1r120a/S5L3PZfK3oAA7lep9l+GzofD+abSQcSCNpr\nHy79KYe2LmQxpD5llfABSzTLSwe+N2IuRAadCrIR2wjeuPOrC9ANpHQNx6Is\nm7MFiQnRyyIrmnhADofSw7MoRJJx9QcyNWPFQi1fdHwcm53w8sA4TQbPVx6j\n7T/8Tl7+Od9UADzRqzfvWhjMpem2hlAIGkunc5PfEXTWhpUU1UCup+ttzpyR\n91iJNXxNR0ePJ3D7vNkj3nFPeRRawPbu364bWDLm3Mdu14Gc83HzmQFNpgat\nwAwI1FQBzbNiOnzyipi5wqZjN4sIqcRx9GuUOT+4YXwNd8QG/gSB1DjoUWTw\nJm3R9GGnqNtbIGqX8KSQc4dRz0zHzZfH2qN5rB7/i+hzx3hspRCFr2yyDNAZ\nWl9FCajKHq92MJc9bYBBlp+B710XdSwFwr18/uHp/Bt6j6Aal/lv0J5HXgSZ\nXEaK\r\n=I7hu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEd63NBKrl+Cp5hnGH9Kfnti5HYR6rWjTZXiQB6rZYVtAiB2wVBzTGL4DZIhhiC9LyBMXl2YySVNVdBCtmtrGrZvtQ=="}]},"maintainers":[{"name":"tholle","email":"emtholin@gmail.com"}],"_npmUser":{"name":"tholle","email":"emtholin@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-trace-loader_1.0.1_1574764415352_0.6653224818017047"},"_hasShrinkwrap":false},"1.0.2":{"name":"image-trace-loader","version":"1.0.2","description":"Loads images and exports traced outlines as image/svg+xml URL-encoded data","main":"lib","directories":{"lib":"lib"},"author":{"name":"Emil Tholin @tholle1234"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/EmilTholin/image-trace-loader.git"},"dependencies":{"loader-utils":"^1.2.3","node-vibrant":"^3.1.4","potrace":"^2.1.2","schema-utils":"^2.5.0","svgo":"^1.3.2"},"peerDependencies":{"file-loader":"*"},"gitHead":"19910e237723c4a3a08d83aa1a094258a88c876b","bugs":{"url":"https://github.com/EmilTholin/image-trace-loader/issues"},"homepage":"https://github.com/EmilTholin/image-trace-loader#readme","_id":"image-trace-loader@1.0.2","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-VitEb2W97fcYLfnWxSRYQQcxax54xe7NS1bIOkQktiePLtbIL6Hl2kFAnjcn8D9dkUZ63XAz+ba/RWFHYODiHQ==","shasum":"d4ae7094f72a6c77b7e42b8c73add9adb851e14a","tarball":"https://registry.npmjs.org/image-trace-loader/-/image-trace-loader-1.0.2.tgz","fileCount":5,"unpackedSize":9817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3SKJCRA9TVsSAnZWagAALlMP/jxFzjVnYobzJU5ayZS9\nm4gmqx6eipPYyEpZHPH6/uC0yqq4yY4Z3CisTU7BDagyiSkYG2Z98BB/bLWB\nOhWkx/Cr0oM7A/fmqf+YiTMP/DI3hVB17f3mf/+uMfYdwG125Lh2fELWyw6L\n7nmdyx04CxuuYmn0vUnzXCBnhSdb16H2GXPhzL9yW4Igk6rX3jQu+pRi53+a\nRkoBr6SBoFxc/Tk3tP14LyGVvm6c//1aX5dzLgfXyxXxriyF2vCM6b+CxY4M\nFKqzMmjn21llR/cCATlUpshoc19fwQMnN2zVMrkwKbo8r3hKbV4M7uFeAZRj\n8wqpLjGqxX4FCDU7hyCdpm9J42qMVOt5jWZqRjoeTaMuFggQnckQrUp5aH/c\nLEnafTyc0Tp3TD9F0PcfuYh+dhZ18XSuvPTTAGEIgNW+g4rNpqOK4ZPsCmfv\n+aUuZzg79jQrJlAixs/RWSLoZtBIbG/i4iva4QGZmNdOOybPkWmCGRE9sAW6\nkNzSdfk0GAZXuOsJ/jCiBCozjs+Y/vy28+Qqe+L3al0BOLKwQksaWnHCcKr9\nfn48AW+xGd2U7UfDetvcOaoc0hrEoEY5kJnMmw6ihGp4A12h5DpKhwYeLr7q\neiobtJCsWqR/HjZxk4ZKDjxIsLcjYXr/V/hkF+Qnm+VtgkamXqhgcvm75QAx\njF4W\r\n=iA5M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBNueeF27Ut2iEpEdMK7Hvt0DjY8hMhwpjCQtqcNKiZPAiEA7SZdkRINFmfrsay7nQ1qSszIfqoo+bBIGB0+MKKNbxs="}]},"maintainers":[{"name":"tholle","email":"emtholin@gmail.com"}],"_npmUser":{"name":"tholle","email":"emtholin@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-trace-loader_1.0.2_1574773385474_0.006613522148112061"},"_hasShrinkwrap":false}},"readme":"[![npm][npm]][npm-url]\n\n# Image Trace Loader\nLoads images and exports traced outlines as image/svg+xml URL-encoded data\n\n## Install\n```bash\nnpm install --save-dev image-trace-loader\n```\n\n## Inspiration\nI saw [Mikael Ainalem's fantastic CodePen](https://twitter.com/mikaelainalem/status/918213244954861569) showcasing this technique, and I wanted a way to automate the process.\n\n## Usage\nThe `image-trace-loader` loads your image and exports the url of the image as `src` and the image/svg+xml URL-encoded data as `trace`.\n\n```js\nimport { src, trace } from './image.png';\n```\n\n**webpack.config.js**\n```js\nmodule.exports = {\n  module: {\n    rules: [\n      {\n        test: /\\.(gif|png|jpe?g)$/i,\n        use: [\n          {\n            loader: 'image-trace-loader'\n          }\n        ]\n      }\n    ]\n  }\n}\n```\nIt can also be used in conjunction with [url-loader][url-loader] or [file-loader][file-loader].\n\n**webpack.config.js**\n```js\nmodule.exports = {\n  module: {\n    rules: [\n      {\n        test: /\\.(gif|png|jpe?g)$/i,\n        use: [\n          {\n            loader: 'image-trace-loader'\n          },\n          {\n            loader: 'url-loader',\n            options: {\n              limit: 8192\n            }\n          }\n        ]\n      }\n    ]\n  }\n}\n```\n\n## Options\nThe loader options allows you to specify values for all the parameters of the [Potrace class][potrace-class], with the addition of `skipTraceIfBase64`.\n\n|Name|Type|Default|Description|\n|:--:|:--:|:-----:|:----------|\n|**`turnPolicy`**|`{String}`|`TURNPOLICY_MINORITY`|How to resolve ambiguities in path decomposition. Possible values are `TURNPOLICY_BLACK`, `TURNPOLICY_WHITE`, `TURNPOLICY_LEFT`, `TURNPOLICY_RIGHT`, `TURNPOLICY_MINORITY`, `TURNPOLICY_MAJORITY`. Refer to page 4 of [this document][potrace-algorithm] for more information|\n|**`turdSize`**|`{Number}`|`100`|Suppress speckles of up to this size. Larger values significantly reduce the size of the traced outline|\n|**`alphaMax`**|`{Number}`|`1`|Corner threshold parameter. Lower values results in rougher edges, but significantly reduces the size of the traced outline|\n|**`optCurve`**|`{Boolean}`|`true`|Curve optimization|\n|**`optTolerance`**|`{Number}`|`0.2`|Curve optimization tolerance|\n|**`threshold`**|`{Number\\|String}`|`THRESHOLD_AUTO`|Threshold below which the color is considered `color`. Should be a number in range 0..255 or `THRESHOLD_AUTO` in which case threshold will be selected automatically using [Algorithm For Multilevel Thresholding][multilevel-thresholding] |\n|**`flipColors`**|`{Boolean}`|`false`|Specifies whether fill color and background color should be swapped|\n|**`color`**|`{String}`|`COLOR_AUTO`|Fill color. `COLOR_AUTO` will extract and use the most prominent color of the source image|\n|**`background`**|`{String}`|`COLOR_TRANSPARENT`|Background color|\n|**`skipTraceIfBase64`**|`{Boolean}`|`false`|If set to `true`, will not generate a traced outline if the image already is base64 encoded. Useful when the inlined base64 representation is enough, and you don't want to bloat your files with unused traces|\n\n[npm]: https://img.shields.io/npm/v/image-trace-loader.svg\n[npm-url]: https://npmjs.com/package/image-trace-loader\n[file-loader]: https://github.com/webpack-contrib/file-loader\n[url-loader]: https://github.com/webpack-contrib/url-loader\n[potrace-class]: https://github.com/tooolbox/node-potrace#parameters\n[potrace-algorithm]: http://potrace.sourceforge.net/potrace.pdf\n[multilevel-thresholding]: http://www.iis.sinica.edu.tw/page/jise/2001/200109_01.pdf\n","maintainers":[{"name":"tholle","email":"emtholin@gmail.com"}],"time":{"modified":"2022-05-05T18:56:11.526Z","created":"2017-10-17T21:08:22.484Z","0.0.1":"2017-10-17T21:08:22.484Z","0.0.2":"2017-10-18T20:11:03.103Z","0.1.0":"2018-02-27T21:24:53.182Z","1.0.0":"2019-11-26T10:15:25.425Z","1.0.1":"2019-11-26T10:33:35.446Z","1.0.2":"2019-11-26T13:03:05.566Z"},"homepage":"https://github.com/EmilTholin/image-trace-loader#readme","repository":{"type":"git","url":"git+https://github.com/EmilTholin/image-trace-loader.git"},"author":{"name":"Emil Tholin @tholle1234"},"bugs":{"url":"https://github.com/EmilTholin/image-trace-loader/issues"},"license":"MIT","readmeFilename":"README.md","users":{"jpagano":true,"abrahamwilliams":true,"nathanbuchar":true,"chrisjpatty":true,"ifahrentholz":true,"dlindberg":true,"irj":true,"rmanalan":true,"bracken":true,"fakefarm":true,"rjv":true,"juarezfilho":true}}