Enhancement: better version checks (#935)

* Enhanced version checks

* Prettier

* Build assets

* Change threshold for survey

* Remove console.log

Author: kraleppa

assets/app/app.js

@@ -1,5 +1,6 @@
 import Alpine from 'alpinejs';
 import collapse from '@alpinejs/collapse';
+import lt from 'semver/functions/lt';
 
 import Collapsible from './hooks/collapsible';
 import Fullscreen from './hooks/fullscreen';
@@ -83,10 +84,11 @@ function setTheme() {
 
 async function checkForUpdate(currentVersion) {
   const shouldShowPopup = (latestVersion) => {
-    return (
-      currentVersion !== latestVersion &&
-      localStorage.getItem('lvdbg:ignored-version') !== latestVersion
-    );
+    const isOlder = lt(currentVersion, latestVersion);
+    const isNotIgnored =
+      localStorage.getItem('lvdbg:ignored-version') !== latestVersion;
+
+    return isOlder && isNotIgnored;
   };
 
   const showPopup = (latestVersion) => {

assets/app/hooks/survey_banner.js

@@ -1,5 +1,5 @@
 const SurveyBanner = {
-  counterThreshold: 100,
+  counterThreshold: 20,
   mounted() {
     if (localStorage.getItem('lvdbg:survey-dismissed-permanently')) return;
 

assets/app/package-lock.json

@@ -12,7 +12,8 @@
     "codemirror-lang-elixir": "^4.0.0",
     "phoenix": "^1.7.17",
     "phoenix_html": "^3.3.4",
-    "phoenix_live_view": "^1.0.0"
+    "phoenix_live_view": "^1.0.0",
+    "semver": "^7.7.4"
   },
   "devDependencies": {
     "prettier": "^3.5.1"