{"_id":"lottie-light-react","_rev":"1-1fd6c2fee5a2f4a528f2559457e24484","name":"lottie-light-react","dist-tags":{"latest":"2.4.0"},"versions":{"2.3.1":{"name":"lottie-light-react","version":"2.3.1","description":"Lottie for React","keywords":["lottie","react","lottie react","react lottie","lottie web","animation","component","hook"],"bugs":{"url":"https://github.com/dilan-dio4/lottie-light-react/issues"},"repository":{"type":"git","url":"git+https://github.com/dilan-dio4/lottie-light-react.git"},"license":"MIT","author":{"name":"Dilan Ozkaynak"},"main":"build/index.js","module":"build/index.es.js","browser":"build/index.umd.js","types":"build/index.d.ts","style":"build/index.css","scripts":{"build":"run-s tsc:compile rollup:compile","postbuild":"npm pack && tar -xvzf *.tgz && rm -rf package *.tgz","build:watch":"run-p tsc:compile:watch rollup:compile:watch","coverage":"jest --coverage && cat ./coverage/lcov.info | coveralls","docz:build":"docz build","deploy:docs":"echo 'lottiereact.com' > ./docs-dist/CNAME && gh-pages -d docs-dist","docz:dev":"docz dev","docz:serve":"docz build && docz serve","prepublishOnly":"rm -rf build && pnpm run build","rollup:compile":"rollup -c","rollup:compile:watch":"rollup -c -w","test":"jest","test:watch":"jest --watch","tsc:compile":"tsc","tsc:compile:watch":"tsc --watch"},"dependencies":{"lottie-web":"^5.9.4"},"devDependencies":{"@babel/core":"^7.16.7","@babel/preset-env":"^7.16.8","@babel/preset-react":"^7.16.7","@jest/types":"^27.4.2","@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-node-resolve":"^13.1.3","@testing-library/jest-dom":"^5.16.1","@testing-library/react":"^12.1.2","@testing-library/react-hooks":"^7.0.2","@types/jest":"^27.4.0","@types/react":"^18.0.14","@types/react-dom":"^18.0.5","@typescript-eslint/eslint-plugin":"^5.29.0","@typescript-eslint/parser":"^5.29.0","autoprefixer":"^10.4.2","babel-loader":"^8.2.3","coveralls":"^3.1.1","docz":"^2.3.1","eslint":"^8.18.0","eslint-config-prettier":"^8.5.0","eslint-plugin-import":"^2.26.0","eslint-plugin-jsx-a11y":"^6.5.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-promise":"^6.0.0","eslint-plugin-react":"^7.30.0","eslint-plugin-react-hooks":"^4.6.0","get-pkg-repo":"^5.0.0","gh-pages":"^3.2.3","jest":"^27.4.7","jest-canvas-mock":"^2.3.1","node-sass":"^7.0.1","npm-run-all":"^4.1.5","prettier":"^2.7.1","react":"^18.2.0","react-dom":"^18.2.0","react-test-renderer":"^17.0.2","rollup":"^2.64.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-dts":"^4.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","ts-jest":"^27.1.3","ts-node":"^10.4.0","tslib":"^2.3.1","typescript":"^4.7.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"gitHead":"76bfe231c36ddc389203c0583391cbdf6cbf1b04","homepage":"https://github.com/dilan-dio4/lottie-light-react#readme","_id":"lottie-light-react@2.3.1","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-3ulzkV9jgQ9VFUuk429iQ6SPEEAPWDVMX2anNX3LwNi3YJRAD9QkjtKy35ybJyuFq9t+UQFWTTWeKr2cW57Erg==","shasum":"5fb482508b4a62ae65f5ae2b38985f50e6292d16","tarball":"https://registry.npmjs.org/lottie-light-react/-/lottie-light-react-2.3.1.tgz","fileCount":13,"unpackedSize":4756389,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD++mDlkLDOYT4+Zbj4sZGvnEjtbKlwoy9bhyVtkvsgywIhALN0fw/a747cH6IRq9cbx+Sf+p9Ig6pcOGhmnShVRLnN"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfnLoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZvQ//X51biwkRg4lqywxM+rUf2UnKzUYfke3+uplNnyQMKiTI0fvK\r\nPydIXzjD5rgOYC62JbvBi1mkQCopgX0QNjja/jbaYfQaLdI4rsUUk2c5Qwcr\r\nnjcoKJw6uVRntIrQdI/xiYo5m2PCfprEzl4FPkacLbKR1Lao3RSf43b0a8gq\r\nSH/AqLd3CXPF08DZhSIgifCqCglp6DYVnVn5/c9eUkR6T5F+xpfs27tAUJ/m\r\nIOstRnTV89XTLFlL2iYo1ZvgktE0TPaoPy/kuMdq56xoFRQoGcTfCASLJHoV\r\n9N5nsQUjoeK7vtW3+afEktKsevV4NeMFsoxzXPYU1cljIor4HPf6kalbov+e\r\ni73/noavoUV/4IDnCh+QvxuOdfTQX9rO/y3JoWC/NGUvsXhRGgpjac5anCVt\r\nG8U7389IWDxABeTarIUZw8wg0GLsLh4YTeUmd1nBPOTwZi9ePIL9CP2+yEfk\r\nUzmSuanqHPblhpypj8oftOK7hbJnJajoV92AxNIyEkF2qLtuXJT0AkjhUjYl\r\ntZBbJPEJ6WO4UuFIyPKd57/PdjugqWMPQ7nHZVos7fHwabybHGJNISvUYhhI\r\nFRbtP9h0tvWyPZAU2PFcyVgir4VXQ4yNSad9oZ+3mG8cCqw/ays3WkjtfoiK\r\nFDtwk3oYUTnhBwUbrnckTnPfnI42fTj3a9U=\r\n=snQc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dilan-dio4","email":"dilanjames1020@gmail.com"},"directories":{},"maintainers":[{"name":"dilan-dio4","email":"dilanjames1020@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lottie-light-react_2.3.1_1669231336421_0.7872889517952568"},"_hasShrinkwrap":false},"2.4.0":{"name":"lottie-light-react","version":"2.4.0","description":"Lottie for React (lottie light)","keywords":["lottie","react","lottie react","react lottie","lottie web","animation","component","hook"],"bugs":{"url":"https://github.com/dilan-dio4/lottie-light-react/issues"},"repository":{"type":"git","url":"git+https://github.com/dilan-dio4/lottie-light-react.git"},"license":"MIT","author":{"name":"Dilan Ozkaynak"},"main":"build/index.js","module":"build/index.es.js","browser":"build/index.umd.js","types":"build/index.d.ts","style":"build/index.css","scripts":{"build":"run-s tsc:compile rollup:compile","postbuild":"npm pack && tar -xvzf *.tgz && rm -rf package *.tgz","build:watch":"run-p tsc:compile:watch rollup:compile:watch","coverage":"jest --coverage && cat ./coverage/lcov.info | coveralls","docz:build":"docz build","deploy:docs":"echo 'lottiereact.com' > ./docs-dist/CNAME && gh-pages -d docs-dist","docz:dev":"docz dev","docz:serve":"docz build && docz serve","prepublishOnly":"rm -rf build && yarn build","rollup:compile":"rollup -c","rollup:compile:watch":"rollup -c -w","test":"jest","test:watch":"jest --watch","tsc:compile":"tsc","tsc:compile:watch":"tsc --watch"},"dependencies":{"lottie-web":"^5.10.2"},"devDependencies":{"@babel/core":"^7.16.7","@babel/preset-env":"^7.16.8","@babel/preset-react":"^7.16.7","@jest/types":"^27.4.2","@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-node-resolve":"^13.1.3","@testing-library/jest-dom":"^5.16.1","@testing-library/react":"^12.1.2","@testing-library/react-hooks":"^7.0.2","@types/jest":"^27.4.0","@types/react":"^18.0.14","@types/react-dom":"^18.0.5","@typescript-eslint/eslint-plugin":"^5.29.0","@typescript-eslint/parser":"^5.29.0","autoprefixer":"^10.4.2","babel-loader":"^8.2.3","coveralls":"^3.1.1","docz":"^2.3.1","eslint":"^8.18.0","eslint-config-prettier":"^8.5.0","eslint-plugin-import":"^2.26.0","eslint-plugin-jsx-a11y":"^6.5.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-promise":"^6.0.0","eslint-plugin-react":"^7.30.0","eslint-plugin-react-hooks":"^4.6.0","get-pkg-repo":"^5.0.0","gh-pages":"^3.2.3","jest":"^27.4.7","jest-canvas-mock":"^2.3.1","node-sass":"^8.0.0","npm-run-all":"4.1.5","prettier":"^2.8.4","react":"^18.2.0","react-dom":"^18.2.0","react-test-renderer":"^17.0.2","rollup":"^2.64.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-dts":"^4.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","ts-jest":"^27.1.3","ts-node":"^10.9.1","tslib":"^2.5.0","typescript":"^4.9.5"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"gitHead":"28c5bcbadcbc2b06dc92e0d2d1be1e20c64d5c1d","homepage":"https://github.com/dilan-dio4/lottie-light-react#readme","_id":"lottie-light-react@2.4.0","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-TXJOnyqEc6ev9/um8Xkxve5EVcgCX2pi1olWc8jj+81qaPyFBA+VxHIc2Ojl42IqeAiKhGHz098ztQOIImJcyg==","shasum":"cb18e1a1cb36c87778027feac9746b0cad7c6295","tarball":"https://registry.npmjs.org/lottie-light-react/-/lottie-light-react-2.4.0.tgz","fileCount":13,"unpackedSize":4677143,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBejRvNAmcot+CGto/IsPQc0+TnGAoX1TjmTN4cd7SiUAiEAmZKIVtLlXRNuofOPqibOAXuIbpsRYuM9qgKBhA37FoA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBkKNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+HQ/+KynUK5mFDq7JLNmFQEsPwQmc3H/K6TVEZpOshOff3g0T4/OJ\r\nnwrBZQel9tzpZtke5lnHUNpfP96IgJhQDyD+lwQLHiu0j1d57gB4amzpOCNP\r\nBdwi8+klty+tRpbIr8sRrv3btqf7Ibh4sqskPEhjpTJZD1se7VXhlQMO3Yoy\r\nEKasePT0DyXu5O5lOrgC9bGnaRVlFGdDrDzZVLZ74bbmVVKPgPg3UdhUQBVq\r\n9fqq/izRlgR0EIb2Kz8s8UuA7H35CCesQ7mf1BFYAv6JqFIGjqeP1l+jH3bT\r\nK9RJDYU+2UYq+S3xio9NSodBodk2/hg8c0flcX6PIZnJLyYE6ZINqpu4AMAi\r\nX2x8aVP5WQC2/WoRWCnNnt1/CXOgr5ciV+TLNkCrtYymYTLJChu3yYL3HHch\r\nks5Ue3ziUg1EYzSQ9IuZMGGBNnw9Rwy6Fyn0Fq/wLaDEtS9X2xNCIzVwqjjC\r\nxx5KgRe236Eg08TMbtm1SghjlC6ogHFdALtT74AiFvp6o72h1VIDdJrQY1uD\r\nB3uT6/om9zJ1xoa83PO4yHZSsu77NWCdnxZsITXSOVNswzduw4oGZwj59C+w\r\n4UGKfOxxqAkLZv46horoOhhPXliLgs+LsIC1TZoxXKQS3sobhoaODJFCkB6S\r\n/FoO1UdoDIthSo82d/lRT460wAjz3iLWDk4=\r\n=u/AP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dilan-dio4","email":"dilanjames1020@gmail.com"},"directories":{},"maintainers":[{"name":"dilan-dio4","email":"dilanjames1020@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lottie-light-react_2.4.0_1678131853669_0.8483934395134631"},"_hasShrinkwrap":false}},"time":{"created":"2022-11-23T19:22:16.420Z","2.3.1":"2022-11-23T19:22:16.659Z","modified":"2023-03-06T19:44:13.971Z","2.4.0":"2023-03-06T19:44:13.866Z"},"maintainers":[{"name":"dilan-dio4","email":"dilanjames1020@gmail.com"}],"description":"Lottie for React (lottie light)","homepage":"https://github.com/dilan-dio4/lottie-light-react#readme","keywords":["lottie","react","lottie react","react lottie","lottie web","animation","component","hook"],"repository":{"type":"git","url":"git+https://github.com/dilan-dio4/lottie-light-react.git"},"author":{"name":"Dilan Ozkaynak"},"bugs":{"url":"https://github.com/dilan-dio4/lottie-light-react/issues"},"license":"MIT","readme":"# lottie-light-react\n\n[![npm version](https://img.shields.io/npm/v/lottie-react)](https://www.npmjs.com/package/lottie-react) [![npm downloads/month](https://img.shields.io/npm/dm/lottie-react)](https://www.npmjs.com/package/lottie-react) [![Known Vulnerabilities](https://snyk.io/test/github/Gamote/lottie-react/badge.svg?targetFile=package.json)](https://snyk.io/test/github/Gamote/lottie-react?targetFile=package.json) [![Coverage Status](https://coveralls.io/repos/github/Gamote/lottie-react/badge.svg?branch=master)](https://coveralls.io/github/Gamote/lottie-react?branch=master) [![Tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/Gamote/lottie-react/blob/master/LICENSE)\n\n### This project is a modified version of **[lottie-react](https://github.com/Gamote/lottie-react)**, which uses just the [light version of lottie](https://github.com/airbnb/lottie-web/issues/929). This saves significant size in your end bundles.\n\nThis project is meant to give developers full control over **[Lottie](https://airbnb.design/lottie/)** instance with minimal implementation by wrapping **[lottie-web](https://github.com/airbnb/lottie-web)** in a Component or Hook that can be easily used in **React** applications.\n\n## Installation\n\n1. Make sure you have the peer-dependencies installed: `react` and `react-dom`.\n\n    > _**Note:** This library is using React Hooks so the **minimum** version required for both **react** and **react-dom** is **v16.8.0**._\n\n2. Install `lottie-light-react` using **yarn**\n\n    ```shell\n    yarn add lottie-light-react\n    ```\n   \n    or **npm**\n\n    ```shell\n    npm i lottie-light-react\n    ```\n\n## Usage\n\n### Using the component ([try it](https://codesandbox.io/s/lottie-react-component-2k13t))\n\n```tsx\nimport React from \"react\";\nimport Lottie from \"lottie-light-react\";\nimport groovyWalkAnimation from \"./groovyWalk.json\";\n\nconst App = () => <Lottie animationData={groovyWalkAnimation} loop={true} />;\n\nexport default App;\n```\n\n### Using the Hook ([try it](https://codesandbox.io/s/lottie-react-hook-13nio))\n\n```tsx\nimport React from \"react\";\nimport { useLottie } from \"lottie-light-react\";\nimport groovyWalkAnimation from \"./groovyWalk.json\";\n\nconst App = () => {\n  const options = {\n    animationData: groovyWalkAnimation,\n    loop: true\n  };\n\n  const { View } = useLottie(options);\n\n  return <>{View}</>;\n};\n\nexport default App;\n```\n\n### 📄 Documentation\n\nCheckout the [**documentation**](https://lottiereact.com) at [**https://lottiereact.com**](https://lottiereact.com) for more information and examples.\n\n## Tests\n\nRun the tests using the `yarn test` command.\n\n### Coverage report\n```text\n-----------------------------|---------|----------|---------|---------|-------------------\nFile                         | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s \n-----------------------------|---------|----------|---------|---------|-------------------\nAll files                    |     100 |      100 |     100 |     100 |                   \n components                  |     100 |      100 |     100 |     100 |                   \n  Lottie.ts                  |     100 |      100 |     100 |     100 |                   \n hooks                       |     100 |      100 |     100 |     100 |                   \n  useLottie.tsx              |     100 |      100 |     100 |     100 |                   \n  useLottieInteractivity.tsx |     100 |      100 |     100 |     100 |                   \n-----------------------------|---------|----------|---------|---------|-------------------\n```\n\n## Contribution\n\nAny **questions** or **suggestions**? Use the [**Discussions**](https://github.com/Gamote/lottie-react/discussions) tab. Any **issues**? Don't hesitate to document it in the [**Issues**](https://github.com/Gamote/lottie-react/issues) tab, and we will do our best to investigate it and fix it. Any **solutions**? You are very welcomed to open a [**pull request**](https://github.com/Gamote/lottie-react/pulls).\n\n> 👩‍💻 `v3` is under development and is planning to bring a lot of features and improvements. But unfortunately, at the moment all the maintainers are super busy with work related projects. You can check out the progress under the `v3` branch. And of course, you are encouraged to contribute. :)\n\nThank you for investing your time in contributing to our project! ✨\n\n## Projects to check out\n\n- [lottie-web](https://github.com/airbnb/lottie-web) - Lottie implementation for Web. Our project is based on it, and you might want to check it out in order to have a better understanding on what's behind this package or what features could you expect to have in the future.\n- [lottie-android](https://github.com/airbnb/lottie-android) - Lottie implementation for Android\n- [lottie-ios](https://github.com/airbnb/lottie-ios) - Lottie implementation for iOS\n- [lottie-react-native](https://github.com/react-native-community/lottie-react-native) - Lottie implementation for React Native\n- [LottieFiles](https://lottiefiles.com/) - Are you looking for animations files? LottieFiles has a lot of them!\n\n## License\n\n**lottie-react** is available under the [MIT license](https://github.com/Gamote/lottie-react/blob/main/LICENSE).\n\nThanks to [David Probst Jr](https://lottiefiles.com/davidprobstjr) for the animations used in the examples.\n","readmeFilename":"README.md"}