{"_id":"@alttiri/get-image-data","_rev":"2-2a88eb3a9fbb4fc71d398309e94f9192","name":"@alttiri/get-image-data","dist-tags":{"latest":"0.0.5-20241215"},"versions":{"0.0.2-20241214":{"name":"@alttiri/get-image-data","version":"0.0.2-20241214","keywords":["image-data","pixels","get-image-data","get-pixels"],"license":"MIT","_id":"@alttiri/get-image-data@0.0.2-20241214","maintainers":[{"name":"alttiri","email":"AlttiRi@pm.me"}],"homepage":"https://github.com/AlttiRi/get-image-data","bugs":{"url":"https://github.com/alttiri/get-image-data/issues"},"dist":{"shasum":"939310d2dfe6c5f0f8db3dd83d5257ddbf409b22","tarball":"https://registry.npmjs.org/@alttiri/get-image-data/-/get-image-data-0.0.2-20241214.tgz","fileCount":11,"integrity":"sha512-X4gTnLgk2q+o7YYkkfrHBsgNiCDlcSrSsvEm36Q9Tw8gBPUMBaTujiaA587/be5iYXpm5lZie0uEzc7OLUmUng==","signatures":[{"sig":"MEYCIQC9bJIfhNlFUwLqi+D+UNZo8QoGXtqev8N7+EED7t1gKAIhAOk+8Xz72bt4Om82gikTA8m8lMMM3FJJzp9up51lrnUZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4738},"main":"index.js","type":"module","gitHead":"74183ad8628ceb2b989fc0249bcca015cd3d9f61","scripts":{"#":"","##":"","###":"","clean-ts":"tsc --build --clean","login-ghp":"npm login --registry=https://npm.pkg.github.com","login-npm":"npm login --registry=https://registry.npmjs.org","compile-ts":"tsc --build","publish-ghp":"tsc --build && npm publish --registry=https://npm.pkg.github.com","publish-npm":"tsc --build && npm publish --registry=https://registry.npmjs.org","test-publish":"tsc --build && npm pack","unpublish-npm":"npm unpublish @alttiri/get-image-data@0.0.1-20241214 --registry=https://registry.npmjs.org","compile-ts-watch":"tsc --build --watch"},"typings":"index.d.ts","_npmUser":{"name":"alttiri","email":"AlttiRi@pm.me"},"repository":{"url":"git+https://github.com/alttiri/get-image-data.git","type":"git"},"_npmVersion":"10.8.2","description":"A simple library to get ImageData on Node.js and browsers","directories":{},"_nodeVersion":"20.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sharp":"0.33.5","typescript":"5.5.4","@types/node":"20.12.12"},"_npmOperationalInternal":{"tmp":"tmp/get-image-data_0.0.2-20241214_1734201247772_0.7947220656185139","host":"s3://npm-registry-packages-npm-production"}},"0.0.3-20241215":{"name":"@alttiri/get-image-data","version":"0.0.3-20241215","keywords":["image-data","pixels","get-image-data","get-pixels"],"license":"MIT","_id":"@alttiri/get-image-data@0.0.3-20241215","maintainers":[{"name":"alttiri","email":"AlttiRi@pm.me"}],"homepage":"https://github.com/AlttiRi/get-image-data","bugs":{"url":"https://github.com/alttiri/get-image-data/issues"},"dist":{"shasum":"7836d78b8d5b74db36194584f7fd0e55e7341dd2","tarball":"https://registry.npmjs.org/@alttiri/get-image-data/-/get-image-data-0.0.3-20241215.tgz","fileCount":11,"integrity":"sha512-d4iIkAu+P15e0rv9BAGYm2e9InR1t1gviKuxyaBHx3r/BU7agR1dKu7C5HMt1NN6HF3VF271kNjDqw6AS9iMSA==","signatures":[{"sig":"MEUCIQD0e2C903JleRJNoSDXvpHomlsTZipeqGfBcsWEB4hbSgIgJQbp5HyCMcds1zaIvt1ZLkuU43m+NQTnFo76cOdITFE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5286},"main":"index.js","type":"module","gitHead":"35fce7f7a7a672fcbe8b72ee60a050b56b3e7cc6","scripts":{"#":"","##":"","###":"","clean-ts":"tsc --build --clean","login-ghp":"npm login --registry=https://npm.pkg.github.com","login-npm":"npm login --registry=https://registry.npmjs.org","compile-ts":"tsc --build","publish-ghp":"tsc --build && npm publish --registry=https://npm.pkg.github.com","publish-npm":"tsc --build && npm publish --registry=https://registry.npmjs.org","test-publish":"tsc --build && npm pack","unpublish-npm":"npm unpublish @alttiri/get-image-data@0.0.1-20241214 --registry=https://registry.npmjs.org","compile-ts-watch":"tsc --build --watch"},"typings":"index.d.ts","_npmUser":{"name":"alttiri","email":"AlttiRi@pm.me"},"repository":{"url":"git+https://github.com/alttiri/get-image-data.git","type":"git"},"_npmVersion":"10.8.2","description":"A simple library to get ImageData on Node.js and browsers","directories":{},"_nodeVersion":"20.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sharp":"0.33.5","typescript":"5.5.4","@types/node":"20.12.12"},"_npmOperationalInternal":{"tmp":"tmp/get-image-data_0.0.3-20241215_1734270105832_0.387843952777553","host":"s3://npm-registry-packages-npm-production"}},"0.0.5-20241215":{"name":"@alttiri/get-image-data","version":"0.0.5-20241215","description":"A simple library to get ImageData on Node.js and browsers","homepage":"https://github.com/AlttiRi/get-image-data","keywords":["image-data","pixels","get-image-data","get-pixels"],"license":"MIT","type":"module","main":"index.js","typings":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/alttiri/get-image-data.git"},"publishConfig":{"access":"public"},"scripts":{"compile-ts":"tsc --build","compile-ts-watch":"tsc --build --watch","clean-ts":"tsc --build --clean","#":"","test-publish":"tsc --build && npm pack","publish-npm":"tsc --build && npm publish --registry=https://registry.npmjs.org","publish-ghp":"tsc --build && npm publish --registry=https://npm.pkg.github.com","##":"","unpublish-npm":"npm unpublish @alttiri/get-image-data@0.0.1-20241214 --registry=https://registry.npmjs.org","###":"","login-npm":"npm login --registry=https://registry.npmjs.org","login-ghp":"npm login --registry=https://npm.pkg.github.com"},"devDependencies":{"sharp":"0.33.5","typescript":"5.5.4","@types/node":"20.12.12"},"_id":"@alttiri/get-image-data@0.0.5-20241215","gitHead":"679086b11f0a18ad04b2b34fbf1fb4dd64c7ddc9","bugs":{"url":"https://github.com/alttiri/get-image-data/issues"},"_nodeVersion":"20.18.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-+5Te/p/pfh6/lHNr/3qOFVS9OkWsnc0DffKryQH6KRFPtTL42b/PwpUY9m5Qh1AvXBPOG1lLE6BZCeb66UjFqQ==","shasum":"9887b418b45af08ac5a9ee38d24700e31d0313d3","tarball":"https://registry.npmjs.org/@alttiri/get-image-data/-/get-image-data-0.0.5-20241215.tgz","fileCount":11,"unpackedSize":7107,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID+fyXSgoD8DyKsfOaouixDqSU8uxg8QMcE5ES8iDPoRAiApmiPMc0TNVSbsbPtGyakCflEsP4WoD0eypCLfQzFAjA=="}]},"_npmUser":{"name":"alttiri","email":"AlttiRi@pm.me"},"directories":{},"maintainers":[{"name":"alttiri","email":"AlttiRi@pm.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/get-image-data_0.0.5-20241215_1734283739828_0.23937347666040476"},"_hasShrinkwrap":false}},"time":{"created":"2024-12-14T18:34:07.669Z","modified":"2024-12-15T17:29:00.259Z","0.0.2-20241214":"2024-12-14T18:34:07.972Z","0.0.3-20241215":"2024-12-15T13:41:46.030Z","0.0.5-20241215":"2024-12-15T17:29:00.059Z"},"bugs":{"url":"https://github.com/alttiri/get-image-data/issues"},"license":"MIT","homepage":"https://github.com/AlttiRi/get-image-data","keywords":["image-data","pixels","get-image-data","get-pixels"],"repository":{"type":"git","url":"git+https://github.com/alttiri/get-image-data.git"},"description":"A simple library to get ImageData on Node.js and browsers","maintainers":[{"name":"alttiri","email":"AlttiRi@pm.me"}],"readme":"# get-image-data\r\n\r\nA simple JS library to get `ImageData`.\r\n\r\n```bash\r\nnpm i @alttiri/get-image-data\r\n```\r\n\r\n---\r\n\r\n- In Node.js use [`getImageDataWithSharp`](https://github.com/AlttiRi/get-image-data/blob/master/src/get-with-sharp.ts) to get `ImageData` with `sharp` library. \r\n\r\n  _Do not forget to install [`sharp`](https://www.npmjs.com/package/sharp) (`npm i sharp`).\r\n  Since `sharp` is not included as a dependency (This allows you to install the version of `sharp` you need)._\r\n\r\n\r\n- For browsers just use [`getImageDataWithCanvas`](https://github.com/AlttiRi/get-image-data/blob/master/src/get-with-canvas.ts). \r\n    \r\n  It uses `OffscreenCanvas` to get the `ImageData` for `File`/`Blob` input.\r\n\r\n  _You can get `File` from the HTML input element, and `Blob` from `fetch` response._\r\n\r\n---\r\n\r\n### Node.js examples\r\n\r\n```bash\r\nnpm i @alttiri/get-image-data sharp\r\n```\r\n\r\n#### An image path (`string`) as input:\r\n```ts\r\nimport {getImageDataWithSharp as getImageData} from \"@alttiri/get-image-data\";\r\n\r\nconst imagePath = \"C:/Windows/IdentityCRL/WLive48x48.png\";\r\nconst imageData = await getImageData(imagePath);\r\nconsole.log(imageData);\r\n```\r\n\r\n#### Or `ArrayBufferLike`/`ArrayBufferView`:\r\n```ts\r\nimport {getImageDataWithSharp as getImageData} from \"@alttiri/get-image-data\";\r\nimport fs from \"node:fs/promises\";\r\n\r\nconst imagePath = \"C:/Windows/IdentityCRL/WLive48x48.png\";\r\nconst fileBuffer = await fs.readFile(imagePath);\r\nconst imageData = await getImageData(fileBuffer);\r\nconsole.log(imageData);\r\n```\r\n\r\nThe result:\r\n```\r\n{\r\n  width: 48,\r\n  height: 48,\r\n  data: Uint8ClampedArray(9216) [255, 255, 255, 0, ...],\r\n  colorSpace: \"srgb\"\r\n}\r\n```\r\n---\r\n\r\n### Web examples\r\n\r\n```bash\r\nnpm i @alttiri/get-image-data\r\n```\r\n\r\n#### `File` from `HTMLInputElement`:\r\n\r\n```js\r\nimport {getImageDataWithCanvas as getImageData} from \"@alttiri/get-image-data\";\r\n\r\nconst input = document.querySelector(`input[type=\"file\"]`);\r\ninput.onchange = async function() {\r\n  const file = input.files[0];\r\n  const imageData = await getImageData(file);\r\n  console.log(imageData);\r\n}\r\n```\r\n\r\n#### `Blob` from `fetch` response:\r\n\r\n```ts\r\nimport {getImageDataWithCanvas as getImageData} from \"@alttiri/get-image-data\";\r\n\r\nconst imageUrl = \"https://i.imgur.com/DR94LKg.jpeg\";\r\nconst resp = await fetch(imageUrl);\r\nconst blob = await resp.blob();\r\nconst imageData = await getImageData(blob);\r\nconsole.log(imageData);\r\n```\r\n","readmeFilename":"README.md"}