{"_id":"file-uploader-plugin","_rev":"32-6bbf1ed4afae4aa56ee89955e885f89e","name":"file-uploader-plugin","dist-tags":{"latest":"2.8.0"},"versions":{"2.3.0":{"name":"file-uploader-plugin","version":"2.3.0","author":{"name":"Aman Sharma"},"license":"ISC","_id":"file-uploader-plugin@2.3.0","maintainers":[{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"}],"dist":{"shasum":"087038994c431706c88619d21ad02a3f450dd7de","tarball":"https://registry.npmjs.org/file-uploader-plugin/-/file-uploader-plugin-2.3.0.tgz","fileCount":9,"integrity":"sha512-s0aAfCkbsoxR1ZTdME8PZn9TaoK1tEGDp6xrotxyi0YQ+InANZJLjgv0tP97SHyu8RgP86ANtXR0jrRPhqzKPQ==","signatures":[{"sig":"MEYCIQDfL73gZWr/f/8Byw7S/z1OmFuiSqsEHnv42pCOhQ+bvwIhAMSrqGdLMcsq+ki3o53g3N2YozNVSpavmcr9js6tC/TT","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1106092},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"809b34d42b6e56c2731d7f1dad2c0399e87f19a6","scripts":{"build":"npm run clean && rollup -c","clean":"rimraf dist"},"_npmUser":{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"},"_npmVersion":"10.1.0","description":"This plugin allows you to upload, preview, and delete files. You can upload files by dragging and dropping them or by using the file selector.","directories":{},"_nodeVersion":"20.9.0","dependencies":{"react":"^19.1.0","react-dom":"^19.1.0","react-jss":"^10.10.0"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.41.1","typescript":"^5.8.3","@types/react":"^19.1.6","@types/react-dom":"^19.1.6","@rollup/plugin-commonjs":"^28.0.3","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^16.0.1"},"_npmOperationalInternal":{"tmp":"tmp/file-uploader-plugin_2.3.0_1749192092412_0.8759366698298376","host":"s3://npm-registry-packages-npm-production"}},"2.4.0":{"name":"file-uploader-plugin","version":"2.4.0","author":{"name":"Aman Sharma"},"license":"ISC","_id":"file-uploader-plugin@2.4.0","maintainers":[{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"}],"dist":{"shasum":"c479cc1655251be058fad389e43fe5399e9271cd","tarball":"https://registry.npmjs.org/file-uploader-plugin/-/file-uploader-plugin-2.4.0.tgz","fileCount":9,"integrity":"sha512-uxTDHOPl8pmAZzZNjh2Hv3pZRtBhNu80b7FA3Ck9aQasNTXned2NGeMNDHY2491kZT6NlOPdaL0olWgXi0iHiQ==","signatures":[{"sig":"MEUCIGhwOlygt+6tD0ow5eI7sZbNdfoOx4tcwylCO5MdgCATAiEAxh/QfNEneJ5xZFJxjQcHP2Z8z/yJEMcKCi2+6uJOl1k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1106314},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"809b34d42b6e56c2731d7f1dad2c0399e87f19a6","scripts":{"build":"npm run clean && rollup -c","clean":"rimraf dist"},"_npmUser":{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"},"_npmVersion":"10.1.0","description":"This plugin allows you to upload, preview, and delete files. You can upload files by dragging and dropping them or by using the file selector.","directories":{},"_nodeVersion":"20.9.0","dependencies":{"react":"^19.1.0","react-dom":"^19.1.0","react-jss":"^10.10.0"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.41.1","typescript":"^5.8.3","@types/react":"^19.1.6","@types/react-dom":"^19.1.6","@rollup/plugin-commonjs":"^28.0.3","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^16.0.1"},"_npmOperationalInternal":{"tmp":"tmp/file-uploader-plugin_2.4.0_1749192597814_0.10304710193446964","host":"s3://npm-registry-packages-npm-production"}},"2.5.0":{"name":"file-uploader-plugin","version":"2.5.0","author":{"name":"Aman Sharma"},"license":"ISC","_id":"file-uploader-plugin@2.5.0","maintainers":[{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"}],"dist":{"shasum":"c7e51c8aa41a0471803ead41afa37a6927bf2bb2","tarball":"https://registry.npmjs.org/file-uploader-plugin/-/file-uploader-plugin-2.5.0.tgz","fileCount":9,"integrity":"sha512-w8xMfVMVglFNtDknqtHAm+579hEK7sdcF3oacn55j2Yqh8/DtcMLQvNJdJ0IJGt2V+rgTyCU+4jDPUQR3b6SRA==","signatures":[{"sig":"MEUCIQDZLNnIDI+VK2xsAbdOboUzQOmKkhBU5NIA2rF8Fnz/GwIgQPhg3wk2SCbGmBuM7bUq0Wc/fAe8+WPxh2PJ1nidBHs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1104130},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"47b688cd90c981020447baa89792cbd1dd790e1f","scripts":{"build":"npm run clean && rollup -c","clean":"rimraf dist"},"_npmUser":{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"},"_npmVersion":"10.1.0","description":"This plugin allows you to upload, preview, and delete files. You can upload files by dragging and dropping them or by using the file selector.","directories":{},"_nodeVersion":"20.9.0","dependencies":{"react":"^19.1.0","react-dom":"^19.1.0","react-jss":"^10.10.0"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.41.1","typescript":"^5.8.3","@types/react":"^19.1.6","@types/react-dom":"^19.1.6","@rollup/plugin-commonjs":"^28.0.3","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^16.0.1"},"_npmOperationalInternal":{"tmp":"tmp/file-uploader-plugin_2.5.0_1749280600984_0.49070982177705846","host":"s3://npm-registry-packages-npm-production"}},"2.6.0":{"name":"file-uploader-plugin","version":"2.6.0","author":{"name":"Aman Sharma"},"license":"ISC","_id":"file-uploader-plugin@2.6.0","maintainers":[{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"}],"homepage":"https://github.com/sumedha-softech/file-uploader-package#readme","bugs":{"url":"https://github.com/sumedha-softech/file-uploader-package/issues"},"dist":{"shasum":"4a54540ad867aad3f67096dc3d05661be1e793ea","tarball":"https://registry.npmjs.org/file-uploader-plugin/-/file-uploader-plugin-2.6.0.tgz","fileCount":10,"integrity":"sha512-IY1ZUpvmv2jTcVShGplsud1KU7Qb2NX6cROLjMH9AOgG4UxPFJLI75Ai0htszeybH2q3qi4f7nwOa31XmDN5PA==","signatures":[{"sig":"MEUCIQDBOYLI0UoZEpoEq7FhfwvGO+qIFTEONX6mS4vPt1s2uwIgY8g7luzfX6zWVVXk3zj+QEZoYqg4QEUvvj8VtuJxazA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1107035},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"47aeacea880023be9eb9b256668c97d2a9af6be6","scripts":{"build":"npm run clean && rollup -c","clean":"rimraf dist"},"_npmUser":{"name":"sspl.aman","actor":{"name":"sspl.aman","type":"user","email":"sspl.amanintern@gmail.com"},"email":"sspl.amanintern@gmail.com"},"repository":{"url":"git+https://github.com/sumedha-softech/file-uploader-package.git","type":"git"},"_npmVersion":"10.1.0","description":"This plugin allows you to upload, preview, and delete files. You can upload files by dragging and dropping them or by using the file selector.","directories":{},"_nodeVersion":"20.9.0","dependencies":{"react":"^19.1.0","react-dom":"^19.1.0","react-jss":"^10.10.0"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.41.1","typescript":"^5.8.3","@types/react":"^19.1.6","@types/react-dom":"^19.1.6","@rollup/plugin-commonjs":"^28.0.3","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^16.0.1"},"_npmOperationalInternal":{"tmp":"tmp/file-uploader-plugin_2.6.0_1750398482711_0.686252438278546","host":"s3://npm-registry-packages-npm-production"}},"2.7.0":{"name":"file-uploader-plugin","version":"2.7.0","keywords":["react","typescript","Sumedha Softech Pvt. Ltd.","component-library"],"author":{"name":"Aman Sharma"},"license":"ISC","_id":"file-uploader-plugin@2.7.0","maintainers":[{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"}],"homepage":"https://github.com/sumedha-softech/file-uploader-package#readme","bugs":{"url":"https://github.com/sumedha-softech/file-uploader-package/issues"},"dist":{"shasum":"a290dd822fbeb6507827542c4250e59f7f6388f8","tarball":"https://registry.npmjs.org/file-uploader-plugin/-/file-uploader-plugin-2.7.0.tgz","fileCount":10,"integrity":"sha512-y3ig6u4AkaJ/oHCB4mK/OVG6uYzSJXm78QMxT3m4TrI9IDhzKoQJ04UJnhNQ+TKiRGsq1DZ005KY6uRPvUR6eA==","signatures":[{"sig":"MEQCIATHreQ0kM7CDEPWC/4cWCOoTAY4XZhXB5JE0w4H8yiPAiAAn7i4CHvbo1psAK07n70+leiO8GMQ0MXeWwH1Q73zaQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1107271},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","company":"Sumedha Softech Pvt. Ltd.","gitHead":"47aeacea880023be9eb9b256668c97d2a9af6be6","scripts":{"build":"npm run clean && rollup -c","clean":"rimraf dist"},"_npmUser":{"name":"sspl.aman","actor":{"name":"sspl.aman","type":"user","email":"sspl.amanintern@gmail.com"},"email":"sspl.amanintern@gmail.com"},"repository":{"url":"git+https://github.com/sumedha-softech/file-uploader-package.git","type":"git"},"_npmVersion":"10.1.0","description":"This plugin allows you to upload, preview, and delete files. You can upload files by dragging and dropping them or by using the file selector.","directories":{},"_nodeVersion":"20.9.0","dependencies":{"react":"^19.1.0","react-dom":"^19.1.0","react-jss":"^10.10.0"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.41.1","typescript":"^5.8.3","@types/react":"^19.1.6","@types/react-dom":"^19.1.6","@rollup/plugin-commonjs":"^28.0.3","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^16.0.1"},"_npmOperationalInternal":{"tmp":"tmp/file-uploader-plugin_2.7.0_1750399479650_0.088389973694047","host":"s3://npm-registry-packages-npm-production"}},"2.8.0":{"name":"file-uploader-plugin","version":"2.8.0","repository":{"type":"git","url":"git+https://github.com/ssplaman/file-uploader-package.git"},"homepage":"https://github.com/ssplaman/file-uploader-package#readme","keywords":["react","typescript","Sumedha Softech Pvt. Ltd.","component-library"],"description":"This plugin allows you to upload, preview, and delete files. You can upload files by dragging and dropping them or by using the file selector.","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"clean":"rimraf dist","build":"npm run clean && rollup -c"},"author":{"name":"Aman Sharma"},"company":"Sumedha Softech Pvt. Ltd.","license":"ISC","dependencies":{"react":"^19.1.0","react-dom":"^19.1.0","react-jss":"^10.10.0"},"devDependencies":{"@rollup/plugin-commonjs":"^28.0.3","@rollup/plugin-node-resolve":"^16.0.1","@types/react":"^19.1.6","@types/react-dom":"^19.1.6","rollup":"^4.41.1","rollup-plugin-typescript2":"^0.36.0","typescript":"^5.8.3"},"_id":"file-uploader-plugin@2.8.0","gitHead":"e3bbd89154758620424bb998fc135da4f4aca2b4","bugs":{"url":"https://github.com/ssplaman/file-uploader-package/issues"},"_nodeVersion":"18.20.2","_npmVersion":"10.5.0","dist":{"integrity":"sha512-3hAqwp3wf634zaob3yq2wxpD70tuezMX6qRNA/X46rk1w0SioLTL3ZCogdaz8/ORzargBen/ojEytAKvVCgLSA==","shasum":"d0619d873093ed6d36264b6f62d585f9e8ff3389","tarball":"https://registry.npmjs.org/file-uploader-plugin/-/file-uploader-plugin-2.8.0.tgz","fileCount":10,"unpackedSize":1107257,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDYGSBom7oIkWR3HbJvryUkJiBb5vzip/Dx8RMWP5y5hQIhAMwvvpV6WASMxsvIJUJs967nwO955NgM5l0MrtkL7psz"}]},"_npmUser":{"name":"sspl.aman","email":"sspl.amanintern@gmail.com","actor":{"name":"sspl.aman","email":"sspl.amanintern@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/file-uploader-plugin_2.8.0_1750747360238_0.5790279563003795"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-05T09:23:59.014Z","modified":"2025-06-24T06:42:40.642Z","1.0.0":"2025-06-05T09:23:59.194Z","1.1.0":"2025-06-05T10:11:00.678Z","1.2.0":"2025-06-05T10:12:04.931Z","1.3.0":"2025-06-05T10:17:21.833Z","1.4.0":"2025-06-05T10:47:51.691Z","1.5.0":"2025-06-05T12:08:09.236Z","1.6.0":"2025-06-05T13:34:18.136Z","1.7.0":"2025-06-06T05:04:13.768Z","1.8.0":"2025-06-06T05:32:13.226Z","1.9.0":"2025-06-06T05:35:35.162Z","2.0.0":"2025-06-06T05:51:14.442Z","2.1.0":"2025-06-06T06:15:16.562Z","2.2.0":"2025-06-06T06:26:16.475Z","2.3.0":"2025-06-06T06:41:32.622Z","2.4.0":"2025-06-06T06:49:58.045Z","2.5.0":"2025-06-07T07:16:41.250Z","2.6.0":"2025-06-20T05:48:02.910Z","2.7.0":"2025-06-20T06:04:39.885Z","2.8.0":"2025-06-24T06:42:40.458Z"},"bugs":{"url":"https://github.com/ssplaman/file-uploader-package/issues"},"author":{"name":"Aman Sharma"},"license":"ISC","homepage":"https://github.com/ssplaman/file-uploader-package#readme","keywords":["react","typescript","Sumedha Softech Pvt. Ltd.","component-library"],"repository":{"type":"git","url":"git+https://github.com/ssplaman/file-uploader-package.git"},"description":"This plugin allows you to upload, preview, and delete files. You can upload files by dragging and dropping them or by using the file selector.","maintainers":[{"name":"sspl.aman","email":"sspl.amanintern@gmail.com"}],"readme":"# File Uploader React Plugin\r\n\r\nThis is a reusable, modern React + TypeScript file uploader component designed to be bundled as an npm package. It enables users to upload, preview, and delete files through an intuitive, accessible interface.\r\n\r\n## Features\r\n\r\n- Drag & drop file upload and file selector support\r\n- File type and size validation (supports `.jpg`, `.jpeg`, `.png`, `.txt`, `.pdf` up to 6MB)\r\n- Duplicate file detection with overwrite confirmation\r\n- Persistent storage using `localStorage`\r\n- File deletion from preview and storage\r\n- Responsive and accessible UI\r\n\r\n## Project Structure\r\n\r\n```\r\n.\r\n├── Example Project/                # Usage example consuming this plugin\r\n│   ├── src/\r\n│   │   ├── App.tsx                 # Demonstrates plugin usage\r\n│   └── ...\r\n├── src/                            # Source code for the file-uploader-plugin\r\n│   ├── components/\r\n│   │   ├── FilesSave.tsx\r\n│   │   ├── PreviewFiles.tsx\r\n│   │   └── RenderPreviewContent.tsx\r\n│   └── index.tsx                   # Entry point of the plugin\r\n├── rollup.config.mjs               # Bundler config for package build\r\n├── package.json                    # Package metadata and dependencies\r\n├── tsconfig.json                   # TypeScript configuration\r\n├── README.md                       # You’re reading this!\r\n└── .gitignore\r\n```\r\n\r\n## About the Plugin\r\n\r\n- `file-uploader-plugin` is designed to be installed via npm (or used locally).\r\n- It is published as a standalone package, and can be imported into any React project.\r\n- The plugin is built with Rollup for optimized bundling.\r\n\r\n## Development\r\n\r\n### Install dependencies\r\n\r\n```sh\r\nnpm install\r\n```\r\n\r\n### Build the package\r\n\r\n```sh\r\nnpm run build\r\n```\r\n\r\nThis will output the compiled code into the dist/ folder, ready for publishing or installation.\r\n\r\n## Publishing to npm\r\n\r\nTo publish a new version of the plugin:\r\n\r\n1. Update the version number in `package.json`:\r\n\r\n    ```sh\r\n   version: \"2.7.0\"     // ← Update this before publishing\r\n   ```\r\n\r\n2. Build and publish:\r\n\r\n    ```sh\r\n    npm run build\r\n    npm login\r\n    npm publish\r\n   ```\r\n\r\n3. Consumers can now install the latest version via:\r\n\r\n    ```sh\r\n    npm install file-uploader-plugin\r\n    ```\r\n\r\n4. If you're testing locally in a sub-project like Example Project, install the plugin using a relative path instead:\r\n\r\n    ```sh\r\n    npm install ../\r\n    ```\r\n\r\n## Testing the Plugin Locally\r\n\r\nTo test this plugin inside your [`Example Project`](Example%20Project) without publishing:\r\n\r\n1. Build the plugin:\r\n\r\n    ```sh\r\n    npm run build\r\n    ```\r\n\r\n2. Navigate to the example project\r\n\r\n    ```sh\r\n    cd 'Example Project'\r\n    ```\r\n\r\n3. Install the plugin locally:\r\n\r\n    ```sh\r\n    npm install ../\r\n    ```\r\n\r\n4. Use the plugin as\r\n\r\n    ```sh\r\n    import FileUpload as 'file-uploader-plugin';\r\n    ```\r\n\r\n## License\r\n\r\n© 2025 **Sumedha Softech Pvt. Ltd.** All rights reserved.\r\n\r\n---\r\n\r\n**Author:** Aman Sharma\r\n**Orgination:** Sumedha Softech Pvt. Ltd.","readmeFilename":"README.md"}