[WIP] Sandpack (codesandbox#626)

Sandpack Progress

Author: CompuIves

.circleci/config.yml

@@ -9,30 +9,30 @@ jobs:
       - checkout
       - restore_cache:
           keys:
-            - v4-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
-            - v4-dependency-cache-{{ .Branch }}
-            - v4-dependency-cache
+            - v6-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+            - v6-dependency-cache-{{ .Branch }}
+            - v6-dependency-cache
       - restore_cache:
           keys:
-            - v4-standalone-dependency-cache-{{ .Branch }}-{{ checksum "standalone-packages/codesandbox-browserfs/yarn.lock" }}
-            - v4-standalone-dependency-cache-{{ .Branch }}
-            - v4-standalone-dependency-cache
+            - v6-standalone-dependency-cache-{{ .Branch }}-{{ checksum "standalone-packages/codesandbox-browserfs/yarn.lock" }}
+            - v6-standalone-dependency-cache-{{ .Branch }}
+            - v6-standalone-dependency-cache
       - run:
           name: Install Dependencies
           command: yarn install
       - save_cache:
-          key: v4-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+          key: v6-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
           paths:
             - node_modules
       - save_cache:
-          key: v4-standalone-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+          key: v6-standalone-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
           paths:
             - standalone-packages/codesandbox-browserfs/node_modules
       - run:
           name: Build
           command: yarn build:dependents
       - save_cache:
-          key: v4-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v6-repo-{{ .Environment.CIRCLE_SHA1 }}
           paths:
             - ~/codesandbox-client
 
@@ -42,19 +42,19 @@ jobs:
     working_directory: ~/codesandbox-client
     steps:
       - restore_cache:
-          key: v4-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v6-repo-{{ .Environment.CIRCLE_SHA1 }}
       # We do this to compare sizes from these builds with master
       - restore_cache:
-          key: v4-prod-app-build-cache-master
+          key: v6-prod-app-build-cache-master
       - run:
           name: Build Application
           command: yarn build:prod
       - save_cache:
-          key: v4-prod-app-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
+          key: v6-prod-app-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
           paths:
             - ./packages/app/www
       - save_cache:
-          key: v4-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
+          key: v6-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
           paths:
             - ./www
       - store_artifacts:
@@ -67,7 +67,7 @@ jobs:
     working_directory: ~/codesandbox-client
     steps:
       - restore_cache:
-          key: v4-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v6-repo-{{ .Environment.CIRCLE_SHA1 }}
       - run:
           name: Start Test Server
           command: yarn start:test
@@ -95,7 +95,7 @@ jobs:
     working_directory: ~/codesandbox-client
     steps:
       - restore_cache:
-          key: v4-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v6-repo-{{ .Environment.CIRCLE_SHA1 }}
       - run:
           name: Test
           command: yarn test --ci --testResultsProcessor="jest-junit"
@@ -108,7 +108,7 @@ jobs:
     working_directory: ~/codesandbox-client
     steps:
       - restore_cache:
-          key: v4-repo-{{ .Environment.CIRCLE_SHA1 }}
+          key: v6-repo-{{ .Environment.CIRCLE_SHA1 }}
       - run:
           name: Lint
           command: yarn lint
@@ -118,7 +118,7 @@ jobs:
     working_directory: ~/codesandbox-client
     steps:
       - restore_cache:
-          key: v4-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
+          key: v6-prod-build-cache-{{ .Environment.CIRCLE_BRANCH }}-{{ .Environment.CIRCLE_SHA1 }}
       - run:
           name: Docker Sign In
           command: echo $DOCKER_PWD | docker login -u $DOCKER_USER --password-stdin
@@ -155,9 +155,6 @@ workflows:
           requires:
             - build-dependencies
       - create-docker-image:
-          filters:
-            branches:
-              only: master
           requires:
             - build-prod
             - lint

LICENSE

@@ -1,5 +1,5 @@
 CodeSandbox. An online code editor tailored for web application development.
-Copyright (C) 2017  Ives van Hoorne
+Copyright (C) 2018  Ives van Hoorne
 
 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "yarn build:dependents && yarn build:prod",
     "build:prod": "lerna run build --scope app --scope homepage --parallel && gulp",
-    "build:dependents": "lerna run build --ignore app --ignore homepage --parallel",
+    "build:dependents": "lerna run build --scope codesandbox-api --scope common --scope codesandbox-browserfs --stream && lerna run build --scope smooshpack --stream && lerna run build --scope react-smooshpack --stream",
     "start": "lerna run build --scope codesandbox-browserfs --stream && lerna run start --parallel",
     "start:fast": "lerna run start --scope app --stream",
     "start:test": "lerna run start:test --scope app --stream",
@@ -30,7 +30,9 @@
     "packages/homepage",
     "packages/app",
     "packages/common",
-    "packages/codesandbox-api"
+    "packages/codesandbox-api",
+    "packages/sandpack",
+    "packages/react-sandpack"
   ],
   "devDependencies": {
     "all-contributors-cli": "^4.3.0",

packages/app/config/env.js

@@ -1,30 +1,11 @@
 // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
 // injected into the application via DefinePlugin in Webpack configuration.
+const getHost = require('./host');
 
 const REACT_APP = /^REACT_APP_/i;
 const NODE_ENV = JSON.stringify(process.env.NODE_ENV || 'development');
 const LOCAL_SERVER = !!JSON.stringify(process.env.LOCAL_SERVER);
 
-const getHost = () => {
-  if (LOCAL_SERVER) {
-    return 'http://localhost:3000';
-  }
-
-  if (process.env.NODE_ENV === 'development') {
-    return 'https://codesandbox.dev';
-  }
-
-  if ('STAGING_BRANCH' in process.env) {
-    return `http://${process.env.STAGING_BRANCH}.cs.lbogdan.tk`;
-  }
-
-  if ('ROOT_URL' in process.env) {
-    return process.env.ROOT_URL;
-  }
-
-  return 'https://codesandbox.io';
-};
-
 module.exports = Object.keys(process.env)
   .filter(key => REACT_APP.test(key))
   .reduce(

packages/app/config/host.js

@@ -0,0 +1,21 @@
+const LOCAL_SERVER = !!JSON.stringify(process.env.LOCAL_SERVER);
+
+module.exports = () => {
+  if (LOCAL_SERVER) {
+    return 'http://localhost:3000';
+  }
+
+  if (process.env.NODE_ENV === 'development') {
+    return 'https://codesandbox.dev';
+  }
+
+  if ('STAGING_BRANCH' in process.env) {
+    return `http://${process.env.STAGING_BRANCH}.cs.lbogdan.tk`;
+  }
+
+  if ('ROOT_URL' in process.env) {
+    return process.env.ROOT_URL;
+  }
+
+  return 'https://codesandbox.io';
+};