@bagelink/vue 1.6.43 → 1.6.49

package/src/components/form/inputs/RichText/utils/commands.ts

@@ -21,10 +21,10 @@ export interface CommandExecutor {
 
 // Helper functions
 function getCurrentSelection(state: EditorState): { selection: Selection, range: Range } | null {
-	if (!state.doc) {return null}
+	if (!state.doc) { return null }
 
 	const selection = state.doc.getSelection()
-	if (!selection || !selection.rangeCount) {return null}
+	if (!selection || !selection.rangeCount) { return null }
 
 	const range = selection.getRangeAt(0)
 	return { selection, range }
@@ -32,7 +32,7 @@ function getCurrentSelection(state: EditorState): { selection: Selection, range:
 
 // Alternative helper function to apply formatting to word at cursor
 function applyFormattingToWordAtCursor(doc: Document, range: Range, tagName: string): boolean {
-	if (!range.collapsed) {return false}
+	if (!range.collapsed) { return false }
 
 	let textNode = range.startContainer
 	let offset = range.startOffset
@@ -40,7 +40,7 @@ function applyFormattingToWordAtCursor(doc: Document, range: Range, tagName: str
 	// If we're in an element node, try to find a text node
 	if (textNode.nodeType !== Node.TEXT_NODE) {
 		const element = textNode as Element
-		if (0 < element.childNodes.length && offset < element.childNodes.length) {
+		if (element.childNodes.length > 0 && offset < element.childNodes.length) {
 			const childNode = element.childNodes[offset]
 			if (childNode.nodeType === Node.TEXT_NODE) {
 				textNode = childNode
@@ -54,7 +54,7 @@ function applyFormattingToWordAtCursor(doc: Document, range: Range, tagName: str
 	}
 
 	// Check if we're already inside a formatting element
-	const parentElement = textNode.parentElement
+	const { parentElement } = textNode
 	const existingFormatElement = parentElement?.closest(tagName.toLowerCase())
 
 	if (existingFormatElement) {
@@ -88,7 +88,7 @@ function applyFormattingToWordAtCursor(doc: Document, range: Range, tagName: str
 	}
 
 	const text = textNode.textContent || ''
-	if (!text) {return false}
+	if (!text) { return false }
 
 	// Find word boundaries - support Hebrew, English, and numbers
 	let start = offset
@@ -99,14 +99,14 @@ function applyFormattingToWordAtCursor(doc: Document, range: Range, tagName: str
 
 	// If we're at the end of a word (cursor right after the last character)
 	// move back one position to include that word
-	if (0 < offset && wordChar.test(text[offset - 1]) &&
-		(offset >= text.length || !wordChar.test(text[offset]))) {
+	if (offset > 0 && wordChar.test(text[offset - 1])
+		&& (offset >= text.length || !wordChar.test(text[offset]))) {
 		start = offset - 1
 		end = offset - 1
 	}
 
 	// Move start backwards to find word beginning
-	while (0 < start && wordChar.test(text[start - 1])) {
+	while (start > 0 && wordChar.test(text[start - 1])) {
 		start--
 	}
 
@@ -167,14 +167,14 @@ function applyFormattingToWordAtCursor(doc: Document, range: Range, tagName: str
 }
 
 function updateStateAfterCommand(state: EditorState) {
-	if (!state.doc) {return}
+	if (!state.doc) { return }
 
 	// Update content
 	state.content = state.doc.body.innerHTML
 
 	// Update selection state
 	const selection = state.doc.getSelection()
-	if (selection && 0 < selection.rangeCount) {
+	if (selection && selection.rangeCount > 0) {
 		state.selection = selection
 		state.range = selection.getRangeAt(0).cloneRange()
 		state.rangeCount = selection.rangeCount
@@ -197,7 +197,7 @@ function createCommand(name: string, execute: Command['execute'], isActive?: Com
 	return {
 		name,
 		execute: (state: EditorState, value?: string) => {
-			if (!state.doc) {return}
+			if (!state.doc) { return }
 			execute(state, value)
 			updateStateAfterCommand(state)
 		},
@@ -209,7 +209,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 	// History commands
 	const historyCommands = {
 		undo: createCommand('Undo', () => {
-			if (0 < state.undoStack.length && state.doc) {
+			if (state.undoStack.length > 0 && state.doc) {
 				const lastContent = state.undoStack.pop()
 				if (lastContent !== undefined) {
 					state.redoStack.push(state.content)
@@ -219,7 +219,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 			}
 		}),
 		redo: createCommand('Redo', () => {
-			if (0 < state.redoStack.length && state.doc) {
+			if (state.redoStack.length > 0 && state.doc) {
 				const nextContent = state.redoStack.pop()
 				if (nextContent !== undefined) {
 					state.undoStack.push(state.content)
@@ -234,15 +234,15 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 	const textCommands = {
 		bold: createCommand('Bold', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			let { range, selection } = selectionInfo
 
 			// If no text is selected, try to apply formatting to word at cursor
 			if (range.collapsed) {
 				const success = applyFormattingToWordAtCursor(state.doc!, range, 'b')
-				if (success) {return}
-return
+				if (success) { return }
+				return
 			}
 
 			// Check if the selection is already bold
@@ -291,7 +291,7 @@ return
 		}, (state) => {
 			// isActive function for bold
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const commonAncestor = selectionInfo.range.commonAncestorContainer
 			const parentElement = commonAncestor.nodeType === Node.TEXT_NODE
@@ -303,15 +303,15 @@ return
 
 		italic: createCommand('Italic', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			let { range, selection } = selectionInfo
 
 			// If no text is selected, try to apply formatting to word at cursor
 			if (range.collapsed) {
 				const success = applyFormattingToWordAtCursor(state.doc!, range, 'i')
-				if (success) {return}
-return
+				if (success) { return }
+				return
 			}
 
 			// Check if the selection is already italic
@@ -360,7 +360,7 @@ return
 		}, (state) => {
 			// isActive function for italic
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const commonAncestor = selectionInfo.range.commonAncestorContainer
 			const parentElement = commonAncestor.nodeType === Node.TEXT_NODE
@@ -372,15 +372,15 @@ return
 
 		underline: createCommand('Underline', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			let { range, selection } = selectionInfo
 
 			// If no text is selected, try to apply formatting to word at cursor
 			if (range.collapsed) {
 				const success = applyFormattingToWordAtCursor(state.doc!, range, 'u')
-				if (success) {return}
-return
+				if (success) { return }
+				return
 			}
 
 			// Check if the selection is already underlined
@@ -429,7 +429,7 @@ return
 		}, (state) => {
 			// isActive function for underline
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const commonAncestor = selectionInfo.range.commonAncestorContainer
 			const parentElement = commonAncestor.nodeType === Node.TEXT_NODE
@@ -440,14 +440,14 @@ return
 		}),
 
 		link: createCommand('Link', (state) => {
-			const openLinkModal = (state as any).openLinkModal
+			const { openLinkModal } = state as any
 			if (openLinkModal) {
 				insertLink(openLinkModal, state)
 			}
 		}, (state) => {
 			// isActive function for link
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const commonAncestor = selectionInfo.range.commonAncestorContainer
 			const parentElement = commonAncestor.nodeType === Node.TEXT_NODE
@@ -463,17 +463,17 @@ return
 		...acc,
 		[cmd]: createCommand(`Heading ${cmd}`, (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range, selection } = selectionInfo
 			const currentBlock = findBlockElement(range.commonAncestorContainer)
-			if (!currentBlock) {return}
+			if (!currentBlock) { return }
 
 			// Store the original selection information before modification
-			const startContainer = range.startContainer
-			const endContainer = range.endContainer
-			const startOffset = range.startOffset
-			const endOffset = range.endOffset
+			const { startContainer } = range
+			const { endContainer } = range
+			const { startOffset } = range
+			const { endOffset } = range
 			const isCollapsed = range.collapsed
 
 			// Check if we need to toggle off (already in the same heading)
@@ -497,7 +497,7 @@ return
 
 					// Find corresponding nodes in the new block
 					const findCorrespondingNode = (originalNode: Node, originalBlock: Element, newBlock: Element): Node | null => {
-						if (originalNode === originalBlock) {return newBlock}
+						if (originalNode === originalBlock) { return newBlock }
 
 						// If it's a text node, find it by traversing the tree
 						if (originalNode.nodeType === Node.TEXT_NODE) {
@@ -589,7 +589,6 @@ return
 						newBlock.parentNode?.insertBefore(p, newBlock.nextSibling)
 					}
 				}
-
 			} catch (error) {
 				console.error(`Error applying ${cmd} heading:`, error)
 			}
@@ -600,14 +599,14 @@ return
 	const blockCommands = {
 		p: createCommand('Paragraph', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const currentBlock = findBlockElement(range.commonAncestorContainer)
-			if (!currentBlock) {return}
+			if (!currentBlock) { return }
 
 			// Check if already a paragraph - if so, nothing to do
-			if ('p' === currentBlock.tagName.toLowerCase()) {
+			if (currentBlock.tagName.toLowerCase() === 'p') {
 				return
 			}
 
@@ -634,14 +633,14 @@ return
 
 		blockquote: createCommand('Blockquote', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const currentBlock = findBlockElement(range.commonAncestorContainer)
-			if (!currentBlock) {return}
+			if (!currentBlock) { return }
 
 			// Check if already a blockquote - if so, toggle to paragraph
-			const isToggleOff = 'blockquote' === currentBlock.tagName.toLowerCase()
+			const isToggleOff = currentBlock.tagName.toLowerCase() === 'blockquote'
 			const newTag = isToggleOff ? 'p' : 'blockquote'
 
 			try {
@@ -670,20 +669,20 @@ return
 	const listCommands = {
 		orderedList: createCommand('Ordered List', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const currentBlock = findBlockElement(range.commonAncestorContainer)
-			if (!currentBlock) {return}
+			if (!currentBlock) { return }
 
 			// Check if we're inside a list item
 			const listItem = currentBlock.closest('li')
 			if (listItem) {
 				const listParent = listItem.parentElement as HTMLElement
-				if (!listParent) {return}
+				if (!listParent) { return }
 
 				// If it's already an ordered list, toggle off to paragraph
-				if ('ol' === listParent.tagName.toLowerCase()) {
+				if (listParent.tagName.toLowerCase() === 'ol') {
 					const p = state.doc!.createElement('p')
 					while (listItem.firstChild) {
 						p.appendChild(listItem.firstChild)
@@ -703,7 +702,7 @@ return
 				}
 
 				// Convert unordered list to ordered list
-				if ('ul' === listParent.tagName.toLowerCase()) {
+				if (listParent.tagName.toLowerCase() === 'ul') {
 					const ol = state.doc!.createElement('ol')
 
 					// Store current cursor position before conversion
@@ -762,20 +761,20 @@ return
 
 		unorderedList: createCommand('Unordered List', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const currentBlock = findBlockElement(range.commonAncestorContainer)
-			if (!currentBlock) {return}
+			if (!currentBlock) { return }
 
 			// Check if we're inside a list item
 			const listItem = currentBlock.closest('li')
 			if (listItem) {
 				const listParent = listItem.parentElement as HTMLElement
-				if (!listParent) {return}
+				if (!listParent) { return }
 
 				// If it's already an unordered list, toggle off to paragraph
-				if ('ul' === listParent.tagName.toLowerCase()) {
+				if (listParent.tagName.toLowerCase() === 'ul') {
 					const p = state.doc!.createElement('p')
 					while (listItem.firstChild) {
 						p.appendChild(listItem.firstChild)
@@ -795,7 +794,7 @@ return
 				}
 
 				// Convert ordered list to unordered list
-				if ('ol' === listParent.tagName.toLowerCase()) {
+				if (listParent.tagName.toLowerCase() === 'ol') {
 					const ul = state.doc!.createElement('ul')
 
 					// Store current cursor position before conversion
@@ -858,7 +857,7 @@ return
 	const formatCommands = {
 		clear: createCommand('Clear Formatting', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range, selection } = selectionInfo
 
@@ -871,7 +870,7 @@ return
 						// Remove extra whitespace
 						.replace(/\s+/g, ' ')
 						// Remove invisible characters
-						.replace(/[\u00A0]/g, ' ') // non-breaking space to regular space
+						.replace(/\u00A0/g, ' ') // non-breaking space to regular space
 						.trim()
 				}
 
@@ -895,7 +894,7 @@ return
 							// For formatting elements, just return the cleaned text content
 							const cleanedText = cleanText(element.textContent || '')
 							return state.doc!.createTextNode(cleanedText)
-						}if (structuralTags.includes(tagName)) {
+						} if (structuralTags.includes(tagName)) {
 							// For structural elements, keep the element but remove all styling attributes
 							const cleanElement = state.doc!.createElement(tagName)
 
@@ -943,7 +942,7 @@ return
 
 				if (range.collapsed) {
 					// If no selection, clean the entire document
-					const body = state.doc!.body
+					const { body } = (state.doc!)
 					const cleanedFragment = state.doc!.createDocumentFragment()
 
 					Array.from(body.childNodes).forEach((node) => {
@@ -1007,7 +1006,7 @@ return
 			// If we have an openTableEditor function in state, use it for new tables
 			if ((state as any).openTableEditor && !value) {
 				console.log('Opening table editor modal for new table')
-					; (state as any).openTableEditor(null)
+				; (state as any).openTableEditor(null)
 				return
 			}
 
@@ -1078,10 +1077,10 @@ return
 	// Table alignment commands
 	const alignmentCommands = ['Left', 'Center', 'Right', 'Justify'].reduce((acc, align) => ({
 		...acc,
-		[`tableAlign${align}`]: createCommand(`Table Align ${align}`, state => {
+		[`tableAlign${align}`]: createCommand(`Table Align ${align}`, (state) => {
 			if (state.range) {
-				const alignment = 'Left' === align ? 'start' : 'Right' === align ? 'end' : align.toLowerCase() as 'center' | 'justify'
-				return alignColumn(state.range, alignment)
+				const alignment = align === 'Left' ? 'start' : align === 'Right' ? 'end' : align.toLowerCase() as 'center' | 'justify'
+				alignColumn(state.range, alignment)
 			}
 		})
 	}), {})
@@ -1090,7 +1089,7 @@ return
 	const textAlignmentCommands = {
 		alignLeft: createCommand('Align Left', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
@@ -1102,19 +1101,19 @@ return
 			}
 		}, (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
 				? range.startContainer.parentElement?.closest('p, h1, h2, h3, h4, h5, h6')
 				: (range.startContainer as Element).closest('p, h1, h2, h3, h4, h5, h6')
 
-			return 'left' === (paragraph as HTMLElement)?.style.textAlign
+			return (paragraph as HTMLElement)?.style.textAlign === 'left'
 		}),
 
 		alignCenter: createCommand('Align Center', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
@@ -1126,19 +1125,19 @@ return
 			}
 		}, (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
 				? range.startContainer.parentElement?.closest('p, h1, h2, h3, h4, h5, h6')
 				: (range.startContainer as Element).closest('p, h1, h2, h3, h4, h5, h6')
 
-			return 'center' === (paragraph as HTMLElement)?.style.textAlign
+			return (paragraph as HTMLElement)?.style.textAlign === 'center'
 		}),
 
 		alignRight: createCommand('Align Right', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
@@ -1150,19 +1149,19 @@ return
 			}
 		}, (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
 				? range.startContainer.parentElement?.closest('p, h1, h2, h3, h4, h5, h6')
 				: (range.startContainer as Element).closest('p, h1, h2, h3, h4, h5, h6')
 
-			return 'right' === (paragraph as HTMLElement)?.style.textAlign
+			return (paragraph as HTMLElement)?.style.textAlign === 'right'
 		}),
 
 		alignJustify: createCommand('Align Justify', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
@@ -1174,19 +1173,19 @@ return
 			}
 		}, (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
 				? range.startContainer.parentElement?.closest('p, h1, h2, h3, h4, h5, h6')
 				: (range.startContainer as Element).closest('p, h1, h2, h3, h4, h5, h6')
 
-			return 'justify' === (paragraph as HTMLElement)?.style.textAlign
+			return (paragraph as HTMLElement)?.style.textAlign === 'justify'
 		}),
 
 		textDirection: createCommand('Toggle Text Direction', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
@@ -1195,23 +1194,23 @@ return
 
 			if (paragraph) {
 				const currentDir = (paragraph as HTMLElement).dir || 'ltr'
-					; (paragraph as HTMLElement).dir = 'ltr' === currentDir ? 'rtl' : 'ltr'
+					; (paragraph as HTMLElement).dir = currentDir === 'ltr' ? 'rtl' : 'ltr'
 			}
 		}, (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
 				? range.startContainer.parentElement?.closest('p, h1, h2, h3, h4, h5, h6')
 				: (range.startContainer as Element).closest('p, h1, h2, h3, h4, h5, h6')
 
-			return 'rtl' === (paragraph as HTMLElement)?.dir
+			return (paragraph as HTMLElement)?.dir === 'rtl'
 		}),
 
 		ltrDirection: createCommand('Set Left to Right Direction', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
@@ -1223,19 +1222,19 @@ return
 			}
 		}, (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
 				? range.startContainer.parentElement?.closest('p, h1, h2, h3, h4, h5, h6')
 				: (range.startContainer as Element).closest('p, h1, h2, h3, h4, h5, h6')
 
-			return 'ltr' === (paragraph as HTMLElement)?.dir
+			return (paragraph as HTMLElement)?.dir === 'ltr'
 		}),
 
 		rtlDirection: createCommand('Set Right to Left Direction', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return}
+			if (!selectionInfo) { return }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
@@ -1247,14 +1246,14 @@ return
 			}
 		}, (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) {return false}
+			if (!selectionInfo) { return false }
 
 			const { range } = selectionInfo
 			const paragraph = range.startContainer.nodeType === Node.TEXT_NODE
 				? range.startContainer.parentElement?.closest('p, h1, h2, h3, h4, h5, h6')
 				: (range.startContainer as Element).closest('p, h1, h2, h3, h4, h5, h6')
 
-			return 'rtl' === (paragraph as HTMLElement)?.dir
+			return (paragraph as HTMLElement)?.dir === 'rtl'
 		})
 	}
 
@@ -1268,7 +1267,7 @@ return
 	// Media commands
 	const mediaCommands = {
 		image: createCommand('Insert Image', (state) => {
-			const openImageModal = (state as any).openImageModal
+			const { openImageModal } = state as any
 			if (openImageModal) {
 				openImageModal()
 			} else {
@@ -1276,7 +1275,7 @@ return
 			}
 		}),
 		video: createCommand('Insert Video', (state) => {
-			const openVideoModal = (state as any).openVideoModal
+			const { openVideoModal } = state as any
 			if (openVideoModal) {
 				openVideoModal()
 			} else {
@@ -1284,7 +1283,7 @@ return
 			}
 		}),
 		embed: createCommand('Insert Embed', (state) => {
-			const openEmbedModal = (state as any).openEmbedModal
+			const { openEmbedModal } = state as any
 			if (openEmbedModal) {
 				openEmbedModal()
 			} else {

package/src/components/form/inputs/RichText/utils/debug.ts

@@ -50,7 +50,7 @@ export class EditorDebugger {
 
 	private getNodeDescription(node: Node): string {
 		if (node.nodeType === Node.TEXT_NODE) {
-			return `Text("${node.textContent?.slice(0, 20)}${node.textContent && 20 < node.textContent.length ? '...' : ''}")`
+			return `Text("${node.textContent?.slice(0, 20)}${node.textContent && node.textContent.length > 20 ? '...' : ''}")`
 		}
 		const element = node as Element
 		return `${element.tagName.toLowerCase()}${element.id ? `#${element.id}` : ''}`