export code editor

Author: vivek-devtron

package-lock.json

@@ -57,8 +57,9 @@
         "lint-staged": "^12.5.0",
         "glob": "^10.3.3",
         "moment": "^2.29.4",
-        "monaco-editor": "0.39.0",
-        "monaco-yaml": "4.0.4",
+        "monaco-editor": "0.44.0",
+        "monaco-yaml": "5.1.1",
+        "react-monaco-editor": "^0.55.0",
         "prettier": "^3.1.1",
         "react-select": "5.2.2",
         "react-ga4": "^1.4.1",
@@ -86,7 +87,6 @@
         "@typeform/embed-react": "2.20.0"
     },
     "dependencies": {
-        "react-monaco-editor": "^0.54.0",
         "fast-json-patch": "^3.1.1",
         "jsonpath-plus": "^7.2.0",
         "sass": "^1.69.7",

package.json

@@ -0,0 +1,27 @@
+import { MODES } from '../Constants'
+import { Action, CodeEditorState, CodeEditorThemesKeys } from './types'
+
+export const CodeEditorReducer = (state: CodeEditorState, action: Action) => {
+    switch (action.type) {
+        case 'changeLanguage':
+            return { ...state, mode: action.value }
+        case 'setDiff':
+            return { ...state, diffMode: action.value }
+        case 'setTheme':
+            return { ...state, theme: action.value }
+        case 'setCode':
+            return { ...state, code: action.value }
+        case 'setHeight':
+            return { ...state, height: action.value.toString() }
+        default:
+            return state
+    }
+}
+
+export const initialState = (mode, theme, value, diffView, noParsing): CodeEditorState => ({
+    mode,
+    theme: theme || CodeEditorThemesKeys.vs,
+    code: value,
+    diffMode: diffView,
+    noParsing: [MODES.JSON, MODES.YAML].includes(mode) ? noParsing : true,
+})