Add version check on app startup

Author: giancosta86

package.json

@@ -1,6 +1,6 @@
 {
   "name": "solvenius",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "Logic game in modern Elm",
   "private": true,
   "scripts": {
@@ -24,6 +24,7 @@
     "url": "https://github.com/giancosta86/solvenius/issues"
   },
   "devDependencies": {
+    "@types/semver": "^7.3.8",
     "clean-webpack-plugin": "^4.0.0-alpha.0",
     "copy-webpack-plugin": "^9.0.1",
     "css-loader": "^6.1.0",
@@ -46,5 +47,8 @@
     "webpack-dev-server": "^3.11.2",
     "webpack-merge": "^5.8.0",
     "workbox-webpack-plugin": "^6.1.5"
+  },
+  "dependencies": {
+    "semver": "^7.3.5"
   }
 }

src/ts/main.ts

@@ -2,6 +2,7 @@ import { ElmApp } from "./ElmInterop";
 import { LocalStorageVar } from "./LocalStorageVar";
 import { Elm } from "../elm/Main.elm";
 import { ConditionalPlayer } from "./ConditionalPlayer";
+import SemVer from "semver/classes/semver";
 
 import pkg from "../../package.json";
 
@@ -17,6 +18,23 @@ type Flags = {
   version: string;
 };
 
+function checkAppVersion() {
+  const previousVersionStorage = new LocalStorageVar<string>("previousVersion");
+
+  const previousVersion = new SemVer(
+    previousVersionStorage.value ?? pkg.version
+  );
+  const currentVersion = new SemVer(pkg.version);
+
+  if (currentVersion.compare(previousVersion) == 1) {
+    alert(
+      `Solvenius just got an automatic update and is ready to run! ^__^\n\nYour new version: ${currentVersion}`
+    );
+  }
+
+  previousVersionStorage.value = currentVersion.format();
+}
+
 function runApp(): void {
   const topScoreStorage = new LocalStorageVar<Score>("topScore");
   const settingsStorage = new LocalStorageVar<Settings>("settings");
@@ -77,5 +95,6 @@ function registerServiceWorker(): void {
   }
 }
 
+checkAppVersion();
 registerServiceWorker();
 runApp();

yarn.lock

@@ -1342,6 +1342,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/semver@^7.3.8":
+  version "7.3.8"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.8.tgz#508a27995498d7586dcecd77c25e289bfaf90c59"
+  integrity sha512-D/2EJvAlCEtYFEYmmlGwbGXuK886HzyCc3nZX/tkFTQdEU8jZDAgiv08P162yB17y4ZXZoq7yFAnW4GDBb9Now==
+
 "@webassemblyjs/ast@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"