feat: Display version in web app

Author: effigies

src/main.ts

@@ -10,6 +10,7 @@ import { consoleFormat, resultToJSONStr } from './utils/output.ts'
 import { setupLogging } from './utils/logger.ts'
 import type { ValidationResult } from './types/validation-result.ts'
 export type { ValidationResult } from './types/validation-result.ts'
+export { getVersion } from './version.ts'
 
 /**
  * Validation entrypoint intended for command line usage with Deno

web/src/App.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react"
 import "./App.css"
 import { directoryOpen } from "https://esm.sh/[email protected]"
-import confetti, { create } from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.module.mjs';
-import { fileListToTree, validate } from "../dist/validator/main.js"
+import confetti from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.module.mjs';
+import { fileListToTree, validate, getVersion } from "../dist/validator/main.js"
 import type { ValidationResult } from "../../src/types/validation-result.ts"
 import { Collapse } from "./Collapse.tsx"
 import { Summary } from "./Summary.tsx"
@@ -57,6 +57,9 @@ function App() {
     setValidation(await validate(fileTree, {}))
   }
 
+  const [version, setVersion] = useState<string>()
+  getVersion().then((v) => { setVersion(v) })
+
   let validatorOutput
 
   if (validation) {
@@ -130,6 +133,7 @@ function App() {
     <>
       <h1>BIDS Validator</h1>
       {validatorOutput}
+      <div><em>BIDS Validator version: {version}</em></div>
       <div>
         Note: Selecting a dataset only performs validation. Files are never
         uploaded.