Merge pull request #208 from effigies/feat/display-version

feat: Display version in web app

Author: rwblair

changelog.d/20250819_113044_markiewicz_display_version.md

@@ -0,0 +1,47 @@
+<!--
+A new scriv changelog fragment.
+
+Uncomment the section that is right (remove the HTML comment wrapper).
+For top level release notes, leave all the headers commented out.
+-->
+
+### Added
+
+- Display version in web app
+
+<!--
+### Changed
+
+- A bullet item for the Changed category.
+
+-->
+<!--
+### Fixed
+
+- A bullet item for the Fixed category.
+
+-->
+<!--
+### Deprecated
+
+- A bullet item for the Deprecated category.
+
+-->
+<!--
+### Removed
+
+- A bullet item for the Removed category.
+
+-->
+<!--
+### Security
+
+- A bullet item for the Security category.
+
+-->
+<!--
+### Infrastructure
+
+- A bullet item for the Infrastructure category.
+
+-->

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.