{"_id":"@ascii-reveal/react","_rev":"2-d4796ff541a65db8a31afbb2cc2805f9","name":"@ascii-reveal/react","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@ascii-reveal/react","version":"0.1.0","keywords":["ascii","animation","text","scramble","react","accessible"],"license":"MIT","_id":"@ascii-reveal/react@0.1.0","maintainers":[{"name":"ahmetseha","email":"ahmetsehacar@gmail.com"}],"homepage":"https://github.com/ahmetseha/ascii-reveal#readme","bugs":{"url":"https://github.com/ahmetseha/ascii-reveal/issues"},"dist":{"shasum":"6998690bf4c0fe8f27b1199f970f9efc8455ffa3","tarball":"https://registry.npmjs.org/@ascii-reveal/react/-/react-0.1.0.tgz","fileCount":9,"integrity":"sha512-R6LcXJFvU4rGjPDQqgiAzWrT6vxB+A2jZMRc2l0S3AK1aq6CDCRv29M7AHs4Ow3cOfxjPaxsucBzsa1/nK/6Ow==","signatures":[{"sig":"MEUCIDx6yupHs6YWUQvHArGAAek2wIT69dZZnSeoiIVosEgiAiEA8PWs31sWbPRojpKnhK4ggSrtEDc8+YbTOm2Us0Tz5Zg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23769},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=18"},"exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","clean":"node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"","typecheck":"tsc --noEmit"},"_npmUser":{"name":"ahmetseha","email":"ahmetsehacar@gmail.com"},"repository":{"url":"git+https://github.com/ahmetseha/ascii-reveal.git","type":"git","directory":"packages/react"},"description":"React bindings for accessible ASCII text reveal animations.","directories":{},"sideEffects":false,"_nodeVersion":"22.22.2","dependencies":{"@ascii-reveal/core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"19.2.8","react-dom":"19.2.8","@types/react":"19.2.18","@types/react-dom":"19.2.4","@testing-library/dom":"10.4.1","@testing-library/react":"16.3.2","@testing-library/user-event":"14.6.1"},"peerDependencies":{"react":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.0_1785674754324_0.22056142141055934","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@ascii-reveal/react","version":"0.1.1","description":"React bindings for accessible ASCII text reveal animations.","license":"MIT","engines":{"node":">=18"},"type":"module","sideEffects":false,"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"dependencies":{"@ascii-reveal/core":"^0.1.1"},"peerDependencies":{"react":">=18.0.0"},"devDependencies":{"@testing-library/dom":"10.4.1","@testing-library/react":"16.3.2","@testing-library/user-event":"14.6.1","@types/react":"19.2.18","@types/react-dom":"19.2.4","react":"19.2.8","react-dom":"19.2.8"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/ahmetseha/ascii-reveal.git","directory":"packages/react"},"homepage":"https://github.com/ahmetseha/ascii-reveal#readme","bugs":{"url":"https://github.com/ahmetseha/ascii-reveal/issues"},"keywords":["ascii","animation","text","scramble","react","accessible"],"scripts":{"build":"tsup","dev":"tsup --watch","test":"vitest run","typecheck":"tsc --noEmit","clean":"node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\""},"_nodeVersion":"22.22.2","_id":"@ascii-reveal/react@0.1.1","dist":{"integrity":"sha512-3s99/j2akHhRx4QCvCA7a2/3jdqzUhjiKSL0CFQNAgQ+zcK9jzaDBC+fb7NNbsiV7s0CE8rmagklhNVLINwtIA==","shasum":"6d8a7c87e06a1306152e0b2f8255ea910333c459","tarball":"https://registry.npmjs.org/@ascii-reveal/react/-/react-0.1.1.tgz","fileCount":9,"unpackedSize":25184,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCOghQ30HfpUY+QiS3ZxNJ0vpKDa8gmwXwMx0+gMv0GUwIgYlOpeJovKZEM1nlHn+hrn66GtIeKWNYCbTkIGIvcfqk="}]},"_npmUser":{"name":"ahmetseha","email":"ahmetsehacar@gmail.com"},"directories":{},"maintainers":[{"name":"ahmetseha","email":"ahmetsehacar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react_0.1.1_1785679708750_0.18739219479467106"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-02T12:45:54.076Z","modified":"2026-08-02T14:08:29.087Z","0.1.0":"2026-08-02T12:45:54.453Z","0.1.1":"2026-08-02T14:08:28.898Z"},"bugs":{"url":"https://github.com/ahmetseha/ascii-reveal/issues"},"license":"MIT","homepage":"https://github.com/ahmetseha/ascii-reveal#readme","keywords":["ascii","animation","text","scramble","react","accessible"],"repository":{"type":"git","url":"git+https://github.com/ahmetseha/ascii-reveal.git","directory":"packages/react"},"description":"React bindings for accessible ASCII text reveal animations.","maintainers":[{"name":"ahmetseha","email":"ahmetsehacar@gmail.com"}],"readme":"# @ascii-reveal/react\n\nAccessible ASCII text reveal animations for React 18 and newer.\n\n## Install\n\n```sh\nnpm install @ascii-reveal/react\n```\n\n## Component\n\n```tsx\nimport { AsciiReveal } from \"@ascii-reveal/react\";\n\nexport function HeroTitle() {\n  return (\n    <AsciiReveal\n      as=\"h1\"\n      text=\"BUILD SOMETHING MEMORABLE\"\n      characters=\"symbols\"\n      trigger=\"hover\"\n      direction=\"center\"\n      duration={900}\n      className=\"hero-title\"\n    />\n  );\n}\n```\n\nThe component accepts normal HTML attributes plus the animation options. Use `as` to choose the rendered element.\n\n## Manual control\n\n```tsx\nimport { useRef } from \"react\";\nimport { AsciiReveal, type AsciiRevealControls } from \"@ascii-reveal/react\";\n\nexport function ReplayableTitle() {\n  const controls = useRef<AsciiRevealControls | null>(null);\n\n  return (\n    <>\n      <AsciiReveal\n        text=\"SYSTEM ONLINE\"\n        trigger=\"manual\"\n        controlsRef={controls}\n      />\n      <button onClick={() => controls.current?.play()}>Replay</button>\n    </>\n  );\n}\n```\n\n## Common options\n\n- `characters`: `ascii`, `binary`, `symbols`, or a custom string\n- `trigger`: `mount`, `hover`, `focus`, `in-view`, or `manual`\n- `direction`: `left`, `right`, `center`, or `random`\n- `duration`, `delay`, `fps`, `replay`, and `seed`\n- `onStart`, `onUpdate`, and `onComplete`\n\nThe package also exports `useAsciiReveal` for custom markup. Reduced-motion preferences and screen readers are handled by default.\n\nSee the [complete API](https://github.com/ahmetseha/ascii-reveal/blob/main/apps/docs/docs/api.md) and [project repository](https://github.com/ahmetseha/ascii-reveal).\n\nMIT licensed.\n","readmeFilename":""}