@bagelink/vue 1.5.17 → 1.5.20

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 (element.childNodes.length > 0 && offset < element.childNodes.length) {
+		if (0 < element.childNodes.length && offset < element.childNodes.length) {
 			const childNode = element.childNodes[offset]
 			if (childNode.nodeType === Node.TEXT_NODE) {
 				textNode = childNode
@@ -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 (offset > 0 && wordChar.test(text[offset - 1]) &&
+	if (0 < offset && 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 (start > 0 && wordChar.test(text[start - 1])) {
+	while (0 < start && 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 && selection.rangeCount > 0) {
+	if (selection && 0 < selection.rangeCount) {
 		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 (state.undoStack.length > 0 && state.doc) {
+			if (0 < state.undoStack.length && 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 (state.redoStack.length > 0 && state.doc) {
+			if (0 < state.redoStack.length && 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
-				else return
+				if (success) {return}
+return
 			}
 
 			// Check if the selection is already bold
@@ -291,7 +291,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 		}, (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 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 
 		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
-				else return
+				if (success) {return}
+return
 			}
 
 			// Check if the selection is already italic
@@ -360,7 +360,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 		}, (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 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 
 		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
-				else return
+				if (success) {return}
+return
 			}
 
 			// Check if the selection is already underlined
@@ -429,7 +429,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 		}, (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
@@ -447,7 +447,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 		}, (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,11 +463,11 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 		...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
@@ -497,7 +497,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 
 					// 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) {
@@ -600,14 +600,14 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 	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 (currentBlock.tagName.toLowerCase() === 'p') {
+			if ('p' === currentBlock.tagName.toLowerCase()) {
 				return
 			}
 
@@ -634,14 +634,14 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 
 		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 = currentBlock.tagName.toLowerCase() === 'blockquote'
+			const isToggleOff = 'blockquote' === currentBlock.tagName.toLowerCase()
 			const newTag = isToggleOff ? 'p' : 'blockquote'
 
 			try {
@@ -670,20 +670,20 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 	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 (listParent.tagName.toLowerCase() === 'ol') {
+				if ('ol' === listParent.tagName.toLowerCase()) {
 					const p = state.doc!.createElement('p')
 					while (listItem.firstChild) {
 						p.appendChild(listItem.firstChild)
@@ -703,7 +703,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 				}
 
 				// Convert unordered list to ordered list
-				if (listParent.tagName.toLowerCase() === 'ul') {
+				if ('ul' === listParent.tagName.toLowerCase()) {
 					const ol = state.doc!.createElement('ol')
 
 					// Store current cursor position before conversion
@@ -762,20 +762,20 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 
 		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 (listParent.tagName.toLowerCase() === 'ul') {
+				if ('ul' === listParent.tagName.toLowerCase()) {
 					const p = state.doc!.createElement('p')
 					while (listItem.firstChild) {
 						p.appendChild(listItem.firstChild)
@@ -795,7 +795,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 				}
 
 				// Convert ordered list to unordered list
-				if (listParent.tagName.toLowerCase() === 'ol') {
+				if ('ol' === listParent.tagName.toLowerCase()) {
 					const ul = state.doc!.createElement('ul')
 
 					// Store current cursor position before conversion
@@ -858,7 +858,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 	const formatCommands = {
 		clear: createCommand('Clear Formatting', (state) => {
 			const selectionInfo = getCurrentSelection(state)
-			if (!selectionInfo) return
+			if (!selectionInfo) {return}
 
 			const { range, selection } = selectionInfo
 
@@ -895,7 +895,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 							// For formatting elements, just return the cleaned text content
 							const cleanedText = cleanText(element.textContent || '')
 							return state.doc!.createTextNode(cleanedText)
-						} else 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)
 
@@ -1080,7 +1080,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 		...acc,
 		[`tableAlign${align}`]: createCommand(`Table Align ${align}`, state => {
 			if (state.range) {
-				const alignment = align === 'Left' ? 'start' : align === 'Right' ? 'end' : align.toLowerCase() as 'center' | 'justify'
+				const alignment = 'Left' === align ? 'start' : 'Right' === align ? 'end' : align.toLowerCase() as 'center' | 'justify'
 				return alignColumn(state.range, alignment)
 			}
 		})
@@ -1090,7 +1090,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 	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 +1102,19 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 			}
 		}, (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 (paragraph as HTMLElement)?.style.textAlign === 'left'
+			return 'left' === (paragraph as HTMLElement)?.style.textAlign
 		}),
 
 		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 +1126,19 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 			}
 		}, (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 (paragraph as HTMLElement)?.style.textAlign === 'center'
+			return 'center' === (paragraph as HTMLElement)?.style.textAlign
 		}),
 
 		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 +1150,19 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 			}
 		}, (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 (paragraph as HTMLElement)?.style.textAlign === 'right'
+			return 'right' === (paragraph as HTMLElement)?.style.textAlign
 		}),
 
 		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 +1174,19 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 			}
 		}, (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 (paragraph as HTMLElement)?.style.textAlign === 'justify'
+			return 'justify' === (paragraph as HTMLElement)?.style.textAlign
 		}),
 
 		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 +1195,23 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 
 			if (paragraph) {
 				const currentDir = (paragraph as HTMLElement).dir || 'ltr'
-					; (paragraph as HTMLElement).dir = currentDir === 'ltr' ? 'rtl' : 'ltr'
+					; (paragraph as HTMLElement).dir = 'ltr' === currentDir ? '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 (paragraph as HTMLElement)?.dir === 'rtl'
+			return 'rtl' === (paragraph as HTMLElement)?.dir
 		}),
 
 		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 +1223,19 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 			}
 		}, (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 (paragraph as HTMLElement)?.dir === 'ltr'
+			return 'ltr' === (paragraph as HTMLElement)?.dir
 		}),
 
 		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 +1247,14 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 			}
 		}, (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 (paragraph as HTMLElement)?.dir === 'rtl'
+			return 'rtl' === (paragraph as HTMLElement)?.dir
 		})
 	}
 

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 && node.textContent.length > 20 ? '...' : ''}")`
+			return `Text("${node.textContent?.slice(0, 20)}${node.textContent && 20 < node.textContent.length ? '...' : ''}")`
 		}
 		const element = node as Element
 		return `${element.tagName.toLowerCase()}${element.id ? `#${element.id}` : ''}`