Display version number underneath the logo

build/build.ts

@@ -307,7 +307,11 @@ async function generateFrontendJs(): Promise<void> {
       {
         name: "",
         resolveId: function (importee, importer) {
-          if (importee.endsWith("/bigint")) {
+          if (importee.endsWith("/package.json")) {
+            const p = path.resolve(path.dirname(importer), importee);
+            if (p === path.resolve(INPUT_DIR, "package.json"))
+              return path.resolve(OUTPUT_DIR, "package.json");
+          } else if (importee.endsWith("/bigint")) {
             return this.resolve(importee + "-jsbi", importer);
           } else if (importee === "espresso-iisojs") {
             return this.resolve(

ui/css/app.css

@@ -285,9 +285,21 @@ body {
   }
 
   & > .logo {
-    margin: 10px;
+    display: inline-block;
-    display: inline;
+    position: relative;
-    height: 56px;
+    & > img {
+      margin: 10px;
+      height: 56px;
+    }
+
+    & > .version {
+      position: absolute;
+      bottom: 5px;
+      right: 10px;
+      font-family: monospace;
+      font-size: 10px;
+      color: #666;
+    }
   }
 
   & > .user-menu {

ui/layout.ts

@@ -23,6 +23,7 @@ import drawerComponent from "./drawer-component";
 import userMenu from "./user-menu";
 import adminMenu from "./admin-menu";
 import * as overlay from "./overlay";
+import { version as VERSION } from "../package.json";
 
 const adminPages = [
   "presets",
@@ -51,7 +52,11 @@ const component: ClosureComponent = (): Component => {
 
       return [
         m("#header", [
-          m("img.logo", { src: "logo.svg" }),
+          m(
+            "div.logo",
+            m("img", { src: "logo.svg" }),
+            m("span.version", "v" + VERSION)
+          ),
           m(userMenu),
           m(menu, attrs),
           m(drawerComponent),