add version handling

Author: zippy

.eslintrc

@@ -26,6 +26,7 @@
     "no-await-in-loop": "off",
     "no-empty": "off",
     "no-nested-ternary": "off",
-    "prefer-arrow-callback": "off"
+    "prefer-arrow-callback": "off",
+    "no-undef": "off"
   }
 }

package-lock.json

@@ -0,0 +1,3 @@
+// globals.d.ts
+declare const __APP_VERSION__: string;
+declare const __DNA_VERSION__: string;

ui/globals.d.ts

@@ -3,7 +3,8 @@
   "description": "Webcomponent lit-element following open-wc recommendations",
   "license": "MIT",
   "author": "lit-element",
-  "version": "0.0.0",
+  "version": "0.10.0",
+  "dnaVersion": "0.2.0",
   "scripts": {
     "start": "vite --port $UI_PORT --clearScreen false",
     "build": "vite build",
@@ -19,7 +20,7 @@
     "@holochain-syn/core": "^0.400.0-dev.0",
     "@holochain-syn/text-editor": "^0.400.0-dev.0",
     "@holochain/client": "^0.18.0-dev.0",
-    "@lightningrodlabs/we-applet": "^0.17.0-dev.1",
+    "@lightningrodlabs/we-applet": "^0.17.0-dev.3",
     "@lightningrodlabs/we-elements": "^0.6.0-dev.0",
     "@lit/context": "^1.0.0",
     "@lit/localize": "^0.12.0",

ui/package.json

@@ -69,7 +69,6 @@ import { appletServices } from "./we-applet.js";
 import { NoteMeta, NoteWorkspace, Notebook, noteMetaB64ToRaw, noteMetaToB64 } from "./types.js";
 import { deserializeExport, exportNotes } from "./export.js";
 import { NotebooksStore, notebooksContext } from "./store.js";
-import { renderAsyncStatus } from "./utils.js";
 
 // @ts-ignore
 const appPort = import.meta.env.VITE_APP_PORT ? import.meta.env.VITE_APP_PORT : 8888
@@ -555,7 +554,7 @@ export class NotebooksApp extends LitElement {
     }
 
     return html`
-      <sl-dialog label="Notebooks: UI v0.2.10 for DNA v0.2.0" id="about-dialog" width={600} >
+      <sl-dialog label="Notebooks: UI v${__APP_VERSION__} for DNA v${__DNA_VERSION__}" id="about-dialog" width={600} >
           <div class="about">
               <p>Notebooks is a demonstration Holochain app built by Lighning Rod Labs.</p>
               <p> <b>Developers:</b>

ui/src/notebooks-app.ts

@@ -3,8 +3,6 @@ import { Document } from "@holochain-syn/core";
 import { Marked, Renderer } from "@ts-stack/markdown";
 import hljs from 'highlight.js';
 import Automerge from 'automerge';
-
-
 import { html, TemplateResult } from "lit";
 import { AsyncStatus } from "@holochain-open-dev/stores";
 

ui/src/utils.ts

@@ -15,7 +15,7 @@
     "inlineSources": true,
     "rootDir": "./src",
     "incremental": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
   },
-  "include": ["src/**/*.ts"]
+  "include": ["src/**/*.ts", "globals.d.ts"]
 }

ui/tsconfig.json

@@ -2,6 +2,7 @@ import path from "path";
 import { defineConfig } from "vite";
 import checker from "vite-plugin-checker";
 import { viteStaticCopy } from "vite-plugin-static-copy";
+import { version, dnaVersion } from './package.json';  // Import version from package.json
 
 const components = [
   "dialog",
@@ -29,8 +30,9 @@ const exclude = components.map(
   (c) => `@shoelace-style/shoelace/dist/components/${c}/${c}.js`
 );
 export default defineConfig({
-  build: {
-    minify: false
+  define: {
+    '__APP_VERSION__': JSON.stringify(version),  // Define a global constant
+    '__DNA_VERSION__': JSON.stringify(dnaVersion)  // Define a global constant
   },
 
   optimizeDeps: {