Merge branch 'master' into prototype-common-sync

Author: Saeris

.drone.yml

@@ -26,7 +26,7 @@ steps:
       - yarn build
 
   - name: deploy
-    image: lbogdan/codesandbox-deploy-plugin:2
+    image: lbogdan/codesandbox-deploy-plugin:3
     settings:
       domain: &domain build.csb.dev
     volumes:
@@ -177,6 +177,6 @@ trigger:
   branch: master
 ---
 kind: signature
-hmac: 015a8ddaa2fa145808e3c30ad05da71d03e3b8653b6bddb41547f13611397070
+hmac: e625eaf2e469b9b6763641d4cc1f089900ef8d8c41db32c6f6aacb27bee8c19c
 
 ...

.eslintignore

@@ -1,2 +1,3 @@
 **/cra-files/*.*
 **/eslint-lint.js
+**/stories/*.*

.gitignore

@@ -21,6 +21,7 @@ npm-debug.log
 yarn-error.log
 .idea
 jest
+stats.json
 
 lerna-debug.log
 

README.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://codesandbox.io">
-    <img src="https://user-images.githubusercontent.com/1863771/68405395-5020f400-0180-11ea-8818-8cb255d9fe71.png" height="200px">
+    <img src="https://codesandbox.io/static/img/banner.png" height="200px">
   </a>
 </p>
 
@@ -14,25 +14,7 @@
 [![first-timers-only Friendly](https://img.shields.io/badge/first--timers--only-friendly-blue.svg)](http://www.firsttimersonly.com/)
 [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
 
-[![Backers on Open Collective](https://opencollective.com/codesandbox/backers/badge.svg)](#backers)
-[![Sponsors on Open Collective](https://opencollective.com/codesandbox/sponsors/badge.svg)](#sponsors)
-
-An online code editor tailored for web applications.
-
-This project was bootstrapped with
-[Create React App](https://github.com/facebook/create-react-app).
-
-The JavaScript community has sharing as its selling point. It has the biggest
-open source community and every day new ideas and proposals are shared on
-Twitter. This is great and a really strong point, but the side effect of this is
-that there are a lot of tools and configurations to consider before you can
-start building.
-
-CodeSandbox aims to solve this by allowing developers to simply go to a URL in
-their browser to start building. This not only makes it easier to get started,
-it also makes it easier to share. You can just share your created work by
-sharing the URL, others can then (without downloading) further develop on these
-sandboxes.
+An instantly ready, full-featured online IDE for web development on any device with a browser. Enabling you to start new projects quickly and prototype rapidly. With CodeSandbox, you can create web apps, experiment with code, test ideas, and share creations easily.
 
 ## Other CodeSandbox repositories
 
@@ -260,27 +242,3 @@ Thanks goes to these wonderful people
 <!-- prettier-ignore-end -->
 
 <!-- ALL-CONTRIBUTORS-LIST:END -->
-
-## Backers
-
-Thank you to all our backers! 🙏
-[[Become a backer](https://opencollective.com/codesandbox#backer)]
-
-<a href="https://opencollective.com/codesandbox#backers" target="_blank"><img src="https://opencollective.com/codesandbox/backers.svg?width=890"></a>
-
-## Sponsors
-
-Support this project by becoming a sponsor. Your logo will show up here with a
-link to your website.
-[[Become a sponsor](https://opencollective.com/codesandbox#sponsor)]
-
-<a href="https://opencollective.com/codesandbox/sponsor/0/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/0/avatar.svg"></a>
-<a href="https://opencollective.com/codesandbox/sponsor/1/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/1/avatar.svg"></a>
-<a href="https://opencollective.com/codesandbox/sponsor/2/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/2/avatar.svg"></a>
-<a href="https://opencollective.com/codesandbox/sponsor/3/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/3/avatar.svg"></a>
-<a href="https://opencollective.com/codesandbox/sponsor/4/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/4/avatar.svg"></a>
-<a href="https://opencollective.com/codesandbox/sponsor/5/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/5/avatar.svg"></a>
-<a href="https://opencollective.com/codesandbox/sponsor/6/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/6/avatar.svg"></a>
-<a href="https://opencollective.com/codesandbox/sponsor/7/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/7/avatar.svg"></a>
-<a href="https://opencollective.com/codesandbox/sponsor/8/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/8/avatar.svg"></a>
-<a href="https://opencollective.com/codesandbox/sponsor/9/website" target="_blank"><img src="https://opencollective.com/codesandbox/sponsor/9/avatar.svg"></a>

package.json

@@ -13,8 +13,6 @@
       "packages/homepage",
       "packages/common",
       "packages/codesandbox-api",
-      "packages/sandpack",
-      "packages/react-sandpack",
       "packages/node-services",
       "packages/sandbox-hooks",
       "packages/sse-hooks",
@@ -39,9 +37,9 @@
     "build:embed": "lerna run build:embed --scope app --stream && gulp",
     "build:prod": "cross-env NODE_OPTIONS=\"--max-old-space-size=4096\" lerna run build  --scope homepage --stream && lerna run build --scope app --stream && lerna run copy-assets --scope app --stream",
     "commit": "concurrently \"yarn typecheck\" \"yarn lint\" && git commit -m",
+    "postinstall": "yarn lerna run install-dependencies --stream --concurrency 1 && opencollective postinstall",
     "contributors:add": "all-contributors add",
     "contributors:generate": "all-contributors generate",
-    "postinstall": "yarn lerna run install-dependencies --scope vscode-textmate --scope codesandbox-browserfs --scope sse-loading-screen --stream && opencollective postinstall",
     "lint": "lerna run lint --stream",
     "now-build": "yarn build:deps && lerna run build:storybook --scope @codesandbox/common",
     "start": "yarn build:deps && lerna run start --scope @codesandbox/common --scope app --parallel",

packages/app/config/babel.dev.js

@@ -32,6 +32,7 @@ module.exports = {
     require.resolve('@babel/plugin-transform-destructuring'),
     require.resolve('@babel/plugin-proposal-object-rest-spread'),
     require.resolve('@babel/plugin-proposal-class-properties'),
+    require.resolve('@babel/plugin-proposal-optional-chaining'),
     require.resolve('@babel/plugin-transform-runtime'),
     require.resolve('babel-plugin-lodash'),
     require.resolve('@babel/plugin-syntax-dynamic-import'),

packages/app/config/babel.prod.js

@@ -30,6 +30,7 @@ module.exports = {
     require.resolve('@babel/plugin-transform-async-to-generator'),
     require.resolve('@babel/plugin-proposal-object-rest-spread'),
     require.resolve('@babel/plugin-proposal-class-properties'),
+    require.resolve('@babel/plugin-proposal-optional-chaining'),
     require.resolve('@babel/plugin-transform-runtime'),
     require.resolve('babel-plugin-lodash'),
     require.resolve('@babel/plugin-syntax-dynamic-import'),

packages/app/config/build.js

@@ -1,34 +1,42 @@
 const isDev = process.env.NODE_ENV === 'development';
+const { SANDBOX_ONLY } = process.env;
 const staticAssets = [
-  {
+  !SANDBOX_ONLY && {
     from: 'standalone-packages/vscode-editor/release/min/vs',
-    to: 'public/vscode24/vs',
+    to: 'public/vscode25/vs',
   },
-  {
+  !SANDBOX_ONLY && {
     from: 'standalone-packages/vscode-extensions/out',
-    to: 'public/vscode-extensions/v10',
+    to: 'public/vscode-extensions/v11',
   },
-  {
+  !SANDBOX_ONLY && {
     from: 'node_modules/onigasm/lib/onigasm.wasm',
     to: 'public/onigasm/2.2.1/onigasm.wasm',
   },
-  {
+  !SANDBOX_ONLY && {
     from:
       'standalone-packages/vscode-textmate/node_modules/onigasm/lib/onigasm.wasm',
     to: 'public/onigasm/2.1.0/onigasm.wasm',
   },
-  {
+  !SANDBOX_ONLY && {
     from: 'node_modules/monaco-vue/release/min',
     to: 'public/14/vs/language/vue',
   },
-  {
+  !SANDBOX_ONLY && {
     from: 'standalone-packages/monaco-editor/release/min/vs',
     to: 'public/14/vs',
   },
   {
     from: 'packages/app/static',
     to: 'static',
   },
+  {
+    from: isDev
+      ? 'standalone-packages/codesandbox-browserfs/build'
+      : 'standalone-packages/codesandbox-browserfs/dist',
+    to: 'static/browserfs7',
+  },
+  // For caching purposes
   {
     from: isDev
       ? 'standalone-packages/codesandbox-browserfs/build'
@@ -56,7 +64,7 @@ const staticAssets = [
       : 'standalone-packages/codesandbox-browserfs/dist',
     to: 'static/browserfs3',
   },
-];
+].filter(Boolean);
 
 module.exports = {
   staticAssets,

packages/app/config/webpack.common.js

@@ -2,15 +2,15 @@
 const webpack = require('webpack');
 const path = require('path');
 const fs = require('fs');
-const paths = require('./paths');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const threadLoader = require('thread-loader');
-const WatchMissingNodeModulesPlugin = require('../scripts/utils/WatchMissingNodeModulesPlugin');
 const env = require('@codesandbox/common/lib/config/env');
 const getHost = require('@codesandbox/common/lib/utils/host');
 const postcssNormalize = require('postcss-normalize');
+const WatchMissingNodeModulesPlugin = require('../scripts/utils/WatchMissingNodeModulesPlugin');
+const paths = require('./paths');
 
 const babelDev = require('./babel.dev');
 const babelProd = require('./babel.prod');
@@ -384,6 +384,7 @@ module.exports = {
       /browserfs\.min\.js/,
       /standalone-packages\/codesandbox-browserfs/,
       /standalone-packages\/vscode\//,
+      /fontfaceobserver\.standalone\.js/,
     ],
   },
 
@@ -426,7 +427,7 @@ module.exports = {
           new HtmlWebpackPlugin({
             inject: true,
             chunks: ['sandbox-startup', 'vendors~sandbox', 'sandbox'],
-            filename: 'frame.html',
+            filename: 'index.html',
             template: paths.sandboxHtml,
             minify: __PROD__ && {
               removeComments: true,

packages/app/config/webpack.prod.js

@@ -180,7 +180,7 @@ module.exports = merge(commonConfig, {
           },
         },
         {
-          urlPattern: /\/vscode24/,
+          urlPattern: /\/vscode25/,
           handler: 'cacheFirst',
           options: {
             cache: {
@@ -227,7 +227,9 @@ module.exports = merge(commonConfig, {
       minify: true,
       // For unknown URLs, fallback to the index page
       navigateFallback: 'https://new.codesandbox.io/frame.html',
-      staticFileGlobs: ['www/frame.html'],
+      staticFileGlobs: process.env.SANDBOX_ONLY
+        ? ['www/index.html']
+        : ['www/frame.html'],
       stripPrefix: 'www/',
       // Ignores URLs starting from /__ (useful for Firebase):
       // https://github.com/facebookincubator/create-react-app/issues/2237#issuecomment-302693219