* #RIVS-258 - Change analytics page text for vscode

* #RIVS-245 - [Regression] Cli does not connect to the database when opened for the first time
* #RIVS-247 - [Regression] Invalid database is displayed for some period of time after installing the extension

Author: egor-zalenski

src/Webview.ts

@@ -112,6 +112,7 @@ abstract class Webview {
   }
 
   public abstract update(opts?: WebviewOptions): void
+  public abstract setTitle(title: string): void
 }
 
 export class WebviewPanel extends Webview implements vscode.Disposable {
@@ -206,6 +207,10 @@ export class WebviewPanel extends Webview implements vscode.Disposable {
     }
   }
 
+  public setTitle(title: string) {
+    this.panel.title = title
+  }
+
   public dispose() {
     // Disposes of this instance
     // Next time getInstance() is called, it will construct a new instance

src/extension.ts

@@ -6,8 +6,8 @@ import { startBackend, getBackendGracefulShutdown } from './server/bootstrapBack
 import { startBackendE2E } from './server/bootstrapBackendE2E'
 import { checkVersionUpdate, initWorkspaceState, setUIStorageField } from './lib'
 import { WebViewProvider } from './WebViewProvider'
-import { handleMessage, truncateText } from './utils'
-import { MAX_TITLE_KEY_LENGTH, ViewId } from './constants'
+import { getTitleForKey, handleMessage } from './utils'
+import { ViewId } from './constants'
 import { logger } from './logger'
 
 dotenv.config({ path: path.join(__dirname, '..', '.env') })
@@ -59,7 +59,7 @@ export async function activate(context: vscode.ExtensionContext) {
 
     vscode.commands.registerCommand('RedisForVSCode.openKey', async (args) => {
       const keyInfo = args.data?.keyInfo
-      const title = `${keyInfo?.displayedKeyType?.toLowerCase()}:${truncateText(keyInfo?.keyString, MAX_TITLE_KEY_LENGTH)}`
+      const title = getTitleForKey(keyInfo?.displayedKeyType, keyInfo?.keyString)
 
       await setUIStorageField('keyInfo', keyInfo)
       await setUIStorageField('database', args.data?.database)
@@ -184,6 +184,8 @@ export async function activate(context: vscode.ExtensionContext) {
 
     vscode.commands.registerCommand('RedisForVSCode.editKeyName', (args) => {
       sidebarProvider.view?.webview.postMessage({ action: 'RefreshTree', data: args })
+      const title = getTitleForKey(args.keyInfo?.displayedKeyType, args.keyInfo?.newKeyString)
+      WebviewPanel.getInstance({ viewId: ViewId.Key }).setTitle(title)
     }),
 
     vscode.commands.registerCommand('RedisForVSCode.resetSelectedKey', () => {

src/utils.ts

@@ -1,5 +1,6 @@
 import * as vscode from 'vscode'
 import { getUIStorageField, setUIStorageField } from './lib'
+import { MAX_TITLE_KEY_LENGTH } from './constants'
 
 export const getNonce = () => {
   let text = ''
@@ -84,3 +85,6 @@ export const handleMessage = async (message: any = {}) => {
 
 export const truncateText = (text = '', maxLength = 0, separator = '...') =>
   (text.length >= maxLength ? text.slice(0, maxLength) + separator : text)
+
+export const getTitleForKey = (keyType: string, keyString: string): string =>
+  `${keyType?.toLowerCase()}:${truncateText(keyString, MAX_TITLE_KEY_LENGTH)}`

src/webviews/src/interfaces/vscode/api.ts

@@ -56,6 +56,7 @@ export interface SelectedKeyAction {
       key?: RedisString,
       keyType?: KeyTypes,
       newKey?: RedisString,
+      newKeyString?: string,
       keyString?: string
       displayedKeyType?: string
     }

src/webviews/src/modules/key-details/KeyDetails.tsx

@@ -3,7 +3,7 @@ import cx from 'classnames'
 import { useShallow } from 'zustand/react/shallow'
 
 import { KeyTypes, SelectedKeyActionType, VscodeMessageAction } from 'uiSrc/constants'
-import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/utils'
+import { bufferToString, getGroupTypeDisplay, sendEventTelemetry, TelemetryEvent } from 'uiSrc/utils'
 import { RedisString } from 'uiSrc/interfaces'
 import { useDatabasesStore, useSelectedKeyStore } from 'uiSrc/store'
 import { vscodeApi } from 'uiSrc/services'
@@ -65,7 +65,12 @@ const KeyDetails = () => {
       data: {
         type: SelectedKeyActionType.Renamed,
         database: database!,
-        keyInfo: { key, newKey },
+        keyInfo: {
+          key,
+          newKey,
+          displayedKeyType: getGroupTypeDisplay(keyType),
+          newKeyString: bufferToString(newKey),
+        },
       },
     })
   }