Merge branch 'master' into refactor-modals-select-sandbox-modal

Author: eliamartani

.eslintrc

@@ -61,6 +61,7 @@
         "js": "never"
       }
     ],
+    "import/default": "error",
     "no-param-reassign": ["error", { "props": false }],
     "camelcase": 0,
     "react-hooks/rules-of-hooks": "error",

README.md

@@ -232,6 +232,7 @@ Thanks goes to these wonderful people
     <td align="center"><a href="https://github.com/chinmay17"><img src="https://avatars2.githubusercontent.com/u/7131231?v=4" width="100px;" alt="Chinmay Chaudhary"/><br /><sub><b>Chinmay Chaudhary</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=chinmay17" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/Sakthivel"><img src="https://avatars3.githubusercontent.com/u/205201?v=4" width="100px;" alt="Sakthivel Sengodan Sapient"/><br /><sub><b>Sakthivel Sengodan Sapient</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=sakthivel" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/vanya829"><img src="https://avatars0.githubusercontent.com/u/1397979?v=4" width="100px;" alt="vanya829"/><br /><sub><b>vanya829</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=vanya829" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/lakhansamani"><img src="https://avatars3.githubusercontent.com/u/6964334?s=460&v=4" width="100px;" alt="lakhansamani"/><br /><sub><b>Lakhan Samani</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=lakhansamani" title="Code">💻</a></td>
   </tr>
   <tr>
     <td align="center"><a href="http://hetpatel33.github.io"><img src="https://avatars0.githubusercontent.com/u/13877514?v=4" width="100px;" alt="Het Patel"/><br /><sub><b>Het Patel</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=hetpatel33" title="Code">💻</a></td>

packages/app/integration-tests/BrowserStackLocal

@@ -237,6 +237,7 @@
     "@types/prop-types": "^15.7.0",
     "@types/react": "^16.8.12",
     "@types/react-dom": "^16.8.3",
+    "@types/react-helmet": "^5.0.11",
     "@types/react-icons": "2.2.7",
     "@types/react-stripe-elements": "^1.3.2",
     "@types/resolve": "^0.0.8",

packages/app/package.json

@@ -18,10 +18,10 @@ import { getTextOperation } from '@codesandbox/common/lib/utils/diff';
 
 import delay from '@codesandbox/common/lib/utils/delay';
 
-/* eslint-disable import/no-webpack-loader-syntax */
+/* eslint-disable import/no-webpack-loader-syntax, import/default */
 import LinterWorker from 'worker-loader?publicPath=/&name=monaco-linter.[hash:8].worker.js!./workers/linter';
 import TypingsFetcherWorker from 'worker-loader?publicPath=/&name=monaco-typings-ata.[hash:8].worker.js!./workers/fetch-dependency-typings';
-/* eslint-enable import/no-webpack-loader-syntax */
+/* eslint-enable import/no-webpack-loader-syntax, import/default */
 
 import eventToTransform from './event-to-transform';
 import MonacoEditorComponent from './MonacoReactComponent';

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

@@ -23,10 +23,10 @@ import {
 } from '@codesandbox/common/lib/types';
 import { getTextOperation } from '@codesandbox/common/lib/utils/diff';
 
-/* eslint-disable import/no-webpack-loader-syntax */
+/* eslint-disable import/no-webpack-loader-syntax, import/default */
 // @ts-ignore
 import LinterWorker from 'worker-loader?publicPath=/&name=monaco-linter.[hash:8].worker.js!../Monaco/workers/linter';
-/* eslint-enable import/no-webpack-loader-syntax */
+/* eslint-enable import/no-webpack-loader-syntax, import/default */
 import { clone } from 'app/componentConnectors';
 import eventToTransform from '../Monaco/event-to-transform';
 import MonacoEditorComponent, { EditorAPI } from './MonacoReactComponent';

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

@@ -1,23 +1,24 @@
-import React from 'react';
-import UIIcon from 'react-icons/lib/md/dvr';
-import QuestionIcon from 'react-icons/lib/go/question';
-import getUI from '@codesandbox/common/lib/templates/configuration/ui';
 import Centered from '@codesandbox/common/lib/components/flex/Centered';
 import Margin from '@codesandbox/common/lib/components/spacing/Margin';
-import isImage from '@codesandbox/common/lib/utils/is-image';
+import Tooltip from '@codesandbox/common/lib/components/Tooltip';
+import { getModulePath } from '@codesandbox/common/lib/sandbox/modules';
 import getDefinition from '@codesandbox/common/lib/templates';
+import getUI from '@codesandbox/common/lib/templates/configuration/ui';
 import { Sandbox } from '@codesandbox/common/lib/types';
-import { getModulePath } from '@codesandbox/common/lib/sandbox/modules';
-import Tooltip from '@codesandbox/common/lib/components/Tooltip';
-import { Title } from 'app/components/Title';
+import isImage from '@codesandbox/common/lib/utils/is-image';
 import { SubTitle } from 'app/components/SubTitle';
+import { Title } from 'app/components/Title';
 import Loadable from 'app/utils/Loadable';
-import { ImageViewer } from './ImageViewer';
+import React from 'react';
+import QuestionIcon from 'react-icons/lib/go/question';
+import UIIcon from 'react-icons/lib/md/dvr';
+
 import { Configuration } from './Configuration';
-import { VSCode } from './VSCode';
+import { Icon, Icons } from './elements';
+import { ImageViewer } from './ImageViewer';
 import MonacoDiff from './MonacoDiff';
 import { Props } from './types'; // eslint-disable-line
-import { Icons, Icon } from './elements';
+import { VSCode } from './VSCode';
 
 const CodeMirror = Loadable(() =>
   import(/* webpackChunkName: 'codemirror-editor' */ './CodeMirror')
@@ -164,11 +165,13 @@ export class CodeEditor extends React.PureComponent<
       );
     }
 
-    let Editor: React.ComponentClass<Props> =
-      settings.codeMirror && !props.isLive ? CodeMirror : Monaco;
+    let Editor =
+      settings.codeMirror && !props.isLive
+        ? ((CodeMirror as unknown) as React.ComponentClass<Props>)
+        : ((Monaco as unknown) as React.ComponentClass<Props>);
 
     if (settings.experimentVSCode) {
-      Editor = VSCode;
+      Editor = VSCode as React.ComponentClass<Props>;
     }
 
     return (

packages/app/src/app/components/CodeEditor/index.tsx

@@ -4,6 +4,7 @@ import { Link } from 'react-router-dom';
 interface IConfirmLinkProps {
   enabled: boolean;
   message: string;
+  to: string;
 }
 
 export const ConfirmLink: React.FC<IConfirmLinkProps> = ({

packages/app/src/app/components/ConfirmLink.tsx

@@ -15,7 +15,7 @@ interface ItemType {
   action: () => boolean | void;
 }
 
-type Item = ItemType | ItemType[];
+export type Item = ItemType | ItemType[];
 
 type ChildrenProps =
   | {

packages/app/src/app/components/ContextMenu/index.tsx

@@ -0,0 +1,7 @@
+declare global {
+  interface Window {
+    __isTouch: boolean;
+  }
+}
+
+export {};