basic-blocks-kit

1'use client';
2 
3import {
4  BlockquoteRules,
5  HeadingRules,
6  HorizontalRuleRules,
7} from '@platejs/basic-nodes';
8import {
9  BlockquotePlugin,
10  H1Plugin,
11  H2Plugin,
12  H3Plugin,
13  H4Plugin,
14  H5Plugin,
15  H6Plugin,
16  HorizontalRulePlugin,
17} from '@platejs/basic-nodes/react';
18import { ParagraphPlugin } from 'platejs/react';
19 
20import { BlockquoteElement } from '@/registry/ui/blockquote-node';
21import {
22  H1Element,
23  H2Element,
24  H3Element,
25  H4Element,
26  H5Element,
27  H6Element,
28} from '@/registry/ui/heading-node';
29import { HrElement } from '@/registry/ui/hr-node';
30import { ParagraphElement } from '@/registry/ui/paragraph-node';
31 
32export const BasicBlocksKit = [
33  ParagraphPlugin.withComponent(ParagraphElement),
34  H1Plugin.configure({
35    inputRules: [HeadingRules.markdown()],
36    node: {
37      component: H1Element,
38    },
39    rules: {
40      break: { empty: 'reset' },
41    },
42    shortcuts: { toggle: { keys: 'mod+alt+1' } },
43  }),
44  H2Plugin.configure({
45    inputRules: [HeadingRules.markdown()],
46    node: {
47      component: H2Element,
48    },
49    rules: {
50      break: { empty: 'reset' },
51    },
52    shortcuts: { toggle: { keys: 'mod+alt+2' } },
53  }),
54  H3Plugin.configure({
55    inputRules: [HeadingRules.markdown()],
56    node: {
57      component: H3Element,
58    },
59    rules: {
60      break: { empty: 'reset' },
61    },
62    shortcuts: { toggle: { keys: 'mod+alt+3' } },
63  }),
64  H4Plugin.configure({
65    inputRules: [HeadingRules.markdown()],
66    node: {
67      component: H4Element,
68    },
69    rules: {
70      break: { empty: 'reset' },
71    },
72    shortcuts: { toggle: { keys: 'mod+alt+4' } },
73  }),
74  H5Plugin.configure({
75    inputRules: [HeadingRules.markdown()],
76    node: {
77      component: H5Element,
78    },
79    rules: {
80      break: { empty: 'reset' },
81    },
82    shortcuts: { toggle: { keys: 'mod+alt+5' } },
83  }),
84  H6Plugin.configure({
85    inputRules: [HeadingRules.markdown()],
86    node: {
87      component: H6Element,
88    },
89    rules: {
90      break: { empty: 'reset' },
91    },
92    shortcuts: { toggle: { keys: 'mod+alt+6' } },
93  }),
94  BlockquotePlugin.configure({
95    inputRules: [BlockquoteRules.markdown()],
96    node: { component: BlockquoteElement },
97    shortcuts: { toggle: { keys: 'mod+shift+period' } },
98  }),
99  HorizontalRulePlugin.configure({
100    inputRules: [
101      HorizontalRuleRules.markdown({ variant: '-' }),
102      HorizontalRuleRules.markdown({ variant: '_' }),
103    ],
104    node: {
105      component: HrElement,
106    },
107  }),
108];