bugfix: Terminal width fitting (#329)

* bugfix: Terminal width fitting * bugfix: Terminal width fitting * fmt: css codestyle issue presumably from pkg upgrade
OliveTin · Jun 2, 2024 · ffc17dd · ffc17dd
1 parent 238abc9
commit ffc17dd
Show file tree

Hide file tree

Showing 5 changed files with 1,867 additions and 5,455 deletions.
diff --git a/webui.dev/js/ExecutionDialog.js b/webui.dev/js/ExecutionDialog.js
@@ -71,6 +71,7 @@ export class ExecutionDialog {
     this.domOutputDetails.open = false
 
     window.terminal.reset()
+    window.terminal.fit.fit()
 
     this.domExecutionOutput.hidden = true
   }
@@ -199,7 +200,9 @@ export class ExecutionDialog {
     this.domDatetimeStarted.innerText = res.logEntry.datetimeStarted
 
     window.terminal.reset()
-    window.terminal.write(res.logEntry.output)
+    window.terminal.write(res.logEntry.output, () => {
+      window.terminal.fit.fit()
+    })
   }
 
   renderError (err) {

diff --git a/webui.dev/js/marshaller.js b/webui.dev/js/marshaller.js
@@ -1,6 +1,7 @@
 import './ActionButton.js' // To define action-button
 import { ExecutionDialog } from './ExecutionDialog.js'
 import { Terminal } from '@xterm/xterm'
+import { FitAddon } from '@xterm/addon-fit'
 
 /**
  * This is a weird function that just sets some globals.
@@ -13,6 +14,10 @@ export function initMarshaller () {
     convertEol: true
   })
 
+  const fitAddon = new FitAddon()
+  window.terminal.loadAddon(fitAddon)
+  window.terminal.fit = fitAddon
+
   window.executionDialog = new ExecutionDialog()
 
   window.logEntries = {}