{"_id":"@acrool/react-flip-countdown","_rev":"3-b4e1ffc2646bf2f8cac6e322478e43fa","name":"@acrool/react-flip-countdown","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@acrool/react-flip-countdown","version":"0.0.1","keywords":["acrool","react","typescript","flip-countdown"],"license":"MIT","_id":"@acrool/react-flip-countdown@0.0.1","maintainers":[{"name":"imagine10255","email":"imagine10255@gmail.com"}],"homepage":"https://github.com/acrool/acrool-react-flip-countdown#readme","bugs":{"url":"https://github.com/acrool/acrool-react-flip-countdown/issues"},"dist":{"shasum":"70e2a05d0c152b1bdccdbc003bf44a0724ced13f","tarball":"https://registry.npmjs.org/@acrool/react-flip-countdown/-/react-flip-countdown-0.0.1.tgz","fileCount":16,"integrity":"sha512-WfCEZ3hUY7NEFs5MP93+xyqSDd8RXvCJM9DbKhxUyrTxDv08K4Kx+LfSBNABj/apA+sW0b7/7tZginJONBbm8Q==","signatures":[{"sig":"MEYCIQC9EBvqYbAncJOkFQ3ZnXGhfs8YOswzf6iuTjtjFZH2oQIhAMsGSJJNIhxUgMAkuZvA5QI/MnWuB6mjolC2YGFZyEVT","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":41013},"type":"module","types":"./dist/index.d.ts","config":{"commitizen":{"path":"node_modules/cz-git"}},"module":"./dist/acrool-react-flip-countdown.es.js","engines":{"node":">=14"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/acrool-react-flip-countdown.es.js","browser":"./dist/acrool-react-flip-countdown.es.js"},"./dist/index.css":"./dist/react-flip-countdown.css"},"gitHead":"c30bec80e77575273e6cabc75112631e8c8eed1c","private":false,"scripts":{"cz":"git-cz","dev":"NODE_ENV=development vite build -w","test":"jest","build":"run-s build:claer && tsc && vite build","gitlog":"git log --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cblueby %an %Cgreen(%cr)%Creset'","preview":"vite preview","release":"standard-version --release-as","lint:fix":"eslint ./src --fix","build:claer":"rm -rf ./dist","release:alpha":"standard-version --prerelease alpha","release:major":"standard-version -r major","release:minor":"standard-version -r minor","release:patch":"standard-version -r patch","prepublishOnly":"run-s build"},"_npmUser":{"name":"imagine10255","email":"imagine10255@gmail.com"},"repository":{"url":"git+https://github.com/acrool/acrool-react-flip-countdown.git","type":"git"},"_npmVersion":"10.8.2","description":"Flip countdown library based for Reactjs","directories":{},"_nodeVersion":"20.18.1","dependencies":{"clsx":"^2.1.1","dayjs":"^1.11.13","@acrool/js-utils":"^3.2.20"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","sass":"^1.87.0","vite":"^6.0.11","react":"^19.1.0","eslint":"^9.19.0","ts-jest":"^29.3.2","ts-node":"10.8.1","@swc/jest":"^0.2.27","react-dom":"^19.1.0","@types/jest":"^29.5.0","@types/node":"20.17.32","npm-run-all":"^4.1.5","@types/react":"^19.1.2","tsconfig-paths":"^4.2.0","cz-customizable":"6.6.0","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.2","standard-version":"^9.5.0","vite-plugin-svgr":"^4.3.0","identity-obj-proxy":"^3.0.0","vite-plugin-eslint":"^1.8.1","eslint-plugin-react":"^7.37.5","@testing-library/dom":"10.3.1","@testing-library/react":"16.0.0","jest-environment-jsdom":"^29.5.0","@vitejs/plugin-react-swc":"^3.0.0","rollup-plugin-visualizer":"^5.9.0","@testing-library/jest-dom":"^6.6.3","@typescript-eslint/parser":"^8.23.0","cz-conventional-changelog":"3.3.0","@stylistic/eslint-plugin-ts":"^3.0.1","@typescript-eslint/eslint-plugin":"^8.23.0","eslint-plugin-simple-import-sort":"^10.0.0"},"peerDependencies":{"react":"^18.x","react-dom":"^18.x"},"_npmOperationalInternal":{"tmp":"tmp/react-flip-countdown_0.0.1_1746676656109_0.6903839236913143","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@acrool/react-flip-countdown","version":"0.0.2","keywords":["acrool","react","typescript","flip-countdown"],"license":"MIT","_id":"@acrool/react-flip-countdown@0.0.2","maintainers":[{"name":"imagine10255","email":"imagine10255@gmail.com"}],"homepage":"https://github.com/acrool/acrool-react-flip-countdown#readme","bugs":{"url":"https://github.com/acrool/acrool-react-flip-countdown/issues"},"dist":{"shasum":"a1c19176528708e97821013ce6fa6cef28970deb","tarball":"https://registry.npmjs.org/@acrool/react-flip-countdown/-/react-flip-countdown-0.0.2.tgz","fileCount":16,"integrity":"sha512-mFM9r3+CQOOggqn1geNfDZrmAwPmClgOdh9uMio+EG6qb8mDEBq7/x2PNsUHABsv4uamaXUvlY3VGjQgzQMRBQ==","signatures":[{"sig":"MEUCIG0bz1wxHtEFcXb3QdPeihHYGmpu+020l6/31otu3EtpAiEAuXVuH8zvQMrin2dMeUW+tZ0Pm6S0Iq0SDChSlJuWKfk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":40974},"type":"module","types":"./dist/index.d.ts","config":{"commitizen":{"path":"node_modules/cz-git"}},"module":"./dist/acrool-react-flip-countdown.es.js","engines":{"node":">=14"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/acrool-react-flip-countdown.es.js"},"./dist/index.css":"./dist/react-flip-countdown.css"},"gitHead":"f7ef2a82cde66dba0137df42b22fc467002aabb5","private":false,"scripts":{"cz":"git-cz","dev":"NODE_ENV=development vite build -w","test":"jest","build":"run-s build:claer && tsc && vite build","gitlog":"git log --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cblueby %an %Cgreen(%cr)%Creset'","preview":"vite preview","release":"standard-version --release-as","lint:fix":"eslint ./src --fix","build:claer":"rm -rf ./dist","release:alpha":"standard-version --prerelease alpha","release:major":"standard-version -r major","release:minor":"standard-version -r minor","release:patch":"standard-version -r patch","prepublishOnly":"run-s build"},"_npmUser":{"name":"imagine10255","email":"imagine10255@gmail.com"},"repository":{"url":"git+https://github.com/acrool/acrool-react-flip-countdown.git","type":"git"},"_npmVersion":"10.8.2","description":"Flip countdown library based for Reactjs","directories":{},"_nodeVersion":"20.18.1","dependencies":{"clsx":"^2.1.1","dayjs":"^1.11.13","@acrool/js-utils":"^3.2.25"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","sass":"^1.87.0","vite":"^6.0.11","react":"^19.1.0","eslint":"^9.19.0","ts-jest":"^29.3.2","ts-node":"10.8.1","@swc/jest":"^0.2.27","react-dom":"^19.1.0","@types/jest":"^29.5.0","@types/node":"20.17.32","npm-run-all":"^4.1.5","@types/react":"^19.1.2","tsconfig-paths":"^4.2.0","cz-customizable":"6.6.0","vite-plugin-dts":"^4.5.3","@types/react-dom":"^19.1.2","standard-version":"^9.5.0","vite-plugin-svgr":"^4.3.0","identity-obj-proxy":"^3.0.0","vite-plugin-eslint":"^1.8.1","eslint-plugin-react":"^7.37.5","@testing-library/dom":"10.3.1","@testing-library/react":"16.0.0","jest-environment-jsdom":"^29.5.0","@vitejs/plugin-react-swc":"^3.0.0","rollup-plugin-visualizer":"^5.9.0","@testing-library/jest-dom":"^6.6.3","@typescript-eslint/parser":"^8.23.0","cz-conventional-changelog":"3.3.0","@stylistic/eslint-plugin-ts":"^3.0.1","@typescript-eslint/eslint-plugin":"^8.23.0","eslint-plugin-simple-import-sort":"^10.0.0"},"peerDependencies":{"react":">=19.0.0 <20.0.0","react-dom":">=19.0.0 <20.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-flip-countdown_0.0.2_1747830430603_0.8562182008978219","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-05-08T03:57:36.029Z","modified":"2025-11-14T02:09:05.872Z","0.0.1":"2025-05-08T03:57:36.304Z","0.0.2":"2025-05-21T12:27:10.791Z"},"bugs":{"url":"https://github.com/acrool/acrool-react-flip-countdown/issues"},"license":"MIT","homepage":"https://github.com/acrool/acrool-react-flip-countdown#readme","keywords":["acrool","react","typescript","flip-countdown"],"repository":{"url":"git+https://github.com/acrool/acrool-react-flip-countdown.git","type":"git"},"description":"Flip countdown library based for Reactjs","maintainers":[{"email":"imagine10255@gmail.com","name":"imagine10255"},{"email":"a0988153377@gmail.com","name":"garychien"}],"readme":"# Acrool React Flip Countdown\n\n<a href=\"https://acrool-react-flip-countdown.pages.dev/\" title=\"Acrool React Block - This is a block function for React development loading block\">\n    <img src=\"https://raw.githubusercontent.com/acrool/acrool-react-flip-countdown/main/example/public/og.png\" alt=\"Acrool React Block Logo\"/>\n</a>\n\n<p align=\"center\">\n    A simple and animated flip countdown timer for React.\n</p>\n\n<div align=\"center\">\n\n[![NPM](https://img.shields.io/npm/v/@acrool/react-flip-countdown.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-flip-countdown)\n[![npm](https://img.shields.io/bundlejs/size/@acrool/react-flip-countdown?style=for-the-badge)](https://github.com/acrool/@acrool/react-flip-countdown/blob/main/LICENSE)\n[![npm](https://img.shields.io/npm/l/@acrool/react-flip-countdown?style=for-the-badge)](https://github.com/acrool/react-flip-countdown/blob/main/LICENSE)\n\n[![npm downloads](https://img.shields.io/npm/dm/@acrool/react-flip-countdown.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-flip-countdown)\n[![npm](https://img.shields.io/npm/dt/@acrool/react-flip-countdown.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-flip-countdown)\n\n</div>\n\n\n\n\n## Features\n\n- Flip animation for hours, minutes, and seconds\n- Support `endTime` as countdown target\n- Supports 3-digit hours: the display shows 99, and starts flipping down when the hour drops below 99\n- Lightweight and easy to use\n\n\n## Install\n\n```bash\nyarn add @acrool/react-flip-countdown\n```\n\n\n## Usage\n\nadd in your index.tsx\n```tst\nimport \"@acrool/react-flip-countdown/dist/index.css\";\n```\n\nthen in your page\n```tsx\nimport FlipCountdown from '@acrool/react-flip-countdown';\n\nconst Example = () => {\n    \n    return (\n        <FlipCountdown endTime=\"2025/05/05 18:50:53\"/>\n    );\n};\n```\n\nThere is also a example that you can play with it:\n\n[![Play react-editext-example](https://raw.githubusercontent.com/acrool/acrool-react-flip-countdown/main/play-in-example-button.svg)](https://acrool-react-flip-countdown.pages.dev)\n\n\n## Props\n\n| Prop      | Type       | Default | Required | Description                                                                   |\n|:----------|------------|---------|----------|-------------------------------------------------------------------------------|\n| `endTime` | `string `  | –       | Yes      | Countdown target time. Accepts a date string or a format supported by `dayjs` |\n\n\n## License\n\nMIT © [Acrool](https://github.com/acrool)\n","readmeFilename":"README.md"}