fix(app): display app version again

app-shell-odd/vite.config.ts

@@ -1,13 +1,14 @@
-import { versionForProject } from '../scripts/git-version'
+import { versionForProject } from '../scripts/git-version.mjs'
 import pkg from './package.json'
 import path from 'path'
-import { UserConfig, defineConfig } from 'vite'
+import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import postCssImport from 'postcss-import'
 import postCssApply from 'postcss-apply'
 import postColorModFunction from 'postcss-color-mod-function'
 import postCssPresetEnv from 'postcss-preset-env'
 import lostCss from 'lost'
+import type {UserConfig} from 'vite'
 
 export default defineConfig(
   async (): Promise<UserConfig> => {

app-shell/electron-builder.config.js

@@ -1,6 +1,5 @@
 'use strict'
 const path = require('path')
-const { versionForProject } = require('../scripts/git-version')
 
 const {
   OT_APP_DEPLOY_BUCKET,
@@ -45,7 +44,9 @@ module.exports = async () => ({
     },
   ],
   extraMetadata: {
-    version: await versionForProject(project),
+    version: await (
+      await import('../scripts/git-version.mjs')
+    ).versionForProject(project),
     productName: project === 'robot-stack' ? 'Opentrons' : 'Opentrons-OT3',
   },
   extraResources: USE_PYTHON ? ['python'] : [],

app-shell/vite.config.ts

@@ -1,7 +1,8 @@
-import { versionForProject } from '../scripts/git-version'
+import { versionForProject } from '../scripts/git-version.mjs'
 import pkg from './package.json'
 import path from 'path'
-import { UserConfig, defineConfig } from 'vite'
+import { defineConfig } from 'vite'
+import type { UserConfig } from 'vite'
 
 export default defineConfig(
   async (): Promise<UserConfig> => {

app/vite.config.ts

@@ -6,57 +6,66 @@ import postCssApply from 'postcss-apply'
 import postColorModFunction from 'postcss-color-mod-function'
 import postCssPresetEnv from 'postcss-preset-env'
 import lostCss from 'lost'
+import { versionForProject } from '../scripts/git-version.mjs'
+import type { UserConfig } from 'vite'
 
-export default defineConfig({
-  // this makes imports relative rather than absolute
-  base: '',
-  build: {
-    // Relative to the root
-    outDir: 'dist',
-  },
-  plugins: [
-    react({
-      include: '**/*.tsx',
-      babel: {
-        // Use babel.config.js files
-        configFile: true,
+export default defineConfig(
+  async(): Promise<UserConfig> => {
+    const project = process.env.OPENTRONS_PROJECT ?? 'robot-stack'
+    const version = await versionForProject(project)
+    return {
+      // this makes imports relative rather than absolute
+      base: '',
+      build: {
+        // Relative to the root
+        outDir: 'dist',
       },
-    }),
-  ],
-  optimizeDeps: {
-    esbuildOptions: {
-      target: 'es2020',
-    },
-  },
-  css: {
-    postcss: {
       plugins: [
-        postCssImport({ root: 'src/' }),
-        postCssApply(),
-        postColorModFunction(),
-        postCssPresetEnv({ stage: 0 }),
-        lostCss(),
+        react({
+          include: '**/*.tsx',
+          babel: {
+            // Use babel.config.js files
+            configFile: true,
+          },
+        }),
       ],
-    },
-  },
-  define: {
-    'process.env': process.env,
-    global: 'globalThis',
-  },
-  resolve: {
-    alias: {
-      '@opentrons/components/styles': path.resolve(
-        '../components/src/index.module.css'
-      ),
-      '@opentrons/components': path.resolve('../components/src/index.ts'),
-      '@opentrons/shared-data': path.resolve('../shared-data/js/index.ts'),
-      '@opentrons/step-generation': path.resolve(
-        '../step-generation/src/index.ts'
-      ),
-      '@opentrons/api-client': path.resolve('../api-client/src/index.ts'),
-      '@opentrons/react-api-client': path.resolve(
-        '../react-api-client/src/index.ts'
-      ),
-    },
-  },
-})
+      optimizeDeps: {
+        esbuildOptions: {
+          target: 'es2020',
+        },
+      },
+      css: {
+        postcss: {
+          plugins: [
+            postCssImport({ root: 'src/' }),
+            postCssApply(),
+            postColorModFunction(),
+            postCssPresetEnv({ stage: 0 }),
+            lostCss(),
+          ],
+        },
+      },
+      define: {
+        'process.env': process.env,
+        global: 'globalThis',
+        _PKG_VERSION_: JSON.stringify(version),
+        _OPENTRONS_PROJECT_: JSON.stringify(project),
+      },
+      resolve: {
+        alias: {
+          '@opentrons/components/styles': path.resolve(
+            '../components/src/index.module.css'
+          ),
+          '@opentrons/components': path.resolve('../components/src/index.ts'),
+          '@opentrons/shared-data': path.resolve('../shared-data/js/index.ts'),
+          '@opentrons/step-generation': path.resolve(
+            '../step-generation/src/index.ts'
+          ),
+          '@opentrons/api-client': path.resolve('../api-client/src/index.ts'),
+          '@opentrons/react-api-client': path.resolve(
+            '../react-api-client/src/index.ts'
+          ),
+        },
+      },
+    }
+  })

discovery-client/vite.config.ts

@@ -1,14 +1,15 @@
-import { versionForProject } from '../scripts/git-version'
+import { versionForProject } from '../scripts/git-version.mjs'
 import pkg from './package.json'
 import path from 'path'
-import { UserConfig, defineConfig } from 'vite'
+import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import postCssImport from 'postcss-import'
 import postCssApply from 'postcss-apply'
 import postColorModFunction from 'postcss-color-mod-function'
 import postCssPresetEnv from 'postcss-preset-env'
 import lostCss from 'lost'
-
+import type { UserConfig } from 'vite
+'
 export default defineConfig(
   async (): Promise<UserConfig> => {
     const project = process.env.OPENTRONS_PROJECT ?? 'robot-stack'

protocol-designer/vite.config.ts

@@ -1,12 +1,13 @@
 import path from 'path'
-import { UserConfig, defineConfig } from 'vite'
+import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import postCssImport from 'postcss-import'
 import postCssApply from 'postcss-apply'
 import postColorModFunction from 'postcss-color-mod-function'
 import postCssPresetEnv from 'postcss-preset-env'
 import lostCss from 'lost'
-import { versionForProject } from '../scripts/git-version'
+import { versionForProject } from '../scripts/git-version.mjs'
+import type { UserConfig } from 'vite'
 
 const testAliases: {} | { 'file-saver': string } =
   process.env.CYPRESS === '1'