@nocturnium/svelte-ide 1.0.6 → 1.1.1

package/dist/components/editor/ComplexityLayer.svelte

@@ -17,13 +17,27 @@
 		lineHeight: number;
 		/** Gutter width in pixels */
 		gutterWidth?: number;
+		/**
+		 * Full height of the scrollable content in pixels. The layer must span the
+		 * whole document (not just one viewport) or indicators below the first
+		 * screenful get clipped — which previously hid every high-complexity region
+		 * that sat past the initial view.
+		 */
+		totalHeight?: number;
 		/** Minimum score to show indicators (default: 50) */
 		minScore?: number;
 		/** Whether indicators are enabled */
 		enabled?: boolean;
 	}
 
-	let { metrics, lineHeight, gutterWidth = 50, minScore = 50, enabled = true }: Props = $props();
+	let {
+		metrics,
+		lineHeight,
+		gutterWidth = 50,
+		totalHeight = 0,
+		minScore = 50,
+		enabled = true
+	}: Props = $props();
 
 	// Filter regions that exceed the threshold
 	let highlightedRegions = $derived(
@@ -116,7 +130,11 @@
 </script>
 
 {#if enabled && lineScores.size > 0}
-	<div class="complexity-gutter" aria-hidden="true" style="width: {gutterWidth}px;">
+	<div
+		class="complexity-gutter"
+		aria-hidden="true"
+		style="width: {gutterWidth}px;{totalHeight ? ` height: ${totalHeight}px;` : ''}"
+	>
 		{#each [...lineScores.entries()] as [line, data] (line)}
 			<div
 				class="complexity-gutter__indicator"
@@ -176,10 +194,11 @@
 		position: absolute;
 		top: 0;
 		left: 0;
+		/* Height is set inline to the full content height so indicators below the
+		   first viewport are not clipped. Fall back to the viewport when unknown. */
 		bottom: 0;
 		pointer-events: none;
 		z-index: 5;
-		overflow: hidden;
 	}
 
 	.complexity-gutter__indicator {

package/dist/components/editor/ComplexityLayer.svelte.d.ts

@@ -6,6 +6,13 @@ interface Props {
     lineHeight: number;
     /** Gutter width in pixels */
     gutterWidth?: number;
+    /**
+     * Full height of the scrollable content in pixels. The layer must span the
+     * whole document (not just one viewport) or indicators below the first
+     * screenful get clipped — which previously hid every high-complexity region
+     * that sat past the initial view.
+     */
+    totalHeight?: number;
     /** Minimum score to show indicators (default: 50) */
     minScore?: number;
     /** Whether indicators are enabled */

package/dist/components/editor/CustomEditor.svelte

@@ -510,10 +510,22 @@
 		if (!folding || !editorState) return;
 		foldManager.expandAll();
 		const analyzer = getSemanticAnalyzer();
-		const regions = analyzer.analyze(editorState.lines, language);
-		for (const category of preset.hide) {
-			for (const region of analyzer.getByCategory(regions, category)) {
-				foldManager.collapse(region.startLine);
+		const semanticRegions = analyzer.analyze(editorState.lines, language);
+		const foldRegions = foldManager.getRegions();
+
+		// Semantic region boundaries don't always line up exactly with bracket-fold
+		// headers — a function's foldable `{` can sit a line below its doc-commented
+		// header, and a hidden category (e.g. `private`, `error-handling`) may cover
+		// several nested blocks. So collapse every foldable block whose header falls
+		// within a hidden semantic region's range, rather than requiring an exact
+		// header-line match (which silently folded almost nothing). collapse() is
+		// idempotent, so collapsing the same header twice is harmless.
+		for (const region of semanticRegions) {
+			if (!preset.hide.includes(region.category)) continue;
+			for (const fold of foldRegions) {
+				if (fold.startLine >= region.startLine && fold.startLine <= region.endLine) {
+					foldManager.collapse(fold.startLine);
+				}
 			}
 		}
 	}
@@ -993,6 +1005,7 @@
 				metrics={complexityMetrics}
 				{lineHeight}
 				{gutterWidth}
+				totalHeight={totalContentHeight}
 				minScore={complexityThreshold}
 				enabled={complexityHighlighting}
 			/>

package/dist/components/editor/core/folding.d.ts

@@ -18,7 +18,7 @@ export interface FoldRegion {
     /** Indentation level (for nested folds) */
     level: number;
     /** Type of fold region */
-    type: 'bracket' | 'indentation' | 'region' | 'comment';
+    type: 'bracket' | 'indentation' | 'region' | 'comment' | 'import';
     /** Whether this region is currently collapsed */
     collapsed: boolean;
 }
@@ -34,12 +34,11 @@ export interface FoldingConfig {
     regions: boolean;
     /** Enable multi-line comment folding */
     comments: boolean;
+    /** Enable folding a run of consecutive import statements */
+    imports: boolean;
     /** Minimum lines for a foldable region */
     minLines: number;
 }
-/**
- * Detect all fold regions in a document
- */
 export declare function detectFoldRegions(lines: readonly Line[], language?: string, config?: Partial<FoldingConfig>): FoldRegion[];
 /**
  * Fold state manager

package/dist/components/editor/core/folding.js

@@ -11,6 +11,7 @@ const DEFAULT_CONFIG = {
     indentation: true,
     regions: true,
     comments: true,
+    imports: true,
     minLines: 2
 };
 /**
@@ -424,6 +425,38 @@ function detectCommentFolds(lines, minLines = 2) {
 /**
  * Detect all fold regions in a document
  */
+/**
+ * Detect a fold region for each run of consecutive import statements. Import
+ * groups have no braces of their own, so without this an editor (and the
+ * "fold imports" semantic preset) can't collapse them.
+ */
+function detectImportFolds(lines, minLines = 2) {
+    const regions = [];
+    // ES `import ... from`, side-effect `import '...'`, and Python `from x import`.
+    const isImportLine = (text) => /^\s*import\b/.test(text) || /^\s*from\s+\S+\s+import\b/.test(text);
+    let start = -1;
+    for (let i = 0; i <= lines.length; i++) {
+        const isImport = i < lines.length && isImportLine(lines[i].text);
+        if (isImport) {
+            if (start === -1)
+                start = i;
+        }
+        else if (start !== -1) {
+            const end = i - 1;
+            if (end - start + 1 >= minLines) {
+                regions.push({
+                    startLine: start,
+                    endLine: end,
+                    level: 0,
+                    type: 'import',
+                    collapsed: false
+                });
+            }
+            start = -1;
+        }
+    }
+    return regions;
+}
 export function detectFoldRegions(lines, language = 'plaintext', config = {}) {
     const cfg = { ...DEFAULT_CONFIG, ...config };
     const allRegions = [];
@@ -459,6 +492,9 @@ export function detectFoldRegions(lines, language = 'plaintext', config = {}) {
     if (cfg.comments) {
         allRegions.push(...detectCommentFolds(lines, cfg.minLines));
     }
+    if (cfg.imports) {
+        allRegions.push(...detectImportFolds(lines, cfg.minLines));
+    }
     // Sort by start line, then by length (longer regions first for nesting)
     allRegions.sort((a, b) => {
         if (a.startLine !== b.startLine) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nocturnium/svelte-ide",
-	"version": "1.0.6",
+	"version": "1.1.1",
 	"description": "Svelte 5 code editor and IDE building blocks — custom editor, syntax highlighting, code folding, multi-cursor, LSP client, and optional realtime collaboration.",
 	"author": "Nocturnium & Jordan Dziat <hello@nocturnium.ai> (https://nocturnium.ai)",
 	"license": "MIT",