From 4c9a56f4ccfc4cd30b3842c6ea7f891ea533e8dd Mon Sep 17 00:00:00 2001
From: compscifag <a-manga-thing@protonmail.com>
Date: Fri, 28 May 2021 12:22:13 +0300
Subject: [PATCH] changed instance persistence to localstorage instead of
 cookies

---
 about.html     | 55 ++++++++++++++++++++------------------
 catalog.html   |  2 +-
 js/cookie.js   | 17 ------------
 js/instance.js | 13 +++++++++
 reader.html    | 72 ++++++++++++++++++++++++++------------------------
 search.html    |  3 ++-
 title.html     |  2 +-
 7 files changed, 85 insertions(+), 79 deletions(-)
 delete mode 100644 js/cookie.js
 create mode 100644 js/instance.js
diff --git a/about.html b/about.html
index 120be80..6dd8a91 100644
--- a/about.html
+++ b/about.html
@@ -1,45 +1,50 @@
 <html>
+
 <head>
     <title>Mangaloid</title>
 
-    <meta charset="UTF-8"/>
+    <meta charset="UTF-8" />
 
-    <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
+    <link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
 </head>
+
 <body>
     <div id="header">
-        <a href="./catalog.html"><img id="home" src="img/home.png"/></a>
- 	<form action="/search.html">
-                <input id="search_bar" type="search" name="title" placeholder="Search">
-                <button id="search_button" type="submit">Search</button>
+        <a href="./catalog.html"><img id="home" src="img/home.png" /></a>
+        <form action="/search.html">
+            <input id="search_bar" type="search" name="title" placeholder="Search">
+            <button id="search_button" type="submit">Search</button>
         </form>
-        <img id="logo" src="img/logo.png"/>
+        <img id="logo" src="img/logo.png" />
     </div>
 
     <div id="content">
-	<div style="position:relative;top:20px;">
-		<p>Instance address:</p>
-		<input style="width:500px" id="address" placeholder="test.cynic.moe"></input>
-		<button onclick="update_address()">Update</button>
-		<button onclick="clear_instance()">Default</button>
-		<p>Current: </p><p id="instance_addr"></p>
-	</div>
+        <div style="position:relative;top:20px;">
+            <p>Instance address:</p>
+            <input style="width:500px" id="address" placeholder="test.cynic.moe"></input>
+            <button onclick="update_address()">Update</button>
+            <button onclick="clear_instance()">Default</button>
+            <p>Current: </p>
+            <p id="instance_addr"></p>
+        </div>
         <div id="footer">
         </div>
     </div>
 
-    <script type="text/javascript" src="js/cookie.js"></script>
+    <script type="text/javascript" src="js/instance.js"></script>
     <script>
-	document.onreadystatechange = function () {
-	    var addr = get_instance(); 
-	    document.getElementById("instance_addr").innerHTML = addr;
-	}
-	function update_address() {
-	    var addr = document.getElementById("address").value;
-	    set_instance(addr);
-	    console.log(addr);
-	}
+        document.onreadystatechange = function () {
+            var addr = get_instance();
+            document.getElementById("address").setAttribute("placeholder", DEFAULT_INSTANCE);
+            document.getElementById("instance_addr").innerHTML = addr;
+        }
+        function update_address() {
+            var addr = document.getElementById("address").value;
+            set_instance(addr);
+            console.log(addr);
+        }
     </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/catalog.html b/catalog.html
index 8d737ac..4bd3b48 100644
--- a/catalog.html
+++ b/catalog.html
@@ -41,7 +41,7 @@
     </div>
 
     <script type="text/javascript" src="js/title_list.js"></script>
-    <script type="text/javascript" src="js/cookie.js"></script>
+    <script type="text/javascript" src="js/instance.js"></script>
     <script>
 	    document.onreadystatechange = function () {
 		if(document.readyState == "interactive") {
diff --git a/js/cookie.js b/js/cookie.js
deleted file mode 100644
index a30f60d..0000000
--- a/js/cookie.js
+++ /dev/null
@@ -1,17 +0,0 @@
-function get_instance() {
-    var addr = "test.cynic.moe";
-    var cookie = document.cookie;
-    if(cookie != "") {
-	 addr = decodeURIComponent(cookie).split(";")[0].split("=")[1];
-    }
-    return addr;
-}
-
-function set_instance(addr) {
-    var str = "Instance="+addr+"; SameSite=Lax;";
-    document.cookie = str;
-}
-
-function clear_instance() {
-    document.cookie = "Instance=test.cynic.moe; SameSite=Lax;";
-}
diff --git a/js/instance.js b/js/instance.js
new file mode 100644
index 0000000..a948848
--- /dev/null
+++ b/js/instance.js
@@ -0,0 +1,13 @@
+const DEFAULT_INSTANCE = "test.cynic.moe";
+
+function get_instance() {
+    return localStorage.getItem("instance") || DEFAULT_INSTANCE;
+}
+
+function set_instance(addr) {
+    localStorage.setItem("instance", addr);
+}
+
+function clear_instance() {
+    localStorage.setItem("instance", DEFAULT_INSTANCE);
+}
diff --git a/reader.html b/reader.html
index 46f7625..0dc64fa 100644
--- a/reader.html
+++ b/reader.html
@@ -1,54 +1,58 @@
 <html>
-    <head>
-        <title>Mangaloid</title>
 
-        <meta charset="UTF-8"/>
-        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>
+<head>
+    <title>Mangaloid</title>
 
-        <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
-        <link rel="stylesheet" type="text/css" href="css/reader.css"/>
-    </head>
-    <body>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />
 
-        <div id="titlebar_container">
+    <link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
+    <link rel="stylesheet" type="text/css" href="css/reader.css" />
+</head>
+
+<body>
+
+    <div id="titlebar_container">
         <div id="titlebar">
             <button class="back" onclick="history.back()">
-                <img class="back" src="img/back.png"/>
+                <img class="back" src="img/back.png" />
             </button>
 
             <span class="text"></span>
 
             <button class="download">
-                <img class="download" src="img/download.png"/>
+                <img class="download" src="img/download.png" />
             </button>
             <button class="layout">
-                <img class="layout" src="img/single.png"/>
+                <img class="layout" src="img/single.png" />
             </button>
             <button class="fit">
-                <img class="fit" src="img/height.png"/>
+                <img class="fit" src="img/height.png" />
             </button>
             <button class="invert">
-                <img class="invert" src="img/invert.png"/>
+                <img class="invert" src="img/invert.png" />
             </button>
         </div>
-        </div>
-
-        <div id="page_left"></div>
-        <div id="page_right"></div>
-        <div id="page_view"></div>
-
-        <div id="footer">
-            <span id="counter">0/?</span>
-        </div>
-
-        <script type="text/javascript" src="js/reader.js"></script>
-        <script>
-            document.onreadystatechange = function () {
-                if(document.readyState == "interactive"){
-		    var addr = decodeURIComponent(document.cookie).split(";")[0].split("=")[1];
-                    load_pages("https://"+addr);
-                }
+    </div>
+
+    <div id="page_left"></div>
+    <div id="page_right"></div>
+    <div id="page_view"></div>
+
+    <div id="footer">
+        <span id="counter">0/?</span>
+    </div>
+
+    <script type="text/javascript" src="js/reader.js"></script>
+    <script type="text/javascript" src="js/instance.js"></script>
+    <script>
+        document.onreadystatechange = function () {
+            if (document.readyState == "interactive") {
+                var addr = get_instance();
+                load_pages("https://" + addr);
             }
-        </script>
-    </body>
-</html>
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/search.html b/search.html
index 3edf950..a52b4e0 100644
--- a/search.html
+++ b/search.html
@@ -72,10 +72,11 @@
     </div>
 
     <script type="text/javascript" src="js/title_list.js"></script>
+	<script type="text/javascript" src="js/instance.js"></script>
     <script>
         document.onreadystatechange = function () {
 		if(document.readyState == "interactive") {
-		    var addr = decodeURIComponent(document.cookie).split(";")[0].split("=")[1];
+		    let addr = get_instance();
 		    console.log("loading from "+addr);
 		    load_titles("https://"+addr+"/manga/search"+window.location.search);
 		    document.querySelector("#title_list").style.visibility = "visible";
diff --git a/title.html b/title.html
index 5838c5d..82b3c16 100644
--- a/title.html
+++ b/title.html
@@ -48,7 +48,7 @@
     </div>
 
     <script type="text/javascript" src="js/chapter_list.js"></script>
-    <script type="text/javascript" src="js/cookie.js"></script>
+    <script type="text/javascript" src="js/instance.js"></script>
     <script>
 	document.onreadystatechange = function () {
 	    if(document.readyState == "interactive") {
