From 2001119a6df8bcc2c323716f8141cee2bd820255 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20T=C3=B6rnblom?= <john.tornblom@gmail.com>
Date: Sun, 13 Oct 2024 17:08:00 +0200
Subject: [PATCH] elfldr: cosmetics to stdout rendering

---
 assets/elfldr.html            | 21 ++++++++++++++-------
 assets/xterm-addon-fit.min.js |  8 ++++++++
 2 files changed, 22 insertions(+), 7 deletions(-)
 create mode 100644 assets/xterm-addon-fit.min.js

diff --git a/assets/elfldr.html b/assets/elfldr.html
index 27b59b0..0bc9860 100644
--- a/assets/elfldr.html
+++ b/assets/elfldr.html
@@ -23,6 +23,7 @@
     <link rel="icon" href="data:,"> <!-- dont request favicon -->
     <link rel="stylesheet" href="xterm.css">
     <script src="xterm.js"></script>
+    <script src="xterm-addon-fit.min.js"></script>
     <title>Payload launcher</title>
     <style>
       :root {
@@ -48,7 +49,7 @@
           justify-content: center;
           min-height: calc(100 * var(--vh) - 10vw);
           margin: 0;
-          padding: 5vw;
+          padding: 0;
           background-color: var(--background-color-primary);
           color: #fff;
       }
@@ -58,6 +59,7 @@
           flex-direction: column;
           align-items: center;
           justify-content: center;
+          padding: 5vw;
       }
 
       .drop-zone {
@@ -153,7 +155,7 @@ <h1>Payload launcher</h1>
       <input type="text" id="args-input" class="input-box" placeholder="Optional command line arguments...">
       <a class="btn" id="send-btn">Send</a>
     </div>
-    <div id="stdout" class="terminal" style="display: block;"/>
+    <div id="stdout" class="terminal" style="display: none; height: 90vh; width: 95vw; padding-top: 5vh;"/>
     <script>
       // workaround for mobile browsers reporting vh with the address bar collapsed
       function setViewportHeight() {
@@ -241,25 +243,30 @@ <h1>Payload launcher</h1>
       }
 
       async function deploy(elf, args='') {
+	  const launcher = document.getElementById('launcher');
+	  launcher.style.display = 'none';
+	  stdout.style.display = 'block';
+
 	  let form = new FormData();
 	  form.append('elf', elf);
 	  form.append('args', args);
 	  form.append('pipe', '1');
 
+	  const fitAddon = new FitAddon.FitAddon();
 	  const term = new Terminal({
 	      convertEol: true,
 	      altClickMovesCursor: false,
 	      disableStdin: true,
 	      fontSize: 18,
-	      cols: 132,
-	      rows: 26
+	      cols: 80,
+	      rows: 30
 	  });
+
 	  term.open(stdout);
+	  term.loadAddon(fitAddon);
+	  fitAddon.fit();
 	  term.write("$ " + args + "\n");
 
-	  const launcher = document.getElementById('launcher');
-	  launcher.style.display = 'none';
-
 	  let response = await fetch('/elfldr', {
               body: form,
               method: "post"
diff --git a/assets/xterm-addon-fit.min.js b/assets/xterm-addon-fit.min.js
new file mode 100644
index 0000000..7384f10
--- /dev/null
+++ b/assets/xterm-addon-fit.min.js
@@ -0,0 +1,8 @@
+/**
+ * Skipped minification because the original files appears to be already minified.
+ * Original file: /npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.FitAddon=t():e.FitAddon=t()}(self,(()=>(()=>{"use strict";var e={};return(()=>{var t=e;Object.defineProperty(t,"__esModule",{value:!0}),t.FitAddon=void 0,t.FitAddon=class{activate(e){this._terminal=e}dispose(){}fit(){const e=this.proposeDimensions();if(!e||!this._terminal||isNaN(e.cols)||isNaN(e.rows))return;const t=this._terminal._core;this._terminal.rows===e.rows&&this._terminal.cols===e.cols||(t._renderService.clear(),this._terminal.resize(e.cols,e.rows))}proposeDimensions(){if(!this._terminal)return;if(!this._terminal.element||!this._terminal.element.parentElement)return;const e=this._terminal._core,t=e._renderService.dimensions;if(0===t.css.cell.width||0===t.css.cell.height)return;const r=0===this._terminal.options.scrollback?0:e.viewport.scrollBarWidth,i=window.getComputedStyle(this._terminal.element.parentElement),o=parseInt(i.getPropertyValue("height")),s=Math.max(0,parseInt(i.getPropertyValue("width"))),n=window.getComputedStyle(this._terminal.element),l=o-(parseInt(n.getPropertyValue("padding-top"))+parseInt(n.getPropertyValue("padding-bottom"))),a=s-(parseInt(n.getPropertyValue("padding-right"))+parseInt(n.getPropertyValue("padding-left")))-r;return{cols:Math.max(2,Math.floor(a/t.css.cell.width)),rows:Math.max(1,Math.floor(l/t.css.cell.height))}}}})(),e})()));
+//# sourceMappingURL=xterm-addon-fit.js.map
\ No newline at end of file