{"_id":"@boceto/tiptap","_rev":"5-a719dfa93b8fc490a5000152e87636e2","name":"@boceto/tiptap","dist-tags":{"latest":"0.3.2"},"versions":{"0.2.0":{"name":"@boceto/tiptap","version":"0.2.0","keywords":["boceto","wireframe","tiptap","prosemirror","editor"],"author":{"name":"Maravilla Labs"},"license":"MIT","_id":"@boceto/tiptap@0.2.0","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"homepage":"https://maravilla-labs.github.io/boceto/","bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"dist":{"shasum":"43f2a954f20c99fefa2ba7ec724198f642e726fe","tarball":"https://registry.npmjs.org/@boceto/tiptap/-/tiptap-0.2.0.tgz","fileCount":16,"integrity":"sha512-+fSnBxqLoSlqip4n8u9InhoT2iF/G3a05PdP1Y407UQIRf/bWoc/oAKmi15wIj2AcjoIe7O8LJC7SLK25WmCwg==","signatures":[{"sig":"MEUCICxURvJsno2h4iT2ieUomwWhi+nGQpsJmU6aJa82zN88AiEA+IZK1+MsXMNG+CkbQ83/F39SwrbGyWBgPMK4rByXgfg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":101771},"main":"./dist/index.cjs","type":"module","_from":"file:boceto-tiptap-0.2.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js","require":"./dist/react.cjs"},"./assets/boceto-icon.svg":"./src/assets/boceto-icon.svg"},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup"},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/9cc646a7952394487b1676aa78d1cdf7/boceto-tiptap-0.2.0.tgz","_integrity":"sha512-+fSnBxqLoSlqip4n8u9InhoT2iF/G3a05PdP1Y407UQIRf/bWoc/oAKmi15wIj2AcjoIe7O8LJC7SLK25WmCwg==","repository":{"url":"git+https://github.com/maravilla-labs/boceto.git","type":"git","directory":"packages/tiptap-boceto"},"_npmVersion":"10.9.3","description":"TipTap node + extension for embedding Boceto wireframes (with cross-block component context) in any TipTap editor.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"@boceto/core":"0.2.0","@boceto/edit":"0.2.0","@boceto/view":"0.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","jsdom":"^25.0.1","react":"^18.3.1","vitest":"^2.1.4","@tiptap/pm":"^2.10.3","typescript":"^5.6.3","@tiptap/core":"^2.10.3","@types/react":"^18.3.12","@tiptap/react":"^2.10.3","@tiptap/starter-kit":"^2.10.3"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","@tiptap/core":"^2.0.0","@tiptap/react":"^2.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"@tiptap/react":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/tiptap_0.2.0_1778939751319_0.6122110029310266","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@boceto/tiptap","version":"0.2.1","keywords":["boceto","wireframe","tiptap","prosemirror","editor"],"author":{"name":"Maravilla Labs"},"license":"MIT","_id":"@boceto/tiptap@0.2.1","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"homepage":"https://maravilla-labs.github.io/boceto/","bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"dist":{"shasum":"38e2433a5363e9e60c8e37832d3bc61cf4173624","tarball":"https://registry.npmjs.org/@boceto/tiptap/-/tiptap-0.2.1.tgz","fileCount":16,"integrity":"sha512-2BMM/5uNgD+hK1rPoNEcfT0iSW73Jjkt34GHxJQxC7VKZUUNHBAvQW45H6oB3VJ01Nz2qRSvt/qMMXhzfyz4ww==","signatures":[{"sig":"MEUCIEgpqyOxH4A/ctLqGqZDG32YWZhi182F0d3iu0q37s/HAiEAmf95SDYTranjqCObGXlyW0VqlHBa4p9MOq8QOrv/heE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":101787},"main":"./dist/index.cjs","type":"module","_from":"file:boceto-tiptap-0.2.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js","require":"./dist/react.cjs"},"./assets/boceto-icon.svg":"./src/assets/boceto-icon.svg"},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup"},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/8902bdf4604cbfc94589a9930c21fa9c/boceto-tiptap-0.2.1.tgz","_integrity":"sha512-2BMM/5uNgD+hK1rPoNEcfT0iSW73Jjkt34GHxJQxC7VKZUUNHBAvQW45H6oB3VJ01Nz2qRSvt/qMMXhzfyz4ww==","repository":{"url":"git+https://github.com/maravilla-labs/boceto.git","type":"git","directory":"packages/tiptap-boceto"},"_npmVersion":"10.9.3","description":"TipTap node + extension for embedding Boceto wireframes (with cross-block component context) in any TipTap editor.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"@boceto/core":"0.2.0","@boceto/edit":"0.2.0","@boceto/view":"0.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","jsdom":"^25.0.1","react":"^18.3.1","vitest":"^2.1.4","@tiptap/pm":"^3.0.0","typescript":"^5.6.3","@tiptap/core":"^3.0.0","@types/react":"^18.3.12","@tiptap/react":"^3.0.0","@tiptap/starter-kit":"^3.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","@tiptap/core":"^2.0.0 || ^3.0.0","@tiptap/react":"^2.0.0 || ^3.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"@tiptap/react":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/tiptap_0.2.1_1778940740133_0.41268677539639476","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@boceto/tiptap","version":"0.3.0","keywords":["boceto","wireframe","tiptap","prosemirror","editor"],"author":{"name":"Maravilla Labs"},"license":"MIT","_id":"@boceto/tiptap@0.3.0","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"homepage":"https://maravilla-labs.github.io/boceto/","bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"dist":{"shasum":"f6142a2ef6d575f8bb84397614b6b87d05fa7792","tarball":"https://registry.npmjs.org/@boceto/tiptap/-/tiptap-0.3.0.tgz","fileCount":16,"integrity":"sha512-Hn9srEGksdF30ptUUkJU5vp1/PW5OpheSvIbQGKgWUI8tT5MtiUA4Zi5yFgtbD0rOazwavn1GuXLVd+m2D1fTw==","signatures":[{"sig":"MEQCIHJy6Vl1P28AbjMIqXFJI8OgdaJfCN8P5ZhDg42v9n6yAiAhxLDh52eHtzbxxpbfO/SRpcUIKhz2K3CGDkU5wkyhHA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118413},"main":"./dist/index.cjs","type":"module","_from":"file:boceto-tiptap-0.3.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js","require":"./dist/react.cjs"},"./assets/boceto-icon.svg":"./src/assets/boceto-icon.svg"},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup"},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/2058d0fe711a6d74a295f0ffb1b19833/boceto-tiptap-0.3.0.tgz","_integrity":"sha512-Hn9srEGksdF30ptUUkJU5vp1/PW5OpheSvIbQGKgWUI8tT5MtiUA4Zi5yFgtbD0rOazwavn1GuXLVd+m2D1fTw==","repository":{"url":"git+https://github.com/maravilla-labs/boceto.git","type":"git","directory":"packages/tiptap-boceto"},"_npmVersion":"10.9.3","description":"TipTap node + extension for embedding Boceto wireframes (with cross-block component context) in any TipTap editor.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"@boceto/core":"0.3.0","@boceto/edit":"0.3.0","@boceto/view":"0.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","jsdom":"^25.0.1","react":"^18.3.1","vitest":"^2.1.4","@tiptap/pm":"^3.0.0","typescript":"^5.6.3","@tiptap/core":"^3.0.0","@types/react":"^18.3.12","@tiptap/react":"^3.0.0","@tiptap/starter-kit":"^3.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","@tiptap/core":"^2.0.0 || ^3.0.0","@tiptap/react":"^2.0.0 || ^3.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"@tiptap/react":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/tiptap_0.3.0_1779100181320_0.7215840526245645","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@boceto/tiptap","version":"0.3.1","keywords":["boceto","wireframe","tiptap","prosemirror","editor"],"author":{"name":"Maravilla Labs"},"license":"MIT","_id":"@boceto/tiptap@0.3.1","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"homepage":"https://maravilla-labs.github.io/boceto/","bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"dist":{"shasum":"1548184e591e88cdc82c149af1d680f534d2b22c","tarball":"https://registry.npmjs.org/@boceto/tiptap/-/tiptap-0.3.1.tgz","fileCount":16,"integrity":"sha512-Tl/FVMkkguFARqxcJ72vtwQxHttq6b73q+OAgWdKX698Z6fxit6ENAL4U2TCrtlTjIjwNB3eccQ0B0mgrhJm0w==","signatures":[{"sig":"MEUCIQC5tgQdvp53gbud2rMd3NQIAZT0Y/s8l81LMc1iPXD3NwIgURBbbhV/8urlUZpi/OtZm/8aBc7/p5bNZfAjZmb1aF4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118413},"main":"./dist/index.cjs","type":"module","_from":"file:boceto-tiptap-0.3.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js","require":"./dist/react.cjs"},"./assets/boceto-icon.svg":"./src/assets/boceto-icon.svg"},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup"},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/6bdf6335c23acb55836356d0fc0beca2/boceto-tiptap-0.3.1.tgz","_integrity":"sha512-Tl/FVMkkguFARqxcJ72vtwQxHttq6b73q+OAgWdKX698Z6fxit6ENAL4U2TCrtlTjIjwNB3eccQ0B0mgrhJm0w==","repository":{"url":"git+https://github.com/maravilla-labs/boceto.git","type":"git","directory":"packages/tiptap-boceto"},"_npmVersion":"10.9.3","description":"TipTap node + extension for embedding Boceto wireframes (with cross-block component context) in any TipTap editor.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"@boceto/core":"0.3.0","@boceto/edit":"0.4.0","@boceto/view":"0.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.0","jsdom":"^25.0.1","react":"^18.3.1","vitest":"^2.1.4","@tiptap/pm":"^3.0.0","typescript":"^5.6.3","@tiptap/core":"^3.0.0","@types/react":"^18.3.12","@tiptap/react":"^3.0.0","@tiptap/starter-kit":"^3.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","@tiptap/core":"^2.0.0 || ^3.0.0","@tiptap/react":"^2.0.0 || ^3.0.0"},"peerDependenciesMeta":{"react":{"optional":true},"@tiptap/react":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/tiptap_0.3.1_1779117010011_0.30847385952491657","host":"s3://npm-registry-packages-npm-production"}},"0.3.2":{"name":"@boceto/tiptap","version":"0.3.2","description":"TipTap node + extension for embedding Boceto wireframes (with cross-block component context) in any TipTap editor.","license":"MIT","author":{"name":"Maravilla Labs"},"homepage":"https://maravilla-labs.github.io/boceto/","repository":{"type":"git","url":"git+https://github.com/maravilla-labs/boceto.git","directory":"packages/tiptap-boceto"},"bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"keywords":["boceto","wireframe","tiptap","prosemirror","editor"],"type":"module","sideEffects":false,"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js","require":"./dist/react.cjs"},"./assets/boceto-icon.svg":"./src/assets/boceto-icon.svg"},"peerDependencies":{"@tiptap/core":"^2.0.0 || ^3.0.0","@tiptap/react":"^2.0.0 || ^3.0.0","react":"^18.0.0 || ^19.0.0"},"peerDependenciesMeta":{"@tiptap/react":{"optional":true},"react":{"optional":true}},"dependencies":{"@boceto/core":"0.3.0","@boceto/view":"0.2.1","@boceto/edit":"0.5.0"},"devDependencies":{"@tiptap/core":"^3.0.0","@tiptap/pm":"^3.0.0","@tiptap/react":"^3.0.0","@tiptap/starter-kit":"^3.0.0","@types/react":"^18.3.12","jsdom":"^25.0.1","react":"^18.3.1","tsup":"^8.3.0","typescript":"^5.6.3","vitest":"^2.1.4"},"publishConfig":{"access":"public"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"vitest run"},"_id":"@boceto/tiptap@0.3.2","_integrity":"sha512-DePL2T0OZPDdt2bTElXYWbPfouFbjilnlyPDkpdlPzvkL/EVF44TlDEHa/gF5MRNbVt9ynolGQKxvJxy5ivAIg==","_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/68fd40a957eae0c902f0fcfb6f1d487b/boceto-tiptap-0.3.2.tgz","_from":"file:boceto-tiptap-0.3.2.tgz","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-DePL2T0OZPDdt2bTElXYWbPfouFbjilnlyPDkpdlPzvkL/EVF44TlDEHa/gF5MRNbVt9ynolGQKxvJxy5ivAIg==","shasum":"709734f0fb37764a18f870ec773fbebb68cad471","tarball":"https://registry.npmjs.org/@boceto/tiptap/-/tiptap-0.3.2.tgz","fileCount":16,"unpackedSize":118413,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGH2T1rlmtwGGEMbQuoWrNKlywnqfUn6A2vI3fUef2g4AiEArIMZqpUbHPD7cwl7Ae9nAjozkY7UPhtxhU8loCtO4A8="}]},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"directories":{},"maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tiptap_0.3.2_1779134981706_0.8589721241897765"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-16T13:55:51.127Z","modified":"2026-05-18T20:09:42.025Z","0.2.0":"2026-05-16T13:55:51.461Z","0.2.1":"2026-05-16T14:12:20.282Z","0.3.0":"2026-05-18T10:29:41.456Z","0.3.1":"2026-05-18T15:10:10.156Z","0.3.2":"2026-05-18T20:09:41.887Z"},"bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"author":{"name":"Maravilla Labs"},"license":"MIT","homepage":"https://maravilla-labs.github.io/boceto/","keywords":["boceto","wireframe","tiptap","prosemirror","editor"],"repository":{"type":"git","url":"git+https://github.com/maravilla-labs/boceto.git","directory":"packages/tiptap-boceto"},"description":"TipTap node + extension for embedding Boceto wireframes (with cross-block component context) in any TipTap editor.","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"readme":"# @boceto/tiptap\n\nTipTap node + extension for embedding [Boceto](https://maravilla-labs.github.io/boceto/) wireframes in any TipTap editor.\n\nCross-block component context is preserved: define `component pricing-card(...)` in one block, reference `element pricing-card …` in any other block in the same document, and both render correctly — whether you're in read mode or actively editing.\n\n## Install\n\n```sh\npnpm add @boceto/tiptap @tiptap/core @tiptap/react react\n```\n\n## Quick start (React)\n\n```tsx\nimport { useEditor, EditorContent } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport { BocetoBlock, BocetoContext, BocetoIcon } from '@boceto/tiptap'\nimport { withReactNodeView } from '@boceto/tiptap/react'\n\nconst editor = useEditor({\n  extensions: [StarterKit, withReactNodeView(BocetoBlock), BocetoContext],\n  content: '<p>Hello</p><pre><code class=\"language-boceto\">component pricing-card(title) ...end</code></pre>',\n})\n\n// Toolbar button:\n<button onClick={() => editor?.chain().focus().insertBocetoBlock().run()}>\n  <span dangerouslySetInnerHTML={{ __html: BocetoIcon }} />\n</button>\n```\n\nVanilla TipTap (no React)? Drop the `/react` import — you can supply your own `addNodeView` on `BocetoBlock` that mounts `<boceto-view>` / `<boceto-edit>` directly.\n\n## What's in the box\n\n- **`BocetoBlock`** — atomic TipTap node that stores a Boceto fence (`code` + optional `page` attrs). Renders to `<pre><code class=\"language-boceto[:page]\">…</code></pre>`.\n- **`BocetoContext`** — TipTap extension that watches the doc for `bocetoBlock` nodes, joins their source as a single multi-fence DSL string, and exposes it on `editor.storage.bocetoContext.source`. Node views read it to seed `<boceto-edit>`'s and `<boceto-view>`'s `imports` prop, so component definitions from sibling blocks resolve.\n- **`BocetoIcon`** — Boceto's brand B-mark as an inline SVG string. Drop into toolbar buttons via `dangerouslySetInnerHTML` (React) or `innerHTML` (vanilla DOM).\n- **React node view** (default): click a Boceto block to enter edit mode (full `<boceto-edit>` + palette + inspector). Click \"Done\" to return to read mode.\n\n## Gotcha: palette + inspector\n\nThe default React node view mounts all three boceto custom elements together — `<boceto-edit>`, `<boceto-palette for=…>`, and `<boceto-inspector for=…>`. If you build a custom node view, do the same: authoring without the palette/inspector is unusable.\n\nIf you're hosting the editor *outside* a TipTap context, reach for `BocetoEditFull` from `@boceto/react` — it composes the three elements into a single component with a stable id wired through.\n\n## License\n\nMIT.\n","readmeFilename":"README.md"}