feat(journal): add journal editor

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matters/matters-editor",
-  "version": "0.2.4",
+  "version": "0.2.5-alpha.0",
   "description": "Editor for matters.news",
   "author": "https://github.com/thematters",
   "homepage": "https://github.com/thematters/matters-editor",

src/editors/Journal.tsx

@@ -0,0 +1,30 @@
+import { type EditorOptions, useEditor } from '@tiptap/react'
+
+import {
+  makeJournalEditorExtensions,
+  type MakeJournalEditorExtensionsProps,
+} from './extensions'
+
+type UseJournalEditorProps = {
+  content: string
+} & MakeJournalEditorExtensionsProps &
+  Partial<EditorOptions>
+
+export const useJournalEditor = ({
+  content,
+  placeholder,
+  mentionSuggestion,
+  ...editorProps
+}: UseJournalEditorProps) => {
+  const { extensions, ...restProps } = editorProps
+  const editor = useEditor({
+    extensions: [
+      ...makeJournalEditorExtensions({ placeholder, mentionSuggestion }),
+      ...(extensions ?? []),
+    ],
+    content,
+    ...restProps,
+  })
+
+  return editor
+}

src/editors/extensions/index.ts

@@ -111,3 +111,24 @@ export const makeCommentEditorExtensions = ({
 
   return extensions
 }
+
+/**
+ * Journal
+ */
+export interface MakeJournalEditorExtensionsProps {
+  placeholder?: string
+  mentionSuggestion?: MentionSuggestion
+}
+
+export const makeJournalEditorExtensions = ({
+  placeholder,
+  mentionSuggestion,
+}: MakeJournalEditorExtensionsProps) => {
+  const extensions = [...baseExtensions(placeholder)]
+
+  if (mentionSuggestion) {
+    extensions.push(Mention.configure({ suggestion: mentionSuggestion }))
+  }
+
+  return extensions
+}

src/transformers/normalize.ts

@@ -6,6 +6,7 @@ import { createHTMLDocument, parseHTML, type VHTMLDocument } from 'zeed-dom'
 import {
   makeArticleEditorExtensions,
   makeCommentEditorExtensions,
+  makeJournalEditorExtensions,
   Mention,
 } from '../editors/extensions'
 
@@ -40,3 +41,9 @@ export const normalizeCommentHTML = (html: string): string => {
   const normalizer = makeNormalizer([...extensions, Mention])
   return normalizer(html)
 }
+
+export const normalizeJournalHTML = (html: string): string => {
+  const extensions = makeJournalEditorExtensions({})
+  const normalizer = makeNormalizer([...extensions, Mention])
+  return normalizer(html)
+}