nikolai/add lang to cookie

package.json

@@ -111,6 +111,7 @@
     "core-js": "^2.6.5",
     "crc-32": "^1.2.0",
     "gh-pages": "^2.0.1",
+    "js-cookie": "^2.2.1",
     "mobx": "^5.9.4",
     "mobx-react": "^5.4.4",
     "pako": "^1.0.11",

src/common/lang.js

@@ -1,11 +1,13 @@
 import { parseQueryString } from '../common/utils/tools';
 import { set as setStorage, get as getStorage } from '../common/utils/storageManager';
+import { setCookieLanguage } from '../common/utils/cookieManager';
 import { supportedLanguages, translate, init } from './i18n';
 
 export const getLanguage = () => {
     const queryLang = parseQueryString().l;
     const lang = queryLang in supportedLanguages ? queryLang : getStorage('lang') || 'en';
     setStorage('lang', lang);
+    setCookieLanguage(lang);
     return lang;
 };
 

src/common/utils/cookieManager.js

@@ -0,0 +1,61 @@
+const Cookies = require('js-cookie');
+
+export const CookieStorage = function(cookieName, cookieDomain) {
+    this.initialized = false;
+    this.cookieName = cookieName;
+    this.domain = cookieDomain;
+    this.path = '/';
+    this.expires = new Date('Thu, 1 Jan 2037 12:00:00 GMT');
+    this.value = {};
+};
+
+CookieStorage.prototype = {
+    read() {
+        const cookieValue = Cookies.get(this.cookieName);
+        try {
+            this.value = cookieValue ? JSON.parse(cookieValue) : {};
+        } catch (e) {
+            this.value = {};
+        }
+        this.initialized = true;
+    },
+    write(val, expireDate, isSecure, sameSite) {
+        if (!this.initialized) this.read();
+        this.value = val;
+        if (expireDate) this.expires = expireDate;
+        Cookies.set(this.cookieName, this.value, {
+            expires : this.expires,
+            path    : this.path,
+            domain  : this.domain,
+            secure  : !!isSecure,
+            sameSite: sameSite || 'strict',
+        });
+    },
+    get(key) {
+        if (!this.initialized) this.read();
+        return this.value[key];
+    },
+    set(key, val, options) {
+        if (!this.initialized) this.read();
+        this.value[key] = val;
+        Cookies.set(this.cookieName, this.value, {
+            expires: new Date(this.expires),
+            path   : this.path,
+            domain : this.domain,
+            ...options,
+        });
+    },
+    remove() {
+        Cookies.remove(this.cookieName, {
+            path  : this.path,
+            domain: this.domain,
+        });
+    },
+};
+
+export const setCookieLanguage = lang => {
+    if (!Cookies.get('language') || lang) {
+        const cookie = new CookieStorage('language');
+        cookie.write(lang.toUpperCase(), undefined, true, 'none');
+    }
+};