From 61a7ea625b89a4bde9fb3e5dd0d13582b1ddb075 Mon Sep 17 00:00:00 2001
From: Matt Parker <61717342+MattParkerDev@users.noreply.github.com>
Date: Thu, 7 Aug 2025 01:59:10 +1000
Subject: [PATCH] resize terminal

---
 .../Components/DisplayNoneComponent.razor     |  6 ++--
 .../Components/RunPanel.razor                 |  5 +++-
 .../Components/TerminalOutputDisplay.razor    | 30 +++++++++++++++++--
 src/SharpIDE.Photino/Layout/MainLayout.razor  |  4 +--
 src/SharpIDE.Photino/wwwroot/index.html       | 16 +++++-----
 5 files changed, 46 insertions(+), 15 deletions(-)

diff --git a/src/SharpIDE.Photino/Components/DisplayNoneComponent.razor b/src/SharpIDE.Photino/Components/DisplayNoneComponent.razor
index c473d0d..2c06a4d 100644
--- a/src/SharpIDE.Photino/Components/DisplayNoneComponent.razor
+++ b/src/SharpIDE.Photino/Components/DisplayNoneComponent.razor
@@ -1,6 +1,6 @@
-<div style="@GetStyle">
+<span style="@GetStyle">
 	@ChildContent
-</div>
+</span>
 
 @code {
 	[Parameter, EditorRequired]
@@ -9,5 +9,5 @@
 	[Parameter, EditorRequired]
 	public bool Visible { get; set; }
 
-	private string GetStyle => Visible ? "display: inherit" : "display: none";
+	private string GetStyle => Visible ? "display: inherit; height: 100%" : "display: none";
 }
diff --git a/src/SharpIDE.Photino/Components/RunPanel.razor b/src/SharpIDE.Photino/Components/RunPanel.razor
index 71e0682..b328bbb 100644
--- a/src/SharpIDE.Photino/Components/RunPanel.razor
+++ b/src/SharpIDE.Photino/Components/RunPanel.razor
@@ -1,4 +1,7 @@
-<MudText>Run</MudText>
+
+<MudStack Style="height: 100%">
+	<MudText>Run</MudText>
+</MudStack>
 
 @code {
 
diff --git a/src/SharpIDE.Photino/Components/TerminalOutputDisplay.razor b/src/SharpIDE.Photino/Components/TerminalOutputDisplay.razor
index 961d5d1..c8f00f8 100644
--- a/src/SharpIDE.Photino/Components/TerminalOutputDisplay.razor
+++ b/src/SharpIDE.Photino/Components/TerminalOutputDisplay.razor
@@ -10,9 +10,9 @@
 	}
 </style>
 
-<div style="width: 100%">
+<div style="width: 100%; height: 100%; overflow: auto">
 	<MudText>Terminal</MudText>
-	<Xterm @ref="@_terminalRef" Style="height: 100%" Options="@_options"/>
+	<Xterm @ref="@_terminalRef" Options="@_options" Style="height: calc(100% - 24px)" Addons="@_addons" OnFirstRender="@OnFirstRender"/>
 </div>
 
 @code {
@@ -34,6 +34,8 @@
 		},
 	};
 
+	private HashSet<string> _addons = ["addon-fit"];
+
 	protected override async Task OnInitializedAsync()
 	{
 		BuildService.BuildStarted += ClearPreviousOutput;
@@ -60,4 +62,28 @@
 	}
 
 	public void Dispose() => BuildService.BuildStarted -= ClearPreviousOutput;
+
+	private async Task OnFirstRender()
+	{
+		await _terminalRef.Addon("addon-fit").InvokeVoidAsync("fit");
+		_ = Task.Run(async () =>
+		{
+			try
+			{
+				while (true)
+				{
+					await Task.Delay(500).ConfigureAwait(false);
+					await InvokeAsync(async () =>
+					{
+						await _terminalRef.Addon("addon-fit").InvokeVoidAsync("fit");
+					});
+				}
+
+			}
+			catch (Exception e)
+			{
+				await DispatchExceptionAsync(e);
+			}
+		});
+	}
 }
diff --git a/src/SharpIDE.Photino/Layout/MainLayout.razor b/src/SharpIDE.Photino/Layout/MainLayout.razor
index 0203ba3..6f69f8c 100644
--- a/src/SharpIDE.Photino/Layout/MainLayout.razor
+++ b/src/SharpIDE.Photino/Layout/MainLayout.razor
@@ -70,8 +70,8 @@
 						</div>
 					</MudDrawerContainer>
 				</MudPaper>
-				<div>
-					@if (_solutionFilePath is not null && _selectedBottomPanel is not null)
+				<div style="height: 30%">
+					@if (_solutionFilePath is not null)
 					{
 						<DisplayNoneComponent Visible="@(_selectedBottomPanel is BottomPanelType.Run)">
 							<RunPanel />
diff --git a/src/SharpIDE.Photino/wwwroot/index.html b/src/SharpIDE.Photino/wwwroot/index.html
index ea57661..e854102 100644
--- a/src/SharpIDE.Photino/wwwroot/index.html
+++ b/src/SharpIDE.Photino/wwwroot/index.html
@@ -19,12 +19,14 @@
         <a class="dismiss">🗙</a>
     </div>
 
-	<script defer src="scripts2.js"></script>
-	<script defer src="_content/XtermBlazor/XtermBlazor.min.js"></script>
-	<script defer src="_content/BlazorMonaco/jsInterop.js"></script>
-	<script defer src="_content/BlazorMonaco/lib/monaco-editor/min/vs/loader.js"></script>
-	<script defer src="_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.js"></script>
-	<script defer src="_content/MudBlazor/MudBlazor.min.js"></script>
-    <script defer src="_framework/blazor.webview.js"></script>
+	<script src="scripts2.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0.10.0/lib/addon-fit.min.js"></script>
+	<script src="_content/BlazorMonaco/jsInterop.js"></script>
+	<script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/loader.js"></script>
+	<script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.js"></script>
+	<script src="_content/MudBlazor/MudBlazor.min.js"></script>
+	<script src="_content/XtermBlazor/XtermBlazor.min.js"></script>
+	<script>XtermBlazor.registerAddons({"addon-fit": new FitAddon.FitAddon()});</script>
+	<script src="_framework/blazor.webview.js"></script>
 </body>
 </html>