{"_id":"@cocopalm/canvas-confetti-hook","_rev":"2-2da11f13a6d01bc5c355f148c1e9c3c7","name":"@cocopalm/canvas-confetti-hook","dist-tags":{"latest":"0.2.1"},"versions":{"0.2.0":{"name":"@cocopalm/canvas-confetti-hook","version":"0.2.0","keywords":["react","confetti","canvas","animation","celebration"],"author":{"name":"puffcocos"},"license":"MIT","_id":"@cocopalm/canvas-confetti-hook@0.2.0","maintainers":[{"name":"owen.son","email":"sohnjunior@gmail.com"}],"homepage":"https://github.com/puffcocos/react-confetti-kit#readme","bugs":{"url":"https://github.com/puffcocos/react-confetti-kit/issues"},"dist":{"shasum":"49bd6a1852d3e1e7c7c125212ea38299f89d95aa","tarball":"https://registry.npmjs.org/@cocopalm/canvas-confetti-hook/-/canvas-confetti-hook-0.2.0.tgz","fileCount":17,"integrity":"sha512-xf/uw137MVWVNXSCmjZGIpMr0mPrSikJ38gLGdjE+uc2QRvKaa3TH++5xTkijO3uE/YM1+yLGcxf0avaw6DLGg==","signatures":[{"sig":"MEUCIEba5p13IS5LBxNh7OYLGgAHyctqavZ+87FItNPOzFJfAiEAqkUwr1w72YiynqNgiQVJo/t5ggfIe43C8ApiJZ66aSY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":61550},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"ee6ef333d91064272810ce0bcf53f0b24fcadeb3","scripts":{"dev":"tsc --watch","build":"tsc","typecheck":"tsc --noEmit"},"_npmUser":{"name":"owen.son","email":"sohnjunior@gmail.com"},"repository":{"url":"git+https://github.com/puffcocos/react-confetti-kit.git","type":"git","directory":"packages/canvas-confetti-hook"},"_npmVersion":"11.4.1","description":"A modern React confetti library built on canvas-confetti","directories":{},"_nodeVersion":"22.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.2","@types/react":"^19.1.13","@types/canvas-confetti":"1.9.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/canvas-confetti-hook_0.2.0_1767267083136_0.3920924307651936","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@cocopalm/canvas-confetti-hook","version":"0.2.1","description":"A modern React confetti library built on canvas-confetti","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"}},"keywords":["react","confetti","canvas","animation","celebration"],"author":{"name":"puffcocos"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/puffcocos/react-confetti-kit.git","directory":"packages/canvas-confetti-hook"},"publishConfig":{"access":"public","provenance":true},"peerDependencies":{"react":"^18.0.0 || ^19.0.0"},"devDependencies":{"@types/canvas-confetti":"1.9.0","@types/react":"^19.1.13","typescript":"^5.9.2"},"scripts":{"build":"tsc","dev":"tsc --watch","typecheck":"tsc --noEmit"},"_id":"@cocopalm/canvas-confetti-hook@0.2.1","bugs":{"url":"https://github.com/puffcocos/react-confetti-kit/issues"},"homepage":"https://github.com/puffcocos/react-confetti-kit#readme","_integrity":"sha512-Yibd1+aCPIlQJn9HWqWU3vZAsrVMxVokhOSun3JpkaYScC1etR6VN9FsITY98RpPLpWTw1IYX4zkg/ATqWMutQ==","_resolved":"/tmp/d7dc7cf979ee69ada5bf04c56cf7b63d/cocopalm-canvas-confetti-hook-0.2.1.tgz","_from":"file:cocopalm-canvas-confetti-hook-0.2.1.tgz","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-Yibd1+aCPIlQJn9HWqWU3vZAsrVMxVokhOSun3JpkaYScC1etR6VN9FsITY98RpPLpWTw1IYX4zkg/ATqWMutQ==","shasum":"1ed245bedfa51769b5b5b72b6989304f5ce656cc","tarball":"https://registry.npmjs.org/@cocopalm/canvas-confetti-hook/-/canvas-confetti-hook-0.2.1.tgz","fileCount":17,"unpackedSize":61573,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@cocopalm%2fcanvas-confetti-hook@0.2.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQClq3LO9S3KZ4NFQb5nIhxIzOlwOHYBkEgryWhcgQPEJQIhAOP/WyIzR4pNrPZbUcY5jU5PuDhQqXC5XsqrNs3Mxql+"}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:6249ccdd-4b80-468d-8c06-2cd45ffa461f"}},"directories":{},"maintainers":[{"name":"owen.son","email":"sohnjunior@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/canvas-confetti-hook_0.2.1_1767268898341_0.45819916265947214"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-01T11:31:23.021Z","modified":"2026-01-01T12:01:38.949Z","0.2.0":"2026-01-01T11:31:23.359Z","0.2.1":"2026-01-01T12:01:38.494Z"},"bugs":{"url":"https://github.com/puffcocos/react-confetti-kit/issues"},"author":{"name":"puffcocos"},"license":"MIT","homepage":"https://github.com/puffcocos/react-confetti-kit#readme","keywords":["react","confetti","canvas","animation","celebration"],"repository":{"type":"git","url":"git+https://github.com/puffcocos/react-confetti-kit.git","directory":"packages/canvas-confetti-hook"},"description":"A modern React confetti library built on canvas-confetti","maintainers":[{"name":"owen.son","email":"sohnjunior@gmail.com"}],"readme":"# Canvas Confetti Hook\n\nA modern React hook for canvas-confetti with TypeScript support.\n\n## Features\n\n- 🎨 Easy-to-use React hooks\n- 🎯 TypeScript support\n- 🎪 Custom shapes (SVG & Path)\n- 🎬 Frame-based animations\n- ⚡ Performance optimized with Web Workers\n- 🎭 Custom canvas support\n\n## Installation\n\n```bash\nnpm install @cocopalm/canvas-confetti-hook\n# or\npnpm add @cocopalm/canvas-confetti-hook\n# or\nyarn add @cocopalm/canvas-confetti-hook\n```\n\n## Usage\n\n```tsx\nimport { useConfetti } from '@cocopalm/canvas-confetti-hook'\n\nfunction MyComponent() {\n  const { fire } = useConfetti()\n\n  return (\n    <button onClick={() => fire({ particleCount: 100, spread: 70 })}>\n      🎉 Celebrate!\n    </button>\n  )\n}\n```\n\n## API\n\n### `useConfetti()`\n\nReturns an object with the following methods:\n\n- `fire(options)` - Fire confetti with the given options\n- `fireFrame(frame)` - Fire confetti using frame-based animation\n- `createShape(options)` - Create custom shapes from SVG or Path\n- `setConfettiCanvasRef(canvas)` - Set a custom canvas element\n\n### Options\n\nSee the [types](./src/types.ts) file for all available options.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}