chore: make wysiwyg plugins explicit (#391)

lihebi · web-flow · commit 236d5f394a53 · 2023-07-23T15:05:56.000-07:00
diff --git a/ui/src/components/nodes/Rich.tsx b/ui/src/components/nodes/Rich.tsx
@@ -58,6 +58,22 @@ import {
   wysiwygPreset,
   MarkdownExtension,
   TOP_50_TLDS,
+  BidiExtension,
+  GapCursorExtension,
+  ShortcutsExtension,
+  TrailingNodeExtension,
+  HardBreakExtension,
+  HorizontalRuleExtension,
+  BlockquoteExtension,
+  CodeBlockExtension,
+  HeadingExtension,
+  IframeExtension,
+  BulletListExtension,
+  OrderedListExtension,
+  TaskListExtension,
+  CodeExtension,
+  StrikeExtension,
+  UnderlineExtension,
 } from "remirror/extensions";
 import {
   Remirror,
@@ -564,8 +580,6 @@ const MyEditor = ({
   const { manager, state, setState } = useRemirror({
     extensions: () => [
       new PlaceholderExtension({ placeholder }),
-      // new BoldExtension(),
-      // new ItalicExtension(),
       new ReactComponentExtension(),
       new TableExtension(),
       new TextHighlightExtension(),
@@ -575,14 +589,39 @@ const MyEditor = ({
         autoLink: true,
         autoLinkAllowedTLDs: ["dev", ...TOP_50_TLDS],
       }),
-      new ImageExtension({ enableResizing: true }),
-      new DropCursorExtension(),
       new MarkdownExtension(),
       new MyYjsExtension({ getProvider: () => provider, id }),
       new MathInlineExtension(),
       new MathBlockExtension(),
       // new CalloutExtension({ defaultType: "warn" }),
-      ...wysiwygPreset(),
+      // Plain
+      new BidiExtension(),
+      new DropCursorExtension(),
+      new GapCursorExtension(),
+      new ShortcutsExtension(),
+      new TrailingNodeExtension(),
+      // Nodes
+      new HardBreakExtension(),
+      new ImageExtension({ enableResizing: true }),
+      new HorizontalRuleExtension(),
+      new BlockquoteExtension(),
+      new CodeBlockExtension(),
+      new HeadingExtension(),
+      new IframeExtension(),
+      new BulletListExtension(),
+      new OrderedListExtension(),
+      new TaskListExtension(),
+
+      // Marks
+      new BoldExtension(),
+      new CodeExtension(),
+      new StrikeExtension(),
+      new ItalicExtension(),
+      new LinkExtension({
+        autoLink: true,
+        autoLinkAllowedTLDs: ["dev", ...TOP_50_TLDS],
+      }),
+      new UnderlineExtension(),
     ],
     onError: ({ json, invalidContent, transformers }) => {
       // Automatically remove all invalid nodes and marks.
