4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T37bd,'use client'; import * as React from 'react'; import { normalizeStaticValue } from 'platejs'; import { Plate, usePlateEditor } from 'platejs/react'; import { EditorKit } from '@/registry/blocks/editor-ai/components/editor/editor-kit'; import { SettingsDialog } from '@/registry/components/editor/settings-dialog'; import { Editor, EditorContainer } from '@/registry/ui/editor'; export function PlateEditor() { const editor = usePlateEditor({ plugins: EditorKit, value, }); return ( ); } const value = normalizeStaticValue([ { children: [{ text: 'Welcome to the Plate Playground!' }], type: 'h1', }, { children: [ { text: 'Experience a modern rich-text editor built with ' }, { children: [{ text: 'Slate' }], type: 'a', url: 'https://slatejs.org' }, { text: ' and ' }, { children: [{ text: 'React' }], type: 'a', url: 'https://reactjs.org' }, { text: ". This playground showcases just a part of Plate's capabilities. ", }, { children: [{ text: 'Explore the documentation' }], type: 'a', url: '/docs', }, { text: ' to discover more.' }, ], type: 'p', }, // Suggestions & Comments Section { children: [{ text: 'Collaborative Editing' }], type: 'h2', }, { children: [ { text: 'Review and refine content seamlessly. Use ' }, { children: [ { suggestion: true, suggestion_playground1: { id: 'playground1', createdAt: Date.now(), type: 'insert', userId: 'alice', }, text: 'suggestions', }, ], type: 'a', url: '/docs/suggestion', }, { suggestion: true, suggestion_playground1: { id: 'playground1', createdAt: Date.now(), type: 'insert', userId: 'alice', }, text: ' ', }, { suggestion: true, suggestion_playground1: { id: 'playground1', createdAt: Date.now(), type: 'insert', userId: 'alice', }, text: 'like this added text', }, { text: ' or to ' }, { suggestion: true, suggestion_playground2: { id: 'playground2', createdAt: Date.now(), type: 'remove', userId: 'bob', }, text: 'mark text for removal', }, { text: '. Discuss changes using ' }, { children: [ { comment: true, comment_discussion1: true, text: 'comments' }, ], type: 'a', url: '/docs/comment', }, { comment: true, comment_discussion1: true, text: ' on many text segments', }, { text: '. You can even have ' }, { comment: true, comment_discussion2: true, suggestion: true, suggestion_playground3: { id: 'playground3', createdAt: Date.now(), type: 'insert', userId: 'charlie', }, text: 'overlapping', }, { text: ' annotations!' }, ], type: 'p', }, // { // children: [ // { // text: 'Block-level suggestions are also supported for broader feedback.', // }, // ], // suggestion: { // suggestionId: 'suggestionBlock1', // type: 'block', // userId: 'charlie', // }, // type: 'p', // }, // AI Section { children: [{ text: 'AI-Powered Editing' }], type: 'h2', }, { children: [ { text: 'Boost your productivity with integrated ' }, { children: [{ text: 'AI SDK' }], type: 'a', url: '/docs/ai', }, { text: '. Press ' }, { kbd: true, text: '⌘+J' }, { text: ' or ' }, { kbd: true, text: 'Space' }, { text: ' in an empty line to:' }, ], type: 'p', }, { children: [ { text: 'Generate content (continue writing, summarize, explain)' }, ], indent: 1, listStyleType: 'disc', type: 'p', }, { children: [ { text: 'Edit existing text (improve, fix grammar, change tone)' }, ], indent: 1, listStyleType: 'disc', type: 'p', }, // Core Features Section (Combined) { children: [{ text: 'Rich Content Editing' }], type: 'h2', }, { children: [ { text: 'Structure your content with ' }, { children: [{ text: 'headings' }], type: 'a', url: '/docs/heading', }, { text: ', ' }, { children: [{ text: 'lists' }], type: 'a', url: '/docs/list', }, { text: ', and ' }, { children: [{ text: 'quotes' }], type: 'a', url: '/docs/blockquote', }, { text: '. Apply ' }, { children: [{ text: 'marks' }], type: 'a', url: '/docs/basic-marks', }, { text: ' like ' }, { bold: true, text: 'bold' }, { text: ', ' }, { italic: true, text: 'italic' }, { text: ', ' }, { text: 'underline', underline: true }, { text: ', ' }, { strikethrough: true, text: 'strikethrough' }, { text: ', and ' }, { code: true, text: 'code' }, { text: '. Use ' }, { children: [{ text: 'autoformatting' }], type: 'a', url: '/docs/autoformat', }, { text: ' for ' }, { children: [{ text: 'Markdown' }], type: 'a', url: '/docs/markdown', }, { text: '-like shortcuts (e.g., ' }, { kbd: true, text: '* ' }, { text: ' for lists, ' }, { kbd: true, text: '# ' }, { text: ' for H1).' }, ], type: 'p', }, { children: [ { children: [ { text: 'Blockquotes can group paragraphs, quoted lists, and reply chains.', }, ], type: 'p', }, { children: [ { text: 'Markdown blockquotes keep this nested structure instead of flattening it.', }, ], type: 'p', }, { children: [ { text: 'Quoted list item inside the same container.', }, ], indent: 1, listStyleType: 'disc', type: 'p', }, { children: [ { children: [{ text: 'Nested blockquotes work here too.' }], type: 'p', }, ], type: 'blockquote', }, ], type: 'blockquote', }, { children: [ { children: [{ text: 'function hello() {' }], type: 'code_line' }, { children: [{ text: " console.info('Code blocks are supported!');" }], type: 'code_line', }, { children: [{ text: '}' }], type: 'code_line' }, ], lang: 'javascript', type: 'code_block', }, { children: [ { text: 'Create ' }, { children: [{ text: 'links' }], type: 'a', url: '/docs/link', }, { text: ', ' }, { children: [{ text: '@mention' }], type: 'a', url: '/docs/mention', }, { text: ' users like ' }, { children: [{ text: '' }], type: 'mention', value: 'Alice' }, { text: ', or insert ' }, { children: [{ text: 'emojis' }], type: 'a', url: '/docs/emoji', }, { text: ' ✨. Use the ' }, { children: [{ text: 'slash command' }], type: 'a', url: '/docs/slash-command', }, { text: ' (/) for quick access to elements.' }, ], type: 'p', }, // Table Section { children: [{ text: 'How Plate Compares' }], type: 'h3', }, { children: [ { text: 'Plate offers many features out-of-the-box as free, open-source plugins.', }, ], type: 'p', }, { children: [ { children: [ { children: [ { children: [{ bold: true, text: 'Feature' }], type: 'p' }, ], type: 'th', }, { children: [ { children: [{ bold: true, text: 'Plate (Free & OSS)' }], type: 'p', }, ], type: 'th', }, { children: [ { children: [{ bold: true, text: 'Tiptap' }], type: 'p' }, ], type: 'th', }, ], type: 'tr', }, { children: [ { children: [{ children: [{ text: 'AI' }], type: 'p' }], type: 'td', }, { children: [ { attributes: { align: 'center' }, children: [{ text: '✅' }], type: 'p', }, ], type: 'td', }, { children: [{ children: [{ text: 'Paid Extension' }], type: 'p' }], type: 'td', }, ], type: 'tr', }, { children: [ { children: [{ children: [{ text: 'Comments' }], type: 'p' }], type: 'td', }, { children: [ { attributes: { align: 'center' }, children: [{ text: '✅' }], type: 'p', }, ], type: 'td', }, { children: [{ children: [{ text: 'Paid Extension' }], type: 'p' }], type: 'td', }, ], type: 'tr', }, { children: [ { children: [{ children: [{ text: 'Suggestions' }], type: 'p' }], type: 'td', }, { children: [ { attributes: { align: 'center' }, children: [{ text: '✅' }], type: 'p', }, ], type: 'td', }, { children: [ { children: [{ text: 'Paid (Comments Pro)' }], type: 'p' }, ], type: 'td', }, ], type: 'tr', }, { children: [ { children: [{ children: [{ text: 'Emoji Picker' }], type: 'p' }], type: 'td', }, { children: [ { attributes: { align: 'center' }, children: [{ text: '✅' }], type: 'p', }, ], type: 'td', }, { children: [{ children: [{ text: 'Paid Extension' }], type: 'p' }], type: 'td', }, ], type: 'tr', }, { children: [ { children: [ { children: [{ text: 'Table of Contents' }], type: 'p' }, ], type: 'td', }, { children: [ { attributes: { align: 'center' }, children: [{ text: '✅' }], type: 'p', }, ], type: 'td', }, { children: [{ children: [{ text: 'Paid Extension' }], type: 'p' }], type: 'td', }, ], type: 'tr', }, { children: [ { children: [{ children: [{ text: 'Drag Handle' }], type: 'p' }], type: 'td', }, { children: [ { attributes: { align: 'center' }, children: [{ text: '✅' }], type: 'p', }, ], type: 'td', }, { children: [{ children: [{ text: 'Paid Extension' }], type: 'p' }], type: 'td', }, ], type: 'tr', }, { children: [ { children: [ { children: [{ text: 'Collaboration (Yjs)' }], type: 'p' }, ], type: 'td', }, { children: [ { attributes: { align: 'center' }, children: [{ text: '✅' }], type: 'p', }, ], type: 'td', }, { children: [ { children: [{ text: 'Hocuspocus (OSS/Paid)' }], type: 'p' }, ], type: 'td', }, ], type: 'tr', }, ], type: 'table', }, // Media Section { children: [{ text: 'Images and Media' }], type: 'h3', }, { children: [ { text: 'Embed rich media like images directly in your content. Supports ', }, { children: [{ text: 'Media uploads' }], type: 'a', url: '/docs/media', }, { text: ' and ', }, { children: [{ text: 'drag & drop' }], type: 'a', url: '/docs/dnd', }, { text: ' for a smooth experience.', }, ], type: 'p', }, { attributes: { align: 'center' }, caption: [ { children: [{ text: 'Images with captions provide context.' }], type: 'p', }, ], children: [{ text: '' }], type: 'img', url: 'https://images.unsplash.com/photo-1712688930249-98e1963af7bd?q=80&w=600&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', width: '75%', }, { children: [{ text: '' }], isUpload: true, name: 'sample.pdf', type: 'file', url: 'https://s26.q4cdn.com/900411403/files/doc_downloads/test.pdf', }, { children: [{ text: '' }], type: 'audio', url: 'https://samplelib.com/lib/preview/mp3/sample-3s.mp3', }, { children: [{ text: 'Table of Contents' }], type: 'h3', }, { children: [{ text: '' }], type: 'toc', }, { children: [{ text: '' }], type: 'p', }, ]); 52:Te96,'use client'; import { type Value, TrailingBlockPlugin } from 'platejs'; import { type TPlateEditor, useEditorRef } from 'platejs/react'; import { AIKit } from '@/registry/components/editor/plugins/ai-kit'; import { AlignKit } from '@/registry/components/editor/plugins/align-kit'; import { AutoformatKit } from '@/registry/components/editor/plugins/autoformat-kit'; import { BasicBlocksKit } from '@/registry/components/editor/plugins/basic-blocks-kit'; import { BasicMarksKit } from '@/registry/components/editor/plugins/basic-marks-kit'; import { BlockMenuKit } from '@/registry/components/editor/plugins/block-menu-kit'; import { BlockPlaceholderKit } from '@/registry/components/editor/plugins/block-placeholder-kit'; import { CalloutKit } from '@/registry/components/editor/plugins/callout-kit'; import { CodeBlockKit } from '@/registry/components/editor/plugins/code-block-kit'; import { ColumnKit } from '@/registry/components/editor/plugins/column-kit'; import { CommentKit } from '@/registry/components/editor/plugins/comment-kit'; import { CopilotKit } from '@/registry/components/editor/plugins/copilot-kit'; import { CursorOverlayKit } from '@/registry/components/editor/plugins/cursor-overlay-kit'; import { DateKit } from '@/registry/components/editor/plugins/date-kit'; import { DiscussionKit } from '@/registry/components/editor/plugins/discussion-kit'; import { DndKit } from '@/registry/components/editor/plugins/dnd-kit'; import { DocxKit } from '@/registry/components/editor/plugins/docx-kit'; import { EmojiKit } from '@/registry/components/editor/plugins/emoji-kit'; import { ExitBreakKit } from '@/registry/components/editor/plugins/exit-break-kit'; import { FixedToolbarKit } from '@/registry/components/editor/plugins/fixed-toolbar-kit'; import { FloatingToolbarKit } from '@/registry/components/editor/plugins/floating-toolbar-kit'; import { FontKit } from '@/registry/components/editor/plugins/font-kit'; import { LineHeightKit } from '@/registry/components/editor/plugins/line-height-kit'; import { LinkKit } from '@/registry/components/editor/plugins/link-kit'; import { ListKit } from '@/registry/components/editor/plugins/list-kit'; import { MarkdownKit } from '@/registry/components/editor/plugins/markdown-kit'; import { MathKit } from '@/registry/components/editor/plugins/math-kit'; import { MediaKit } from '@/registry/components/editor/plugins/media-kit'; import { MentionKit } from '@/registry/components/editor/plugins/mention-kit'; import { SlashKit } from '@/registry/components/editor/plugins/slash-kit'; import { SuggestionKit } from '@/registry/components/editor/plugins/suggestion-kit'; import { TableKit } from '@/registry/components/editor/plugins/table-kit'; import { TocKit } from '@/registry/components/editor/plugins/toc-kit'; import { ToggleKit } from '@/registry/components/editor/plugins/toggle-kit'; export const EditorKit = [ ...CopilotKit, ...AIKit, // Elements ...BasicBlocksKit, ...CodeBlockKit, ...TableKit, ...ToggleKit, ...TocKit, ...MediaKit, ...CalloutKit, ...ColumnKit, ...MathKit, ...DateKit, ...LinkKit, ...MentionKit, // Marks ...BasicMarksKit, ...FontKit, // Block Style ...ListKit, ...AlignKit, ...LineHeightKit, // Collaboration ...DiscussionKit, ...CommentKit, ...SuggestionKit, // Editing ...SlashKit, ...AutoformatKit, ...CursorOverlayKit, ...BlockMenuKit, ...DndKit, ...EmojiKit, ...ExitBreakKit, TrailingBlockPlugin, // Parsers ...DocxKit, ...MarkdownKit, // UI ...BlockPlaceholderKit, ...FixedToolbarKit, ...FloatingToolbarKit, ]; export type MyEditor = TPlateEditor; export const useEditor = () => useEditorRef(); 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","sonner",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/sonner","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"sonner"}]]}]}]]}],["$","$L4f",null,{"namespace":"@catalogs","registryDependencies":["https://platejs.org/r/plate-ui.json","https://platejs.org/r/copilot-kit.json","https://platejs.org/r/media-uploadthing-api.json","https://platejs.org/r/plate-types.json","https://platejs.org/r/settings-dialog.json","https://platejs.org/r/editor-base-kit.json","https://platejs.org/r/ai-kit.json","https://platejs.org/r/align-kit.json","https://platejs.org/r/autoformat-kit.json","https://platejs.org/r/basic-nodes-kit.json","https://platejs.org/r/block-menu-kit.json","https://platejs.org/r/block-placeholder-kit.json","https://platejs.org/r/callout-kit.json","https://platejs.org/r/code-block-kit.json","https://platejs.org/r/column-kit.json","https://platejs.org/r/comment-kit.json","https://platejs.org/r/cursor-overlay-kit.json","https://platejs.org/r/date-kit.json","https://platejs.org/r/discussion-kit.json","https://platejs.org/r/dnd-kit.json","https://platejs.org/r/docx-kit.json","https://platejs.org/r/emoji-kit.json","https://platejs.org/r/exit-break-kit.json","https://platejs.org/r/fixed-toolbar-kit.json","https://platejs.org/r/floating-toolbar-kit.json","https://platejs.org/r/font-kit.json","https://platejs.org/r/line-height-kit.json","https://platejs.org/r/link-kit.json","https://platejs.org/r/list-kit.json","https://platejs.org/r/markdown-kit.json","https://platejs.org/r/math-kit.json","https://platejs.org/r/media-kit.json","https://platejs.org/r/mention-kit.json","https://platejs.org/r/slash-kit.json","https://platejs.org/r/suggestion-kit.json","https://platejs.org/r/table-kit.json","https://platejs.org/r/toc-kit.json","https://platejs.org/r/toggle-kit.json"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/blocks/editor-ai/page.tsx","content":"import { Toaster } from 'sonner';\n\nimport { PlateEditor } from '@/registry/blocks/editor-ai/components/editor/plate-editor';\n\nexport default function Page() {\n return (\n

\n \n\n \n

\n );\n}\n","type":"registry:page","target":"app/editor/page.tsx"},{"path":"src/registry/blocks/editor-ai/components/editor/plate-editor.tsx","content":"$51","type":"registry:component","target":"@components/editor/plate-editor.tsx"},{"path":"src/registry/blocks/editor-ai/components/editor/editor-kit.tsx","content":"$52","type":"registry:component","target":"@components/editor/editor-kit.tsx"}],"className":"h-[70svh] min-h-80"}]]}]