From cd8ba5b43c25546691e32d109a2799d232bb4c2d Mon Sep 17 00:00:00 2001
From: Nikita Karamov <me@kytta.dev>
Date: Sun, 20 Nov 2022 16:09:11 +0100
Subject: [PATCH] Fix remember instances

Closes #12
---
 src/index.html |  2 +-
 src/main.js    | 35 ++++++++++++++++++++++++++++++++++-
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index 2b3fd15..40c1006 100644
--- a/src/index.html
+++ b/src/index.html
@@ -51,7 +51,7 @@
 			</p>
 		</header>
 		<main>
-			<form action="/api/toot" method="POST">
+			<form action="/api/toot" method="POST" onsubmit="onFormSubmit(this)">
 				<section>
 					<label for="text">Post text</label>
 					<textarea
diff --git a/src/main.js b/src/main.js
index c76c814..8ae43cc 100644
--- a/src/main.js
+++ b/src/main.js
@@ -27,6 +27,8 @@
  */
 
 const INSTANCE_LIST_URL = "https://api.joinmastodon.org/servers";
+const LOCAL_STORAGE_KEY = "recentInstances";
+const RECENT_INSTANCES_SIZE = 5;
 
 const $instance = document.getElementById("instance");
 const $instanceDatalist = document.getElementById("instanceDatalist");
@@ -82,7 +84,38 @@ function loadInstances() {
 	}
 }
 
-const prefillInstance = window.localStorage.getItem("mastodon_instance");
+function getRecentInstances() {
+	const storedValue = window.localStorage.getItem(LOCAL_STORAGE_KEY);
+	if (!storedValue) return [];
+	return JSON.parse(storedValue);
+}
+
+function rememberInstance(instance) {
+	const recentInstances = getRecentInstances();
+
+	const index = recentInstances.indexOf(instance);
+	if (index >= 0) {
+		recentInstances.splice(index, 1);
+	}
+	recentInstances.unshift(instance);
+	recentInstances.length = RECENT_INSTANCES_SIZE;
+
+	window.localStorage.setItem(
+		LOCAL_STORAGE_KEY,
+		JSON.stringify(recentInstances)
+	);
+}
+
+function onFormSubmit(form) {
+	const formData = new FormData(form);
+
+	if (formData.get("remember")) {
+		rememberInstance(formData.get("instance"));
+	}
+	return true;
+}
+
+const prefillInstance = getRecentInstances()[0];
 
 const URLParams = window.location.search.substr(1).split("&");
 for (let i = 0; i < URLParams.length; i++) {