{"_id":"@10play/tiptap-stagger","_rev":"6-9e3dffcbbff7bf42fd4a66693c9993ff","name":"@10play/tiptap-stagger","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.1":{"name":"@10play/tiptap-stagger","version":"0.0.1","_id":"@10play/tiptap-stagger@0.0.1","maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"dist":{"shasum":"8c1b993920df37f104d90b30c17b1ec250ac6384","tarball":"https://registry.npmjs.org/@10play/tiptap-stagger/-/tiptap-stagger-0.0.1.tgz","fileCount":7,"integrity":"sha512-9zUaD558c+k0ZPypKDsu1IvxA6fI5alwrCiDq8nsUIyrK3zHYpSm7DbVf0qgTOaXXmy4tZi+KsMAdQUGM3ndoQ==","signatures":[{"sig":"MEUCIBBiqK41l9hVs8mBfcXfgYHTXGxlLuyJ57eCDolIlBUTAiEA14R/bCIzXLfLX8xClwtnK4dtHUKZsV2iZmDZm194/Gs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":160867},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"index.ts","gitHead":"1e44d1e8e99745b88b7d1ce873e63ddacf8b0043","scripts":{"dev":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --watch","build":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --minify --target browser --format esm && tsc -p tsconfig.build.json","prepublishOnly":"bun run build"},"_npmUser":{"name":"17amir17","email":"amir@10play.dev"},"_npmVersion":"10.9.0","description":"A Tiptap extension that adds staggered animation to text as it appears in the editor. Perfect for AI editors, chatbots, and anywhere you want to create a typewriter-like effect with more visual polish.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"@types/bun":"latest"},"peerDependencies":{"typescript":"^5","@tiptap/core":"^2.0.0","prosemirror-view":"^1.30.2","prosemirror-state":"^1.4.0"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-stagger_0.0.1_1747486505008_0.5453766112421408","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@10play/tiptap-stagger","version":"0.0.2","_id":"@10play/tiptap-stagger@0.0.2","maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"dist":{"shasum":"6b8c46f3c6f197a1c50173b097619d1ece16bcce","tarball":"https://registry.npmjs.org/@10play/tiptap-stagger/-/tiptap-stagger-0.0.2.tgz","fileCount":7,"integrity":"sha512-KuGz1aSIF087eAc/qgDSLaaUBdQxsKoksbtwkJWMNoLF3wtTwmZZvAJ5deD0UnC8HQxOx54xCboT+79JUKfDsw==","signatures":[{"sig":"MEUCIBDZZL6SZryQFqFAGFGLB/00qG35fl1R0sxbb2+JGIU5AiEA2VhNbU2nrX7e/fIR/TKCF2IME6D5VIPDZq5VBv+GuoM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":161010},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"index.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"}},"gitHead":"86d655254d96dfabcc9f552f62eb4185072cc703","scripts":{"dev":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --watch","build":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --minify --target browser --format esm && tsc -p tsconfig.build.json","prepublishOnly":"bun run build"},"_npmUser":{"name":"17amir17","email":"amir@10play.dev"},"_npmVersion":"10.9.0","description":"A Tiptap extension that adds staggered animation to text as it appears in the editor. Perfect for AI editors, chatbots, and anywhere you want to create a typewriter-like effect with more visual polish.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"@types/bun":"latest"},"peerDependencies":{"typescript":"^5","@tiptap/core":"^2.0.0","prosemirror-view":"^1.30.2","prosemirror-state":"^1.4.0"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-stagger_0.0.2_1747487047417_0.8518011384982191","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@10play/tiptap-stagger","version":"0.0.3","_id":"@10play/tiptap-stagger@0.0.3","maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"dist":{"shasum":"dccdb914560b74ec3b8199efae5dc325d59853c3","tarball":"https://registry.npmjs.org/@10play/tiptap-stagger/-/tiptap-stagger-0.0.3.tgz","fileCount":7,"integrity":"sha512-K/n0JFhDO/Pdrf2bKd5LWr8CxzucLsTaJcwJgCUFDXWxBKqpY1YQ/xTXFNvhp86yPAVGSL6Knur/JLhF2LWPRg==","signatures":[{"sig":"MEUCID09CulF0gTAleAxnuukUvLt4v8i1eBXpm1zqEY/kQxEAiEAlKN4q78v03k6BeLpxR/TM4CpcUFMteA0X5puKviAdbE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":161041},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"index.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"}},"gitHead":"b49d46bbd478d92b085f4c93fb4cc720f168ba6c","scripts":{"dev":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --watch","build":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --minify --target browser --format esm && tsc -p tsconfig.build.json","prepublishOnly":"bun run build"},"_npmUser":{"name":"17amir17","email":"amir@10play.dev"},"_npmVersion":"10.9.0","description":"A Tiptap extension that adds staggered animation to text as it appears in the editor. Perfect for AI editors, chatbots, and anywhere you want to create a typewriter-like effect with more visual polish.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"@types/bun":"latest"},"peerDependencies":{"typescript":"^5","@tiptap/core":"^2.0.0","prosemirror-view":"^1.30.2","prosemirror-state":"^1.4.0"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-stagger_0.0.3_1747488181562_0.4526770454981315","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@10play/tiptap-stagger","version":"0.0.4","_id":"@10play/tiptap-stagger@0.0.4","maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"dist":{"shasum":"ee194fed25b23068dcceae9e47df762c05ff40b2","tarball":"https://registry.npmjs.org/@10play/tiptap-stagger/-/tiptap-stagger-0.0.4.tgz","fileCount":7,"integrity":"sha512-dXDs3UTsSHfeFd5ucBCzehzGUNh0/9A5ann7J5/u8vQYvPSXfK4UTfVI/lmIHXERz+PiK+K73hQOnSH8AxPBmg==","signatures":[{"sig":"MEQCIFX7UuqBFPx1ugb8JQuTVSPUr+9dcx8ZZ/qykwFdk4PUAiAOuE3IV9qpZtsqU5+jX3Z00jigDmTLLyzpMxmhLpQGew==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":161111},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"index.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"}},"gitHead":"b49d46bbd478d92b085f4c93fb4cc720f168ba6c","scripts":{"dev":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --watch","build":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --minify --target browser --format esm && tsc -p tsconfig.build.json","prepublishOnly":"bun run build"},"_npmUser":{"name":"17amir17","email":"amir@10play.dev"},"_npmVersion":"10.9.0","description":"A Tiptap extension that adds staggered animation to text as it appears in the editor. Perfect for AI editors, chatbots, and anywhere you want to create a typewriter-like effect with more visual polish.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"@types/bun":"latest"},"peerDependencies":{"typescript":"^5","@tiptap/core":"^2.0.0","prosemirror-view":"^1.30.2","prosemirror-state":"^1.4.0"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-stagger_0.0.4_1747488918917_0.5414678327699365","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@10play/tiptap-stagger","version":"0.0.5","_id":"@10play/tiptap-stagger@0.0.5","maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"dist":{"shasum":"8b07fac97419441c47321d92066a8cae0095f87a","tarball":"https://registry.npmjs.org/@10play/tiptap-stagger/-/tiptap-stagger-0.0.5.tgz","fileCount":7,"integrity":"sha512-4zV7XVTpNtKe/8Z6/dykFrl9uaCeIDVQwEeYI98ovjWa0X99aCfVXhf3+/mgp9TgHwce5pkipayIwFUDkhTYbw==","signatures":[{"sig":"MEUCIQD5600mN5qPs3B4bV8+P+ZB+OQbDXT5ZUpKqZ6mpOl49gIgV5iNdqkIkhV6DXfPxSh7GKT7PR2fTNFLiQTY3h0Zg94=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":161143},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"index.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"}},"gitHead":"b49d46bbd478d92b085f4c93fb4cc720f168ba6c","scripts":{"dev":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --watch","build":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --minify --target browser --format esm && tsc -p tsconfig.build.json","prepublishOnly":"bun run build"},"_npmUser":{"name":"17amir17","email":"amir@10play.dev"},"_npmVersion":"10.9.0","description":"A Tiptap extension that adds staggered animation to text as it appears in the editor. Perfect for AI editors, chatbots, and anywhere you want to create a typewriter-like effect with more visual polish.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"@types/bun":"latest"},"peerDependencies":{"typescript":"^5","@tiptap/core":"^2.0.0","prosemirror-view":"^1.30.2","prosemirror-state":"^1.4.0"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-stagger_0.0.5_1747489087516_0.576537289501297","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@10play/tiptap-stagger","version":"0.0.6","module":"index.ts","type":"module","main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.js","types":"./dist/index.d.ts"},"./styles.css":{"import":"./dist/index.css","require":"./dist/index.css","types":"./dist/index.d.ts"}},"scripts":{"build":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --minify --target browser --format esm && tsc -p tsconfig.build.json","dev":"rm -rf dist && bun build ./index.ts --entrypoints ./index.ts --outdir dist --watch","prepublishOnly":"bun run build"},"devDependencies":{"@types/bun":"latest"},"peerDependencies":{"typescript":"^5","@tiptap/core":"^2.0.0","prosemirror-state":"^1.4.0","prosemirror-view":"^1.30.2"},"_id":"@10play/tiptap-stagger@0.0.6","gitHead":"d93ba97250ff631377efcb3c36c79fb0769bdc9c","description":"A Tiptap extension that adds staggered animation to text as it appears in the editor. Perfect for AI editors, chatbots, and anywhere you want to create a typewriter-like effect with more visual polish.","_nodeVersion":"22.11.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-A7Dsdrl5E3HNkfJwSCqtGQM76UdaPiC8occJX2B97YqVbjFypUVILJovxb1N7TTxJJ0ZPFf1hU3s2n7oVhW1eg==","shasum":"10caf20503fe573b257984fdf6e1d52cc35a40b2","tarball":"https://registry.npmjs.org/@10play/tiptap-stagger/-/tiptap-stagger-0.0.6.tgz","fileCount":7,"unpackedSize":161289,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHELXaVJTEQ6vJ8YJkfIFpjGb0Mi7VVmoO9AVKCDYUw8AiB6bIAA5dG78JHtL9FJxYc5lmI6nSPoRtBf6UrY9/YqiA=="}]},"_npmUser":{"name":"17amir17","email":"amir@10play.dev"},"directories":{},"maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tiptap-stagger_0.0.6_1747489542163_0.7530476983636034"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-17T12:55:04.919Z","modified":"2025-05-17T13:45:42.563Z","0.0.1":"2025-05-17T12:55:05.260Z","0.0.2":"2025-05-17T13:04:07.639Z","0.0.3":"2025-05-17T13:23:01.769Z","0.0.4":"2025-05-17T13:35:19.117Z","0.0.5":"2025-05-17T13:38:07.689Z","0.0.6":"2025-05-17T13:45:42.337Z"},"description":"A Tiptap extension that adds staggered animation to text as it appears in the editor. Perfect for AI editors, chatbots, and anywhere you want to create a typewriter-like effect with more visual polish.","maintainers":[{"name":"17amir17","email":"amir@10play.dev"},{"name":"guy353","email":"guy353@gmail.com"}],"readme":"# Tiptap Stagger Extension\n\nA Tiptap extension that adds staggered animation to text as it appears in the editor. Perfect for AI editors, chatbots, and anywhere you want to create a typewriter-like effect with more visual polish.\n\n![Tiptap Stagger Demo](./example/assets/demo.gif)\n\n[![npm version](https://badge.fury.io/js/@10play%2Ftiptap-stagger.svg?icon=si%3Anpm)](https://badge.fury.io/js/@10play%2Ftiptap-stagger)\n\n## Features\n\n- Adds staggered animations to text as it's added to the editor\n- Works with both text nodes and block nodes\n- Lightweight with minimal dependencies\n\n## Installation\n\n```bash\n# Using npm\nnpm install @10play/tiptap-stagger\n\n# Using yarn\nyarn add @10play/tiptap-stagger\n\n# Using bun\nbun add @10play/tiptap-stagger\n```\n\n## Usage\n\n### In React with @tiptap/react\n\n```tsx\nimport { useEditor, EditorContent } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { StaggerExtension } from \"@10play/tiptap-stagger\";\n\nconst Editor = () => {\n  const editor = useEditor({\n    extensions: [StarterKit, StaggerExtension],\n    content: \"<p>Hello World!</p>\",\n    editable: false, // Typically used in read-only mode for AI responses\n  });\n\n  return <EditorContent editor={editor} />;\n};\n```\n\n### In Vue with @tiptap/vue-3\n\n```vue\n<script setup>\nimport { useEditor, EditorContent } from \"@tiptap/vue-3\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { StaggerExtension } from \"@10play/tiptap-stagger\";\n\nconst editor = useEditor({\n  extensions: [StarterKit, StaggerExtension],\n  content: \"<p>Hello World!</p>\",\n  editable: false,\n});\n</script>\n\n<template>\n  <EditorContent :editor=\"editor\" />\n</template>\n```\n\n## Configuration\n\nThe StaggerExtension accepts the following configuration options:\n\n```typescript\nStaggerExtension.configure({\n  enabled: true, // Enable or disable the stagger effect\n  animation: \"default\", // Currently only 'default' is supported\n});\n```\n\nYou can also toggle the stagger effect on and off:\n\n```typescript\n// Enable stagger animation\neditor.commands.setStaggerEnabled(true);\n\n// Disable stagger animation\neditor.commands.setStaggerEnabled(false);\n```\n\n## Demo\n\nCheck out the live demo on [GitHub Pages](https://10play.github.io/tiptap-stagger/) to see the stagger effect in action.\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\nMade with ❤️ by [10Play](https://www.10play.dev)\n","readmeFilename":"README.md"}