@nocturnium/svelte-ide 1.0.0 → 1.0.2

package/dist/components/editor/EchoCursorLayer.svelte

@@ -160,7 +160,9 @@
 		{#if echoCursors.length > 0}
 			<div class="echo-mode-indicator">
 				<span class="echo-mode-indicator__icon">~</span>
-				<span class="echo-mode-indicator__count">{echoCursors.length} echo{echoCursors.length !== 1 ? 's' : ''}</span>
+				<span class="echo-mode-indicator__count"
+					>{echoCursors.length} echo{echoCursors.length !== 1 ? 's' : ''}</span
+				>
 			</div>
 		{/if}
 	</div>

package/dist/components/editor/EditorGutter.svelte

@@ -51,7 +51,11 @@
 <!-- Line number -->
 {#if lineNumbers !== 'off'}
 	<div class="custom-editor__gutter" data-cursor-type="default" style="cursor: default !important;">
-		<span class="custom-editor__line-number" data-cursor-type="default" style="cursor: default !important;">{lineIndex + 1}</span>
+		<span
+			class="custom-editor__line-number"
+			data-cursor-type="default"
+			style="cursor: default !important;">{lineIndex + 1}</span
+		>
 	</div>
 {/if}
 
@@ -73,7 +77,9 @@
 		color: var(--ide-text-muted);
 		font-size: 8px;
 		opacity: 0;
-		transition: opacity 0.15s ease, color 0.15s ease;
+		transition:
+			opacity 0.15s ease,
+			color 0.15s ease;
 		z-index: 5;
 	}
 

package/dist/components/editor/EditorLines.svelte

@@ -84,9 +84,12 @@
 					<button
 						class="custom-editor__fold-placeholder"
 						title="{getHiddenLineCount(index)} lines hidden"
-						onclick={(e) => { e.stopPropagation(); onExpandFold(index); }}
-						aria-label="Expand {getHiddenLineCount(index)} hidden lines"
-					>...</button>
+						onclick={(e) => {
+							e.stopPropagation();
+							onExpandFold(index);
+						}}
+						aria-label="Expand {getHiddenLineCount(index)} hidden lines">...</button
+					>
 				{/if}
 			</div>
 		</div>

package/dist/components/editor/EditorPane.svelte

@@ -61,12 +61,7 @@
 
 <div class="editor-pane {className}">
 	{#if tabs.length > 0}
-		<EditorTabs
-			{tabs}
-			{activeTabId}
-			onSelect={setActiveTab}
-			onClose={handleCloseTab}
-		/>
+		<EditorTabs {tabs} {activeTabId} onSelect={setActiveTab} onClose={handleCloseTab} />
 
 		{#if activeTab}
 			<div class="editor-pane__content">

package/dist/components/editor/EditorSelections.svelte

@@ -43,13 +43,25 @@
 	}: Props = $props();
 
 	// Selection rects memoization
-	let cachedSelectionRects: Array<{ top: number; left: number; width: number; height: number; isPrimary: boolean }> = [];
+	let cachedSelectionRects: Array<{
+		top: number;
+		left: number;
+		width: number;
+		height: number;
+		isPrimary: boolean;
+	}> = [];
 	let cachedSelectionKey = '';
 
 	// Get selection rectangles for all cursors (memoized and virtualized to viewport)
-	function getSelectionRects(): Array<{ top: number; left: number; width: number; height: number; isPrimary: boolean }> {
+	function getSelectionRects(): Array<{
+		top: number;
+		left: number;
+		width: number;
+		height: number;
+		isPrimary: boolean;
+	}> {
 		// Check if any cursor has a selection
-		const anySelection = cursors.some(c => !isSelectionEmpty(c.selection));
+		const anySelection = cursors.some((c) => !isSelectionEmpty(c.selection));
 		if (!anySelection) {
 			cachedSelectionRects = [];
 			cachedSelectionKey = '';
@@ -59,21 +71,27 @@
 		// Calculate visible line range (with 1-line buffer for smooth scrolling)
 		const vh = viewportHeight || FALLBACK_VIEWPORT_HEIGHT;
 		const firstVisibleLine = Math.max(0, Math.floor(scrollTop / lineHeight) - 1);
-		const lastVisibleLine = Math.min(
-			lineCount - 1,
-			Math.ceil((scrollTop + vh) / lineHeight) + 1
-		);
+		const lastVisibleLine = Math.min(lineCount - 1, Math.ceil((scrollTop + vh) / lineHeight) + 1);
 
 		// Create cache key from all cursors, scroll position, and measurement values
-		const cursorKeys = cursors.map(c =>
-			`${c.id}:${c.selection.anchor.line}:${c.selection.anchor.column}-${c.selection.head.line}:${c.selection.head.column}`
-		).join('|');
+		const cursorKeys = cursors
+			.map(
+				(c) =>
+					`${c.id}:${c.selection.anchor.line}:${c.selection.anchor.column}-${c.selection.head.line}:${c.selection.head.column}`
+			)
+			.join('|');
 		const key = `${cursorKeys}@${firstVisibleLine}-${lastVisibleLine}:${charWidth}:${lineHeight}:${gutterWidth}`;
 		if (key === cachedSelectionKey) {
 			return cachedSelectionRects;
 		}
 
-		const rects: Array<{ top: number; left: number; width: number; height: number; isPrimary: boolean }> = [];
+		const rects: Array<{
+			top: number;
+			left: number;
+			width: number;
+			height: number;
+			isPrimary: boolean;
+		}> = [];
 
 		// Process each cursor's selection
 		for (const cursor of cursors) {

package/dist/components/editor/FileExplorer.svelte

@@ -399,10 +399,20 @@
 	<div class="file-explorer__header">
 		<span class="file-explorer__title">Explorer</span>
 		<div class="file-explorer__actions">
-			<Button variant="ghost" size="xs" onclick={() => startInlineCreation('', 'file')} title="New File">
+			<Button
+				variant="ghost"
+				size="xs"
+				onclick={() => startInlineCreation('', 'file')}
+				title="New File"
+			>
 				<Icon name="file-plus" size={14} />
 			</Button>
-			<Button variant="ghost" size="xs" onclick={() => startInlineCreation('', 'folder')} title="New Folder">
+			<Button
+				variant="ghost"
+				size="xs"
+				onclick={() => startInlineCreation('', 'folder')}
+				title="New Folder"
+			>
 				<Icon name="folder-plus" size={14} />
 			</Button>
 		</div>
@@ -462,7 +472,13 @@
 					class:file-node__status-dot--modified={changeStatus === 'modified'}
 					class:file-node__status-dot--deleted={changeStatus === 'deleted'}
 					class:file-node__status-dot--renamed={changeStatus === 'renamed'}
-					title={changeStatus === 'created' ? 'New' : changeStatus === 'modified' ? 'Modified' : changeStatus === 'deleted' ? 'Deleted' : 'Renamed'}
+					title={changeStatus === 'created'
+						? 'New'
+						: changeStatus === 'modified'
+							? 'Modified'
+							: changeStatus === 'deleted'
+								? 'Deleted'
+								: 'Renamed'}
 				></span>
 			{/if}
 			{#if node.type === 'folder'}
@@ -493,7 +509,13 @@
 				<div class="file-node__agents">
 					{#each fileAgents.slice(0, 3) as agent (agent.id)}
 						<Tooltip content="{agent.name} is editing">
-							<AgentAvatar {agent} size="xs" showStatus={false} showBadge={false} showProgress={false} />
+							<AgentAvatar
+								{agent}
+								size="xs"
+								showStatus={false}
+								showBadge={false}
+								showProgress={false}
+							/>
 						</Tooltip>
 					{/each}
 					{#if fileAgents.length > 3}

package/dist/components/editor/FileIcon.svelte

@@ -83,7 +83,9 @@
 		file: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 1.5L18.5 9H14a1 1 0 01-1-1V3.5z'
 	};
 
-	const iconPath = $derived(isDirectory ? (expanded ? icons.folderOpen : icons.folder) : icons.file);
+	const iconPath = $derived(
+		isDirectory ? (expanded ? icons.folderOpen : icons.folder) : icons.file
+	);
 	const iconColor = $derived(isDirectory ? 'var(--ide-interactive)' : color);
 </script>
 

package/dist/components/editor/FindReplace.svelte

@@ -278,7 +278,12 @@
 					title="Replace all (Shift+Enter)"
 				>
 					<svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
-						<path d="M1 4h6M1 7h8M1 10h6M10 4l2 2-2 2M10 8l2 2-2 2" stroke="currentColor" stroke-width="1.2" fill="none" />
+						<path
+							d="M1 4h6M1 7h8M1 10h6M10 4l2 2-2 2M10 8l2 2-2 2"
+							stroke="currentColor"
+							stroke-width="1.2"
+							fill="none"
+						/>
 					</svg>
 				</button>
 			</div>
@@ -316,7 +321,9 @@
 		border-radius: 3px;
 		color: var(--ide-text-secondary);
 		cursor: pointer;
-		transition: background 0.1s, color 0.1s;
+		transition:
+			background 0.1s,
+			color 0.1s;
 	}
 
 	.find-replace__toggle:hover {
@@ -386,7 +393,10 @@
 		font-family: var(--ide-font-mono);
 		font-size: 11px;
 		cursor: pointer;
-		transition: background 0.1s, border-color 0.1s, color 0.1s;
+		transition:
+			background 0.1s,
+			border-color 0.1s,
+			color 0.1s;
 	}
 
 	.find-replace__option:hover {
@@ -425,7 +435,9 @@
 		border-radius: 3px;
 		color: var(--ide-text-secondary);
 		cursor: pointer;
-		transition: background 0.1s, color 0.1s;
+		transition:
+			background 0.1s,
+			color 0.1s;
 	}
 
 	.find-replace__action:hover:not(:disabled) {

package/dist/components/editor/GhostBracketLayer.svelte

@@ -191,11 +191,11 @@
 			<div
 				class="bracket-mismatch bracket-mismatch--{mismatch.issue}"
 				style="{getMismatchStyle(mismatch)} --mismatch-color: {color};"
-				title="{mismatch.issue === 'unclosed'
+				title={mismatch.issue === 'unclosed'
 					? `Unclosed '${mismatch.character}'`
 					: mismatch.issue === 'unexpected'
 						? `Unexpected '${mismatch.character}'`
-						: `Expected '${mismatch.expected}' but found '${mismatch.character}'`}"
+						: `Expected '${mismatch.expected}' but found '${mismatch.character}'`}
 			>
 				<span class="bracket-mismatch__underline"></span>
 				{#if mismatch.issue === 'mismatched' && mismatch.expected}

package/dist/components/editor/GitBlameLayer.svelte

@@ -167,7 +167,8 @@
 					class:git-blame-row--hovered={hoveredLine !== null &&
 						hoveredLine >= group.startLine &&
 						hoveredLine <= group.endLine}
-					style="top: {group.startLine * lineHeight}px; height: {height}px; --blame-color: {info.color};"
+					style="top: {group.startLine *
+						lineHeight}px; height: {height}px; --blame-color: {info.color};"
 					onmouseenter={(e) => handleMouseEnter(info, e)}
 					onmouseleave={handleMouseLeave}
 					onclick={() => handleClick(info)}

package/dist/components/editor/InlineDiagnosticsLayer.svelte

@@ -215,18 +215,8 @@
 						role="button"
 						tabindex={-1}
 					>
-						<svg
-							class="squiggle-svg"
-							width={width}
-							height="4"
-							viewBox="0 0 {width} 4"
-						>
-							<path
-								d={generateSquigglePath(width)}
-								stroke={color}
-								stroke-width="1"
-								fill="none"
-							/>
+						<svg class="squiggle-svg" {width} height="4" viewBox="0 0 {width} 4">
+							<path d={generateSquigglePath(width)} stroke={color} stroke-width="1" fill="none" />
 						</svg>
 					</div>
 				{/each}
@@ -297,7 +287,8 @@
 			{/if}
 
 			<div class="tooltip-location">
-				Line {hoveredDiagnostic.range.start.line + 1}, Column {hoveredDiagnostic.range.start.column + 1}
+				Line {hoveredDiagnostic.range.start.line + 1}, Column {hoveredDiagnostic.range.start
+					.column + 1}
 			</div>
 		</div>
 	{/if}

package/dist/components/editor/InlineDiffLayer.svelte

@@ -77,11 +77,21 @@
 	/**
 	 * Group consecutive changes of the same type
 	 */
-	function getGroupedChanges(): Array<{ startLine: number; endLine: number; type: DiffLine['type']; changes: DiffLine[] }> {
+	function getGroupedChanges(): Array<{
+		startLine: number;
+		endLine: number;
+		type: DiffLine['type'];
+		changes: DiffLine[];
+	}> {
 		if (changes.length === 0) return [];
 
-		const groups: Array<{ startLine: number; endLine: number; type: DiffLine['type']; changes: DiffLine[] }> = [];
-		let currentGroup: typeof groups[0] | null = null;
+		const groups: Array<{
+			startLine: number;
+			endLine: number;
+			type: DiffLine['type'];
+			changes: DiffLine[];
+		}> = [];
+		let currentGroup: (typeof groups)[0] | null = null;
 
 		// Sort by line number
 		const sortedChanges = [...changes].sort((a, b) => a.line - b.line);
@@ -166,7 +176,9 @@
 				onkeydown={(e) => e.key === 'Enter' && handleClick(group.changes[0])}
 				role="button"
 				tabindex={-1}
-				title="{getLabel(group.type)}: {group.changes.length} line{group.changes.length !== 1 ? 's' : ''}"
+				title="{getLabel(group.type)}: {group.changes.length} line{group.changes.length !== 1
+					? 's'
+					: ''}"
 			></div>
 
 			<!-- Optional full-line highlight -->
@@ -184,7 +196,7 @@
 		{/each}
 
 		<!-- Removed line markers (triangles in gutter) -->
-		{#each changes.filter(c => c.type === 'removed') as removed (removed.line)}
+		{#each changes.filter((c) => c.type === 'removed') as removed (removed.line)}
 			<div
 				class="diff-removed-marker"
 				style="top: {removed.line * lineHeight + lineHeight / 2 - 4}px;"
@@ -195,10 +207,7 @@
 
 	<!-- Tooltip -->
 	{#if hoveredChange}
-		<div
-			class="diff-tooltip"
-			style="top: {tooltipPosition.top}px; left: {tooltipPosition.left}px;"
-		>
+		<div class="diff-tooltip" style="top: {tooltipPosition.top}px; left: {tooltipPosition.left}px;">
 			<div class="tooltip-header" style="color: {getColor(hoveredChange.type)};">
 				{getLabel(hoveredChange.type)} line {hoveredChange.line + 1}
 			</div>

package/dist/components/editor/Minimap.svelte

@@ -118,7 +118,7 @@
 		ctx.fillRect(0, 0, width, editorHeight);
 
 		// Calculate effective line height based on scaling
-		const effectiveLineHeight = needsScaling ? (editorHeight / lines.length) : LINE_HEIGHT;
+		const effectiveLineHeight = needsScaling ? editorHeight / lines.length : LINE_HEIGHT;
 		const effectiveCharWidth = CHAR_WIDTH * (needsScaling ? scaleFactor : 1);
 
 		// Draw highlights first (behind text)
@@ -150,11 +150,18 @@
 
 			if (trimmed.startsWith('//') || trimmed.startsWith('/*') || trimmed.startsWith('*')) {
 				color = colors.comment;
-			} else if (trimmed.startsWith('import') || trimmed.startsWith('export') ||
-					   trimmed.startsWith('const') || trimmed.startsWith('let') ||
-					   trimmed.startsWith('function') || trimmed.startsWith('class') ||
-					   trimmed.startsWith('if') || trimmed.startsWith('for') ||
-					   trimmed.startsWith('return') || trimmed.startsWith('async')) {
+			} else if (
+				trimmed.startsWith('import') ||
+				trimmed.startsWith('export') ||
+				trimmed.startsWith('const') ||
+				trimmed.startsWith('let') ||
+				trimmed.startsWith('function') ||
+				trimmed.startsWith('class') ||
+				trimmed.startsWith('if') ||
+				trimmed.startsWith('for') ||
+				trimmed.startsWith('return') ||
+				trimmed.startsWith('async')
+			) {
 				color = colors.keyword;
 			} else if (trimmed.includes('"') || trimmed.includes("'") || trimmed.includes('`')) {
 				color = colors.string;
@@ -208,7 +215,7 @@
 	function handleClick(e: MouseEvent) {
 		const rect = container.getBoundingClientRect();
 		const y = e.clientY - rect.top;
-		const effectiveLineHeight = needsScaling ? (editorHeight / lines.length) : LINE_HEIGHT;
+		const effectiveLineHeight = needsScaling ? editorHeight / lines.length : LINE_HEIGHT;
 		const line = Math.floor(y / effectiveLineHeight);
 		onNavigate?.(Math.max(0, Math.min(line, lines.length - 1)));
 	}
@@ -219,7 +226,7 @@
 	function handleMouseMove(e: MouseEvent) {
 		const rect = container.getBoundingClientRect();
 		const y = e.clientY - rect.top;
-		const effectiveLineHeight = needsScaling ? (editorHeight / lines.length) : LINE_HEIGHT;
+		const effectiveLineHeight = needsScaling ? editorHeight / lines.length : LINE_HEIGHT;
 		hoverLine = Math.floor(y / effectiveLineHeight);
 
 		if (isDragging) {
@@ -244,7 +251,7 @@
 			if (isDragging) {
 				const rect = container.getBoundingClientRect();
 				const y = Math.max(0, Math.min(e.clientY - rect.top, editorHeight));
-				const effectiveLineHeight = needsScaling ? (editorHeight / lines.length) : LINE_HEIGHT;
+				const effectiveLineHeight = needsScaling ? editorHeight / lines.length : LINE_HEIGHT;
 				const line = Math.floor(y / effectiveLineHeight);
 				onNavigate?.(Math.max(0, Math.min(line, lines.length - 1)));
 			}

package/dist/components/editor/PluginPreviewSandbox.svelte

@@ -7,7 +7,6 @@
 	 * code transformation preview with rollback capability.
 	 */
 
-
 	interface PluginTransform {
 		/** Transform ID */
 		id: string;
@@ -387,7 +386,9 @@
 				{:else}
 					<div class="preview-empty">
 						<p>Select a plugin to preview its transformation</p>
-						<p class="preview-hint">Your code will be transformed in this sandbox before applying</p>
+						<p class="preview-hint">
+							Your code will be transformed in this sandbox before applying
+						</p>
 					</div>
 				{/if}
 			</div>

package/dist/components/editor/ProblemsPanel.svelte

@@ -9,11 +9,7 @@
 	 * - Batch actions
 	 */
 
-	import type {
-		DiagnosticsManager,
-		Diagnostic,
-		DiagnosticSeverity
-	} from './core/diagnostics';
+	import type { DiagnosticsManager, Diagnostic, DiagnosticSeverity } from './core/diagnostics';
 	import {
 		getSeverityIcon,
 		getSeverityColor,
@@ -34,13 +30,7 @@
 		onClose?: () => void;
 	}
 
-	let {
-		manager,
-		open = true,
-		height = 200,
-		onNavigate,
-		onClose
-	}: Props = $props();
+	let { manager, open = true, height = 200, onNavigate, onClose }: Props = $props();
 
 	let allDiagnostics = $state<Map<string, Diagnostic[]>>(new Map());
 	let searchQuery = $state('');
@@ -195,7 +185,7 @@
 
 			<div class="header-filters">
 				<!-- Severity filters -->
-				{#each (['error', 'warning', 'info', 'hint'] as const) as severity (severity)}
+				{#each ['error', 'warning', 'info', 'hint'] as const as severity (severity)}
 					{@const count = counts()[severity]}
 					<button
 						class="severity-filter"
@@ -211,11 +201,7 @@
 				{/each}
 
 				<!-- Source filter -->
-				<select
-					class="source-filter"
-					bind:value={sourceFilter}
-					title="Filter by source"
-				>
+				<select class="source-filter" bind:value={sourceFilter} title="Filter by source">
 					<option value={null}>All sources</option>
 					{#each allSources() as source (source)}
 						<option value={source}>{source}</option>
@@ -224,12 +210,8 @@
 			</div>
 
 			<div class="header-actions">
-				<button class="action-btn" onclick={expandAll} title="Expand all">
-					⊞
-				</button>
-				<button class="action-btn" onclick={collapseAll} title="Collapse all">
-					⊟
-				</button>
+				<button class="action-btn" onclick={expandAll} title="Expand all"> ⊞ </button>
+				<button class="action-btn" onclick={collapseAll} title="Collapse all"> ⊟ </button>
 				<button
 					class="action-btn"
 					class:active={groupByFile}
@@ -239,9 +221,7 @@
 					📁
 				</button>
 				{#if onClose}
-					<button class="action-btn close-btn" onclick={onClose} title="Close panel">
-						×
-					</button>
+					<button class="action-btn close-btn" onclick={onClose} title="Close panel"> × </button>
 				{/if}
 			</div>
 		</div>
@@ -255,9 +235,7 @@
 				bind:value={searchQuery}
 			/>
 			{#if searchQuery}
-				<button class="search-clear" onclick={() => (searchQuery = '')}>
-					×
-				</button>
+				<button class="search-clear" onclick={() => (searchQuery = '')}> × </button>
 			{/if}
 		</div>
 
@@ -303,7 +281,8 @@
 											<span class="diagnostic-code">{diagnostic.code}</span>
 										{/if}
 										<span class="diagnostic-location">
-											[Ln {diagnostic.range.start.line + 1}, Col {diagnostic.range.start.column + 1}]
+											[Ln {diagnostic.range.start.line + 1}, Col {diagnostic.range.start.column +
+												1}]
 										</span>
 									</button>
 								{/each}
@@ -319,10 +298,7 @@
 							class="diagnostic-item diagnostic-item--flat"
 							onclick={() => handleDiagnosticClick(filePath, diagnostic)}
 						>
-							<span
-								class="diagnostic-icon"
-								style="color: {getSeverityColor(diagnostic.severity)};"
-							>
+							<span class="diagnostic-icon" style="color: {getSeverityColor(diagnostic.severity)};">
 								{getSeverityIcon(diagnostic.severity)}
 							</span>
 							<span class="diagnostic-message">{diagnostic.message}</span>

package/dist/components/editor/QuickActionsMenu.svelte

@@ -7,14 +7,8 @@
 	 */
 
 	import { onMount } from 'svelte';
-	import type {
-		QuickActionsManager,
-		CodeAction
-	} from './core/quick-actions';
-	import {
-		groupActionsByKind,
-		getKindIcon
-	} from './core/quick-actions';
+	import type { QuickActionsManager, CodeAction } from './core/quick-actions';
+	import { groupActionsByKind, getKindIcon } from './core/quick-actions';
 
 	interface Props {
 		/** Quick actions manager instance */
@@ -184,11 +178,7 @@
 
 		<!-- Actions menu -->
 		{#if isOpen}
-			<div
-				class="actions-menu"
-				role="menu"
-				aria-label="Code actions"
-			>
+			<div class="actions-menu" role="menu" aria-label="Code actions">
 				{#each [...groupedActions.entries()] as [groupLabel, groupActions] (groupLabel)}
 					<div class="action-group">
 						<div class="group-header">
@@ -265,7 +255,8 @@
 	}
 
 	@keyframes pulse {
-		0%, 100% {
+		0%,
+		100% {
 			box-shadow: 0 0 0 0 rgba(249, 230, 79, 0.4);
 		}
 		50% {

package/dist/components/editor/SnippetPalette.svelte

@@ -21,13 +21,7 @@
 		onClose?: () => void;
 	}
 
-	let {
-		manager,
-		language = 'javascript',
-		open = false,
-		onSelect,
-		onClose
-	}: Props = $props();
+	let { manager, language = 'javascript', open = false, onSelect, onClose }: Props = $props();
 
 	let searchQuery = $state('');
 	let selectedCategory = $state<string | null>(null);
@@ -163,7 +157,14 @@
 	<div class="snippet-backdrop" onclick={() => onClose?.()} role="presentation"></div>
 
 	<!-- Palette -->
-	<div class="snippet-palette" onkeydown={handleKeyDown} role="dialog" tabindex={-1} aria-modal="true" aria-label="Snippet palette">
+	<div
+		class="snippet-palette"
+		onkeydown={handleKeyDown}
+		role="dialog"
+		tabindex={-1}
+		aria-modal="true"
+		aria-label="Snippet palette"
+	>
 		<div class="snippet-header">
 			<input
 				bind:this={searchInput}
@@ -232,7 +233,7 @@
 
 					<div class="preview-body">
 						<!-- eslint-disable-next-line svelte/no-at-html-tags — content is escaped by escapeHtml() before placeholder spans are added -->
-					<pre>{@html getPreview(snippet.body)}</pre>
+						<pre>{@html getPreview(snippet.body)}</pre>
 					</div>
 
 					<div class="preview-footer">
@@ -248,9 +249,7 @@
 						</div>
 					{/if}
 				{:else}
-					<div class="preview-empty">
-						Select a snippet to preview
-					</div>
+					<div class="preview-empty">Select a snippet to preview</div>
 				{/if}
 			</div>
 		</div>

package/dist/components/editor/StructureMap.svelte

@@ -243,7 +243,8 @@
 				<button
 					class="structure-map__node"
 					class:structure-map__node--active={isCursorInNode(node)}
-					class:structure-map__node--complex={node.metrics.complexity && node.metrics.complexity >= 50}
+					class:structure-map__node--complex={node.metrics.complexity &&
+						node.metrics.complexity >= 50}
 					style="
 						top: {getNodeTop(node)}%;
 						height: {Math.max(1, getNodeHeight(node))}%;