fixed monaco editor tooltip + removed unused code + version bump

Author: vivek-devtron

config-overrides.js

@@ -25,9 +25,8 @@
         "http-proxy-middleware": "^2.0.6",
         "marked": "4.3.0",
         "moment": "^2.29.4",
-        "monaco-editor": "0.38.0",
-        "monaco-editor-webpack-plugin": "^7.1.0",
-        "monaco-yaml": "4.0.4",
+        "monaco-editor": "0.45.0",
+        "monaco-yaml": "5.1.1",
         "query-string": "^7.1.1",
         "react": "^17.0.2",
         "react-csv": "^2.2.2",
@@ -38,7 +37,7 @@
         "react-gtm-module": "^2.0.11",
         "react-keybind": "^0.9.4",
         "react-mde": "^11.5.0",
-        "react-monaco-editor": "^0.54.0",
+        "react-monaco-editor": "^0.55.0",
         "react-router-dom": "^5.3.4",
         "react-select": "^5.2.2",
         "react-toastify": "^8.2.0",

package.json

@@ -1,18 +1,32 @@
 import React, { useEffect, useCallback, useReducer, useRef } from 'react'
 import MonacoEditor, { MonacoDiffEditor } from 'react-monaco-editor'
-import { Progressing, copyToClipboard, useWindowSize } from '@devtron-labs/devtron-fe-common-lib'
+import { MODES, Progressing, copyToClipboard, useWindowSize } from '@devtron-labs/devtron-fe-common-lib'
 import YAML from 'yaml'
 import ReactGA from 'react-ga4'
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'
+import { configureMonacoYaml } from 'monaco-yaml'
+
 import { useJsonYaml, Select, RadioGroup } from '../common'
 import { ReactComponent as ClipboardIcon } from '../../assets/icons/ic-copy.svg'
 import { ReactComponent as Info } from '../../assets/icons/ic-info-filled.svg'
 import { ReactComponent as ErrorIcon } from '../../assets/icons/ic-error-exclamation.svg'
 import { ReactComponent as WarningIcon } from '../../assets/icons/ic-warning.svg'
 import './codeEditor.scss'
 import 'monaco-editor'
+
+import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'
+import YamlWorker from '../../yaml.worker.js?worker'
 import { cleanKubeManifest } from '../../util/Util'
 
+self.MonacoEnvironment = {
+    getWorker(_, label) {
+        if (label === MODES.YAML) {
+            return new YamlWorker()
+        }
+        return new editorWorker()
+    },
+}
+
 // @ts-ignore
 const { yaml } = monaco.languages || {}
 
@@ -223,22 +237,17 @@ const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.
         if (!validatorSchema) {
             return
         }
-        yaml &&
-            yaml.yamlDefaults.setDiagnosticsOptions({
-                validate: true,
-                enableSchemaRequest: true,
-                hover: true,
-                completion: true,
-                isKubernetes,
-                format: true,
-                schemas: [
-                    {
-                        uri: `https://github.com/devtron-labs/devtron/tree/main/scripts/devtron-reference-helm-charts/reference-chart_${chartVersion}/schema.json`, // id of the first schema
-                        fileMatch: ['*'], // associate with our model
-                        schema: validatorSchema,
-                    },
-                ],
-            })
+        configureMonacoYaml(monaco, {
+          enableSchemaRequest: true,
+          isKubernetes,
+          schemas: [
+            {
+                uri: `https://github.com/devtron-labs/devtron/tree/main/scripts/devtron-reference-helm-charts/reference-chart_${chartVersion}/schema.json`, // id of the first schema
+                fileMatch: ['*'], // associate with our model
+                schema: validatorSchema,
+            },
+        ],
+        })
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [validatorSchema, chartVersion])
     useEffect(() => {

src/components/CodeEditor/CodeEditor.tsx

@@ -0,0 +1 @@
+import 'monaco-yaml/yaml.worker'

src/yaml.worker.js

@@ -82,10 +82,10 @@ export default defineConfig(({ mode }) => {
             port: 3000,
             proxy: {
                 '/orchestrator': {
-                    target: 'https://preview.devtron.ai/',
+                    target: 'https://kush.devtron.info/',
                     changeOrigin: true,
                 },
-                '/grafana': 'https://preview.devtron.ai/',
+                '/grafana': 'https://kush.devtron.info/',
             },
         },
     }