Merge branch 'master' into vscodeeffect

Author: CompuIves

.eslintignore

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

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/build.js

@@ -1,27 +1,28 @@
 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/vscode25/vs',
   },
-  {
+  !SANDBOX_ONLY && {
     from: 'standalone-packages/vscode-extensions/out',
     to: 'public/vscode-extensions/v10',
   },
-  {
+  !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',
   },
@@ -63,7 +64,7 @@ const staticAssets = [
       : 'standalone-packages/codesandbox-browserfs/dist',
     to: 'static/browserfs3',
   },
-];
+].filter(Boolean);
 
 module.exports = {
   staticAssets,

packages/app/config/webpack.common.js

@@ -427,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

@@ -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

packages/app/integration-tests/browser-tests/browsers.test.js

@@ -36,7 +36,7 @@ function testPageWitCapabilities(capabilities) {
   // Test if a sandbox can be loaded on IE11
   return driver
     .get(
-      'http://localhost:3002/#github/codesandbox/integration-sandboxes/tree/master/new'
+      'http://localhost:3000/#github/codesandbox/integration-sandboxes/tree/master/new'
     )
     .then(async () => {
       const element = webdriver.By.css('h1');

packages/app/integration-tests/tests/sandboxes.test.js

@@ -65,7 +65,7 @@ function pageLoaded(page) {
 }
 
 function sandboxUrl(sandboxId) {
-  return `http://localhost:3002/#github/${SANDBOXES_REPO}/tree/master/${sandboxId}`;
+  return `http://localhost:3000/#github/${SANDBOXES_REPO}/tree/master/${sandboxId}`;
 }
 
 function loadSandbox(page, sandboxId, timeout) {

packages/app/package.json

@@ -13,7 +13,8 @@
     "build:stats": "cross-env NODE_ENV=production NODE_OPTIONS=\"--max-old-space-size=4096\"   webpack --env production --config config/webpack.prod.js --json --profile --progress > stats.json && node scripts/stats",
     "build:clean": "rimraf www",
     "build:embed": "cross-env NODE_ENV=production webpack --config config/webpack.embed.js",
-    "build:sandbox": "cross-env NODE_ENV=production SANDBOX_ONLY=true node scripts/build.js",
+    "build:sandbox": "cross-env NODE_ENV=production SANDBOX_ONLY=true node scripts/build.js && yarn copy-assets",
+    "build:sandpack-sandbox": "cross-env NODE_ENV=production SANDPACK=true SANDBOX_ONLY=true node scripts/build.js && cross-env SANDBOX_ONLY=true yarn copy-assets",
     "copy-assets": "cross-env NODE_ENV=production node scripts/copy-assets.js",
     "integrations:start": "docker run -v $(pwd):/app/ -it codesandbox/test yarn start:test",
     "lint": "npm run lint:app && npm run lint:embed && npm run lint:sandbox",
@@ -22,7 +23,8 @@
     "lint:sandbox": "cross-env LINT=1 eslint --ext .js,.ts,.tsx src/sandbox",
     "start": "cross-env LOCAL_SERVER=1 LOCAL_DEV=1 NODE_OPTIONS=\"--max-old-space-size=4096\" node scripts/start.js",
     "start:dev_api": "node scripts/start.js",
-    "start:sandbox": "cross-env SANDBOX_ONLY=true node scripts/start.js",
+    "start:sandbox": "cross-env SANDBOX_ONLY=true LOCAL_SERVER=1 node scripts/start.js",
+    "start:sandpack-sandbox": "cross-env SANDPACK=true LOCAL_SERVER=1 SANDBOX_ONLY=true node scripts/start.js",
     "start:test": "cross-env LOCAL_SERVER=1 SANDBOX_ONLY=true node scripts/start.js",
     "test": "jest --env=jsdom",
     "test:integrations": "jest --config integration-tests/jest.config.json --maxWorkers=2",
@@ -96,7 +98,7 @@
     "browser-resolve": "CompuIves/node-browser-resolve",
     "circular-json": "^0.4.0",
     "codemirror": "^5.27.4",
-    "codesandbox-api": "^0.0.22",
+    "codesandbox-api": "0.0.23",
     "codesandbox-import-utils": "2.1.2",
     "color": "^0.11.4",
     "compare-versions": "^3.1.0",

packages/app/scripts/copy-assets.js

@@ -3,33 +3,35 @@ const fs = require('fs-extra');
 const path = require('path');
 const { staticAssets } = require('../config/build');
 
+const { SANDBOX_ONLY } = process.env;
+
 const assets = [
   ...staticAssets,
   {
     from: 'packages/app/www',
     to: '',
   },
-  {
+  !SANDBOX_ONLY && {
     from: 'packages/homepage/public',
     to: '',
   },
-  {
+  !SANDBOX_ONLY && {
     from: 'standalone-packages/monaco-editor/release/min/vs',
     to: 'public/14/vs',
   },
   {
     from: 'standalone-packages/codesandbox-browserfs/dist',
     to: 'static/browserfs2',
   },
-  {
+  !SANDBOX_ONLY && {
     from: 'standalone-packages/vscode-editor/release/min/vs',
     to: 'public/vscode24/vs',
   },
   {
     from: 'packages/app/public',
     to: '',
   },
-];
+].filter(Boolean);
 
 const rootPath = path.resolve(__dirname, '../../..');
 const buildPath = path.resolve(rootPath, 'www');

packages/app/scripts/deploy.js

@@ -1,6 +1,6 @@
 const fetch = require('cross-fetch');
 
-fetch('https://deployment-api.lbogdan.ro/image', {
+fetch('https://deploy-api.ops.csb.dev/image', {
   method: 'POST',
   headers: {
     'Content-Type': 'application/json',