{"_id":"@alexium216/react-pong","_rev":"2-a00040136af7a44c5e8da4bbf575c6bd","name":"@alexium216/react-pong","dist-tags":{"latest":"1.1.3"},"versions":{"1.1.2":{"name":"@alexium216/react-pong","version":"1.1.2","keywords":["react-component","react","ping","pong","game"],"author":{"name":"Oakley Hall"},"license":"MIT","_id":"@alexium216/react-pong@1.1.2","maintainers":[{"name":"alexium216","email":"yyliu0907@gmail.com"}],"homepage":"https://github.com/alex216/react-pong","bugs":{"url":"https://github.com/alex216/react-pong/issues"},"dist":{"shasum":"3fbfc8af4b46831ea90bda9996f2e5f71d09d7cd","tarball":"https://registry.npmjs.org/@alexium216/react-pong/-/react-pong-1.1.2.tgz","fileCount":10,"integrity":"sha512-0uM+Qaxs3QnE+8x79jrSNnXTUxmZHfEyfRmEYuZDqm3JaNima05SnSvQWng2fIIElgqz0wtDSy87J0qtp8M1ZA==","signatures":[{"sig":"MEUCIQDRzrtRzP63/jM19Rj7y4h6dPLOI7sYt40jwCURPabX1wIgIAwLN1qIe4qGxrS9PAJTyz8TFFJoH0iWNkaK4LFqomM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53709},"main":"./dist/react-pong.umd.js","type":"module","types":"./dist/lib.d.ts","module":"./dist/react-pong.es.js","exports":{".":{"types":"./dist/lib.d.ts","import":"./dist/react-pong.es.js","require":"./dist/react-pong.umd.js"}},"gitHead":"78dec56c687ee661c3bc11d1c995500cd65d8e41","scripts":{"dev":"vite","lint":"eslint src/","build":"tsc && vite build","preview":"vite preview","lint:fix":"eslint src/ --fix","prebuild":"npm run lint:fix"},"_npmUser":{"name":"alexium216","email":"yyliu0907@gmail.com"},"repository":{"url":"git+https://github.com/alex216/react-pong.git","type":"git"},"_npmVersion":"11.7.0","description":"A React 18 ping pong game component built with TypeScript","directories":{},"_nodeVersion":"25.3.0","dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","react-dom":"^18.3.1","typescript":"^5.7.2","@types/react":"^18.3.18","@types/lodash":"^4.17.15","vite-plugin-dts":"^4.5.4","@types/react-dom":"^18.3.5","typescript-eslint":"^8.20.0","@vitejs/plugin-react":"^4.3.4"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-pong_1.1.2_1770623321735_0.9307416873347221","host":"s3://npm-registry-packages-npm-production"}},"1.1.3":{"name":"@alexium216/react-pong","version":"1.1.3","description":"A React 18 ping pong game component built with TypeScript","main":"./dist/react-pong.umd.js","module":"./dist/react-pong.es.js","types":"./dist/lib.d.ts","type":"module","exports":{".":{"types":"./dist/lib.d.ts","import":"./dist/react-pong.es.js","require":"./dist/react-pong.umd.js"}},"scripts":{"dev":"vite","prebuild":"npm run lint:fix","build":"tsc && vite build","preview":"vite preview","lint":"eslint src/","lint:fix":"eslint src/ --fix"},"repository":{"type":"git","url":"git+https://github.com/alex216/react-pong.git"},"keywords":["react-component","react","ping","pong","game"],"author":{"name":"Oakley Hall"},"license":"MIT","bugs":{"url":"https://github.com/alex216/react-pong/issues"},"homepage":"https://github.com/alex216/react-pong","dependencies":{"lodash":"^4.17.21"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"devDependencies":{"@types/lodash":"^4.17.15","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","@vitejs/plugin-react":"^4.3.4","eslint":"^9.18.0","react":"^18.3.1","react-dom":"^18.3.1","typescript":"^5.7.2","typescript-eslint":"^8.20.0","vite":"^6.0.7","vite-plugin-dts":"^4.5.4"},"gitHead":"f3b0c06ad4819112a7705e2e9443fc96dd2a74d4","_id":"@alexium216/react-pong@1.1.3","_nodeVersion":"25.3.0","_npmVersion":"11.7.0","dist":{"integrity":"sha512-1euSXvKsUWPnTlXvXVeaifj/kLvYgteaZqAyhowlBWvBv66n7BfKknsM1Dudfvkbf4MiRMJJ10XED43qGMUqPg==","shasum":"4969b9c6fae266ba09f0aab76148fa64c5fb1837","tarball":"https://registry.npmjs.org/@alexium216/react-pong/-/react-pong-1.1.3.tgz","fileCount":10,"unpackedSize":19254,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCICoTfpQsDNnOzHQN24wZGzgS3L4VIudTcU7WqfTc7fHeAiBpYWJRAI+3RhgcCzYPb/u5chovLCwKae+k47cPNa0HjA=="}]},"_npmUser":{"name":"alexium216","email":"yyliu0907@gmail.com"},"directories":{},"maintainers":[{"name":"alexium216","email":"yyliu0907@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-pong_1.1.3_1770625521585_0.28807912457131435"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-09T07:48:41.615Z","modified":"2026-02-09T08:25:21.820Z","1.1.2":"2026-02-09T07:48:41.877Z","1.1.3":"2026-02-09T08:25:21.719Z"},"bugs":{"url":"https://github.com/alex216/react-pong/issues"},"author":{"name":"Oakley Hall"},"license":"MIT","homepage":"https://github.com/alex216/react-pong","keywords":["react-component","react","ping","pong","game"],"repository":{"type":"git","url":"git+https://github.com/alex216/react-pong.git"},"description":"A React 18 ping pong game component built with TypeScript","maintainers":[{"name":"alexium216","email":"yyliu0907@gmail.com"}],"readme":"# @alexium216/react-pong\n\nA simple ping-pong game as a React component built with TypeScript.\n\n\n\nInspired by [Max Wihlborg](https://github.com/maxwihlborg/youtube-tutorials)\n\n[See demo here](https://github.com/alexium216/react-pong)\n\n## Installation\n\n```bash\nnpm install --save @alexium216/react-pong\n```\n\n## Usage\n\n```tsx\nimport Pong from \"@alexium216/react-pong\";\n\n;\n```\n\n### With custom props\n\n```tsx\n\n```\n\n## Props\n\nAll props are optional:\n\n- `height` - Number - Height of canvas element in px - default: 600\n- `width` - Number - Width of canvas element in px - default: 700\n- `upArrow` - String - Key code for moving paddle up - default: 'ArrowUp'\n- `downArrow` - String - Key code for moving paddle down - default: 'ArrowDown'\n- `ballSize` - Number - Diameter of ball in px - default: 10\n- `paddleHeight` - Number - Height of paddles in px - default: 100\n- `paddleWidth` - Number - Width of paddles in px - default: 20\n- `paddleSpeed` - Number - Pixels moved per key press - default: 5\n\n## Development\n\n```bash\nnpm install\nnpm run dev # Start dev server\nnpm run build # Build for production\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}