refactor: restructure extensions

packages/extension-font-family/src/font-family.ts

@@ -0,0 +1,69 @@
+import { Command, Extension } from '@tiptap/core'
+import '@tiptap/extension-text-style'
+
+type FontFamilyOptions = {
+  types: string[],
+}
+
+const FontFamily = Extension.create({
+  name: 'fontFamily',
+
+  defaultOptions: <FontFamilyOptions>{
+    types: ['textStyle'],
+  },
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          fontFamily: {
+            default: null,
+            renderHTML: attributes => {
+              if (!attributes.fontFamily) {
+                return {}
+              }
+
+              return {
+                style: `font-family: ${attributes.fontFamily}`,
+              }
+            },
+            parseHTML: element => ({
+              fontFamily: element.style.fontFamily.replace(/['"]+/g, ''),
+            }),
+          },
+        },
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      /**
+       * Set the font family
+       */
+      setFontFamily: (fontFamily: string): Command => ({ chain }) => {
+        return chain()
+          .setMark('textStyle', { fontFamily })
+          .run()
+      },
+      /**
+       * Unset the font family
+       */
+      unsetFontFamily: (): Command => ({ chain }) => {
+        return chain()
+          .setMark('textStyle', { fontFamily: null })
+          .removeEmptyTextStyle()
+          .run()
+      },
+    }
+  },
+})
+
+export default FontFamily
+
+declare module '@tiptap/core' {
+  interface AllExtensions {
+    FontFamily: typeof FontFamily,
+  }
+}