{"_id":"@bytec.in/lottie-player","_rev":"1-1279d71af76b6d1d32eb89c517e68923","name":"@bytec.in/lottie-player","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.1":{"name":"@bytec.in/lottie-player","version":"1.0.1","author":"","license":"ISC","_id":"@bytec.in/lottie-player@1.0.1","maintainers":[{"name":"nrknithin","email":"nrknithin@gmail.com"}],"dist":{"shasum":"b54491a6dbc0296a318629e9412e888b97fae177","tarball":"https://registry.npmjs.org/@bytec.in/lottie-player/-/lottie-player-1.0.1.tgz","fileCount":9,"integrity":"sha512-fgyDwzccMJHhCOnIV8sWnryMu6rVwdv7x1AhvwMcnslcvUFy+0JW4V9V6yfFiIAsrHMrCpA8UP/7FYBUzRLEyA==","signatures":[{"sig":"MEQCIEy6Hr45DlQDRJuAftEzUTERkZF6vchUWwnyRFhGW+cnAiAiVwyVu5rdwMbfqxDRSw/xht1dBw8D5vzKg859VzwlKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9438},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"b8ec703491dd3ef4424305bcb52fabf0ec71921a","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack --mode production","start":"webpack serve --mode development --open","upver":"node scripts/upver.cjs","deploy":"npm run upver patch && npm publish --access=public && git add . && git commit -m 'deploy' && git push origin main --follow-tags"},"_npmUser":{"name":"nrknithin","email":"nrknithin@gmail.com"},"_npmVersion":"10.8.1","description":"Here’s the updated `README.md` file with the correct GitHub repository URL:","directories":{},"_nodeVersion":"22.4.1","dependencies":{"lottie-web":"^5.12.2"},"_hasShrinkwrap":false,"devDependencies":{"webpack":"^5.94.0","typescript":"^4.9.5","@babel/core":"^7.25.2","webpack-cli":"^4.10.0","@types/react":"^18.3.5","babel-loader":"^8.3.0","@types/react-dom":"^18.3.0","@babel/preset-env":"^7.25.4","webpack-dev-server":"^3.11.3","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@babel/plugin-transform-runtime":"^7.25.4"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"_npmOperationalInternal":{"tmp":"tmp/lottie-player_1.0.1_1725017635183_0.6391466042249008","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@bytec.in/lottie-player","version":"1.0.2","main":"dist/index.js","types":"dist/types/index.d.ts","author":"","license":"ISC","description":"A simple and easy-to-use React component for integrating Lottie animations into your React projects. This wrapper abstracts away the complexity of using Lottie animations, allowing you to quickly and efficiently add animations to your web applications.","scripts":{"build":"webpack --mode production","start":"webpack serve --mode development --open","test":"echo \"Error: no test specified\" && exit 1","upver":"node scripts/upver.cjs","deploy":"npm run upver patch && npm run build && npm publish --access=public && git add . && git commit -m 'deploy' && git push origin main --follow-tags"},"peerDependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"devDependencies":{"@babel/core":"^7.25.2","@babel/plugin-transform-runtime":"^7.25.4","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@types/react":"^18.3.5","@types/react-dom":"^18.3.0","babel-loader":"^8.3.0","typescript":"^4.9.5","webpack":"^5.94.0","webpack-cli":"^4.10.0","webpack-dev-server":"^3.11.3"},"dependencies":{"lottie-web":"^5.12.2"},"_id":"@bytec.in/lottie-player@1.0.2","gitHead":"00e495ea4a416458d3d9cbfd0115861ec8f9ccdb","_nodeVersion":"22.4.1","_npmVersion":"10.8.1","dist":{"integrity":"sha512-BASwNR50kU27EcaafcS6sTxLEJPg5yvSYbN5yyL0ehzzkZpKj2yBtYroRZqs100HfQgg/rnt4PkoYog2bwP/kA==","shasum":"98bd773c8652750ad909ca84e059418ae518b967","tarball":"https://registry.npmjs.org/@bytec.in/lottie-player/-/lottie-player-1.0.2.tgz","fileCount":9,"unpackedSize":9165,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGFtTX7dqpYqocaZIfV3W3GGh6ISYw279etZa0thUK+BAiEAtR6XpVaLc/7YBDRCtDTa+wbxVkDlvG4Hcbp202rn0b4="}]},"_npmUser":{"name":"nrknithin","email":"nrknithin@gmail.com"},"directories":{},"maintainers":[{"name":"nrknithin","email":"nrknithin@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lottie-player_1.0.2_1725350055317_0.6694166929730712"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-30T11:33:55.078Z","modified":"2024-09-03T07:54:15.694Z","1.0.1":"2024-08-30T11:33:55.346Z","1.0.2":"2024-09-03T07:54:15.487Z"},"license":"ISC","description":"A simple and easy-to-use React component for integrating Lottie animations into your React projects. This wrapper abstracts away the complexity of using Lottie animations, allowing you to quickly and efficiently add animations to your web applications.","maintainers":[{"name":"nrknithin","email":"nrknithin@gmail.com"}],"readme":"# LottiePlayer\r\n\r\nA simple and easy-to-use React component for integrating Lottie animations into your React projects. This wrapper abstracts away the complexity of using Lottie animations, allowing you to quickly and efficiently add animations to your web applications.\r\n\r\n## Features\r\n\r\n- Supports easy integration of Lottie animations in React projects.\r\n- Simple API for configuration.\r\n- Supports looping, autoplay, and custom styling.\r\n- Lightweight and optimized for performance.\r\n\r\n## Installation\r\n\r\nTo use the `@bytec.in/lottie-player` package in your project, you can install it via npm:\r\n\r\n```bash\r\nnpm install @bytec.in/lottie-player\r\n```\r\n\r\n\r\n## Usage\r\n\r\nHere's a basic example of how to use the `LottiePlayer` in your React project:\r\n\r\n1. **Import the Component**: First, import the `LottiePlayer` component into your React component.\r\n\r\n2. **Pass the Required Props**: Use the component and pass the Lottie animation JSON file as a prop.\r\n\r\n```jsx\r\nimport React from \"react\";\r\nimport LottiePlayer from \"@bytec.in/lottie-player\";\r\nimport animationData from \"./path/to/your/animation.json\"; // Adjust the path to your animation JSON file\r\n\r\nconst App = () => (\r\n\t
\r\n\t\t

Lottie Animation Example

\r\n\t\t\r\n\t
\r\n);\r\n\r\nexport default App;\r\n```\r\n\r\n### Props\r\n\r\n- `animationData` (required): The Lottie animation data in JSON format. This is required for the component to render the animation.\r\n- `loop` (optional): A boolean value that specifies whether the animation should loop. Default is `true`.\r\n- `autoplay` (optional): A boolean value that specifies whether the animation should start playing automatically. Default is `true`.\r\n- `style` (optional): An object specifying custom CSS styles to apply to the animation container. Default is `{}`.\r\n\r\n### Example\r\n\r\n```jsx\r\nimport React from \"react\";\r\nimport LottiePlayer from \"@bytec.in/lottie-player\";\r\nimport animationData from \"./animations/sample-animation.json\";\r\n\r\nconst App = () => (\r\n\t
\r\n\t\t

My Lottie Animation

\r\n\t\t\r\n\t
\r\n);\r\n\r\nexport default App;\r\n```\r\n\r\n## Development\r\n\r\nIf you want to contribute or modify this package, follow these steps:\r\n\r\n1. Clone the repository:\r\n\r\n ```bash\r\n git clone https://github.com/bytecrafters-in/lottie-player.git\r\n cd lottie-player\r\n ```\r\n\r\n2. Install the dependencies:\r\n\r\n ```bash\r\n npm install\r\n ```\r\n\r\n3. Build the package:\r\n\r\n ```bash\r\n npm run build\r\n ```\r\n\r\n4. Link the package to use it locally in another project:\r\n\r\n ```bash\r\n npm link\r\n ```\r\n\r\n Then in your project:\r\n\r\n ```bash\r\n npm link @bytec.in/lottie-player\r\n ```\r\n\r\n## License\r\n\r\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.\r\n\r\n## Contributions\r\n\r\nContributions are welcome! Feel free to open issues or submit pull requests to improve the package.\r\n\r\n## Acknowledgements\r\n\r\n- [Lottie](https://airbnb.io/lottie/) for providing the animations framework.\r\n- [Lottie-React](https://www.npmjs.com/package/lottie-react) for seamless integration of Lottie animations in React applications.\r\n\r\n## Support\r\n\r\nIf you encounter any issues or have questions, please open an issue on GitHub or contact me directly.\r\n\r\n\r\n","readmeFilename":"README.md"}