{"_id":"@atom8/image-to-react-component","_rev":"2-bd999dea2eb04f032c449a75989e1628","name":"@atom8/image-to-react-component","dist-tags":{"latest":"0.1.5"},"versions":{"0.0.1":{"name":"@atom8/image-to-react-component","version":"0.0.1","keywords":["image","react","component"],"author":{"name":"zhiyingzhou"},"license":"MIT","_id":"@atom8/image-to-react-component@0.0.1","maintainers":[{"name":"zhiyingzzhou","email":"zhiyingzzhou@gmail.com"},{"name":"zhiyingzhou-atom","email":"Zhiying.zhou@atom8-tech.com"}],"homepage":"https://github.com/AtoMeight/image-to-react-component","bugs":{"url":"https://github.com/AtoMeight/image-to-react-component/issues"},"dist":{"shasum":"e37b44b87fe7691f818828231850551570ed3963","tarball":"https://registry.npmjs.org/@atom8/image-to-react-component/-/image-to-react-component-0.0.1.tgz","fileCount":36,"integrity":"sha512-K3HUnH9AfJQKrAKra3Xie15rrCKvGBtbOmXn6nLWbAZ4FUFMQZ06WizzFsGnrncFdyMoFRDUo4UXrmumIWfMMQ==","signatures":[{"sig":"MEYCIQCmOtogdqV8iJGPS4M7Udrdr2czrXSgCy+gQ/usBlPfRgIhAMufVVzpk3TSQZZa1QLrTQdLjPQz3xta6J1EX+NPYrbH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":219643},"main":"dist/index.cjs.js","module":"dist/index.es5.js","engines":{"node":">=18.0.0"},"gitHead":"0bfffdac282bcde54607f8bc68c1592b3b1c9b12","scripts":{"demo":"node ./demo/index.cjs","test":"echo \"Error: no test specified\" && exit 1","build":"tsc && rollup -c --bundleConfigAsCjs && rimraf compiled && npm run copy-files && typedoc --entryPoints src/index.ts --entryPointStrategy expand --out dist/docs --plugin typedoc-theme-hierarchy --theme hierarchy","start":"tsc -w & rollup -c --bundleConfigAsCjs -w","prebuild":"rimraf dist","copy-files":"copyfiles -u 1 src/template/*.ejs dist/"},"typings":"dist/types","_npmUser":{"name":"zhiyingzzhou","email":"zhiyingzzhou@gmail.com"},"repository":{"url":"git+https://github.com/AtoMeight/image-to-react-component.git","type":"git"},"_npmVersion":"10.8.3","description":"Automatically convert an image or svg into a react component","directories":{},"_nodeVersion":"22.9.0","dependencies":{"ejs":"^3.1.10","jsdom":"^24.0.0","chokidar":"^3.6.0","prettier":"^3.2.5","copyfiles":"^2.4.1","image-size":"^1.1.1","npm-run-all":"^4.1.5"},"_hasShrinkwrap":false,"devDependencies":{"rimraf":"^5.0.5","rollup":"^4.12.0","ts-node":"^10.9.2","typedoc":"^0.25.9","@types/ejs":"^3.1.5","typescript":"^5.3.3","@types/jsdom":"^21.1.6","@rollup/plugin-json":"^6.1.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^25.0.7","typedoc-theme-hierarchy":"^4.1.2","@rollup/plugin-node-resolve":"^15.2.3","prettier-plugin-packagejson":"^2.4.12","prettier-plugin-organize-imports":"^3.2.4"},"_npmOperationalInternal":{"tmp":"tmp/image-to-react-component_0.0.1_1729492012582_0.3169198233713395","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"@atom8/image-to-react-component","version":"0.1.4","keywords":["image","react","component"],"author":{"name":"zhiyingzhou"},"license":"MIT","_id":"@atom8/image-to-react-component@0.1.4","maintainers":[{"name":"zhiyingzzhou","email":"zhiyingzzhou@gmail.com"},{"name":"zhiyingzhou-atom","email":"Zhiying.zhou@atom8-tech.com"}],"homepage":"https://github.com/AtoMeight/image-to-react-component","bugs":{"url":"https://github.com/AtoMeight/image-to-react-component/issues"},"dist":{"shasum":"504fd21e2ef9dd3817796b204d1eaee9174dbdb0","tarball":"https://registry.npmjs.org/@atom8/image-to-react-component/-/image-to-react-component-0.1.4.tgz","fileCount":38,"integrity":"sha512-Pvr3c1DIrkJgi1U8Jjdzjxw2NKhNqZ+G6itnnY4vAaoDwsLz6tmse9rJy74uzjOjSYwpguSsI/b9c4NBXVZjvg==","signatures":[{"sig":"MEUCIGLaCgMV228VWcH98AOeLKjSF9e48i3C5ygXG+OpMODvAiEAl6AR5AsPCwE3JQ/qdm5uKx0bwUmZX4BOPPF5n2a1yo0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":208666},"main":"dist/index.cjs.js","module":"dist/index.es5.js","engines":{"node":">=18.0.0"},"gitHead":"fec309b174141a7e7e230c362f25cf260f6ceecd","scripts":{"demo":"node ./demo/index.cjs","test":"echo \"Error: no test specified\" && exit 1","build":"tsc && rollup -c --bundleConfigAsCjs && rimraf compiled && npm run copy-files && typedoc --entryPoints src/index.ts --entryPointStrategy expand --out dist/docs --plugin typedoc-theme-hierarchy --theme hierarchy","start":"tsc -w & rollup -c --bundleConfigAsCjs -w","prebuild":"rimraf dist","copy-files":"copyfiles -u 1 src/template/*.ejs dist/"},"typings":"dist/types","_npmUser":{"name":"zhiyingzzhou","email":"zhiyingzzhou@gmail.com"},"repository":{"url":"git+https://github.com/AtoMeight/image-to-react-component.git","type":"git"},"_npmVersion":"9.6.7","description":"Automatically convert an image or svg into a react component","directories":{},"_nodeVersion":"18.17.0","dependencies":{"ejs":"^3.1.10","jsdom":"^24.0.0","chokidar":"^3.6.0","prettier":"^3.2.5","copyfiles":"^2.4.1","image-size":"^1.1.1","npm-run-all":"^4.1.5"},"_hasShrinkwrap":false,"devDependencies":{"rimraf":"^5.0.5","rollup":"^4.12.0","ts-node":"^10.9.2","typedoc":"^0.25.9","@types/ejs":"^3.1.5","typescript":"^5.3.3","@types/jsdom":"^21.1.6","@rollup/plugin-json":"^6.1.0","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^25.0.7","typedoc-theme-hierarchy":"^4.1.2","@rollup/plugin-node-resolve":"^15.2.3","prettier-plugin-packagejson":"^2.4.12","prettier-plugin-organize-imports":"^3.2.4"},"_npmOperationalInternal":{"tmp":"tmp/image-to-react-component_0.1.4_1729496609646_0.6890490412796215","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"@atom8/image-to-react-component","version":"0.1.5","description":"Automatically convert an image or svg into a react component","keywords":["image","react","component"],"homepage":"https://github.com/AtoMeight/image-to-react-component","repository":{"type":"git","url":"git+https://github.com/AtoMeight/image-to-react-component.git"},"license":"MIT","author":{"name":"zhiyingzhou"},"main":"dist/index.cjs.js","module":"dist/index.es5.js","typings":"dist/types","scripts":{"test":"echo \"Error: no test specified\" && exit 1","prebuild":"rimraf dist","copy-files":"copyfiles -u 1 src/template/*.ejs dist/","build":"tsc && rollup -c --bundleConfigAsCjs && rimraf compiled && npm run copy-files && typedoc --entryPoints src/index.ts --entryPointStrategy expand --out dist/docs --plugin typedoc-theme-hierarchy --theme hierarchy","start":"tsc -w & rollup -c --bundleConfigAsCjs -w","demo":"node ./demo/index.cjs"},"devDependencies":{"@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^15.2.3","@types/ejs":"^3.1.5","@types/jsdom":"^21.1.6","prettier-plugin-organize-imports":"^3.2.4","prettier-plugin-packagejson":"^2.4.12","rimraf":"^5.0.5","rollup":"^4.12.0","ts-node":"^10.9.2","typedoc":"^0.25.9","typedoc-theme-hierarchy":"^4.1.2","typescript":"^5.3.3"},"engines":{"node":">=18.0.0"},"dependencies":{"chokidar":"^3.6.0","copyfiles":"^2.4.1","ejs":"^3.1.10","image-size":"^1.1.1","jsdom":"^24.0.0","npm-run-all":"^4.1.5","prettier":"^3.2.5"},"gitHead":"bf97b2da3e0003eee847f739cea21731ffa5ed40","bugs":{"url":"https://github.com/AtoMeight/image-to-react-component/issues"},"_id":"@atom8/image-to-react-component@0.1.5","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-9nmWYGZKyyoQ1/FTms/rsM+Kc6K+aHz2avRWsyEfqA0KUB+ecikxAZrW53iDHgWkoQ2kMiOr5SGlLIB3zdPkEw==","shasum":"2082df9af089ecae65e9d0cf7baf73d461641ec8","tarball":"https://registry.npmjs.org/@atom8/image-to-react-component/-/image-to-react-component-0.1.5.tgz","fileCount":39,"unpackedSize":208849,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFA2OgpomVezkvSHvB1iaC9lDnfTZhiPhBRrnyO4m5eQIhAIxPlEa/WFwlgn8UF7p8DF0YbyYU7UrOH3uF0NLGnS66"}]},"_npmUser":{"name":"zhiyingzzhou","email":"zhiyingzzhou@gmail.com"},"directories":{},"maintainers":[{"name":"zhiyingzzhou","email":"zhiyingzzhou@gmail.com"},{"name":"zhiyingzhou-atom","email":"Zhiying.zhou@atom8-tech.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-to-react-component_0.1.5_1730114869972_0.6061525969565702"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-21T06:26:52.459Z","modified":"2024-10-28T11:27:50.352Z","0.0.1":"2024-10-21T06:26:52.798Z","0.1.4":"2024-10-21T07:43:29.814Z","0.1.5":"2024-10-28T11:27:50.159Z"},"bugs":{"url":"https://github.com/AtoMeight/image-to-react-component/issues"},"author":{"name":"zhiyingzhou"},"license":"MIT","homepage":"https://github.com/AtoMeight/image-to-react-component","keywords":["image","react","component"],"repository":{"type":"git","url":"git+https://github.com/AtoMeight/image-to-react-component.git"},"description":"Automatically convert an image or svg into a react component","maintainers":[{"name":"zhiyingzzhou","email":"zhiyingzzhou@gmail.com"},{"name":"zhiyingzhou-atom","email":"Zhiying.zhou@atom8-tech.com"}],"readme":"# @atom8/image-to-react-component\n\n> Automatically convert an image or svg into a react component\n\n## Install\n\n```sh\nnpm i @atom8/image-to-react-component --save-dev\n```\n\n## Usage\n\n```js\nimport ImageToReactComponent from '@atom8/image-to-react-component';\n// If you use CommonJS (i.e NodeJS environment), it should be:\n// const { ImageToReactComponent } = require('@atom8/image-to-react-component').default;\n\nconst isDev = process.env.NODE_ENV === 'development';\n\nif (isDev) {\n  const imageToReactComponent = new ImageToReactComponent({\n    input: path.resolve(__dirname, 'src/assets'),\n    output: path.resolve(__dirname, 'src/components/Images'),\n    extensions: ['.png', '.jpg', '.jpeg', '.svg'],\n    factor: true,\n    prettierConfigPath: './.prettierrc.cjs',\n  });\n\n  imageToReactComponent.init();\n}\n```\n\n## License\n\nMIT © zhiyingzzhou\n","readmeFilename":"README.md"}