{"_id":"@simpleimg/uploader-react","_rev":"26-665ac5196690ad392fe1888a7988daed","name":"@simpleimg/uploader-react","dist-tags":{"latest":"1.0.22"},"versions":{"1.0.16":{"name":"@simpleimg/uploader-react","version":"1.0.16","author":{"name":"Felipe Rohde","email":"felipe@simpleimagecloud.com"},"license":"MIT","_id":"@simpleimg/uploader-react@1.0.16","maintainers":[{"name":"simpleimg","email":"simpleimagecloud@gmail.com"}],"dist":{"shasum":"1704e6b1151d8aadf4947cd712d9ee88e2d0cf4c","tarball":"https://registry.npmjs.org/@simpleimg/uploader-react/-/uploader-react-1.0.16.tgz","fileCount":7,"integrity":"sha512-4Vqv2RoiCnKfoOL9tqXjtCtFIoF6BiCX7bITHuCAElzi7zY5lMukCil1HTlbcaOztIduXs6JZkLJfFSWbLVkOw==","signatures":[{"sig":"MEQCIDvWa3M1sJEyn4rLgt5BYuVpn3oFf6jTkdvS5v+2wryHAiBGnv0FhKnlkF35GUfWCj41EQA0auaD9uv8rEbODCzHlg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":41035},"main":"index.js","_npmUser":{"name":"simpleimg","email":"simpleimagecloud@gmail.com"},"description":"This component helps you integrate Simple Image Cloud Uploader Widget with your React App. It allows users to upload images, manage and edit them from their devices, without any backend code.","directories":{},"dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/uploader-react_1.0.16_1737403131773_0.5009436346223142","host":"s3://npm-registry-packages-npm-production"}},"1.0.17":{"name":"@simpleimg/uploader-react","version":"1.0.17","author":{"name":"Felipe Rohde","email":"felipe@simpleimagecloud.com"},"license":"MIT","_id":"@simpleimg/uploader-react@1.0.17","maintainers":[{"name":"simpleimg","email":"simpleimagecloud@gmail.com"}],"dist":{"shasum":"f30c006da00fc0c5bded278e721e5cf6ab432fb7","tarball":"https://registry.npmjs.org/@simpleimg/uploader-react/-/uploader-react-1.0.17.tgz","fileCount":7,"integrity":"sha512-FxpbxUEjvWbzjBfDxe1VhBBLPXORX2dToz24kVZGoRcadDSUPc9ccApBnPW7Ai1pztX8t0zIEXfyyJYIcqJERg==","signatures":[{"sig":"MEUCIG196CmXo4jNmF3wmGLR+Oht2qXTFW7LV94qTFeHYfqrAiEA4vPgzVCyBIqvLHRaMlRzKyiJDLt6Jmzgag8QbpE2m0M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":41035},"main":"index.js","_npmUser":{"name":"simpleimg","email":"simpleimagecloud@gmail.com"},"description":"This component helps you integrate Simple Image Cloud Uploader Widget with your React App. It allows users to upload images, manage and edit them from their devices, without any backend code.","directories":{},"dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/uploader-react_1.0.17_1737403162387_0.08620602225854657","host":"s3://npm-registry-packages-npm-production"}},"1.0.18":{"name":"@simpleimg/uploader-react","version":"1.0.18","author":{"name":"Felipe Rohde","email":"felipe@simpleimagecloud.com"},"license":"MIT","_id":"@simpleimg/uploader-react@1.0.18","maintainers":[{"name":"simpleimg","email":"simpleimagecloud@gmail.com"}],"dist":{"shasum":"797e2947af04bc520d9330b160f81045069a87a1","tarball":"https://registry.npmjs.org/@simpleimg/uploader-react/-/uploader-react-1.0.18.tgz","fileCount":7,"integrity":"sha512-EchIkV+60kpXCz8SeGyOuNTTMBtYA9T3NIhJM+c5GHQnYdo7WV0hPOxb3k6C/wDatlJ1SpCBflVcxaHO2hxLyA==","signatures":[{"sig":"MEYCIQD2H+8mZrGtKTtpxEjk0M5ImBLVigqdnFW8cqBD7lBBDwIhALiwMJIdMT+lvXzv7z7NQOjS3sF1oQ6X0ki6rH+chuak","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40957},"main":"index.js","_npmUser":{"name":"simpleimg","email":"simpleimagecloud@gmail.com"},"description":"This component helps you integrate Simple Image Cloud Uploader Widget with your React App. It allows users to upload images, manage and edit them from their devices, without any backend code.","directories":{},"dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/uploader-react_1.0.18_1737411956727_0.12167138645898024","host":"s3://npm-registry-packages-npm-production"}},"1.0.19":{"name":"@simpleimg/uploader-react","version":"1.0.19","author":{"name":"Felipe Rohde","email":"felipe@simpleimagecloud.com"},"license":"MIT","_id":"@simpleimg/uploader-react@1.0.19","maintainers":[{"name":"simpleimg","email":"simpleimagecloud@gmail.com"}],"dist":{"shasum":"39d6e204c759b9351cb74daf371e01dab165d1d8","tarball":"https://registry.npmjs.org/@simpleimg/uploader-react/-/uploader-react-1.0.19.tgz","fileCount":6,"integrity":"sha512-O3h76N7I7DW7OIgwuHnLHyIlVC+IEN9+AOU+T5R9dzgKcmojU8tx0AMh93hwn3fyFYSa6+QUS6Rpz5nhBUmMOw==","signatures":[{"sig":"MEUCIQDoJJtPdDfuh0ZGjOXeh2pxkrdyYcJ/lHqQlZv9+NEgTAIgUmUCwLPtVsuowFpPr0ocFtg4uRCByhOrm5bmUPcqT4E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33519},"main":"index.js","_npmUser":{"name":"simpleimg","email":"simpleimagecloud@gmail.com"},"description":"This component helps you integrate Simple Image Cloud Uploader Widget with your React App. It allows users to upload images, manage and edit them from their devices, without any backend code.","directories":{},"dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/uploader-react_1.0.19_1737414378403_0.06608749957815174","host":"s3://npm-registry-packages-npm-production"}},"1.0.20":{"name":"@simpleimg/uploader-react","version":"1.0.20","author":{"name":"Felipe Rohde","email":"felipe@simpleimagecloud.com"},"license":"MIT","_id":"@simpleimg/uploader-react@1.0.20","maintainers":[{"name":"simpleimg","email":"simpleimagecloud@gmail.com"}],"dist":{"shasum":"9ec9cfd4f7f09e74554fc175470d348fd0c0dfda","tarball":"https://registry.npmjs.org/@simpleimg/uploader-react/-/uploader-react-1.0.20.tgz","fileCount":6,"integrity":"sha512-Rrya/m0vbOc1ouHU3Qic0KxRSbNJGfSKPvruxiw3ymP5gdGna5UCCM/yVwdTr2pxEp3T80O8bSB1XavhrGWPxQ==","signatures":[{"sig":"MEUCIB/5uLYaTKRXD9T6IQJiVGKUv022OsxKSozb0AWhoiKUAiEAjqZUmPuT0BuEUvwk2Y9DO0sY0BC2DQXHKYMUCPwpNi0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98707},"main":"index.js","_npmUser":{"name":"simpleimg","email":"simpleimagecloud@gmail.com"},"description":"This component helps you integrate Simple Image Cloud Uploader Widget with your React App. It allows users to upload images, manage and edit them from their devices, without any backend code.","directories":{},"dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/uploader-react_1.0.20_1737466559055_0.414469242646456","host":"s3://npm-registry-packages-npm-production"}},"1.0.21":{"name":"@simpleimg/uploader-react","version":"1.0.21","author":{"name":"Felipe Rohde","email":"felipe@simpleimagecloud.com"},"license":"MIT","_id":"@simpleimg/uploader-react@1.0.21","maintainers":[{"name":"simpleimg","email":"simpleimagecloud@gmail.com"}],"dist":{"shasum":"0fdd6ee06197fbade59023f802ceb4ddc5772fcd","tarball":"https://registry.npmjs.org/@simpleimg/uploader-react/-/uploader-react-1.0.21.tgz","fileCount":6,"integrity":"sha512-pmtKh4VWzv6EV6/V3lT59Kmwy4TwUYBPEeo7RN/NEG04tpri3avfL2X5OdbjzaSJwWIjxPzfjjlt/SzSnlzDwg==","signatures":[{"sig":"MEYCIQCcJcv18T2HNRmCvvCXRbXd6wnG/pRNIZnIWOuSSrNm6QIhAJx2ntcqyO3ZrQN/Z74r8oCXEp7HOOwnPT3ALRiZLCnb","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":98842},"main":"index.js","_npmUser":{"name":"simpleimg","email":"simpleimagecloud@gmail.com"},"description":"This component helps you integrate Simple Image Cloud Uploader Widget with your React App. It allows users to upload images, manage and edit them from their devices, without any backend code.","directories":{},"dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/uploader-react_1.0.21_1737730063600_0.05007758212648894","host":"s3://npm-registry-packages-npm-production"}},"1.0.22":{"name":"@simpleimg/uploader-react","version":"1.0.22","author":{"name":"Felipe Rohde","email":"felipe@simpleimagecloud.com"},"license":"MIT","_id":"@simpleimg/uploader-react@1.0.22","maintainers":[{"name":"simpleimg","email":"simpleimagecloud@gmail.com"}],"dist":{"shasum":"9040b160d309c4b23099450d0caa2a89580df887","tarball":"https://registry.npmjs.org/@simpleimg/uploader-react/-/uploader-react-1.0.22.tgz","fileCount":6,"integrity":"sha512-vDH3rEAlVEZgNwFqUAz61f84Qd7OhGK3o0uY/x8s5ha/ghpcbQk0GTMJVMOsSTOGga5HKjNypF8t8HnvspBVoA==","signatures":[{"sig":"MEYCIQDb0YpkQfVrCY942MTqKnjdZAdWE8ZcKYMF5L34ipeSXQIhAIltKJbYEdtPiwHpGoQ2ZzE8DTatFgGmDfP2becpBKx2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":98872},"main":"index.js","_npmUser":{"name":"simpleimg","email":"simpleimagecloud@gmail.com"},"description":"This component helps you integrate Simple Image Cloud Uploader Widget with your React App. It allows users to upload images, manage and edit them from their devices, without any backend code.","directories":{},"dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/uploader-react_1.0.22_1737730770251_0.765256716919555","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-01-20T19:58:51.772Z","modified":"2025-09-09T15:37:26.413Z","1.0.0":"2023-01-01T15:23:48.516Z","1.0.1":"2023-02-18T17:04:40.164Z","1.0.2":"2023-03-09T12:11:16.220Z","1.0.3":"2023-03-14T12:51:32.184Z","1.0.4":"2023-03-23T22:40:32.138Z","1.0.5":"2023-03-29T01:25:30.436Z","1.0.6":"2023-04-03T14:12:59.156Z","1.0.7":"2023-04-03T14:17:23.785Z","1.0.8":"2023-04-04T16:58:02.097Z","1.0.9":"2023-04-06T03:01:50.246Z","1.0.10":"2023-04-11T14:57:32.067Z","1.0.11":"2023-06-18T17:38:39.320Z","1.0.12":"2024-04-30T14:23:40.139Z","1.0.13":"2024-04-30T16:56:56.916Z","1.0.15":"2024-06-06T16:42:43.039Z","1.0.16":"2025-01-20T19:58:51.959Z","1.0.17":"2025-01-20T19:59:22.592Z","1.0.18":"2025-01-20T22:25:56.943Z","1.0.19":"2025-01-20T23:06:18.569Z","1.0.20":"2025-01-21T13:35:59.259Z","1.0.21":"2025-01-24T14:47:43.782Z","1.0.22":"2025-01-24T14:59:30.411Z"},"author":{"name":"Felipe Rohde","email":"felipe@simpleimagecloud.com"},"license":"MIT","description":"This component helps you integrate Simple Image Cloud Uploader Widget with your React App. It allows users to upload images, manage and edit them from their devices, without any backend code.","maintainers":[{"email":"simpleimagecloud@gmail.com","name":"simpleimg"},{"email":"feliperohdee@gmail.com","name":"feliperohdee"}],"readme":"## Simple Image Cloud - Uploader Widget for React\n\nThis component helps you integrate Simple Image Cloud Uploader Widget with your React App.\nIt allows users to upload images, manage and edit them from their devices, without any backend code.\n\n* [Install](#install)\n* [Documentation](#documentation)\n* [Quick Usage](#quick-usage)\n\t* [Single Image - `string`](#quick-usage---single-image---string)\n\t* [Multiple Image - `Array<string>`](#quick-usage---multiple-image---arraystring)\n\t* [Single Image - `ImageObject`](#quick-usage---single-image---imageobject)\n\t* [Multiple Image - `Array<ImageObject>`](#quick-usage---multiple-image---arrayimageobject)\n* [Image Object](#image-object)\n* [Feedback](#feedback)\n\n## Install\n\n```\nyarn add @simpleimg/uploader-react\n```\nor\n```\nnpm install @simpleimg/uploader-react\n```\n\n## Documentation\n\nYou can find the documentation for the Uploader React Component [here](https://simpleimagecloud.com/docs/uploader-react).\n\n## Quick Usage\n\nThis component can returns `null`, `string`, `Array<string>`, [`ImageObject`](#image-object) or [`Array<ImageObject>`](#image-object).\n\n## Quick Usage - Single Image - `string`\n* It will returns `string` if value is `string` and `max =  1 | undefined`.\n* If no value, an empty string will be returned.\n\n```jsx\nimport Uploader from '@simpleimg/uploader-react';\nimport {\n    useCallback,\n\tuseState\n} from 'react';\n\nexport default () => {\n\tconst [\n\t\tvalue,\n\t\tsetValue\n\t] = useState('https://demo.simpleimg.io/image-1.jpg');\n\n\t/*\n\t\tsample returned value:\n\t\thttps://demo.simpleimg.io/image-1.jpg\n\t*/\n                                    \n    return (\n        <Uploader apiKey=\"[YOUR_API_KEY]\"\n\t\t\tonChange={setValue}\n            value={value}/>\n    );\n};\n```\n\n## Quick Usage - Multiple Image - `Array<string>`\n* It will returns `Array<string>` if value is like array, or if `max > 1`.\n* If you set `max=2` and provide 3 images, it will returns 2 images.\n* If no value, an empty array will be returned.\n\n```jsx\nimport Uploader from '@simpleimg/uploader-react';\nimport {\n    useCallback,\n\tuseState\n} from 'react';\n\nexport default () => {\n\tconst [\n\t\tvalue,\n\t\tsetValue\n\t] = useState([\n\t\t'https://demo.simpleimg.io/image-1.jpg',\n\t\t'https://demo.simpleimg.io/image-2.jpg'\n\t]);\n\n\t/*\n\t\tsample returned value:\n\t\t[\n\t\t\t'https://demo.simpleimg.io/image-1.jpg',\n\t\t\t'https://demo.simpleimg.io/image-2.jpg'\n\t\t]\n\t*/\n                                    \n    return (\n        <Uploader apiKey=\"[YOUR_API_KEY]\"\n\t\t\tmax={2}\n\t\t\tonChange={setValue}\n            value={value}/>\n    );\n};\n```\n\n## Quick Usage - Single Image - `ImageObject`\n* It will returns [`ImageObject`](#image-object) if value is like `object`, [`ImageObject`](#image-object), `null` or `undefined`, and `max =  1 | undefined`.\n* If no value, `null` will be returned.\n\n```jsx\nimport Uploader from '@simpleimg/uploader-react';\nimport {\n    useCallback,\n\tuseState\n} from 'react';\n\nexport default () => {\n\tconst [\n\t\tvalue,\n\t\tsetValue\n\t] = useState({\n\t\turl: 'https://demo.simpleimg.io/image-1.jpg'\n\t});\n\n\t/*\n\t\tsample returned value:\n\t\t{\n\t\t\tblurHash: string;\n\t\t\tcolors: [{\n\t\t\t\tcount: number;\n\t\t\t\thex: string;\n\t\t\t\tname: string;\n\t\t\t\ttype: string;\n\t\t\t}];\n\t\t\tcontentLength: number;\n\t\t\tcontentType: string;\n\t\t\tcreatedAt: number;\n\t\t\textension: string;\n\t\t\theight: number;\n\t\t\tid: string;\n\t\t\tputAt: number;\n\t\t\tupdatedAt: number;\n\t\t\tversion: number;\n\t\t\twidth: number;\n\t\t\turl: string;\n\t\t}\n\t*/\n                                    \n    return (\n        <Uploader apiKey=\"[YOUR_API_KEY]\"\n\t\t\tonChange={setValue}\n            value={value}/>\n    );\n};\n```\n\n## Quick Usage - Multiple Image - `Array<ImageObject>`\n* It will returns `Array<ImageObject>` if value is an empty array or with all elements like `object`, or if `max > 1`.\n* If you set `max=2` and provide 3 images, it will returns 2 images.\n\n```jsx\nimport Uploader from '@simpleimg/uploader-react';\nimport {\n    useCallback,\n\tuseState\n} from 'react';\n\nexport default () => {\n\tconst [\n\t\tvalue,\n\t\tsetValue\n\t] = useState([{\n\t\turl: 'https://demo.simpleimg.io/image-1.jpg'\n\t}, {\n\t\turl: 'https://demo.simpleimg.io/image-2.jpg'\n\t}]);\n\n\t/*\n\t\tsample returned value:\n\t\t[{\n\t\t\tblurHash: string;\n\t\t\tcolors: [{\n\t\t\t\tcount: number;\n\t\t\t\thex: string;\n\t\t\t\tname: string;\n\t\t\t\ttype: string;\n\t\t\t}];\n\t\t\tcontentLength: number;\n\t\t\tcontentType: string;\n\t\t\tcreatedAt: number;\n\t\t\textension: string;\n\t\t\theight: number;\n\t\t\tid: string;\n\t\t\tputAt: number;\n\t\t\tupdatedAt: number;\n\t\t\tversion: number;\n\t\t\twidth: number;\n\t\t\turl: string;\n\t\t}, {\n\t\t\tblurHash: string;\n\t\t\tcolors: [{\n\t\t\t\tcount: number;\n\t\t\t\thex: string;\n\t\t\t\tname: string;\n\t\t\t\ttype: string;\n\t\t\t}];\n\t\t\tcontentLength: number;\n\t\t\tcontentType: string;\n\t\t\tcreatedAt: number;\n\t\t\textension: string;\n\t\t\theight: number;\n\t\t\tid: string;\n\t\t\tputAt: number;\n\t\t\tupdatedAt: number;\n\t\t\tversion: number;\n\t\t\twidth: number;\n\t\t\turl: string;\n\t\t}]\n\t*/\n                                    \n    return (\n        <Uploader apiKey=\"[YOUR_API_KEY]\"\n\t\t\tmax={2}\n\t\t\tonChange={setValue}\n            value={value}/>\n    );\n};\n```\n\n## Image Object\n\n```ts\n\tinterface ImageObject {\n\t\t// The image's blurHash: see more at https://blurha.sh/\n\t\tblurHash: string;\n\t\t// The image's dominant colors\n\t\tcolors: Array<{\n\t\t\tcount: number;\n\t\t\thex: string;\n\t\t\tname: string;\n\t\t\ttype: string;\n\t\t}>;\n\t\t// The image's content length\n\t\tcontentLength: number;\n\t\t// The image's content type\n\t\tcontentType: string;\n\t\t// The image's first creation date\n\t\tcreatedAt: number;\n\t\t// The image's extension\n\t\textension: string;\n\t\t// The image's height\n\t\theight: number;\n\t\t// The image's id\n\t\tid: string;\n\t\t// The image's last creation date (it will changes if you upload same image)\n\t\tputAt: number;\n\t\t// The image's last update date\n\t\tupdatedAt: number;\n\t\t// The image's version\n\t\tversion: number;\n\t\t// The image's width\n\t\twidth: number;\n\t\t// The image's url\n\t\turl: string;\n\t}\n\n```\n\n## Feedback\n\nWe want to hear your issue reports and feature requests at support@simpleimagecloud.com\n","readmeFilename":"README.md"}