Major LSP refactoring

babel.config.js

@@ -1,7 +1,7 @@
-// babel.config.js
-module.exports = {
-  presets: [
-    ['@babel/preset-env', {targets: {node: 'current'}}],
-    '@babel/preset-typescript'
-  ]
-};
+// babel.config.js
+module.exports = {
+  presets: [
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+    '@babel/preset-typescript',
+  ],
+};

package.json

@@ -31,8 +31,8 @@
     "jszip": "^3.5.0",
     "markdown-to-jsx": "^7.1.3",
     "mixpanel-browser": "^2.39.0",
-    "monaco-editor": "^0.22.3",
-    "monaco-languageclient": "^0.13.1-next.9",
+    "monaco-editor": "^0.33.0",
+    "monaco-languageclient": "^0.18.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-ga": "^3.1.2",
@@ -77,7 +77,7 @@
     "handlebars": "^4.7.6",
     "html-webpack-plugin": "^4.4.1",
     "jest": "^26.6.3",
-    "monaco-editor-webpack-plugin": "^3.0.0",
+    "monaco-editor-webpack-plugin": "^7.0.1",
     "prettier": "^2.2.1",
     "style-loader": "^1.2.1",
     "ts-loader": "^8.0.3",

src/App.tsx

@@ -1,38 +1,27 @@
 import React, { useEffect } from 'react';
 import { Global } from '@emotion/core';
-import { ThemeProvider, Text } from 'theme-ui';
+import { ThemeProvider } from 'theme-ui';
 import { Router, globalHistory } from '@reach/router';
 import { ApolloProvider } from '@apollo/react-hooks';
-import AppMobileWrapper from 'containers/AppMobileWrapper';
-import BrowserDetector from 'components/BrowserDetector';
+import 'reset-css';
+
 import * as GoogleAnalytics from 'util/google-analytics';
 import client from 'api/apollo/client';
-import globalStyles from './globalStyles';
-import theme from './theme';
-import 'reset-css';
 
 import Playground from 'containers/Editor';
+import AppMobileWrapper from 'containers/AppMobileWrapper';
+import BrowserDetector from 'components/BrowserDetector';
+
 import FourOhFour from './pages/404';
+import globalStyles from './globalStyles';
+import theme from './theme';
 
 GoogleAnalytics.initialize(process.env.GA_TRACKING_CODE);
 
 const Base = (props: any) => {
   return <div>{props.children}</div>;
 };
 
-const version = (
-  <Text
-    sx={{
-      color: 'lightgrey',
-      position: 'absolute',
-      bottom: '1rem',
-      right: '1rem',
-    }}
-  >
-    v0.3.5
-  </Text>
-);
-
 const App: React.FC = () => {
   useEffect(() => {
     // record initial pageview
@@ -52,13 +41,12 @@ const App: React.FC = () => {
         <ThemeProvider theme={theme}>
           <AppMobileWrapper>
             <Router>
-                <Base path="/">
-                  <FourOhFour path="404" />
-                  <Playground path="/" />
-                  <Playground path="/:projectId" />
-                </Base>
+              <Base path="/">
+                <FourOhFour path="404" />
+                <Playground path="/" />
+                <Playground path="/:projectId" />
+              </Base>
             </Router>
-            {version}
           </AppMobileWrapper>
         </ThemeProvider>
       </ApolloProvider>