]> BookStack Code Mirror - bookstack/blob - resources/js/wysiwyg/nodes/index.ts
Lexical: Added basic list button/support
[bookstack] / resources / js / wysiwyg / nodes / index.ts
1 import {HeadingNode, QuoteNode} from '@lexical/rich-text';
2 import {CalloutNode} from './callout';
3 import {ElementNode, KlassConstructor, LexicalNode, LexicalNodeReplacement, ParagraphNode} from "lexical";
4 import {CustomParagraphNode} from "./custom-paragraph";
5 import {LinkNode} from "@lexical/link";
6 import {ImageNode} from "./image";
7 import {DetailsNode, SummaryNode} from "./details";
8 import {ListItemNode, ListNode} from "@lexical/list";
9
10 /**
11  * Load the nodes for lexical.
12  */
13 export function getNodesForPageEditor(): (KlassConstructor<typeof LexicalNode> | LexicalNodeReplacement)[] {
14     return [
15         CalloutNode, // Todo - Create custom
16         HeadingNode, // Todo - Create custom
17         QuoteNode, // Todo - Create custom
18         ListNode, // Todo - Create custom
19         ListItemNode,
20         ImageNode,
21         DetailsNode, SummaryNode,
22         CustomParagraphNode,
23         {
24             replace: ParagraphNode,
25             with: (node: ParagraphNode) => {
26                 return new CustomParagraphNode();
27             }
28         },
29         LinkNode,
30     ];
31 }
32
33 export type LexicalNodeMatcher = (node: LexicalNode|null|undefined) => boolean;
34 export type LexicalElementNodeCreator = () => ElementNode;