fix: remove CDN dependency from JSON editor

dashboard/craco.config.js

@@ -1,5 +1,6 @@
 const path = require('path')
 const SimpleProgressWebpackPlugin = require('simple-progress-webpack-plugin')
+const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin')
 const CracoEsbuildPlugin = require('craco-esbuild');
 
 module.exports = {
@@ -8,7 +9,7 @@ module.exports = {
         alias: {
             '@': path.resolve(__dirname, 'src'),
         },
-        plugins: [new SimpleProgressWebpackPlugin()],
+        plugins: [new MonacoWebpackPlugin(), new SimpleProgressWebpackPlugin()],
         configure: (webpackConfig, { env, paths }) => {
             // https://github.com/pmndrs/react-spring/issues/1078#issuecomment-752143468
             webpackConfig.module.rules.push({

dashboard/package.json

@@ -43,6 +43,7 @@
     "js-base64": "^3.7.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
+    "monaco-editor": "^0.36.1",
     "monaco-themes": "^0.4.2",
     "pretty-bytes": "^5.6.0",
     "qs": "^6.10.1",
@@ -129,6 +130,7 @@
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "http-proxy-middleware": "^2.0.1",
+    "monaco-editor-webpack-plugin": "^7.0.1",
     "prettier": "^2.3.2",
     "sass": "^1.49.0",
     "simple-progress-webpack-plugin": "^2.0.0"