antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2026-02-06 09:55:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "fix(tiptap): prevent video embed replacement when adding content below"

Browse Source 
This reverts commit df62f39b8fb1146a84f30de757773e7bc56699a3.
This commit is contained in:
Anton Tranelis 2026-01-16 08:49:22 +01:00
parent 7c31198792
commit 04c8001114
1 changed files with 5 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
lib/src/Components/TipTap/extensions/VideoEmbed.tsx
View File

@ -1,5 +1,5 @@
import { mergeAttributes, Node } from '@tiptap/core'
import { NodeSelection, Plugin, PluginKey, TextSelection } from '@tiptap/pm/state'
import { Plugin, PluginKey } from '@tiptap/pm/state'
import { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react'
import type { NodeViewProps } from '@tiptap/react'
@ -49,9 +49,6 @@ export const VideoEmbed = Node.create<VideoEmbedOptions>({
name: 'videoEmbed',
group: 'block',
atom: true,
selectable: true,
draggable: false,
isolating: true,
addOptions() {
return {
@ -200,27 +197,6 @@ export const VideoEmbed = Node.create<VideoEmbedOptions>({
}
},
addKeyboardShortcuts() {
return {
Enter: ({ editor }) => {
const { selection } = editor.state
if (!(selection instanceof NodeSelection)) return false
if (selection.node.type.name !== this.name) return false
const $to = selection.$to
const insertPos = $to.after($to.depth)
editor
.chain()
.insertContentAt(insertPos, { type: 'paragraph' })
.setTextSelection(insertPos + 1)
.run()
return true
},
}
},
addProseMirrorPlugins() {
const nodeType = this.type
@ -235,39 +211,12 @@ export const VideoEmbed = Node.create<VideoEmbedOptions>({
const videoInfo = parseVideoUrl(text.trim())
if (!videoInfo) return false
event.preventDefault()
// Insert video embed node
const { state, dispatch } = view
const { selection } = state
const videoNode = nodeType.create(videoInfo)
// Insert after selected node instead of replacing it
if (selection instanceof NodeSelection) {
const insertPos = selection.$to.after(selection.$to.depth)
dispatch(state.tr.insert(insertPos, videoNode))
return true
}
dispatch(state.tr.replaceSelectionWith(videoNode))
return true
},
handleTextInput(view, _from, _to, text) {
const { state, dispatch } = view
const { selection, schema } = state
if (!(selection instanceof NodeSelection)) return false
if (selection.node.type.name !== 'videoEmbed') return false
// Insert text in a new paragraph after the video instead of replacing it
const insertPos = selection.$to.after(selection.$to.depth)
const paragraph = schema.nodes.paragraph.create(null, schema.text(text))
const tr = state.tr.insert(insertPos, paragraph)
const cursorPos = insertPos + 1 + text.length
tr.setSelection(TextSelection.near(tr.doc.resolve(cursorPos)))
const node = nodeType.create(videoInfo)
const tr = state.tr.replaceSelectionWith(node)
dispatch(tr)
return true
},
},