feat: Update app name on topbar based on version

.github/workflows/release.yml

@@ -63,6 +63,7 @@ jobs:
                 env: 
                     NODE_ENV: production
                     DEV_RPC: https://rpc-gate.autonolas.tech/gnosis-rpc/
+                    IS_STAGING: ${{ secrets.IS_STAGING || 'false' }}
                     FORK_URL: https://rpc-gate.autonolas.tech/gnosis-rpc/
             - run: rm -rf /dist
             - name: "Build, notarize, publish"

electron/constants/publishOptions.js

@@ -5,8 +5,7 @@ const publishOptions = {
   token: process.env.GH_TOKEN,
   private: false,
   publishAutoUpdate: true,
-  releaseType: process.env.IS_STAGING === 'true' ? 'prerelease' : 'release',
-  channel: process.env.IS_STAGING === 'true' ? 'alpha' : 'latest',
+  releaseType: process.env.IS_STAGING === 'true' ? 'draft' : 'release',
 };
 
 module.exports = { publishOptions };

electron/install.js

@@ -7,6 +7,11 @@ const process = require('process');
 const { spawnSync } = require('child_process');
 const Docker = require('dockerode');
 
+/**
+ * current version of the pearl release
+ * - use "" (nothing as a suffix) for latest release candidate, for example "0.1.0rc26"
+ * - use "alpha" for alpha release, for example "0.1.0rc26-alpha"
+ */
 const Version = '0.1.0rc26';
 const OperateDirectory = `${os.homedir()}/.operate`;
 const VenvDir = `${OperateDirectory}/venv`;
@@ -46,7 +51,7 @@ function appendLog(log) {
 function runCmdUnix(command, options) {
   fs.appendFileSync(
     OperateInstallationLog,
-    `Runninng ${command} with options ${JSON.stringify(options)}`,
+    `Running ${command} with options ${JSON.stringify(options)}`,
     { encoding: 'utf-8' },
   );
   let bin = getBinPath(command);

electron/main.js

@@ -256,7 +256,11 @@ const createMainWindow = () => {
     mainWindow.hide();
   });
 
-  setupStoreIpc(ipcMain, mainWindow);
+  const storeInitialValues = {
+    appVersion: app.getVersion(),
+    releaseType: process.env.IS_STAGING ? 'draft' : 'release',
+  };
+  setupStoreIpc(ipcMain, mainWindow, storeInitialValues);
 
   if (isDev) {
     mainWindow.webContents.openDevTools();

electron/store.js

@@ -1,27 +1,26 @@
 // set schema to validate store data
-const schema = {
-  isInitialFunded: {
-    type: 'boolean',
-    default: false,
-  },
-  firstStakingRewardAchieved: {
-    type: 'boolean',
-    default: false,
-  },
-  firstRewardNotificationShown: {
-    type: 'boolean',
-    default: false,
-  },
+const defaultSchema = {
+  appVersion: { type: 'string', default: '' },
+  releaseType: { type: 'string', default: '' },
+  isInitialFunded: { type: 'boolean', default: false },
+  firstStakingRewardAchieved: { type: 'boolean', default: false },
+  firstRewardNotificationShown: { type: 'boolean', default: false },
 };
 
-const setupStoreIpc = async (ipcChannel, mainWindow) => {
+const setupStoreIpc = async (ipcChannel, mainWindow, storeInitialValues) => {
   const Store = (await import('electron-store')).default;
 
-  /** @type import Store from 'electron-store' */
-  const store = new Store({
-    schema,
+  // set default values for store
+  const schema = Object.assign({}, defaultSchema);
+  Object.keys(schema).forEach((key) => {
+    if (storeInitialValues[key] !== undefined) {
+      schema[key].default = storeInitialValues[key];
+    }
   });
 
+  /** @type import Store from 'electron-store' */
+  const store = new Store({ schema });
+
   store.onDidAnyChange((data) => {
     if (mainWindow?.webContents)
       mainWindow.webContents.send('store-changed', data);

electron/update.js

@@ -2,7 +2,10 @@ const { publishOptions } = require('./constants/publishOptions');
 const electronUpdater = require('electron-updater');
 const electronLogger = require('electron-log');
 
-const macUpdater = new electronUpdater.MacUpdater({ ...publishOptions });
+const macUpdater = new electronUpdater.MacUpdater({
+  ...publishOptions,
+  channels: ['latest', 'beta', 'alpha'], // automatically update to all channels
+});
 
 macUpdater.logger = electronLogger;
 

frontend/components/Layout/TopBar.tsx

@@ -1,8 +1,10 @@
 import { Typography } from 'antd';
+import { useMemo } from 'react';
 import styled from 'styled-components';
 
 import { COLOR } from '@/constants';
 import { useElectronApi } from '@/hooks/useElectronApi';
+import { useStore } from '@/hooks/useStore';
 
 const { Text } = Typography;
 
@@ -48,6 +50,19 @@ const TopBarContainer = styled.div`
 
 export const TopBar = () => {
   const electronApi = useElectronApi();
+  const store = useStore();
+
+  const versionName = useMemo(() => {
+    const releaseType = store?.storeState?.releaseType;
+    if (releaseType === 'draft') return ' (staging)';
+
+    const appVersion = store?.storeState?.appVersion;
+    if (!appVersion) return '';
+    if (appVersion.includes('alpha')) return ''; // TODO
+    if (appVersion.includes('beta')) return ''; // TODO
+    return '';
+  }, [store?.storeState?.appVersion, store?.storeState?.releaseType]);
+
   return (
     <TopBarContainer>
       <TrafficLights>
@@ -56,7 +71,7 @@ export const TopBar = () => {
         <DisabledLight />
       </TrafficLights>
 
-      <Text>Pearl (alpha)</Text>
+      <Text>{`Pearl (alpha) ${versionName}`.trim()}</Text>
     </TopBarContainer>
   );
 };

frontend/types/ElectronApi.ts

@@ -1,4 +1,6 @@
 export type ElectronStore = {
+  appVersion?: string;
+  releaseType?: string;
   isInitialFunded?: boolean;
   firstStakingRewardAchieved?: boolean;
   firstRewardNotificationShown?: boolean;