add env variable for precise config

Author: pawelangelow

redisinsight/ui/src/config/default.ts

@@ -84,6 +84,10 @@ export const defaultConfig = {
       'RI_DATABASE_OVERVIEW_MINIMUM_REFRESH_INTERVAL',
       1,
     ),
+    rejsonMonacoEditorMaxThreshold: intEnv(
+      'RI_REJSON_MONACO_EDITOR_MAX_THRESHOLD',
+      10_000,
+    ),
   },
   features: {
     envDependent: {

redisinsight/ui/src/slices/browser/keys.ts

@@ -2,6 +2,7 @@ import { createSlice, PayloadAction } from '@reduxjs/toolkit'
 import { cloneDeep, remove, get, isUndefined } from 'lodash'
 import axios, { AxiosError, CancelTokenSource } from 'axios'
 import { apiService, localStorageService } from 'uiSrc/services'
+import { getConfig } from 'uiSrc/config'
 import {
   ApiEndpoints,
   BrowserStorageItem,
@@ -61,12 +62,7 @@ import {
   refreshZsetMembersAction,
 } from './zset'
 import { fetchSetMembers, refreshSetMembersAction } from './set'
-import {
-  fetchReJSON,
-  JSON_LENGTH_TO_FORCE_RETRIEVE,
-  setEditorType,
-  setIsWithinThreshold,
-} from './rejson'
+import { fetchReJSON, setEditorType, setIsWithinThreshold } from './rejson'
 import {
   setHashInitialState,
   fetchHashFields,
@@ -108,6 +104,8 @@ import { AppDispatch, RootState } from '../store'
 import { StreamViewType } from '../interfaces/stream'
 import { EditorType, RedisResponseBuffer, RedisString } from '../interfaces'
 
+const riConfig = getConfig()
+
 const defaultViewFormat = KeyValueFormat.Unicode
 
 export const initialState: KeysStore = {
@@ -813,7 +811,9 @@ export function fetchKeyInfo(
         dispatch<any>(fetchReJSON(key, '$', data.length, resetData))
         dispatch<any>(setEditorType(EditorType.Default))
         dispatch<any>(
-          setIsWithinThreshold(data.size <= JSON_LENGTH_TO_FORCE_RETRIEVE),
+          setIsWithinThreshold(
+            data.size <= riConfig.browser.rejsonMonacoEditorMaxThreshold,
+          ),
         )
       }
       if (data.type === KeyTypes.Stream) {

redisinsight/ui/src/slices/tests/browser/keys.spec.ts

@@ -1,6 +1,7 @@
 import { cloneDeep } from 'lodash'
 import { AxiosError } from 'axios'
 import { configureStore } from '@reduxjs/toolkit'
+import { getConfig } from 'uiSrc/config'
 import {
   BrowserColumns,
   KeyTypes,
@@ -32,7 +33,6 @@ import {
 import { MOCK_TIMESTAMP } from 'uiSrc/mocks/data/dateNow'
 import { rootReducer } from 'uiSrc/slices/store'
 import {
-  JSON_LENGTH_TO_FORCE_RETRIEVE,
   setEditorType,
   setIsWithinThreshold,
 } from 'uiSrc/slices/browser/rejson'
@@ -111,6 +111,9 @@ import reducer, {
   refreshKey,
 } from '../../browser/keys'
 
+const riConfig = getConfig()
+const REJSON_THRESHOLD = riConfig.browser.rejsonMonacoEditorMaxThreshold
+
 jest.mock('uiSrc/services', () => ({
   ...jest.requireActual('uiSrc/services'),
 }))
@@ -1409,8 +1412,8 @@ describe('keys slice', () => {
           name: stringToBuffer('rejson'),
           type: KeyTypes.ReJSON,
           ttl: -1,
-          size: JSON_LENGTH_TO_FORCE_RETRIEVE,
-          length: JSON_LENGTH_TO_FORCE_RETRIEVE + 100, // just to make sure this isn't used instead of size
+          size: REJSON_THRESHOLD,
+          length: REJSON_THRESHOLD + 100, // just to make sure this isn't used instead of size
         }
         const responsePayload = { data, status: 200 }
 
@@ -1433,8 +1436,8 @@ describe('keys slice', () => {
           name: stringToBuffer('rejson'),
           type: KeyTypes.ReJSON,
           ttl: -1,
-          size: JSON_LENGTH_TO_FORCE_RETRIEVE + 1,
-          length: JSON_LENGTH_TO_FORCE_RETRIEVE, // just to make sure this isn't used instead of size
+          size: REJSON_THRESHOLD + 1,
+          length: REJSON_THRESHOLD, // just to make sure this isn't used instead of size
         }
         const responsePayload = { data, status: 200 }