forked from github/plane
110 lines
3.2 KiB
TypeScript
110 lines
3.2 KiB
TypeScript
import {
|
|
Bold,
|
|
CaseSensitive,
|
|
Code2,
|
|
Heading1,
|
|
Heading2,
|
|
Heading3,
|
|
Heading4,
|
|
Heading5,
|
|
Heading6,
|
|
Image,
|
|
Italic,
|
|
List,
|
|
ListOrdered,
|
|
ListTodo,
|
|
LucideIcon,
|
|
Quote,
|
|
Strikethrough,
|
|
Table,
|
|
Underline,
|
|
} from "lucide-react";
|
|
// editor
|
|
import { EditorMenuItemNames } from "@plane/document-editor";
|
|
|
|
type TEditorTypes = "lite" | "document";
|
|
|
|
export type ToolbarMenuItem = {
|
|
key: EditorMenuItemNames;
|
|
name: string;
|
|
icon: LucideIcon;
|
|
shortcut?: string[];
|
|
editors: TEditorTypes[];
|
|
};
|
|
|
|
export const TYPOGRAPHY_ITEMS: ToolbarMenuItem[] = [
|
|
{ key: "text", name: "Text", icon: CaseSensitive, editors: ["document"] },
|
|
{ key: "h1", name: "Heading 1", icon: Heading1, editors: ["document"] },
|
|
{ key: "h2", name: "Heading 2", icon: Heading2, editors: ["document"] },
|
|
{ key: "h3", name: "Heading 3", icon: Heading3, editors: ["document"] },
|
|
{ key: "h4", name: "Heading 4", icon: Heading4, editors: ["document"] },
|
|
{ key: "h5", name: "Heading 5", icon: Heading5, editors: ["document"] },
|
|
{ key: "h6", name: "Heading 6", icon: Heading6, editors: ["document"] },
|
|
];
|
|
|
|
const BASIC_MARK_ITEMS: ToolbarMenuItem[] = [
|
|
{ key: "bold", name: "Bold", icon: Bold, shortcut: ["Cmd", "B"], editors: ["lite", "document"] },
|
|
{ key: "italic", name: "Italic", icon: Italic, shortcut: ["Cmd", "I"], editors: ["lite", "document"] },
|
|
{ key: "underline", name: "Underline", icon: Underline, shortcut: ["Cmd", "U"], editors: ["lite", "document"] },
|
|
{
|
|
key: "strikethrough",
|
|
name: "Strikethrough",
|
|
icon: Strikethrough,
|
|
shortcut: ["Cmd", "Shift", "S"],
|
|
editors: ["lite", "document"],
|
|
},
|
|
];
|
|
|
|
const LIST_ITEMS: ToolbarMenuItem[] = [
|
|
{
|
|
key: "bulleted-list",
|
|
name: "Bulleted list",
|
|
icon: List,
|
|
shortcut: ["Cmd", "Shift", "7"],
|
|
editors: ["lite", "document"],
|
|
},
|
|
{
|
|
key: "numbered-list",
|
|
name: "Numbered list",
|
|
icon: ListOrdered,
|
|
shortcut: ["Cmd", "Shift", "8"],
|
|
editors: ["lite", "document"],
|
|
},
|
|
{
|
|
key: "to-do-list",
|
|
name: "To-do list",
|
|
icon: ListTodo,
|
|
shortcut: ["Cmd", "Shift", "9"],
|
|
editors: ["lite", "document"],
|
|
},
|
|
];
|
|
|
|
const USER_ACTION_ITEMS: ToolbarMenuItem[] = [
|
|
{ key: "quote", name: "Quote", icon: Quote, editors: ["lite", "document"] },
|
|
{ key: "code", name: "Code", icon: Code2, editors: ["lite", "document"] },
|
|
];
|
|
|
|
const COMPLEX_ITEMS: ToolbarMenuItem[] = [
|
|
{ key: "table", name: "Table", icon: Table, editors: ["document"] },
|
|
{ key: "image", name: "Image", icon: Image, editors: ["lite", "document"] },
|
|
];
|
|
|
|
export const TOOLBAR_ITEMS: {
|
|
[editorType in TEditorTypes]: {
|
|
[key: string]: ToolbarMenuItem[];
|
|
};
|
|
} = {
|
|
lite: {
|
|
basic: BASIC_MARK_ITEMS.filter((item) => item.editors.includes("lite")),
|
|
list: LIST_ITEMS.filter((item) => item.editors.includes("lite")),
|
|
userAction: USER_ACTION_ITEMS.filter((item) => item.editors.includes("lite")),
|
|
complex: COMPLEX_ITEMS.filter((item) => item.editors.includes("lite")),
|
|
},
|
|
document: {
|
|
basic: BASIC_MARK_ITEMS.filter((item) => item.editors.includes("document")),
|
|
list: LIST_ITEMS.filter((item) => item.editors.includes("document")),
|
|
userAction: USER_ACTION_ITEMS.filter((item) => item.editors.includes("document")),
|
|
complex: COMPLEX_ITEMS.filter((item) => item.editors.includes("document")),
|
|
},
|
|
};
|