refactor: restructure extensions

packages/extension-code/src/code.ts

@@ -0,0 +1,85 @@
+import {
+  Command,
+  Mark,
+  markInputRule,
+  markPasteRule,
+  mergeAttributes,
+} from '@tiptap/core'
+
+export interface CodeOptions {
+  HTMLAttributes: {
+    [key: string]: any
+  },
+}
+
+export const inputRegex = /(?:^|\s)((?:`)((?:[^`]+))(?:`))$/gm
+export const pasteRegex = /(?:^|\s)((?:`)((?:[^`]+))(?:`))/gm
+
+const Code = Mark.create({
+  name: 'code',
+
+  defaultOptions: <CodeOptions>{
+    HTMLAttributes: {},
+  },
+
+  excludes: '_',
+
+  parseHTML() {
+    return [
+      { tag: 'code' },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['code', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  addCommands() {
+    return {
+      /**
+       * Set a code mark
+       */
+      setCode: (): Command => ({ commands }) => {
+        return commands.setMark('code')
+      },
+      /**
+       * Toggle inline code
+       */
+      toggleCode: (): Command => ({ commands }) => {
+        return commands.toggleMark('code')
+      },
+      /**
+       * Unset a code mark
+       */
+      unsetCode: (): Command => ({ commands }) => {
+        return commands.unsetMark('code')
+      },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-e': () => this.editor.commands.toggleCode(),
+    }
+  },
+
+  addInputRules() {
+    return [
+      markInputRule(inputRegex, this.type),
+    ]
+  },
+
+  addPasteRules() {
+    return [
+      markPasteRule(inputRegex, this.type),
+    ]
+  },
+})
+
+export default Code
+
+declare module '@tiptap/core' {
+  interface AllExtensions {
+    Code: typeof Code,
+  }
+}