Merge pull request DouglasNeuroInformatics#1520 from DouglasNeuroInformatics/feat/playground-version

feat(playground): show the ODC version in the actions menu

Author: joshunrau

apps/playground/src/components/Header/ActionsDropdown/ActionsDropdown.tsx

@@ -81,6 +81,10 @@ export const ActionsDropdown = () => {
               {t({ en: 'Restore Defaults', fr: 'Restaurer les paramètres par défaut' })}
             </button>
           </DropdownMenu.Item>
+          <DropdownMenu.Separator />
+          <DropdownMenu.Label className="text-muted-foreground text-xs font-normal">
+            {t({ en: 'ODC Version', fr: 'Version ODC' })} {__APP_VERSION__}
+          </DropdownMenu.Label>
         </DropdownMenu.Content>
       </DropdownMenu>
       <UserSettingsDialog isOpen={showUserSettingsDialog} setIsOpen={setShowUserSettingsDialog} />

apps/playground/src/vite-env.d.ts

@@ -1 +1,2 @@
+const __APP_VERSION__: string;
 const __GITHUB_REPO_URL__: string;

apps/playground/vite.config.ts

@@ -1,10 +1,18 @@
+import fs from 'fs';
 import path from 'path';
 
 import runtime from '@opendatacapture/vite-plugin-runtime';
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react-swc';
 import { defineConfig } from 'vite';
 
+// Read straight from the monorepo root rather than through `@opendatacapture/release-info`: that
+// package pulls in `@opendatacapture/schemas`, which ships raw TypeScript, and loading it here would
+// mean running this config under tsx as `apps/web` does.
+const { version } = JSON.parse(fs.readFileSync(path.resolve(import.meta.dirname, '../../package.json'), 'utf-8')) as {
+  version: string;
+};
+
 export default defineConfig(({ mode }) => ({
   build: {
     chunkSizeWarningLimit: 1000,
@@ -16,6 +24,7 @@ export default defineConfig(({ mode }) => ({
     target: 'es2022'
   },
   define: {
+    __APP_VERSION__: JSON.stringify(version),
     __GITHUB_REPO_URL__: `'${process.env.GITHUB_REPO_URL ?? '#'}'`
   },
   optimizeDeps: {