load monaco files from local server not from cdn

Signed-off-by: Jeeva Kandasamy <[email protected]>

Author: jkandasa

package.json

@@ -24,6 +24,7 @@
     "js-yaml": "^4.1.0",
     "lodash.clonedeep": "^4.5.0",
     "moment": "^2.29.4",
+    "monaco-editor": "^0.36.1",
     "object-path": "^0.11.8",
     "qs": "^6.11.0",
     "rc-slider": "^9.7.5",

src/Components/CodeEditor/CodeEditorBasic.jsx

@@ -1,3 +1,4 @@
+import * as monaco from "monaco-editor"
 import Editor, { loader } from "@monaco-editor/react"
 import React from "react"
 
@@ -18,6 +19,11 @@ const consoleTheme = {
   },
 }
 
+// load required files from local, not from CDN registry
+// see: https://github.com/suren-atoyan/monaco-react/blob/master/README.md#loader-config
+// https://github.com/suren-atoyan/monaco-react/issues/327
+loader.config({ monaco })
+
 loader
   .init()
   .then((monaco) => {

yarn.lock

@@ -7287,6 +7287,11 @@ moment@^2.29.4:
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
   integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
 
+monaco-editor@^0.36.1:
+  version "0.36.1"
+  resolved "https://registry.yarnpkg.com/monaco-editor/-/monaco-editor-0.36.1.tgz#aad528c815605307473a1634612946921d8079b5"
+  integrity sha512-/CaclMHKQ3A6rnzBzOADfwdSJ25BFoFT0Emxsc4zYVyav5SkK9iA6lEtIeuN/oRYbwPgviJT+t3l+sjFa28jYg==
+
 [email protected]:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"