Tweet node

tweet-node.tsx

import { mergeAttributes, Node } from "@tiptap/core"
import { ReactNodeViewRenderer } from "@tiptap/react"
import Component from "./StaticTwitter"

export default Node.create({
  name: "tweet-embed",
  group: "block",

  addAttributes() {
    return {
      tweetId: {
        default: "",
        parseHTML: (element) => element.getAttribute("data-tweetId"),
        renderHTML: (attributes) => {
          return {
            "data-tweetId": attributes.tweetId,
          }
        },
      },
    }
  },

  parseHTML() {
    return [
      {
        tag: "tweet-embed",
      },
    ]
  },

  renderHTML(props) {
    return ["tweet-embed", mergeAttributes(props.HTMLAttributes)]
  },

  addNodeView() {
    console.log("Adding node view!")
    return ReactNodeViewRenderer(Component)
  },
})