Linter

src/lib/components/SegmentedController.svelte

@@ -119,9 +119,7 @@
 			onmouseenter={() => (hoveredIndex = index)}
 			onmouseleave={() => (hoveredIndex = null)}
 		>
-			<item.icon
+			<item.icon class="nav-icon {hoveredIndex === index ? 'animate' : ''}" />
-				class="nav-icon {hoveredIndex === index ? 'animate' : ''}"
-			/>
 			<span>{item.text}</span>
 		</a>
 	{/each}

src/lib/components/admin/EditorWithUpload.svelte

@@ -252,7 +252,11 @@
 	}
 
 	// Handle link context menu
-	const handleShowLinkContextMenu = (pos: number, url: string, coords: { x: number, y: number }) => {
+	const handleShowLinkContextMenu = (
+		pos: number,
+		url: string,
+		coords: { x: number; y: number }
+	) => {
 		if (!editor) return
 
 		linkContextMenuPosition = { x: coords.x, y: coords.y + 5 }
@@ -325,7 +329,13 @@
 	}
 
 	$effect(() => {
-		if (showTextStyleDropdown || showMediaDropdown || showUrlConvertDropdown || showLinkContextMenu || showLinkEditDialog) {
+		if (
+			showTextStyleDropdown ||
+			showMediaDropdown ||
+			showUrlConvertDropdown ||
+			showLinkContextMenu ||
+			showLinkEditDialog
+		) {
 			document.addEventListener('click', handleClickOutside)
 			return () => {
 				document.removeEventListener('click', handleClickOutside)
@@ -484,9 +494,9 @@
 					// Dismiss URL convert dropdown if user types
 					if (showUrlConvertDropdown && transaction.docChanged) {
 						// Check if the change is actual typing (not just cursor movement)
-						const hasTextChange = transaction.steps.some(step => 
+						const hasTextChange = transaction.steps.some(
-							step.toJSON().stepType === 'replace' || 
+							(step) =>
-							step.toJSON().stepType === 'replaceAround'
+								step.toJSON().stepType === 'replace' || step.toJSON().stepType === 'replaceAround'
 						)
 						if (hasTextChange) {
 							showUrlConvertDropdown = false

src/lib/components/edra/extensions/link-context-menu/LinkContextMenu.ts

@@ -2,7 +2,7 @@ import { Extension } from '@tiptap/core'
 import { Plugin, PluginKey } from '@tiptap/pm/state'
 
 export interface LinkContextMenuOptions {
-	onShowContextMenu?: (pos: number, url: string, coords: { x: number, y: number }) => void
+	onShowContextMenu?: (pos: number, url: string, coords: { x: number; y: number }) => void
 }
 
 export const LinkContextMenu = Extension.create<LinkContextMenuOptions>({
@@ -30,7 +30,7 @@ export const LinkContextMenu = Extension.create<LinkContextMenuOptions>({
 
 							const $pos = state.doc.resolve(pos.pos)
 							const marks = $pos.marks()
-							const linkMark = marks.find(mark => mark.type.name === 'link')
+							const linkMark = marks.find((mark) => mark.type.name === 'link')
 
 							if (linkMark && linkMark.attrs.href) {
 								event.preventDefault()

src/lib/components/edra/extensions/url-embed/UrlEmbed.ts

@@ -78,7 +78,10 @@ export const UrlEmbed = Node.create<UrlEmbedOptions>({
 	},
 
 	renderHTML({ HTMLAttributes }) {
-		return ['div', mergeAttributes({ 'data-url-embed': '' }, this.options.HTMLAttributes, HTMLAttributes)]
+		return [
+			'div',
+			mergeAttributes({ 'data-url-embed': '' }, this.options.HTMLAttributes, HTMLAttributes)
+		]
 	},
 
 	addCommands() {
@@ -106,7 +109,7 @@ export const UrlEmbed = Node.create<UrlEmbedOptions>({
 					// Find the link mark at the given position
 					const $pos = doc.resolve(pos)
 					const marks = $pos.marks()
-					const linkMark = marks.find(mark => mark.type.name === 'link')
+					const linkMark = marks.find((mark) => mark.type.name === 'link')
 
 					if (!linkMark) return false
 
@@ -119,14 +122,20 @@ export const UrlEmbed = Node.create<UrlEmbedOptions>({
 
 					// Walk backwards to find the start
 					doc.nodesBetween(Math.max(0, pos - 300), pos, (node, nodePos) => {
-						if (node.isText && node.marks.some(m => m.type.name === 'link' && m.attrs.href === url)) {
+						if (
+							node.isText &&
+							node.marks.some((m) => m.type.name === 'link' && m.attrs.href === url)
+						) {
 							from = nodePos
 						}
 					})
 
 					// Walk forwards to find the end
 					doc.nodesBetween(pos, Math.min(doc.content.size, pos + 300), (node, nodePos) => {
-						if (node.isText && node.marks.some(m => m.type.name === 'link' && m.attrs.href === url)) {
+						if (
+							node.isText &&
+							node.marks.some((m) => m.type.name === 'link' && m.attrs.href === url)
+						) {
 							to = nodePos + node.nodeSize
 						}
 					})
@@ -179,7 +188,8 @@ export const UrlEmbed = Node.create<UrlEmbedOptions>({
 						// Check if it's a plain text paste
 						if (text && !html) {
 							// Simple URL regex check
-							const urlRegex = /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/
+							const urlRegex =
+								/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/
 
 							if (urlRegex.test(text.trim())) {
 								// It's a URL, let it paste as a link naturally (don't prevent default)
@@ -199,20 +209,32 @@ export const UrlEmbed = Node.create<UrlEmbedOptions>({
 									let linkEnd = -1
 
 									// Search for the link in a reasonable range
-									for (let pos = beforePos; pos < Math.min(doc.content.size, beforePos + pastedUrl.length + 10); pos++) {
+									for (
+										let pos = beforePos;
+										pos < Math.min(doc.content.size, beforePos + pastedUrl.length + 10);
+										pos++
+									) {
 										try {
 											const $pos = doc.resolve(pos)
 											const marks = $pos.marks()
-											const linkMark = marks.find(m => m.type.name === 'link' && m.attrs.href === pastedUrl)
+											const linkMark = marks.find(
+												(m) => m.type.name === 'link' && m.attrs.href === pastedUrl
+											)
 
 											if (linkMark) {
 												// Found the link, now find its boundaries
 												linkStart = pos
 
 												// Find the end of the link
-												for (let endPos = pos; endPos < Math.min(doc.content.size, pos + pastedUrl.length + 5); endPos++) {
+												for (
+													let endPos = pos;
+													endPos < Math.min(doc.content.size, pos + pastedUrl.length + 5);
+													endPos++
+												) {
 													const $endPos = doc.resolve(endPos)
-													const hasLink = $endPos.marks().some(m => m.type.name === 'link' && m.attrs.href === pastedUrl)
+													const hasLink = $endPos
+														.marks()
+														.some((m) => m.type.name === 'link' && m.attrs.href === pastedUrl)
 													if (hasLink) {
 														linkEnd = endPos + 1
 													} else {

src/lib/components/edra/headless/components/EmbedContextMenu.svelte

@@ -14,7 +14,17 @@
 		onDismiss: () => void
 	}
 
-	let { x, y, url, onConvertToLink, onCopyLink, onRefresh, onOpenLink, onRemove, onDismiss }: Props = $props()
+	let {
+		x,
+		y,
+		url,
+		onConvertToLink,
+		onCopyLink,
+		onRefresh,
+		onOpenLink,
+		onRemove,
+		onDismiss
+	}: Props = $props()
 
 	let dropdown: HTMLDivElement
 
@@ -52,27 +62,17 @@
 	<div class="menu-url">{url}</div>
 	<div class="menu-divider"></div>
 
-	<button class="menu-item" onclick={onOpenLink}>
+	<button class="menu-item" onclick={onOpenLink}> Open link </button>
-		Open link
-	</button>
 
-	<button class="menu-item" onclick={onCopyLink}>
+	<button class="menu-item" onclick={onCopyLink}> Copy link </button>
-		Copy link
-	</button>
 
-	<button class="menu-item" onclick={onRefresh}>
+	<button class="menu-item" onclick={onRefresh}> Refresh preview </button>
-		Refresh preview
-	</button>
 
-	<button class="menu-item" onclick={onConvertToLink}>
+	<button class="menu-item" onclick={onConvertToLink}> Convert to link </button>
-		Convert to link
-	</button>
 
 	<div class="menu-divider"></div>
 
-	<button class="menu-item danger" onclick={onRemove}>
+	<button class="menu-item danger" onclick={onRemove}> Remove card </button>
-		Remove card
-	</button>
 </div>
 
 <style lang="scss">

src/lib/components/edra/headless/components/LinkContextMenu.svelte

@@ -14,7 +14,17 @@
 		onDismiss: () => void
 	}
 
-	let { x, y, url, onConvertToCard, onEditLink, onCopyLink, onRemoveLink, onOpenLink, onDismiss }: Props = $props()
+	let {
+		x,
+		y,
+		url,
+		onConvertToCard,
+		onEditLink,
+		onCopyLink,
+		onRemoveLink,
+		onOpenLink,
+		onDismiss
+	}: Props = $props()
 
 	let dropdown: HTMLDivElement
 
@@ -52,27 +62,17 @@
 	<div class="menu-url">{url}</div>
 	<div class="menu-divider"></div>
 
-	<button class="menu-item" onclick={onOpenLink}>
+	<button class="menu-item" onclick={onOpenLink}> Open link </button>
-		Open link
-	</button>
 
-	<button class="menu-item" onclick={onEditLink}>
+	<button class="menu-item" onclick={onEditLink}> Edit link </button>
-		Edit link
-	</button>
 
-	<button class="menu-item" onclick={onCopyLink}>
+	<button class="menu-item" onclick={onCopyLink}> Copy link </button>
-		Copy link
-	</button>
 
-	<button class="menu-item" onclick={onConvertToCard}>
+	<button class="menu-item" onclick={onConvertToCard}> Convert to card </button>
-		Convert to card
-	</button>
 
 	<div class="menu-divider"></div>
 
-	<button class="menu-item danger" onclick={onRemoveLink}>
+	<button class="menu-item danger" onclick={onRemoveLink}> Remove link </button>
-		Remove link
-	</button>
 </div>
 
 <style lang="scss">

src/lib/components/edra/headless/components/LinkEditDialog.svelte

@@ -79,19 +79,10 @@
 			class:invalid={urlInput && !isValid}
 		/>
 		<div class="dialog-actions">
-			<button 
+			<button class="action-button save" onclick={handleSave} disabled={!isValid} title="Save">
-				class="action-button save" 
-				onclick={handleSave}
-				disabled={!isValid}
-				title="Save"
-			>
 				<Check />
 			</button>
-			<button 
+			<button class="action-button cancel" onclick={onCancel} title="Cancel">
-				class="action-button cancel" 
-				onclick={onCancel}
-				title="Cancel"
-			>
 				<X />
 			</button>
 		</div>

src/lib/components/edra/headless/components/UrlConvertDropdown.svelte

@@ -53,9 +53,7 @@
 	transition:fly={{ y: -10, duration: 200 }}
 	tabindex="-1"
 >
-	<button class="convert-button" onclick={handleConvert}>
+	<button class="convert-button" onclick={handleConvert}> Convert to card </button>
-		Convert to card
-	</button>
 </div>
 
 <style lang="scss">

src/lib/components/edra/headless/components/UrlEmbedPlaceholder.svelte

@@ -33,25 +33,22 @@
 				editor
 					.chain()
 					.focus()
-					.insertContentAt(
+					.insertContentAt({ from: pos, to: pos + node.nodeSize }, [
-						{ from: pos, to: pos + node.nodeSize },
+						{
-						[
+							type: 'urlEmbed',
-							{
+							attrs: {
-								type: 'urlEmbed',
+								url: url,
-								attrs: {
+								title: metadata.title,
-									url: url,
+								description: metadata.description,
-									title: metadata.title,
+								image: metadata.image,
-									description: metadata.description,
+								favicon: metadata.favicon,
-									image: metadata.image,
+								siteName: metadata.siteName
-									favicon: metadata.favicon,
-									siteName: metadata.siteName
-								}
-							},
-							{
-								type: 'paragraph'
 							}
-						]
+						},
-					)
+						{
+							type: 'paragraph'
+						}
+					])
 					.run()
 			}
 		} catch (err) {
@@ -126,7 +123,13 @@
 			<AlertCircle class="placeholder-icon" />
 			<div class="error-content">
 				<span class="placeholder-text">{errorMessage}</span>
-				<button onclick={() => { showInput = true; error = false; }} class="retry-button">
+				<button
+					onclick={() => {
+						showInput = true
+						error = false
+					}}
+					class="retry-button"
+				>
 					Try another URL
 				</button>
 			</div>

src/lib/utils/content.ts

@@ -201,7 +201,8 @@ function renderTiptapContent(doc: any): string {
 					embedHtml += '<div class="youtube-embed-wrapper">'
 					embedHtml += `<iframe src="https://www.youtube.com/embed/${videoId}" `
 					embedHtml += 'frameborder="0" '
-					embedHtml += 'allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" '
+					embedHtml +=
+						'allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" '
 					embedHtml += 'allowfullscreen>'
 					embedHtml += '</iframe>'
 					embedHtml += '</div>'