@fairyhunter13/opentui-core 0.1.88 → 0.1.90

package/src/renderables/__tests__/__snapshots__/LineNumberRenderable.scrollbox.test.ts.snap

@@ -0,0 +1,457 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`LineNumberRenderable in ScrollBox single Code renderable with line numbers in ScrollBox - correct dimensions 1`] = `
+"┌────────────────────────────┐                              
+│   1 function test1() {     │                              
+│   2   console.log("Line    │                              
+│     1");                   │                              
+│   3   return 1;            │                              
+│   4 }                      │                              
+│   5 function test2() {     │                              
+│   6   console.log("Line    │                              
+│     2");                   │                              
+└────────────────────────────┘                              
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox single Code renderable in ScrollBox - scroll and verify dimensions 1`] = `
+"┌──────────────────────────────────────┐                    
+│   1 function test1() {               │                    
+│   2   console.log("Line 1");         │                    
+│   3   return 1;                      │                    
+│   4 }                                │                    
+│   5 function test2() {               │                    
+│   6   console.log("Line 2");         │                    
+│   7   return 2;                      │                    
+│   8 }                                │                    
+│   9 function test3() {               │                    
+│  10   console.log("Line 3");         │                    
+└──────────────────────────────────────┘                    
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox single Code renderable in ScrollBox - scroll and verify dimensions 2`] = `
+"┌──────────────────────────────────────┐                    
+│   1 function test1() {               │                    
+│   2   console.log("Line 1");         │                    
+│   3   return 1;                      │                    
+│   4 }                                │                    
+│   5 function test2() {               │                    
+│   6   console.log("Line 2");         │                    
+│   7   return 2;                      │                    
+│   8 }                                │                    
+│   9 function test3() {               │                    
+│  10   console.log("Line 3");         │                    
+└──────────────────────────────────────┘                    
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox single Code renderable in ScrollBox - scroll and verify dimensions 3`] = `
+"┌──────────────────────────────────────┐                    
+│   1 function test1() {               │                    
+│   2   console.log("Line 1");         │                    
+│   3   return 1;                      │                    
+│   4 }                                │                    
+│   5 function test2() {               │                    
+│   6   console.log("Line 2");         │                    
+│   7   return 2;                      │                    
+│   8 }                                │                    
+│   9 function test3() {               │                    
+│  10   console.log("Line 3");         │                    
+└──────────────────────────────────────┘                    
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox multiple Code renderables with line numbers in ScrollBox - correct dimensions 1`] = `
+"┌────────────────────────────────────────────────┐         █
+│  1 function test1() {                          │         █
+│  2   console.log("Line 1");                    │         █
+│  3   return 1;                                 │         █
+│  4 }                                           │         █
+│  5 function test2() {                          │         █
+│  6   console.log("Line 2");                    │         █
+└────────────────────────────────────────────────┘         █
+                                                           █
+                                                           █
+┌────────────────────────────────────────────────┐          
+│  1 function test1() {                          │          
+│  2   console.log("Line 1");                    │          
+│  3   return 1;                                 │          
+│  4 }                                           │          
+│  5 function test2() {                          │          
+│  6   console.log("Line 2");                    │          
+└────────────────────────────────────────────────┘          
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox multiple Code renderables with line numbers in ScrollBox - correct dimensions 2`] = `
+"│  5 function test2() {                          │          
+│  6   console.log("Line 2");                    │          
+└────────────────────────────────────────────────┘          
+                                                            
+                                                            
+┌────────────────────────────────────────────────┐         █
+│  1 function test1() {                          │         █
+│  2   console.log("Line 1");                    │         █
+│  3   return 1;                                 │         █
+│  4 }                                           │         █
+│  5 function test2() {                          │         █
+│  6   console.log("Line 2");                    │         █
+└────────────────────────────────────────────────┘         █
+                                                           █
+                                                           █
+┌────────────────────────────────────────────────┐          
+│  1 function test1() {                          │          
+│  2   console.log("Line 1");                    │          
+│  3   return 1;                                 │          
+│  4 }                                           │          
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox nested boxes with different border styles - dimensions correct 1`] = `
+"╔═════════════════════════════════════════════════════╗     
+║                                                     ║     
+║                                                     ║     
+║  ╭───────────────────────────────────────────╮      ║     
+║  │                                           │      ║     
+║  │    1  function test1() {                  │      ║     
+║  │    2    console.log("Line 1");            │      ║     
+║  │    3    return 1;                         │      ║     
+║  │    4  }                                   │      ║     
+║  │    5  function test2() {                  │      ║     
+║  │    6    console.log("Line 2");            │      ║     
+║  │    7    return 2;                         │      ║     
+║  │    8  }                                   │      ║     
+║  │    9  function test3() {                  │      ║     
+║  │   10    console.log("Line 3");            │      ║     
+║  │   11    return 3;                         │      ║     
+║  │                                           │      ║     
+║  ╰───────────────────────────────────────────╯      ║     
+╚═════════════════════════════════════════════════════╝     
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox nested boxes with different border styles - dimensions correct 2`] = `
+"╔═════════════════════════════════════════════════════╗     
+║                                                     ║     
+║                                                     ║     
+║  ╭───────────────────────────────────────────╮      ║     
+║  │                                           │      ║     
+║  │    1  function test1() {                  │      ║     
+║  │    2    console.log("Line 1");            │      ║     
+║  │    3    return 1;                         │      ║     
+║  │    4  }                                   │      ║     
+║  │    5  function test2() {                  │      ║     
+║  │    6    console.log("Line 2");            │      ║     
+║  │    7    return 2;                         │      ║     
+║  │    8  }                                   │      ║     
+║  │    9  function test3() {                  │      ║     
+║  │   10    console.log("Line 3");            │      ║     
+║  │   11    return 3;                         │      ║     
+║  │                                           │      ║     
+║  ╰───────────────────────────────────────────╯      ║     
+╚═════════════════════════════════════════════════════╝     
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox ScrollBox with horizontal and vertical scrolling - dimensions stable 1`] = `
+"┌────────────────────────────────────────────────┐          
+│   1 const veryLongVariableName1 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   2 const veryLongVariableName2 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   3 const veryLongVariableName3 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   4 const veryLongVariableName4 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   5 const veryLongVariableName5 = "This is a   │          
+└────────────────────────────────────────────────┘          
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox ScrollBox with horizontal and vertical scrolling - dimensions stable 2`] = `
+"┌────────────────────────────────────────────────┐          
+│   1 const veryLongVariableName1 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   2 const veryLongVariableName2 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   3 const veryLongVariableName3 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   4 const veryLongVariableName4 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   5 const veryLongVariableName5 = "This is a   │          
+└────────────────────────────────────────────────┘          
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox ScrollBox with horizontal and vertical scrolling - dimensions stable 3`] = `
+"┌────────────────────────────────────────────────┐          
+│   1 const veryLongVariableName1 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   2 const veryLongVariableName2 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   3 const veryLongVariableName3 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   4 const veryLongVariableName4 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   5 const veryLongVariableName5 = "This is a   │          
+└────────────────────────────────────────────────┘          
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox ScrollBox with horizontal and vertical scrolling - dimensions stable 4`] = `
+"┌────────────────────────────────────────────────┐          
+│   1 const veryLongVariableName1 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   2 const veryLongVariableName2 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   3 const veryLongVariableName3 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   4 const veryLongVariableName4 = "This is a   │          
+│     very long line that should require         │          
+│     horizontal scrolling to view completely";  │          
+│   5 const veryLongVariableName5 = "This is a   │          
+└────────────────────────────────────────────────┘          
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox gutter width changes with line count - verify remeasure 1`] = `
+"┌──────────────────────────────────────┐                    
+│ 1 function test1() {                 │                    
+│ 2   console.log("Line 1");           │                    
+│ 3   return 1;                        │                    
+│ 4 }                                  │                    
+│ 5 function test2() {                 │                    
+│ 6   console.log("Line 2");           │                    
+│ 7   return 2;                        │                    
+│ 8 }                                  │                    
+│                                      │                    
+│                                      │                    
+└──────────────────────────────────────┘                    
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox gutter width changes with line count - verify remeasure 2`] = `
+"┌──────────────────────────────────────┐                    
+│  1 function test1() {                │                    
+│  2   console.log("Line 1");          │                    
+│  3   return 1;                       │                    
+│  4 }                                 │                    
+│  5 function test2() {                │                    
+│  6   console.log("Line 2");          │                    
+│  7   return 2;                       │                    
+│  8 }                                 │                    
+│  9 function test3() {                │                    
+│ 10   console.log("Line 3");          │                    
+└──────────────────────────────────────┘                    
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox gutter width changes with line count - verify remeasure 3`] = `
+"┌──────────────────────────────────────┐                    
+│   1 function test1() {               │                    
+│   2   console.log("Line 1");         │                    
+│   3   return 1;                      │                    
+│   4 }                                │                    
+│   5 function test2() {               │                    
+│   6   console.log("Line 2");         │                    
+│   7   return 2;                      │                    
+│   8 }                                │                    
+│   9 function test3() {               │                    
+│  10   console.log("Line 3");         │                    
+└──────────────────────────────────────┘                    
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox line colors span full width in ScrollBox 1`] = `
+"┌────────────────────────────────────────────────┐          
+│  1 function test1() {                          │          
+│  2   console.log("Line 1");                    │          
+│  3   return 1;                                 │          
+│  4 }                                           │          
+│  5 function test2() {                          │          
+│  6   console.log("Line 2");                    │          
+│  7   return 2;                                 │          
+│  8 }                                           │          
+│  9 function test3() {                          │          
+│ 10   console.log("Line 3");                    │          
+└────────────────────────────────────────────────┘          
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox line colors span full width in ScrollBox 2`] = `
+"┌────────────────────────────────────────────────┐          
+│  1 function test1() {                          │          
+│  2   console.log("Line 1");                    │          
+│  3   return 1;                                 │          
+│  4 }                                           │          
+│  5 function test2() {                          │          
+│  6   console.log("Line 2");                    │          
+│  7   return 2;                                 │          
+│  8 }                                           │          
+│  9 function test3() {                          │          
+│ 10   console.log("Line 3");                    │          
+└────────────────────────────────────────────────┘          
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+                                                            
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox viewport culling with line numbers - dimensions stable 1`] = `
+"┌───────────────────────────────────────────┐              ▀
+│  1 function test1() {                     │               
+│  2   console.log("Line 1");               │               
+│  3   return 1;                            │               
+│  4 }                                      │               
+└───────────────────────────────────────────┘               
+                                                            
+┌───────────────────────────────────────────┐               
+│  1 function test1() {                     │               
+│  2   console.log("Line 1");               │               
+│  3   return 1;                            │               
+│  4 }                                      │               
+└───────────────────────────────────────────┘               
+                                                            
+┌───────────────────────────────────────────┐               
+│  1 function test1() {                     │               
+│  2   console.log("Line 1");               │               
+│  3   return 1;                            │               
+│  4 }                                      │               
+└───────────────────────────────────────────┘               
+"
+`;
+
+exports[`LineNumberRenderable in ScrollBox viewport culling with line numbers - dimensions stable 2`] = `
+"│  2   console.log("Line 1");               │               
+│  3   return 1;                            │               
+│  4 }                                      │               
+└───────────────────────────────────────────┘               
+                                                            
+┌───────────────────────────────────────────┐               
+│  1 function test1() {                     │               
+│  2   console.log("Line 1");               │               
+│  3   return 1;                            │               
+│  4 }                                      │               
+└───────────────────────────────────────────┘               
+                                                            
+┌───────────────────────────────────────────┐               
+│  1 function test1() {                     │               
+│  2   console.log("Line 1");               │               
+│  3   return 1;                            │               
+│  4 }                                      │              ▄
+└───────────────────────────────────────────┘               
+                                                            
+┌───────────────────────────────────────────┐               
+"
+`;

package/src/renderables/__tests__/__snapshots__/LineNumberRenderable.test.ts.snap

@@ -0,0 +1,158 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`LineNumberRenderable renders line numbers correctly 1`] = `
+" 1 Line 1           
+ 2 Line 2           
+ 3 Line 3           
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+"
+`;
+
+exports[`LineNumberRenderable renders line numbers for wrapping text 1`] = `
+" 1 Line 1 is very l 
+   ong and should w 
+   rap around multi 
+   ple lines        
+                    
+                    
+                    
+                    
+                    
+                    
+"
+`;
+
+exports[`LineNumberRenderable renders line numbers with offset 1`] = `
+" 42 Line 1          
+ 43 Line 2          
+ 44 Line 3          
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+"
+`;
+
+exports[`LineNumberRenderable hides line numbers for specific lines 1`] = `
+" 1 Line 1           
+   Line 2           
+ 3 Line 3           
+   Line 4           
+ 5 Line 5           
+                    
+                    
+                    
+                    
+                    
+"
+`;
+
+exports[`LineNumberRenderable combines line number offset with hidden line numbers 1`] = `
+" 42 Line 1          
+    Line 2          
+ 44 Line 3          
+    Line 4          
+ 46 Line 5          
+                    
+                    
+                    
+                    
+                    
+"
+`;
+
+exports[`LineNumberRenderable maintains consistent left padding for all line numbers 1`] = `
+"  1 Line 1                    
+  2 Line 2                    
+  3 Line 3                    
+  4 Line 4                    
+  5 Line 5                    
+  6 Line 6                    
+  7 Line 7                    
+  8 Line 8                    
+  9 Line 9                    
+ 10 Line 10                   
+ 11 Line 11                   
+ 12 Line 12                   
+                              
+                              
+                              
+"
+`;
+
+exports[`LineNumberRenderable maintains stable visual line count when scrolling and typing with word wrap 1`] = `
+"                                   
+ ┌───────────────────────────────┐ 
+ │     Ctrl+Y to redo            │ 
+ │  36                           │ 
+ │  37 VIEW:                     │ 
+ │  38   • Shift+W to toggle     │ 
+ │     wrap mode (word/char/     │ 
+ │     none)                     │ 
+ │  39   • Shift+L to toggle     │ 
+ │     line numbers              │ 
+ │  40                           │ 
+ │  41 FEATURES:                 │ 
+ │  42   ✓ Grapheme-aware        │ 
+ │     cursor movement           │ 
+ │  43   ✓ Unicode (emoji 🌟     │ 
+ │     and CJK 世界, 你好世界,   │ 
+ │     中文, 한글)               │ 
+ │  44   ✓ Incremental editing   │ 
+ │  45   ✓ Text wrapping and     │ 
+ │     viewport management       │ 
+ │  46   ✓ Undo/redo support     │ 
+ │  47   ✓ Word-based            │ 
+ │     navigation and deletion   │ 
+ │  48   ✓ Text selection with   │ 
+ │     shift keys                │ 
+ │  49                           │ 
+ │  50 Press ESC to return to    │ 
+ │     main menu                 │ 
+ └───────────────────────────────┘ 
+                                   
+"
+`;
+
+exports[`LineNumberRenderable maintains stable visual line count when scrolling and typing with word wrap 2`] = `
+"                                   
+ ┌───────────────────────────────┐ 
+ │     Ctrl+Y to redo            │ 
+ │  36                           │ 
+ │  37 VIEW:                     │ 
+ │  38   • Shift+W to toggle     │ 
+ │     wrap mode (word/char/     │ 
+ │     none)                     │ 
+ │  39   • Shift+L to toggle     │ 
+ │     line numbers              │ 
+ │  40                           │ 
+ │  41 FEATURES:                 │ 
+ │  42   ✓ Grapheme-aware        │ 
+ │     cursor movement           │ 
+ │  43   ✓ Unicode (emoji 🌟     │ 
+ │     and CJK 世界, 你好世界,   │ 
+ │     中文, 한글)               │ 
+ │  44   ✓ Incremental editing   │ 
+ │  45   ✓ Text wrapping and     │ 
+ │     viewport management       │ 
+ │  46   ✓ Undo/redo support     │ 
+ │  47   ✓ Word-based            │ 
+ │     navigation and deletion   │ 
+ │  48   ✓ Text selection with   │ 
+ │     shift keys                │ 
+ │  49 a                         │ 
+ │  50 Press ESC to return to    │ 
+ │     main menu                 │ 
+ └───────────────────────────────┘ 
+                                   
+"
+`;