editor

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