From 0969d12bf00bd1a2b30ece9dc5966519a3c8c3e9 Mon Sep 17 00:00:00 2001
From: lmg-anon <139719567+lmg-anon@users.noreply.github.com>
Date: Sat, 13 Jan 2024 20:45:24 -0300
Subject: [PATCH] Save/restore scroll top

---
 mikupad.html | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/mikupad.html b/mikupad.html
index efef697..d16b40f 100644
--- a/mikupad.html
+++ b/mikupad.html
@@ -1775,7 +1775,8 @@
 		"entries": [],
 		"prefix": "",
 		"suffix": ""
-	})
+	}),
+	scrollTop: 0
 };
 
 function joinPrompt(prompt) {
@@ -1896,6 +1897,8 @@
 	const [lastError, setLastError] = useState(undefined);
 	const [stoppingStrings, setStoppingStrings] = useSessionState('stoppingStrings', defaultPresets.stoppingStrings);
 	const [stoppingStringsError, setStoppingStringsError] = useState(undefined);
+	const [savedScrollTop, setSavedScrollTop] = useSessionState('scrollTop', defaultPresets.scrollTop);
+
 	const [contextLength, setContextLength] = useSessionState('contextLength', defaultPresets.contextLength);
 	const [memoryTokens, setMemoryTokens] = useSessionState('memoryTokens', defaultPresets.memoryTokens);
 
@@ -2297,7 +2300,7 @@
 		const elem = promptArea.current;
 		if (elem.value === promptText) {
 			return;
-		} else if (promptText.startsWith(elem.value)) {
+		} else if (elem.value.length && promptText.startsWith(elem.value)) {
 			const oldHeight = elem.scrollHeight;
 			const atBottom = (elem.scrollTarget ?? elem.scrollTop) + elem.clientHeight + 1 > oldHeight;
 			const oldLen = elem.value.length;
@@ -2315,6 +2318,12 @@
 		}
 	}, [promptText]);
 
+	useLayoutEffect(() => {
+		promptArea.current.scrollTarget = undefined;
+		promptArea.current.scrollTop = savedScrollTop;
+		promptOverlay.current.scrollTop = savedScrollTop;
+	}, [savedScrollTop]);
+
 	useEffect(() => {
 		if (cancel)
 			return;
@@ -2462,6 +2471,7 @@
 		const oldTop = promptOverlay.current.scrollTop;
 		promptOverlay.current.scrollTop = target.scrollTop;
 		promptOverlay.current.scrollLeft = target.scrollLeft;
+		setSavedScrollTop(newTop);
 
 		if (showProbsMode !== -1) {
 			const probsElement = document.getElementById('probs');
@@ -2564,7 +2574,7 @@
 		return isHttps && (url.protocol !== 'https:' && url.protocol !== 'wss:');
 	}
 
-	function sessionChanged() {
+	function onSessionChange() {
 		// TODO: Store the undo/redo in the session.
 		redoStack.current = [];
 		undoStack.current = [];
@@ -2633,7 +2643,7 @@
 			<${CollapsibleGroup} label="Sessions">
 				<${Sessions} sessionStorage=${sessionStorage}
 					disabled=${!!cancel}
-					onSessionChange=${sessionChanged}/>
+					onSessionChange=${onSessionChange}/>
 			</${CollapsibleGroup}>
 			<${CollapsibleGroup} label="Presets" expanded>
 				<${InputBox} label="Server"