From 8c84d187735ca919bfe679eaee5ec0d2afdcc490 Mon Sep 17 00:00:00 2001
From: "Felix W. Dekker" <felix@fwdekker.com>
Date: Thu, 16 Apr 2020 10:58:05 +0200
Subject: [PATCH] Store API URL in cookie for re-use

Fixes #25.
---
 package-lock.json   | Bin 217208 -> 217797 bytes
 package.json        |   4 +++-
 src/main/index.html |   2 +-
 src/main/js/DOM.js  |   9 +++++++++
 src/main/js/Main.js |  17 +++++++++++++++--
 5 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d4993b858cabeda189114d28164c27418b27f3bc..47a917a3829bf6570f9033271d6d0f328a833272 100644
GIT binary patch
delta 345
zcmeydfcNN9-U*h|yKI@cCOZ4@l~fj_7VBpf>n7*tXJ<~|n9iucXf)j*h{;mH0aY$l
zUl*<}Ro6(*X!^%YMzzTb7g<B{BMsbKLi~-~BfVY23?c){f{QcU3oT2`BlD}mveU~V
zd`c?KtMbzW{YsrHoH9Zz^^HCKA}j;VJq#0rqD+EAU4kMUy>q-u9Zg&vP4hxZ%!B<V
zU(}GDe1J`5a)Sih^lO%ke3JuM!kal5mvb;OUSdVKc6vc2la)Bk189z%Y;ad6%%d#D
z!^o$~Q{UAwDmk>=(L&oG&)csg+@mm9J1RFb%g52!AgDab(I6?`JS5*aIXlbS)HmBb
yBg@sr(mOvWIl|w}Dbd~2*wZr9vntrp(9PQ|z&~($e<G7aJL_e}?W~uXifaL2Qgd(s

delta 42
zcmV+_0M-A+r49I?4UjnlGA=ZcJX4c=A`X)<AqIop0k_=&0cFyMRn-BvRn-D;eOjXs
Ab^rhX

diff --git a/package.json b/package.json
index e998fc2..7a1dc2d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "interlanguage-checker",
-    "version": "1.7.0",
+    "version": "1.8.0",
     "description": "Check the consistency of MediaWiki interlanguage links in a simple overview.",
     "author": "Felix W. Dekker",
     "browser": "bundle.js",
@@ -17,9 +17,11 @@
     "dependencies": {
         "fetch-jsonp": "^1.1.3",
         "htm": "^3.0.3",
+        "js-cookie": "^2.2.1",
         "preact": "^10.4.0"
     },
     "devDependencies": {
+        "@types/js-cookie": "^2.2.6",
         "grunt": "^1.1.0",
         "grunt-cli": "^1.3.2",
         "grunt-contrib-clean": "^2.0.0",
diff --git a/src/main/index.html b/src/main/index.html
index 9397347..2bb9334 100644
--- a/src/main/index.html
+++ b/src/main/index.html
@@ -79,7 +79,7 @@
                         API&nbsp;
                         <i class="fa fa-question-circle-o" title="The URL to the wiki's api.php"></i>
                     </label>
-                    <input id="url" type="url" value="https://fallout.fandom.com/api.php" />
+                    <input id="url" type="url" autofocus />
 
                     <label for="article">
                         Article&nbsp;
diff --git a/src/main/js/DOM.js b/src/main/js/DOM.js
index a1fed84..a06bc21 100644
--- a/src/main/js/DOM.js
+++ b/src/main/js/DOM.js
@@ -31,6 +31,15 @@ export class ValidatableInput {
         return this.input.value;
     }
 
+    /**
+     * Sets the value of the underlying input element.
+     *
+     * @param value {string} the value to set
+     */
+    setValue(value) {
+        this.input.value = value;
+    }
+
     /**
      * Validates the input.
      *
diff --git a/src/main/js/Main.js b/src/main/js/Main.js
index 299d26b..6a3a7f7 100644
--- a/src/main/js/Main.js
+++ b/src/main/js/Main.js
@@ -1,4 +1,5 @@
 import {html, render} from "htm/preact";
+import Cookies from "js-cookie";
 import {InterlangTable, MessageHandler, ValidatableInput} from "./DOM";
 import {discoverNetwork, InterlangNetwork, MediaWiki, MediaWikiManager} from "./MediaWiki";
 import {$, doAfterLoad} from "./Shared";
@@ -31,6 +32,8 @@ doAfterLoad(async () => {
     let mwm = undefined;
 
     const submit = async () => {
+        Cookies.set("api-url", urlInput.getValue(), {expires: 10 * 365});
+
         // Clean up
         urlInput.showBlank();
         articleInput.showBlank();
@@ -95,8 +98,18 @@ doAfterLoad(async () => {
     });
     checkButton.addEventListener("click", () => submit());
 
+    // Read inputs from cookies
+    if (Cookies.get("api-url") !== undefined) {
+        urlInput.setValue(Cookies.get("api-url"));
+        articleInput.input.focus();
+    }
+
+    // Read inputs from URL
     const currentParams = new URLSearchParams(window.location.search);
-    if (currentParams.has("api")) urlInput.input.value = currentParams.get("api");
-    if (currentParams.has("article")) articleInput.input.value = currentParams.get("article");
+    if (currentParams.has("api")) {
+        urlInput.setValue(currentParams.get("api"));
+        articleInput.input.focus();
+    }
+    if (currentParams.has("article")) articleInput.setValue(currentParams.get("article"));
     if (currentParams.has("api") && currentParams.has("article")) await submit();
 });