Use nostr-editor's tag extension

This commit is contained in:
Jon Staab
2024-08-30 09:25:39 -07:00
parent 719a8a3458
commit 05e35c9f26
5 changed files with 19 additions and 87 deletions
-81
View File
@@ -1,81 +0,0 @@
import {Node, nodePasteRule} from "@tiptap/core"
import type {Node as ProsemirrorNode} from "@tiptap/pm/model"
import type {MarkdownSerializerState} from "prosemirror-markdown"
import {createPasteRuleMatch} from "@lib/tiptap/util"
export const TOPIC_REGEX = /(?:^|\s)(#[^\s]+)/g
export interface TopicAttributes {
name: string
}
declare module "@tiptap/core" {
interface Commands<ReturnType> {
topic: {
insertTopic: (options: {name: string}) => ReturnType
}
}
}
export const TopicExtension = Node.create({
atom: true,
name: "topic",
group: "inline",
inline: true,
selectable: true,
draggable: true,
priority: 1000,
addAttributes() {
return {
name: {default: null},
}
},
renderText(props) {
return "#" + props.node.attrs.name
},
addStorage() {
return {
markdown: {
serialize(state: MarkdownSerializerState, node: ProsemirrorNode) {
state.write(node.attrs.name)
},
parse: {},
},
}
},
addCommands() {
return {
insertTopic:
({name}) =>
({commands}) => {
return commands.insertContent(
{type: this.name, attrs: {name}},
{
updateSelection: false,
},
)
},
}
},
addPasteRules() {
return [
nodePasteRule({
type: this.type,
getAttributes: match => match.data,
find: text => {
const matches = []
for (const match of text.matchAll(TOPIC_REGEX)) {
try {
matches.push(createPasteRuleMatch(match, {name: match[0]}))
} catch (e) {
continue
}
}
return matches
},
}),
]
},
})
-1
View File
@@ -1,4 +1,3 @@
export * from "@lib/tiptap/util"
export {createSuggestions} from "@lib/tiptap/Suggestions"
export {TopicExtension} from "@lib/tiptap/TopicExtension"
export {LinkExtension} from "@lib/tiptap/LinkExtension"