Adjustments

Author: CompuIves

packages/app/src/app/components/CodeEditor/Monaco/MonacoReactComponent.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import FontFaceObserver from 'fontfaceobserver';
 
+import loaderBootstrap from 'app/vscode/dev-bootstrap';
+
 function noop() {}
 
 class MonacoEditor extends React.PureComponent {
@@ -34,9 +36,7 @@ class MonacoEditor extends React.PureComponent {
       return;
     }
 
-    context
-      .require('app/vscode/dev-bootstrap')
-      .default(['vs/editor/editor.main'])(() => {
+    loaderBootstrap(['vs/editor/editor.main'])(() => {
       this.initMonaco();
     });
   };

packages/app/src/app/components/CodeEditor/VSCode/MonacoReactComponent.js

@@ -2,6 +2,7 @@ import React from 'react';
 import FontFaceObserver from 'fontfaceobserver';
 
 import controller from 'app/controller';
+import loaderBootstrap from 'app/vscode/dev-bootstrap';
 import './icon-theme.css';
 import './workbench-theme.css';
 
@@ -39,9 +40,7 @@ class MonacoEditor extends React.PureComponent {
   };
 
   afterViewInit = () => {
-    window
-      .require('app/vscode/dev-bootstrap')
-      .default(['vs/editor/codesandbox.editor.main'])(() => {
+    loaderBootstrap(['vs/editor/codesandbox.editor.main'])(() => {
       this.initMonaco();
     });
   };

packages/app/src/app/index.js

@@ -14,6 +14,7 @@ import requirePolyfills from 'common/load-dynamic-polyfills';
 import 'normalize.css';
 import 'common/global.css';
 import theme from 'common/theme';
+import loaderBootstrap from 'app/vscode/dev-bootstrap';
 
 import controller from './controller';
 import App from './pages/index';
@@ -160,9 +161,7 @@ window.BrowserFS.configure(
       throw e;
     }
 
-    window
-      .require('app/vscode/dev-bootstrap')
-      .default(['vs/editor/editor.main'])(() => {
+    loaderBootstrap(['vs/editor/editor.main'])(() => {
       if (localStorage.getItem('settings.experimentVSCode') === 'true') {
         window.require(['vs/editor/codesandbox.editor.main'], () => {
           boot();