From 13dcdd823735124b1cedd7a2245c0629ee3895e5 Mon Sep 17 00:00:00 2001
From: "Florine W. Dekker" <florine@fwdekker.com>
Date: Sat, 26 Mar 2022 19:33:42 +0100
Subject: [PATCH] Additionally export storage.js from Minesweeper

---
 Gruntfile.js                         |  53 +++++---
 package-lock.json                    | Bin 214907 -> 230343 bytes
 package.json                         |  12 +-
 src/main/js/Storage.ts               | 186 +++++++++++++++++++++++++++
 src/main/js/{main.js => template.js} |   2 +-
 src/test/index.html                  |   8 ++
 tsconfig.json                        |  11 ++
 7 files changed, 248 insertions(+), 24 deletions(-)
 create mode 100644 src/main/js/Storage.ts
 rename src/main/js/{main.js => template.js} (99%)
 create mode 100644 tsconfig.json

diff --git a/Gruntfile.js b/Gruntfile.js
index 9acc492..3aac6fe 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -14,13 +14,33 @@ module.exports = grunt => {
             },
         },
         focus: {
-            dev: {
-                include: ["css", "js"],
+            deploy: {
+                include: ["css", "storage", "template"],
             },
         },
         webpack: {
-            options: {
-                entry: "./src/main/js/main.js",
+            storage: {
+                entry: "./src/main/js/Storage.ts",
+                module: {
+                    rules: [
+                        {
+                            test: /\.ts$/,
+                            use: "ts-loader",
+                            exclude: /node_modules/,
+                        },
+                    ],
+                },
+                resolve: {
+                    extensions: [".ts"],
+                },
+                output: {
+                    filename: "storage.js",
+                    path: path.resolve(__dirname, "dist/"),
+                },
+                mode: "production",
+            },
+            template: {
+                entry: "./src/main/js/template.js",
                 module: {
                     rules: [
                         {
@@ -30,20 +50,14 @@ module.exports = grunt => {
                     ],
                 },
                 resolve: {
-                    extensions: [".js"],
+                    extensions: [".ts"],
                 },
                 output: {
                     library: "fwdekker-template",
                     libraryTarget: "umd",
                     filename: "template.js",
                     path: path.resolve(__dirname, "dist"),
-                }
-            },
-            dev: {
-                mode: "development",
-                devtool: "inline-source-map",
-            },
-            deploy: {
+                },
                 mode: "production",
             },
         },
@@ -52,9 +66,13 @@ module.exports = grunt => {
                 files: ["src/main/**/*.css"],
                 tasks: ["cssmin"],
             },
-            js: {
+            storage: {
+                files: ["src/main/**/*.ts"],
+                tasks: ["webpack:storage"],
+            },
+            template: {
                 files: ["src/main/**/*.js"],
-                tasks: ["webpack:dev"],
+                tasks: ["webpack:template"],
             },
         },
     });
@@ -65,9 +83,8 @@ module.exports = grunt => {
     grunt.loadNpmTasks("grunt-focus");
     grunt.loadNpmTasks("grunt-webpack");
 
-    grunt.registerTask("dev", ["webpack:dev", "cssmin"]);
-    grunt.registerTask("dev:server", ["dev", "focus:dev"]);
-    grunt.registerTask("deploy", ["webpack:deploy", "cssmin"]);
+    grunt.registerTask("deploy", ["webpack:storage", "webpack:template", "cssmin"]);
+    grunt.registerTask("deploy:server", ["deploy", "focus:deploy"]);
 
-    grunt.registerTask("default", ["dev"]);
+    grunt.registerTask("default", ["deploy"]);
 };
diff --git a/package-lock.json b/package-lock.json
index 707099f6e0cdef918286f9f6589907a924cb5673..b68c3f2b6a8cb8e0a20c5ac1460945ada1a826b7 100644
GIT binary patch
delta 8277
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

delta 1681
zcmcgrZA?>F7|wexv_l0fv_cT2#f=TBa4GcTnnkU&YoVpRg|@UT4roQ7T}u)BL0zU<
zT=v7nNN(mkH@D%(mSu^9<z}8mvqfFhi7{$S+*g*7ef%&p{+Z0^B-<?|X32ifKj%E>
z<UDy!p67ioy;1Vlf#QP(M&D?h<S@5=dXphIcNOGCwHwv7FX<Z%oN(h@1<r^d6Ee&e
z@pbtT5bl&N7oRWb(uvBgD`cXrUAJ6p^S4xqUyfaPO1!`OJOPt%ROEy|UagbRWU9eu
zwV6Y<l-(FH26pM<Vb*H2aGZ0X**#(%H#y@IBe7`LP}-VF_&U48E`wX!lHqo>_lz5P
zr>EEN%CrV8T9zG;+5>!Gq<O+)Pncu9=$VK0!koGmvlpREe6Z(yt@!4N=m6a(hm)0J
z+B*xlMh&aPGsnIKDxtmtx=;xF7H^dpGJ+P5n}Nf3?~&D5ut4g4iLO{S-4yVJ(*aw;
z!VR=@V@+(pop!n=h9XvPhiQTx7-iGj#}YetW-SA)!Fa|Q&Kh@kx_Wn-QlrBre={4k
z4V$-yTw%LEs!!X8deVZ~=EA-6q!bHkK!qpf$x24o*dk0`egPXeXvuw2Nnd#yt^?Mn
zp^Uaq!!JNP>fn)#cC(<6(>@LkwBTfh*@&HLrV@0Et~wG{XJkh@+-C8GIDT+s$UCl!
zZSBYge0<iN<aMKb*vy$Y`=F_7*C4A6`pl7ZbBBL$yJa}(b?{Mpq&t}HbhX42ZQRRA
z@31Xsb!<n?X6VLx4$1^JxSsNHs9a6=?uXfRbn-Mb0zLHw{8>n47hpXB19~39MvPqo
zrG$?@1g%%=pGdj8I|99(UY%c`a%SCeOR_Vow`Htj&Zu$N(c{q@f*HQ2iT8B*l8%uW
zKNhpLcepdAh&?zsF>25!9HD_ksHfG?8cU5!I3g(aZ@`1)P%rQb8Qu0Zd=6kjvyV|x
z?JRUwQ`K$w8}Nf`P$3?XuL9wEnF=4xLow~U2QN0#+v~_T1@!xR5?@Bo=*h<_I^`r`
zIaT|}M^9>4HA9R8cV7gB@L-QoIH*ujK1gKM^t%-4@5bsHD8&W^RN+(`DZrAi2uH76
zAv$GlaEj2~N=k6bMU=ROWt2EGMOfjM_c=U!i>wjKeM88<O?csyuNF&rX_lLALOFVq
z63TIexnoO|>f`Jp1s^3zo`dhCNZr3kQ){6FH>;(EKTIld3neS_YIi@Z!f7>BF7oNw
zIpSq-Y6ezdkxY8LBvXL>vl8L@IMa;%GT4w8`(ZXORxZU-bm%lx<5dk5<NX>YuOh%@
z<)NR+3he&`G>^-uTqOTLjl^^BlhETzDp9?g$nly9%5uF#;7NVn!u}hujIRBaya)NS
zWR?Q=_@#d@W^vfRlm*UAOY@iu0~e-Y$yv!AP0ra(^rzoQos6EmOAZv$ALogo;R!X_
zd<S&2Lc@HfqMJ-i^IF=sjnM#|?qjrt^w}NEHF%;0RvVaS{#)SRBTPa?-+GN{f`0(W
C5J;i`

diff --git a/package.json b/package.json
index a0a1d68..f80d88d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fwdekker/template",
-    "version": "2.5.8",
+    "version": "2.6.0",
     "description": "The base template for pages on fwdekker.com.",
     "author": "Florine W. Dekker",
     "license": "MIT",
@@ -19,9 +19,8 @@
     ],
     "scripts": {
         "clean": "grunt clean",
-        "dev": "grunt dev",
-        "dev:server": "grunt dev:server",
-        "deploy": "grunt deploy"
+        "deploy": "grunt deploy",
+        "deploy:server": "grunt deploy:server"
     },
     "dependencies": {
         "milligram": "^1.4.1",
@@ -35,7 +34,10 @@
         "grunt-contrib-watch": "^1.1.0",
         "grunt-focus": "^1.0.0",
         "grunt-webpack": "^5.0.0",
-        "webpack": "^5.69.1",
+        "ts-loader": "^9.2.8",
+        "ts-node": "^10.7.0",
+        "typescript": "^4.6.3",
+        "webpack": "^5.70.0",
         "webpack-cli": "^4.9.2"
     }
 }
diff --git a/src/main/js/Storage.ts b/src/main/js/Storage.ts
new file mode 100644
index 0000000..65121c0
--- /dev/null
+++ b/src/main/js/Storage.ts
@@ -0,0 +1,186 @@
+/**
+ * Stores key-value pairs.
+ */
+export interface Storage {
+    /**
+     * Removes the data from storage.
+     */
+    clear(): void
+
+    /**
+     * Retrieves an array from storage.
+     *
+     * @param name the name of the array to retrieve
+     * @param def the value to return if no array is stored with the given name
+     */
+    getArray(name: string, def: any[]): any[]
+
+    /**
+     * Stores an array.
+     *
+     * @param name the name of the array to store
+     * @param value the array to store under the given name
+     * @protected
+     */
+    setArray(name: string, value: any[]): void
+
+    /**
+     * Retrieves a boolean from storage.
+     *
+     * @param name the name of the boolean to retrieve
+     * @param def the value to return if no boolean is stored with the given name
+     * @protected
+     */
+    getBoolean(name: string, def: boolean): boolean
+
+    /**
+     * Stores a boolean.
+     *
+     * @param name the name of the boolean to store
+     * @param value the boolean to store under the given name
+     * @protected
+     */
+    setBoolean(name: string, value: boolean): void
+
+    /**
+     * Retrieves a number from storage.
+     *
+     * @param name the name of the number to retrieve
+     * @param def the value to return if no number is stored with the given name
+     * @protected
+     */
+    getNumber(name: string, def: number): number
+
+    /**
+     * Stores a number.
+     *
+     * @param name the name of the number to store
+     * @param value the number to store under the given name
+     * @protected
+     */
+    setNumber(name: string, value: number): void
+}
+
+/**
+ * Stores key-value pairs in a single entry in `localStorage`.
+ */
+export class LocalStorage implements Storage {
+    private readonly key: string;
+    private cache: { [key: string]: string } | null = null;
+
+
+    /**
+     * Constructs a new persistent storage item under the given key.
+     *
+     * @param key the unique identifier to store the data under
+     */
+    constructor(key: string) {
+        this.key = key;
+    }
+
+
+    /**
+     * Reads the object stored in local storage.
+     *
+     * @return the object stored in local storage, or an empty object if there is nothing in the local storage
+     * @private
+     */
+    private read(): { [key: string]: string } {
+        if (this.cache === null)
+            this.cache = JSON.parse(localStorage.getItem(this.key) ?? "{}");
+
+        return this.cache!;
+    }
+
+    /**
+     * Writes the given object to local storage.
+     *
+     * @param item the object to write to local storage
+     * @private
+     */
+    private write(item: { [key: string]: string }): void {
+        this.cache = item;
+        localStorage.setItem(this.key, JSON.stringify(item));
+    }
+
+
+    clear(): void {
+        this.cache = null;
+        localStorage.removeItem(this.key);
+    }
+
+    getArray(name: string, def: any[] = []): any[] {
+        const array = this.read()[name];
+        return array === undefined ? def : JSON.parse(array);
+    }
+
+    setArray(name: string, value: any[]): void {
+        const item = this.read();
+        item[name] = JSON.stringify(value);
+        this.write(item);
+    }
+
+    getBoolean(name: string, def: boolean = false): boolean {
+        return (this.read()[name] ?? `${def}`) === "true";
+    }
+
+    setBoolean(name: string, value: boolean): void {
+        const item = this.read();
+        item[name] = "" + value;
+        this.write(item);
+    }
+
+    getNumber(name: string, def: number = 0): number {
+        return +(this.read()[name] ?? def);
+    }
+
+    setNumber(name: string, value: number): void {
+        const item = this.read();
+        item[name] = "" + value;
+        this.write(item);
+    }
+}
+
+/**
+ * Stores key-value pairs in an object.
+ */
+export class MemoryStorage implements Storage {
+    private storage: { [key: string]: any } = {};
+
+
+    clear(): void {
+        this.storage = {};
+    }
+
+    setArray(name: string, value: any[] = []): void {
+        this.storage[name] = value;
+    }
+
+    getArray(name: string, def: any[]): any[] {
+        return this.storage[name] ?? def;
+    }
+
+    setBoolean(name: string, value: boolean): void {
+        this.storage[name] = value;
+    }
+
+    getBoolean(name: string, def: boolean): boolean {
+        return this.storage[name] ?? def;
+    }
+
+    setNumber(name: string, value: number): void {
+        this.storage[name] = value;
+    }
+
+    getNumber(name: string, def: number): number {
+        return this.storage[name] ?? def;
+    }
+}
+
+
+// @ts-ignore
+if (typeof window.fwdekker === "undefined")
+    // @ts-ignore
+    window.fwdekker = {};
+// @ts-ignore
+window.fwdekker.storage = {Storage, LocalStorage, MemoryStorage};
diff --git a/src/main/js/main.js b/src/main/js/template.js
similarity index 99%
rename from src/main/js/main.js
rename to src/main/js/template.js
index 0d61158..ed0c12a 100644
--- a/src/main/js/main.js
+++ b/src/main/js/template.js
@@ -257,4 +257,4 @@ doAfterLoad(() => {
 
 
 // Export to namespace
-fwdekker = {stringToHtml, $, $a, doAfterLoad, nav, header, footer};
+window.fwdekker = {stringToHtml, $, $a, doAfterLoad, nav, header, footer};
diff --git a/src/test/index.html b/src/test/index.html
index 421334f..d904238 100644
--- a/src/test/index.html
+++ b/src/test/index.html
@@ -47,5 +47,13 @@
 
 <!--suppress HtmlUnknownTarget -->
 <script src="../../dist/template.js"></script>
+<script src="../../dist/storage.js"></script>
+
+<script>
+    const storage = new fwdekker.storage.MemoryStorage();
+    storage.setNumber("test-key", 11);
+
+    console.log("Expected: 11. Actual: " + storage.getNumber("test-key", 0) + ".");
+</script>
 </body>
 </html>
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..e05d682
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,11 @@
+{
+    "compilerOptions": {
+        "target": "es2019",
+        "strict": true,
+        "rootDir": "./src/main/js/",
+        "outDir": "./dist/js/"
+    },
+    "include": [
+        "src/main/js/**/*.ts"
+    ]
+}