use comments experiment to save through live

Author: christianalfoni

.circleci/config.yml

@@ -381,28 +381,29 @@ workflows:
       - create-docker-image:
           requires:
             - build-prod
-      - deploy-production-approval:
-          type: approval
-          filters:
-            branches:
-              only:
-                - master
       - deploy-to-production:
           requires:
-            - deploy-production-approval
             - create-docker-image
             - build-prod
             - lint
             - typecheck
-            # - test-integrations
+            - test-integrations
             - test-jest
           filters:
             branches:
               only:
                 - master
       - deploy-staging-approval:
           type: approval
+          filters:
+            branches:
+              ignore:
+                - master
       - deploy-to-staging:
           requires:
             - deploy-staging-approval
             - create-docker-image
+          filters:
+            branches:
+              ignore:
+                - master

package.json

@@ -45,13 +45,13 @@
     "contributors:generate": "all-contributors generate",
     "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 @codesandbox/components --scope app --parallel",
+    "start": "yarn build:deps && cross-env NODE_ENV=development lerna run start --scope @codesandbox/common --scope @codesandbox/components --scope app --parallel",
     "start:common": "lerna run start --scope @codesandbox/common --stream",
     "start:components": "lerna run start --scope @codesandbox/components --stream",
     "start:dev_api": "concurrently --raw \"cd packages/app && yarn start:dev_api\" \"cd packages/common && yarn start\" \"cd packages/components && yarn start\"",
     "start:dynamic": "lerna run dev --scope dynamic-pages --stream",
-    "start:fast": "concurrently --raw \"cd packages/app && yarn start\" \"cd packages/common && yarn start\" \"cd packages/components && yarn start\"",
-    "start:fast:stream": "cross-env STAGING_API=1 concurrently --raw \"cd packages/app && yarn start\" \"cd packages/common && yarn start\" \"cd packages/components && yarn start\"",
+    "start:fast": "cross-env NODE_ENV=development concurrently --raw \"cd packages/app && yarn start\" \"cd packages/common && yarn start\" \"cd packages/components && yarn start\"",
+    "start:fast:stream": "cross-env STAGING_API=1 NODE_ENV=development concurrently --raw \"cd packages/app && yarn start\" \"cd packages/common && yarn start\" \"cd packages/components && yarn start\"",
     "start:home": "yarn build:deps && yarn start:home:fast",
     "start:home:fast": "cd packages/homepage && yarn start",
     "start:overmind": "yarn build:deps && concurrently \"lerna run start --scope app --stream\" \"overmind-devtools\"",

packages/app/config/build.js

@@ -3,11 +3,11 @@ const { SANDBOX_ONLY } = process.env;
 const staticAssets = [
   !SANDBOX_ONLY && {
     from: 'standalone-packages/vscode-editor/release/min/vs',
-    to: 'public/vscode27/vs',
+    to: 'public/vscode28/vs',
   },
   !SANDBOX_ONLY && {
     from: 'standalone-packages/vscode-extensions/out',
-    to: 'public/vscode-extensions/v12',
+    to: 'public/vscode-extensions/v13',
   },
   !SANDBOX_ONLY && {
     from: 'node_modules/onigasm/lib/onigasm.wasm',

packages/app/config/webpack.prod.js

@@ -107,7 +107,10 @@ module.exports = merge(commonConfig, {
   },
 
   plugins: [
-    process.env.ANALYZE && new BundleAnalyzerPlugin(),
+    process.env.ANALYZE &&
+      new BundleAnalyzerPlugin({
+        analyzerMode: 'static',
+      }),
     new webpack.DefinePlugin({ VERSION: JSON.stringify(VERSION) }),
     // Generate a service worker script that will precache, and keep up to date,
     // the HTML & assets that are part of the Webpack build.
@@ -180,7 +183,7 @@ module.exports = merge(commonConfig, {
           },
         },
         {
-          urlPattern: /\/vscode27/,
+          urlPattern: /\/vscode28/,
           handler: 'cacheFirst',
           options: {
             cache: {
@@ -283,7 +286,7 @@ module.exports = merge(commonConfig, {
           },
         },
         {
-          urlPattern: /prod-packager-packages\.csb\.dev/,
+          urlPattern: /prod-packager-packages\.codesandbox\.io/,
           handler: 'fastest',
           options: {
             cache: {

packages/app/package.json

@@ -107,7 +107,7 @@
     "circular-json": "^0.4.0",
     "codemirror": "^5.27.4",
     "codesandbox-api": "0.0.24",
-    "codesandbox-import-utils": "^2.1.11",
+    "codesandbox-import-utils": "^2.1.14",
     "color": "^0.11.4",
     "compare-versions": "^3.1.0",
     "console": "^0.7.2",
@@ -125,7 +125,6 @@
     "fontfaceobserver": "^2.0.13",
     "framer-motion": "^1.8.4",
     "fuse.js": "^3.2.1",
-    "geniejs": "^0.5.1",
     "glamor": "^2.20.25",
     "graphql": "^14.6.0",
     "graphql-subscriptions-client": "^0.12.0",
@@ -197,7 +196,6 @@
     "react-error-overlay": "^1.0.10",
     "react-icons": "^2.2.7",
     "react-input-autosize": "^2.2.1",
-    "react-inspector": "^2.2.0",
     "react-instantsearch": "^5.7.0",
     "react-loadable": "^3.3.1",
     "react-markdown": "^4.3.1",
@@ -207,7 +205,6 @@
     "react-outside-click-handler": "^1.2.3",
     "react-refresh": "^0.7.2",
     "react-router-dom": "^5.0.1",
-    "react-scrollbars-custom": "^4.0.20",
     "react-show": "^3.0.4",
     "react-split-pane": "^0.1.87",
     "react-spring": "^8.0.25",
@@ -216,11 +213,9 @@
     "react-use": "^9.7.2",
     "react-virtualized": "^9.19.1",
     "reakit": "^1.0.0-beta.4",
-    "rebound": "^0.1.0",
     "resize-observer-polyfill": "^1.5.1",
     "sha1": "^1.1.1",
     "shelljs": "^0.7.8",
-    "shortid": "^2.2.8",
     "store": "^2.0.12",
     "string-replace-loader": "^2.1.1",
     "styled-components": "^4.3.2",
@@ -334,7 +329,6 @@
     "recursive-readdir": "^2.2.1",
     "resolve-url-loader": "^3.1.0",
     "rimraf": "^2.6.1",
-    "run-sequence": "^1.2.2",
     "sass-loader": "^7.1.0",
     "script-ext-html-webpack-plugin": "^2.1.4",
     "selenium-webdriver": "^4.0.0-alpha.1",

packages/app/scripts/copy-assets.js

@@ -25,7 +25,7 @@ const assets = [
   },
   !SANDBOX_ONLY && {
     from: 'standalone-packages/vscode-editor/release/min/vs',
-    to: 'public/vscode25/vs',
+    to: 'public/vscode27/vs',
   },
   {
     from: 'packages/app/public',

packages/app/src/app/components/CreateNewSandbox/CreateSandbox/SearchBox/SearchBox.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useKey } from 'react-use';
+import useKey from 'react-use/lib/useKey';
 import { ESC } from '@codesandbox/common/lib/utils/keycodes';
 import { SearchElement, InputWrapper } from './elements';
 

packages/app/src/app/components/CreateNewSandbox/CreateSandbox/TemplateList/TemplateList.tsx

@@ -5,7 +5,7 @@ import getTemplateDefinition, {
   TemplateType,
 } from '@codesandbox/common/lib/templates';
 import { useOvermind } from 'app/overmind';
-import { useKey } from 'react-use';
+import useKey from 'react-use/lib/useKey';
 import { isMac } from '@codesandbox/common/lib/utils/platform';
 import { getSandboxName } from '@codesandbox/common/lib/utils/get-sandbox-name';
 import history from 'app/utils/history';