Fix lint

Author: CompuIves

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

@@ -34,11 +34,11 @@ class MonacoEditor extends React.PureComponent {
       return;
     }
 
-    require('app/vscode/dev-bootstrap').default(['vs/editor/editor.main'])(
-      () => {
-        this.initMonaco();
-      }
-    );
+    context
+      .require('app/vscode/dev-bootstrap')
+      .default(['vs/editor/editor.main'])(() => {
+      this.initMonaco();
+    });
   };
 
   initMonaco = () => {

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

@@ -39,9 +39,9 @@ class MonacoEditor extends React.PureComponent {
   };
 
   afterViewInit = () => {
-    require('app/vscode/dev-bootstrap').default([
-      'vs/editor/codesandbox.editor.main',
-    ])(() => {
+    window
+      .require('app/vscode/dev-bootstrap')
+      .default(['vs/editor/codesandbox.editor.main'])(() => {
       this.initMonaco();
     });
   };
@@ -155,6 +155,7 @@ class MonacoEditor extends React.PureComponent {
             editorService,
           };
           if (process.env.NODE_ENV === 'development') {
+            // eslint-disable-next-line
             console.log(services);
           }
 

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

@@ -188,8 +188,8 @@ class MonacoEditor extends React.Component<Props, State> implements Editor {
     }
   };
 
-  provideDocumentFormattingEdits = (model, options, token) => {
-    return prettify(
+  provideDocumentFormattingEdits = (model, options, token) =>
+    prettify(
       model.uri.fsPath,
       () => model.getValue(),
       this.getPrettierConfig(),
@@ -201,7 +201,6 @@ class MonacoEditor extends React.Component<Props, State> implements Editor {
         text: newCode,
       },
     ]);
-  };
 
   setupTranspilationListener() {
     return listen(({ type, code, path }) => {
@@ -220,7 +219,7 @@ class MonacoEditor extends React.Component<Props, State> implements Editor {
     this.monaco = monaco;
 
     // Load Vue eagerly
-    getMode('stub.vue', monaco)
+    getMode('stub.vue', monaco);
 
     monaco.languages.registerDocumentFormattingEditProvider('typescript', this);
     monaco.languages.registerDocumentFormattingEditProvider('javascript', this);
@@ -340,7 +339,6 @@ class MonacoEditor extends React.Component<Props, State> implements Editor {
 
     this.registerAutoCompletions();
 
-
     liftOff(monaco);
   };
 
@@ -1094,15 +1092,14 @@ class MonacoEditor extends React.Component<Props, State> implements Editor {
     }
   };
 
-  swapDocuments = (currentModule: Module, nextModule: Module) => {
-    return new Promise(resolve => {
+  swapDocuments = (currentModule: Module, nextModule: Module) =>
+    new Promise(resolve => {
       this.openModule(nextModule);
 
       // Reset changes
       this.changes = { code: '', changes: [] };
       resolve();
     });
-  };
 
   updateCode(code: string = '') {
     const operation = getTextOperation(this.getCode(), code);

packages/app/src/app/components/CodeEditor/types.js

@@ -6,6 +6,7 @@ import type {
   ModuleError,
   ModuleCorrection,
 } from 'common/types';
+
 export type Settings = {
   autoCompleteEnabled: boolean,
   autoDownloadTypes: boolean,

packages/app/src/app/index.js

@@ -137,7 +137,7 @@ function boot() {
 }
 
 // Configures BrowserFS to use the LocalStorage file system.
-BrowserFS.configure(
+window.BrowserFS.configure(
   {
     fs: 'MountableFileSystem',
     options: {
@@ -151,26 +151,6 @@ BrowserFS.configure(
       '/vscode': {
         fs: 'LocalStorage',
       },
-      // '/extensions': {
-      //   fs: 'ZipFS',
-      //   options: {
-      //     zipData: window.Buffer.from(tsServerExtension),
-      //   },
-      // },
-      // '/vscode': {
-      //   fs: 'AsyncMirror',
-      //   options: {
-      //     sync: {
-      //       fs: 'InMemory',
-      //     },
-      //     async: {
-      //       fs: 'IndexedDB',
-      //       options: {
-      //         storeName: 'VSCode',
-      //       },
-      //     },
-      //   },
-      // },
     },
   },
   e => {
@@ -180,16 +160,16 @@ BrowserFS.configure(
       throw e;
     }
 
-    require('app/vscode/dev-bootstrap').default(['vs/editor/editor.main'])(
-      () => {
-        if (localStorage.getItem('settings.experimentVSCode') === 'true') {
-          window.require(['vs/editor/codesandbox.editor.main'], () => {
-            boot();
-          });
-        } else {
+    window
+      .require('app/vscode/dev-bootstrap')
+      .default(['vs/editor/editor.main'])(() => {
+      if (localStorage.getItem('settings.experimentVSCode') === 'true') {
+        window.require(['vs/editor/codesandbox.editor.main'], () => {
           boot();
-        }
+        });
+      } else {
+        boot();
       }
-    );
+    });
   }
 );

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/index.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { inject, observer } from 'mobx-react';
+import { getModulePath } from 'common/sandbox/modules';
 
 import DirectoryEntry from './DirectoryEntry/index';
 import WorkspaceItem from '../WorkspaceItem';
 
 import EditIcons from './DirectoryEntry/Entry/EditIcons';
-import { getModulePath } from 'common/sandbox/modules';
 
 class Files extends React.Component {
   createModule = () => {

packages/app/src/app/store/actions.js

@@ -18,7 +18,7 @@ export function getSandbox({ props, api, path }) {
     });
 }
 
-export function callVSCodeCallback({ state, props }) {
+export function callVSCodeCallback({ props }) {
   const { cbID } = props;
   if (cbID) {
     if (window.cbs && window.cbs[cbID]) {