fix: use @etclabscore/react-monaco-editor

Author: shanejonas

monaco-rescript.js

@@ -2,9 +2,8 @@ const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 const { prependWebpackPlugin } = require("@rescripts/utilities");
 
 module.exports = function override(config, env) {
-  config.plugins.unshift(new MonacoWebpackPlugin({
+  return prependWebpackPlugin(new MonacoWebpackPlugin({
     // available options are documented at https://github.com/Microsoft/monaco-editor-webpack-plugin#options
-    languages: ["json", "html"]
-  }))
-  return config;
+    languages: ["json"]
+  }), config);
 }

package-lock.json

@@ -48,6 +48,7 @@
   },
   "dependencies": {
     "@etclabscore/monaco-add-json-schema-diagnostics": "^1.0.3",
+    "@etclabscore/react-monaco-editor": "file:../../etclabscore-react-monaco-editor-0.0.0-development.tgz",
     "@material-ui/core": "^4.7.2",
     "@material-ui/icons": "^4.5.1",
     "@monaco-editor/react": "^2.3.0",

package.json

@@ -8,7 +8,7 @@ import Brightness3Icon from "@material-ui/icons/Brightness3";
 import WbSunnyIcon from "@material-ui/icons/WbSunny";
 import { JSONRPCError } from "@open-rpc/client-js/build/Error";
 import { MethodObject } from "@open-rpc/meta-schema";
-import MonacoEditor from "./MonacoEditor";
+import MonacoEditor from "@etclabscore/react-monaco-editor";
 
 interface IProps {
   url?: string;
@@ -129,7 +129,7 @@ const Inspector: React.FC<IProps> = (props) => {
 
   return (
     <>
-      <AppBar position="static" elevation={0}>
+      <AppBar elevation={0}>
         <Toolbar>
           <img
             height="30"

src/containers/Inspector.tsx

@@ -1,5 +1,5 @@
 import React, { useRef, useEffect } from "react";
-import MonacoEditor from "./MonacoEditor";
+import MonacoEditor from "@etclabscore/react-monaco-editor";
 import * as monaco from "monaco-editor";
 import { MethodObject } from "@open-rpc/meta-schema";
 import useWindowSize from "@rehooks/window-size";