autoformat-kit

1'use client';
2 
3import type { SlateEditor } from 'platejs';
4 
5import {
6  createSlatePlugin,
7  createTextSubstitutionInputRule,
8  KEYS,
9} from 'platejs';
10 
11const isTextSubstitutionBlocked = (editor: SlateEditor) =>
12  editor.api.some({
13    match: {
14      type: [editor.getType(KEYS.codeBlock)],
15    },
16  });
17 
18const createAutoformatTextSubstitutionRule = ({
19  patterns,
20}: {
21  patterns: Parameters<typeof createTextSubstitutionInputRule>[0]['patterns'];
22}) =>
23  createTextSubstitutionInputRule({
24    enabled: ({ editor }) => !isTextSubstitutionBlocked(editor),
25    patterns,
26  });
27 
28const arrowsRule = createAutoformatTextSubstitutionRule({
29  patterns: [
30    { format: '→', match: '->' },
31    { format: '←', match: '<-' },
32    { format: '⇒', match: '=>' },
33    { format: '⇐', match: ['<=', '≤='] },
34  ],
35});
36 
37const comparisonsRule = createAutoformatTextSubstitutionRule({
38  patterns: [
39    { format: '≯', match: '!>' },
40    { format: '≮', match: '!<' },
41    { format: '≥', match: '>=' },
42    { format: '≤', match: '<=' },
43    { format: '≱', match: '!>=' },
44    { format: '≰', match: '!<=' },
45  ],
46});
47 
48const equalityRule = createAutoformatTextSubstitutionRule({
49  patterns: [
50    { format: '≠', match: '!=' },
51    { format: '≡', match: '==' },
52    { format: '≢', match: ['!==', '≠='] },
53    { format: '≈', match: '~=' },
54    { format: '≉', match: '!~=' },
55  ],
56});
57 
58const fractionsRule = createAutoformatTextSubstitutionRule({
59  patterns: [
60    { format: '½', match: '1/2' },
61    { format: '⅓', match: '1/3' },
62    { format: '¼', match: '1/4' },
63    { format: '⅕', match: '1/5' },
64    { format: '⅙', match: '1/6' },
65    { format: '⅐', match: '1/7' },
66    { format: '⅛', match: '1/8' },
67    { format: '⅑', match: '1/9' },
68    { format: '⅒', match: '1/10' },
69    { format: '⅔', match: '2/3' },
70    { format: '⅖', match: '2/5' },
71    { format: '¾', match: '3/4' },
72    { format: '⅗', match: '3/5' },
73    { format: '⅜', match: '3/8' },
74    { format: '⅘', match: '4/5' },
75    { format: '⅚', match: '5/6' },
76    { format: '⅝', match: '5/8' },
77    { format: '⅞', match: '7/8' },
78  ],
79});
80 
81const legalRule = createAutoformatTextSubstitutionRule({
82  patterns: [
83    { format: '™', match: ['(tm)', '(TM)'] },
84    { format: '®', match: ['(r)', '(R)'] },
85    { format: '©', match: ['(c)', '(C)'] },
86  ],
87});
88 
89const legalHtmlRule = createAutoformatTextSubstitutionRule({
90  patterns: [
91    { format: '™', match: '&trade;' },
92// … truncated