code-editor

1'use client';
2 
3import type { Editor as TiptapEditor, Range } from '@tiptap/core';
4import { mergeAttributes, Node } from '@tiptap/core';
5import CharacterCount from '@tiptap/extension-character-count';
6import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight';
7import Placeholder from '@tiptap/extension-placeholder';
8import Subscript from '@tiptap/extension-subscript';
9import Superscript from '@tiptap/extension-superscript';
10import Underline from '@tiptap/extension-underline';
11import Link from '@tiptap/extension-link';
12import { TaskItem } from '@tiptap/extension-task-item';
13import { TaskList } from '@tiptap/extension-task-list';
14import { TextStyle } from '@tiptap/extension-text-style';
15import Typography from '@tiptap/extension-typography';
16import type { DOMOutputSpec, Node as ProseMirrorNode } from '@tiptap/pm/model';
17import { PluginKey } from '@tiptap/pm/state';
18import {
19    ReactRenderer,
20    EditorProvider as TiptapEditorProvider,
21    type EditorProviderProps as TiptapEditorProviderProps,
22    useCurrentEditor,
23} from '@tiptap/react';
24import { Button } from '@/components/ui/button';
25import {
26    Command,
27    CommandEmpty,
28    CommandItem,
29    CommandList,
30} from '@/components/ui/command';
31import {
32    DropdownMenu,
33    DropdownMenuContent,
34    DropdownMenuItem,
35    DropdownMenuTrigger,
36} from '@/components/ui/dropdown-menu';
37import {
38    Popover,
39    PopoverContent,
40    PopoverTrigger,
41} from '@/components/ui/popover';
42import { Separator } from '@/components/ui/separator';
43import {
44    Tooltip,
45    TooltipContent,
46    TooltipProvider,
47    TooltipTrigger,
48} from '@/components/ui/tooltip';
49import { cn } from '@/lib/utils';
50 
51export type { Editor, JSONContent } from '@tiptap/react';
52 
53import StarterKit from '@tiptap/starter-kit';
54import Suggestion, { type SuggestionOptions } from '@tiptap/suggestion';
55import Fuse from 'fuse.js';
56import { all, createLowlight } from 'lowlight';
57import {
58    ArrowDownIcon,
59    ArrowLeftIcon,
60    ArrowRightIcon,
61    ArrowUpIcon,
62    BoldIcon,
63    BoltIcon,
64    CheckIcon,
65    CheckSquareIcon,
66    ChevronDownIcon,
67    CodeIcon,
68    ColumnsIcon,
69    EllipsisIcon,
70    EllipsisVerticalIcon,
71    ExternalLinkIcon,
72    Heading1Icon,
73    Heading2Icon,
74    Heading3Icon,
75    ItalicIcon,
76    ListIcon,
77    ListOrderedIcon,
78    type LucideIcon,
79    type LucideProps,
80    RemoveFormattingIcon,
81    RowsIcon,
82    StrikethroughIcon,
83    SubscriptIcon,
84    SuperscriptIcon,
85    TableCellsMergeIcon,
86    TableColumnsSplitIcon,
87    TableIcon,
88// … truncated