* #RIVS-261 - [Regression] Error when trying to fetch create-redis.json is displayed after removing vs code folder

* #RIVS-262 - [Regression] Stage build from CI not connected to amplitude account
* #RIVS-263 - [Regression] AppVersion in telemetry is 2.54.0
* #RIVS-265 - [Regression] Wrong links for welcome page and release notes
* #RIVS-275 - [Regression] Tooltip is displayed for add key button
* #RIVS-277 - [Regression] Inputs are not visible in white theme

Author: egor-zalenski

.env

@@ -5,6 +5,7 @@
 NODE_ENV='production'
 RI_BASE_APP_URL='http://localhost'
 RI_APP_PORT=5541
+RI_APP_VERSION='0.0.1'
 RI_APP_PREFIX='api'
 RI_APP_FOLDER_NAME='.redis-for-vscode'
 RI_CDN_PATH='https://s3.amazonaws.com/redisinsight.download/public/releases/2.54.1/web-mini'

l10n/bundle.l10n.json

@@ -52,6 +52,9 @@
   "Score": "Score",
   "Use CLI to edit the score": "Use CLI to edit the score",
   "Enter Score": "Enter Score",
+  "This data type is not currently supported.": "This data type is not currently supported.",
+  "We are constantly working to launch support for more data types. If you have any ideas or suggestions, please ": "We are constantly working to launch support for more data types. If you have any ideas or suggestions, please ",
+  "contact us.": "contact us.",
   "Edit value": "Edit value",
   "Empty": "Empty",
   "loading...": "loading...",
@@ -312,4 +315,4 @@
   "Add": "Add",
   "Release Notes": "Release Notes",
   "Redis for VS Code extension updated to {0}.": "Redis for VS Code extension updated to {0}."
-}
+}

src/webviews/src/actions/selectKeyAction.ts

@@ -1,6 +1,6 @@
 import { VscodeMessageAction } from 'uiSrc/constants'
 import { PostMessage } from 'uiSrc/interfaces'
-import { fetchDatabaseOverview, fetchKeyInfo, useDatabasesStore, useSelectedKeyStore } from 'uiSrc/store'
+import { fetchDatabaseOverview, fetchKeyInfo, setInitialStateByType, useDatabasesStore, useSelectedKeyStore } from 'uiSrc/store'
 import { TelemetryEvent, isEqualBuffers, sendEventTelemetry } from 'uiSrc/utils'
 
 export const selectKeyAction = (message: PostMessage) => {
@@ -22,6 +22,7 @@ export const selectKeyAction = (message: PostMessage) => {
   window.ri.database = database
 
   fetchKeyInfo({ key }, true, ({ type: keyType, length }) => {
+    setInitialStateByType(keyType!)
     fetchDatabaseOverview()
     useDatabasesStore.getState().setConnectedDatabase(database)
     sendEventTelemetry({

src/webviews/src/components/ContentEditable.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import ReactContentEditable, { Props } from 'react-contenteditable'
-import { parsePastedText } from 'uiSrc/utils/formatters'
+import { parsePastedText } from 'uiSrc/utils'
 
 const useRefCallback = <T extends any[]>(
   value: ((...args: T) => void) | undefined,
@@ -17,20 +17,28 @@ const useRefCallback = <T extends any[]>(
   }, [])
 }
 
+// remove line break and encode angular brackets
+export const parseContentEditableChangeHtml = (text: string = '') => text.replace(/&nbsp;/gi, ' ')
+
+export const parseMultilineContentEditableChangeHtml = (text: string = '') =>
+  parseContentEditableChangeHtml(text).replace(/<br>/gi, ' ')
+
+export const parseContentEditableHtml = (text: string = '') =>
+  text
+    .replace(/&nbsp;/gi, ' ')
+    .replace(/&lt;/gi, '<')
+    .replace(/&gt;/gi, '>')
+    .replace(/&amp;/gi, '&')
+
 const onPaste = (e: React.ClipboardEvent) => {
   e.preventDefault()
-  const clipboardData = e.clipboardData || window.Clipboard
+
+  const clipboardData = e.clipboardData || window.clipboardData || e.originalEvent?.clipboardData
   const text = clipboardData.getData('text/plain') as string
 
-  const selection = window.getSelection()
-  const range = selection?.getRangeAt(0)
-  if (range && selection) {
-    range.deleteContents()
-    range.insertNode(document.createTextNode(parsePastedText(text)))
-    range.collapse(false)
-    selection.removeAllRanges()
-    selection.addRange(range as Range)
-  }
+  setTimeout(() => {
+    document.execCommand('insertText', false, parsePastedText(text))
+  }, 0)
 }
 
 export function ContentEditable({

src/webviews/src/components/no-keys-message/NoKeysMessage.tsx

@@ -7,7 +7,6 @@ import { Nullable } from 'uiSrc/interfaces'
 import { vscodeApi } from 'uiSrc/services'
 import { Database } from 'uiSrc/store'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/utils'
-import { Tooltip } from 'uiSrc/ui'
 
 import styles from './styles.module.scss'
 
@@ -52,16 +51,14 @@ export const NoKeysMessage: FC<Props> = (props) => {
     return (
       <div className="flex justify-between">
         <div>{l10n.t('Keys are the foundation of Redis.')}</div>
-        <Tooltip content={l10n.t('Add key')}>
-          <VSCodeButton
-            appearance="primary"
-            data-testid="add-key-from-tree"
-            className={styles.addKey}
-            onClick={handleAddKey}
-          >
-            {l10n.t('Add key')}
-          </VSCodeButton>
-        </Tooltip>
+        <VSCodeButton
+          appearance="primary"
+          data-testid="add-key-from-tree"
+          className={styles.addKey}
+          onClick={handleAddKey}
+        >
+          {l10n.t('Add key')}
+        </VSCodeButton>
       </div>
     )
   }

src/webviews/src/constants/external/links.ts

@@ -2,6 +2,7 @@ export const EXTERNAL_LINKS = {
   riAppDownload: 'https://redis.io/insight/',
   jsonModule: 'https://redis.io/docs/latest/operate/oss_and_stack/stack-with-enterprise/json/',
   tryFree: 'https://redis.io/try-free/',
+  githubIssues: 'https://github.com/RedisInsight/Redis-for-VS-Code/issues',
 }
 
 export const UTM_CAMPAIGNS = {

src/webviews/src/modules/key-details/components/dynamic-type-details/DynamicTypeDetails.spec.tsx

@@ -12,11 +12,12 @@ const DynamicTypeDetailsTypeTests: any[] = [
   [KeyTypes.ZSet, 'zset-details'],
   [KeyTypes.List, 'list-details'],
   [KeyTypes.Set, 'set-details'],
+  [KeyTypes.ReJSON, 'json-details'],
+  [KeyTypes.Stream, 'unsupported-type-details'],
   // [KeyTypes.Stream, 'stream-details'],
-  // [KeyTypes.ReJSON, 'json-details'],
   // [ModulesKeyTypes.Graph, 'modules-type-details'],
   // [ModulesKeyTypes.TimeSeries, 'modules-type-details'],
-  // ['123', 'unsupported-type-details'],
+  ['123', 'unsupported-type-details'],
 ]
 
 describe('DynamicTypeDetails', () => {
@@ -29,7 +30,7 @@ describe('DynamicTypeDetails', () => {
       const { queryByTestId } = render(<DynamicTypeDetails
         {...instance(mockedProps)}
         keyType={type}
-      />)
+      />, { withRouter: true })
 
       expect(queryByTestId(testId)).toBeInTheDocument()
     })

src/webviews/src/modules/key-details/components/dynamic-type-details/DynamicTypeDetails.tsx

@@ -1,13 +1,13 @@
 import React from 'react'
-import { KeyTypes } from 'uiSrc/constants'
+import { KeyTypes, ModulesKeyTypes } from 'uiSrc/constants'
 import { KeyDetailsHeaderProps } from 'uiSrc/modules'
 // import ModulesTypeDetails from '../modules-type-details/ModulesTypeDetails'
-// import UnsupportedTypeDetails from '../unsupported-type-details/UnsupportedTypeDetails'
+import { UnsupportedTypeDetails } from '../unsupported-type-details'
 import { StringDetails } from '../string-details'
 import { HashDetails } from '../hash-details'
 import { ZSetDetails } from '../zset-details'
 import { ListDetails } from '../list-details'
-import { SetDetails } from '../set-details/SetDetails'
+import { SetDetails } from '../set-details'
 import { RejsonDetailsWrapper } from '../rejson-details'
 // import { StreamDetails } from '../stream-details'
 
@@ -26,6 +26,7 @@ const DynamicTypeDetails = (props: Props) => {
     [KeyTypes.List]: <ListDetails {...props} />,
     [KeyTypes.Set]: <SetDetails {...props} />,
     [KeyTypes.ReJSON]: <RejsonDetailsWrapper {...props} />,
+    [KeyTypes.Stream]: <UnsupportedTypeDetails />,
     // [KeyTypes.Stream]: <StreamDetails {...props} />,
   }
 
@@ -40,10 +41,10 @@ const DynamicTypeDetails = (props: Props) => {
   // }
 
   // // Unsupported key type
-  // if (!(Object.values(KeyTypes).includes(selectedKeyType as KeyTypes))
-  //   && !(Object.values(ModulesKeyTypes).includes(selectedKeyType as ModulesKeyTypes))) {
-  //   return <UnsupportedTypeDetails />
-  // }
+  if (!(Object.values(KeyTypes).includes(selectedKeyType as KeyTypes))
+    && !(Object.values(ModulesKeyTypes).includes(selectedKeyType as ModulesKeyTypes))) {
+    return <UnsupportedTypeDetails />
+  }
 
   return null
 }

src/webviews/src/modules/key-details/components/hash-details/hash-details-table/HashDetailsTable.tsx

@@ -14,7 +14,6 @@ import {
   bufferToString,
   createDeleteFieldHeader,
   createDeleteFieldMessage,
-  formatLongName,
   formattingBuffer,
   isEqualBuffers,
   isFormatEditable,
@@ -35,7 +34,6 @@ import {
   OVER_RENDER_BUFFER_COUNT,
   TableCellAlignment,
   TEXT_DISABLED_FORMATTER_EDITING,
-  TEXT_FAILED_CONVENT_FORMATTER,
   TEXT_UNPRINTABLE_CHARACTERS,
   SCAN_COUNT_DEFAULT,
   helpTexts,
@@ -312,7 +310,7 @@ const HashDetailsTable = (props: Props) => {
         const decompressedItem = fieldItem
         const field = bufferToString(fieldItem) || ''
         // Better to cut the long string, because it could affect virtual scroll performance
-        const { value } = formattingBuffer(decompressedItem, viewFormatProp, { expanded })
+        const { value } = formattingBuffer(decompressedItem, viewFormatProp, { expanded, skipVector: true })
 
         return (
           <div className="max-w-full whitespace-break-spaces">

src/webviews/src/modules/key-details/components/list-details/list-details-table/ListDetailsTable.tsx

@@ -284,10 +284,10 @@ const ListDetailsTable = (props: Props) => {
                 stringToSerializedBufferFormat(viewFormat, value),
                 viewFormat,
               )?.isValid}
-            onEdit={(isEditing) => handleEditElement(rowIndex, isEditing)}
+            onEdit={(isEditing) => handleEditElement(index, isEditing)}
             editToolTipContent={!isEditable ? editTooltipContent : null}
             onUpdateTextAreaHeight={() => clearCache(rowIndex)}
-            field={rowIndex.toString()}
+            field={index.toString()}
             testIdPrefix="list"
           >
             <div className="max-w-full whitespace-break-spaces">