Editor Modules (codesandbox#1200)

* Add VSCode

* Update

* Progress

* Yes

* Progress

* Progress

* Fix

* Progress

* More improvements

* Cleanup

* Editor optimizations

* new version

* Fix lint

* Adjustments

* aa

* Update

* Remove cache

* Make it stop

* Fix

* new version

* Test

* Work

* Remove need of node services

* Add build script

* Remove node-services for now

* Put VS back

* CHange

* Update

* New editor

* Update preload scripts

* Remove duplicate modules

* Fix embed

* Fix windows

* New version

* Update

* Fix paths

* Change vscode message

Author: CompuIves

.circleci/config.yml

@@ -9,19 +9,19 @@ jobs:
       - checkout
       - restore_cache:
           keys:
-            - v12-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
-            - v12-dependency-cache-{{ .Branch }}
-            - v12-dependency-cache
+            - v13-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+            - v13-dependency-cache-{{ .Branch }}
+            - v13-dependency-cache
       - restore_cache:
           keys:
-            - v12-standalone-dependency-cache-{{ .Branch }}-{{ checksum "standalone-packages/codesandbox-browserfs/yarn.lock" }}
-            - v12-standalone-dependency-cache-{{ .Branch }}
-            - v12-standalone-dependency-cache
+            - v13-standalone-dependency-cache-{{ .Branch }}-{{ checksum "standalone-packages/codesandbox-browserfs/yarn.lock" }}
+            - v13-standalone-dependency-cache-{{ .Branch }}
+            - v13-standalone-dependency-cache
       - run:
           name: Install Dependencies
           command: yarn install
       - save_cache:
-          key: v12-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+          key: v13-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
           paths:
             - node_modules
             - packages/app/node_modules
@@ -31,14 +31,14 @@ jobs:
             - packages/react-sandpack/node_modules
             - packages/sandpack/node_modules
       - save_cache:
-          key: v12-standalone-dependency-cache-{{ .Branch }}-{{ checksum "standalone-packages/codesandbox-browserfs/yarn.lock" }}
+          key: v13-standalone-dependency-cache-{{ .Branch }}-{{ checksum "standalone-packages/codesandbox-browserfs/yarn.lock" }}
           paths:
             - standalone-packages/codesandbox-browserfs/node_modules
       - run:
           name: Build
           command: yarn build:deps
       - save_cache:
-          key: v12-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v13-repo-{{ .Environment.CIRCLE_SHA1 }}
           paths:
             - ~/codesandbox-client
 
@@ -48,19 +48,19 @@ jobs:
     working_directory: ~/codesandbox-client
     steps:
       - restore_cache:
-          key: v12-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v13-repo-{{ .Environment.CIRCLE_SHA1 }}
       # We do this to compare sizes from these builds with master
       - restore_cache:
-          key: v12-prod-app-build-cache-master
+          key: v13-prod-app-build-cache-master
       - run:
           name: Build Application
           command: yarn build:prod
       - save_cache:
-          key: v12-prod-app-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
+          key: v13-prod-app-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
           paths:
             - ./packages/app/www
       - save_cache:
-          key: v12-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
+          key: v13-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
           paths:
             - ./www
 
@@ -70,7 +70,7 @@ jobs:
     working_directory: ~/codesandbox-client
     steps:
       - restore_cache:
-          key: v12-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v13-repo-{{ .Environment.CIRCLE_SHA1 }}
       - run:
           name: Start Test Server
           command: yarn start:test
@@ -98,7 +98,7 @@ jobs:
     working_directory: ~/codesandbox-client
     steps:
       - restore_cache:
-          key: v12-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v13-repo-{{ .Environment.CIRCLE_SHA1 }}
       - run:
           name: Test
           command: yarn test --ci --testResultsProcessor="jest-junit"
@@ -111,7 +111,7 @@ jobs:
     working_directory: ~/codesandbox-client
     steps:
       - restore_cache:
-          key: v12-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v13-repo-{{ .Environment.CIRCLE_SHA1 }}
       - run:
           name: Lint
           command: yarn lint
@@ -122,7 +122,7 @@ jobs:
     steps:
       - checkout
       - restore_cache:
-          key: v12-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
+          key: v13-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
       - run:
           name: Docker Sign In
           command: '[ -n "$DOCKER_USER" ] && echo $DOCKER_PWD | docker login -u $DOCKER_USER --password-stdin || true'

.prettierignore

@@ -1,2 +1,8 @@
+!/standalone-packages/vscode/src/vs/codesandbox/
+!/standalone-packages/vscode/src/vs/codesandbox/*
+!/standalone-packages/vscode/src/vs/codesandbox/**/*.ts
+!/standalone-packages/vscode/src/vs/codesandbox/**/*.*
+
 static/
-package.json
+/package.json
+/standalone-packages/*

Gulpfile.js

@@ -1,15 +1,44 @@
 const gulp = require('gulp');
+const _rimraf = require('rimraf');
 
-gulp.task('app', function() {
-  return gulp.src('packages/app/www/**/*').pipe(gulp.dest('www'));
-});
+function rimraf(dir) {
+  let retries = 0;
 
-gulp.task('homepage', function() {
-  return gulp.src('packages/homepage/public/**/*').pipe(gulp.dest('www'));
-});
+  const retry = cb => {
+    _rimraf(dir, { maxBusyTries: 1 }, err => {
+      if (!err) {
+        return cb();
+      }
 
-gulp.task('statics', function() {
-  return gulp.src('packages/app/public/**/*').pipe(gulp.dest('www'));
-});
+      if (err.code === 'ENOTEMPTY' && ++retries < 5) {
+        return setTimeout(() => retry(cb), 10);
+      }
+
+      return cb(err);
+    });
+  };
+
+  return cb => retry(cb);
+}
+
+gulp.task('app', () =>
+  gulp.src('packages/app/www/**/*').pipe(gulp.dest('www'))
+);
+
+gulp.task('homepage', () =>
+  gulp.src('packages/homepage/public/**/*').pipe(gulp.dest('www'))
+);
+
+gulp.task('statics', () =>
+  gulp.src('packages/app/public/**/*').pipe(gulp.dest('www'))
+);
 
 gulp.task('default', ['app', 'homepage', 'statics']);
+
+gulp.task('clean-vscode', rimraf('standalone-packages/monaco-editor-core'));
+
+gulp.task('prepare-vscode', ['clean-vscode'], () =>
+  gulp
+    .src('standalone-packages/vscode/out-monaco-editor-core/**/*')
+    .pipe(gulp.dest('standalone-packages/monaco-editor-core'))
+);

package.json

@@ -7,9 +7,10 @@
     "build": "NODE_OPTIONS=\"--max-old-space-size=4096\" yarn build:deps && yarn build:prod",
     "build:prod": "lerna run build  --scope homepage --stream && lerna run build --scope app --stream && gulp",
     "build:clean": "lerna run build:clean --scope app --scope homepage && rimraf www",
-    "build:deps": "lerna run build:dev --scope codesandbox-api --scope codesandbox-browserfs",
+    "build:deps": "lerna run build:dev --scope codesandbox-api --scope codesandbox-browserfs --scope node-services",
     "start": "yarn build:deps && lerna run start --scope app --stream",
     "start:fast": "lerna run start --scope app --stream",
+    "start:vscode": "VSCODE=1 yarn start:fast & cd standalone-packages/monaco-editor && yarn simpleserver & cd standalone-packages/vscode && yarn watch",
     "start:home": "lerna run start --scope homepage --stream",
     "start:test": "lerna run start:test --scope app --stream",
     "start:dev_api": "lerna run start --parallel --scope codesandbox-api & lerna run start:dev_api --scope app --stream",
@@ -36,6 +37,7 @@
       "packages/sandpack",
       "packages/react-sandpack",
       "packages/homepage",
+      "packages/node-services",
       "packages/sandbox-hooks",
       "packages/sse-hooks"
     ],
@@ -73,4 +75,4 @@
     "url": "https://opencollective.com/codesandbox",
     "logo": "https://opencollective.com/codesandbox/logo.txt"
   }
-}
+}

packages/app/config/env.js

@@ -18,5 +18,6 @@ module.exports = Object.keys(process.env)
       'process.env.CODESANDBOX_HOST': JSON.stringify(getHost()),
       'process.env.LOCAL_SERVER': !!LOCAL_SERVER,
       'process.env.STAGING': 'STAGING_BRANCH' in process.env,
+      'process.env.VSCODE': !!JSON.stringify(process.env.VSCODE),
     }
   );

packages/app/config/webpack.common.js

@@ -277,7 +277,8 @@ module.exports = {
       /typescriptServices\.js$/,
       /browserfs\.js/,
       /browserfs\.min\.js/,
-      /standalone-packages/,
+      /standalone-packages\/codesandbox-browserfs/,
+      /standalone-packages\/vscode\//,
     ],
   },
 
@@ -449,6 +450,11 @@ module.exports = {
           to: 'public/13/vs',
           force: true,
         },
+        {
+          from: '../../standalone-packages/vscode-editor/release/min/vs',
+          to: 'public/vscode1/vs',
+          force: true,
+        },
         __PROD__ && {
           from: '../../node_modules/monaco-editor/min-maps',
           to: 'public/min-maps',
@@ -467,7 +473,7 @@ module.exports = {
         },
         {
           from: '../../standalone-packages/codesandbox-browserfs/dist',
-          to: 'static/browserfs',
+          to: 'static/browserfs2',
         },
       ].filter(x => x)
     ),