Feat: add version in the footer

bartificer · Sep 11, 2024 · b76ea7c · b76ea7c
1 parent 2fff01b
commit b76ea7c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "xkpasswdjs",
-  "version": "0.1.0",
+  "version": "2.5.0",
   "description": "The Official JavaScript Port of Crypt::HSXKPasswd",
   "author": "Bartificer creations",
   "license": "ISC",

diff --git a/src/index.html b/src/index.html
@@ -429,12 +429,13 @@ <h6><i class="bi bi-graph-up"></i> Statistics</h6>
     </div>
 
     <footer class="row bg-primary-subtle py-3 mt-3 rounded">
-      <div class="col">
+      <div class="col-11">
         Inspired by <a href="https://xkcd.com/936/" target="_blank" class="link">XKCD</a> and <a
           href="https://www.grc.com/haystack.htm" target="_blank" class="link">Password Hay Stacks</a> |
         Powered by <a href="https://github.com/bartificer/xkpasswd-js" target="_blank" class="link">XKPasswd on
           GitHub</a>
       </div>
+      <div class="col-1"></div>
     </footer>
   </div>
 

diff --git a/src/index.mjs b/src/index.mjs
@@ -35,6 +35,8 @@ import {PasswordController} from './web/passwordcontroller.mjs';
 import {ConfigController} from './web/configcontroller.mjs';
 import {ConfigView} from './web/configview.mjs';
 
+// import package.json
+import pkgJson from '../package.json';
 /**
  * Object defining all custom variables and functions
  * @namespace XKP
@@ -105,4 +107,7 @@ $(() => {
       fouc.style.visibility = 'visible';
     }
   }
+
+  // set the version in the footer
+  $('footer div.col-1').html(`v${pkgJson.version}`);
 });