New structure (codesandbox#2)

* Move some files around

* Intermediate

* Rewrites

* Workspace manipulation

* Dependency adding/removing

* Preview works

* Debouncing for editing code

* Fix styling of switch

* Show path on top

* Support for replacestate

* Automatic forking

* Remove unused import

* Sidebar tweaks

* Edit icons

* Make forking possible

* Work work

* Update sandbox

* UI

* Saving

* Notifications

* Autocomplete and view choice

* Fix setting view

* Preferences

* Autocomplete and vim

* Add live preview option

* Add dependency when not found

* Set title of document

* Fix switching between module view and project view

* Prettify

* Add tooltip to prettify button

Author: CompuIves

.eslintrc

@@ -1,5 +1,10 @@
 {
-  "extends": "airbnb",
+  "extends": [
+    "airbnb",
+    "prettier",
+    "prettier/react",
+    "prettier/flowtype"
+  ],
   "parser": "babel-eslint",
   "env": {
     "browser": true,
@@ -10,6 +15,14 @@
   "rules": {
     "react/jsx-filename-extension": 0,
     "react/sort-comp": 0,
-    "import/no-extraneous-dependencies": 0
+    "import/no-extraneous-dependencies": 0,
+    "arrow-parens": 0
+  },
+  "settings": {
+    "import/resolver": {
+      "webpack": {
+        "config": "config/webpack.config.js"
+      }
+    }
   }
-}
+}

.flowconfig

@@ -26,6 +26,8 @@ node_modules/styled-components/flow-typed/react-native.js
 node_modules/styled-components/flow-typed/inline-style-prefixer_vx.x.x.js
 
 [options]
+module.system.node.resolve_dirname=node_modules
+module.system.node.resolve_dirname=src
 
 # Yeah, we use this to ignore errors...
 # Just add it, if you have a different suppress_comment notation

Dockerfile

@@ -1,8 +1,6 @@
-FROM node:latest
+FROM node:7.6
 MAINTAINER Ives van Hoorne
 
-RUN npm install -g yarn
-
 RUN mkdir /usr/src/app
 
 WORKDIR /usr/src/app

config/webpack.config.js

@@ -15,30 +15,28 @@ const __PROD__ = NODE_ENV === 'production'; // eslint-disable-line no-underscore
 
 const babelConfig = __DEV__ ? babelDev : babelProd;
 
-const getOutput = () => (
-  __DEV__ ? {
-    path: paths.appBuild,
-    pathinfo: true,
-    filename: 'static/js/[name].js',
-    publicPath: '/',
-  } : {
-    path: paths.appBuild,
-    pathinfo: true,
-    filename: 'static/js/[name].[hash:8].js',
-    chunkFilename: 'static/js/[name].[hash:8].chunk.js',
-    sourceMapFilename: '[file].map', // Default
-    publicPath: 'https://codesandbox.io/',
-  }
-);
+const getOutput = () =>
+  __DEV__
+    ? {
+        path: paths.appBuild,
+        pathinfo: true,
+        filename: 'static/js/[name].js',
+        publicPath: '/',
+      }
+    : {
+        path: paths.appBuild,
+        pathinfo: true,
+        filename: 'static/js/[name].[hash:8].js',
+        chunkFilename: 'static/js/[name].[hash:8].chunk.js',
+        sourceMapFilename: '[file].map', // Default
+        publicPath: 'https://codesandbox.io/',
+      };
 
 const config = {
   devtool: __DEV__ ? 'eval' : 'source-map',
 
   entry: {
-    app: [
-      require.resolve('./polyfills'),
-      path.join(paths.appSrc, 'index.js'),
-    ],
+    app: [require.resolve('./polyfills'), path.join(paths.appSrc, 'index.js')],
     sandbox: [
       require.resolve('./polyfills'),
       path.join(paths.sandboxSrc, 'index.js'),
@@ -54,7 +52,6 @@ const config = {
 
   target: 'web',
 
-
   output: getOutput(),
 
   module: {
@@ -73,7 +70,9 @@ const config = {
         options: (() => {
           const altererdConfig = Object.assign({}, babelConfig);
 
-          altererdConfig.plugins.push(require.resolve('babel-plugin-transform-remove-strict-mode'));
+          altererdConfig.plugins.push(
+            require.resolve('babel-plugin-transform-remove-strict-mode')
+          );
           return altererdConfig;
         })(),
       },
@@ -90,10 +89,7 @@ const config = {
       // in development "style" loader enables hot editing of CSS.
       {
         test: /\.css$/,
-        loaders: [
-          'style-loader',
-          'css-loader',
-        ],
+        loaders: ['style-loader', 'css-loader'],
       },
       // "file" loader makes sure those assets get served by WebpackDevServer.
       // When you `import` an asset, you get its (virtual) filename.
@@ -138,9 +134,7 @@ const config = {
   },
   resolve: {
     mainFields: ['browser', 'module', 'jsnext:main', 'main'],
-    modules: [
-      'node_modules',
-    ],
+    modules: ['src', 'node_modules'],
 
     extensions: ['.js', '.json'],
 

deploy.sh

@@ -8,7 +8,6 @@ mkdir .deliver/www
 docker cp $id:/app/www/ ./.deliver/
 docker rm -v $id
 
-
 echo "Tarring build files"
 tar -C .deliver -zcvf .deliver/code_sandbox_client.tar.gz www
 
@@ -20,3 +19,4 @@ scp .deliver/code_sandbox_client.tar.gz nginx@ssh.codesandbox.io:./
 
 echo "Untarring www files"
 ssh nginx@ssh.codesandbox.io "tar -xzf ./code_sandbox_client.tar.gz"
+

flow-typed/npm/autoprefixer_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: 728a9ce361ef0ea0c3643751346178ef
-// flow-typed version: <<STUB>>/autoprefixer_v^6.5.3/flow_v0.36.0
+// flow-typed signature: 48cff332d8dbc4fef7bdfee9c9af1bbe
+// flow-typed version: <<STUB>>/autoprefixer_v^6.6.0/flow_v0.37.4
 
 /**
  * This is an autogenerated libdef stub for:
@@ -90,10 +90,6 @@ declare module 'autoprefixer/lib/hacks/display-grid' {
   declare module.exports: any;
 }
 
-declare module 'autoprefixer/lib/hacks/fill' {
-  declare module.exports: any;
-}
-
 declare module 'autoprefixer/lib/hacks/filter-value' {
   declare module.exports: any;
 }
@@ -198,6 +194,10 @@ declare module 'autoprefixer/lib/hacks/placeholder' {
   declare module.exports: any;
 }
 
+declare module 'autoprefixer/lib/hacks/stretch' {
+  declare module.exports: any;
+}
+
 declare module 'autoprefixer/lib/hacks/text-emphasis-position' {
   declare module.exports: any;
 }
@@ -310,9 +310,6 @@ declare module 'autoprefixer/lib/hacks/display-flex.js' {
 declare module 'autoprefixer/lib/hacks/display-grid.js' {
   declare module.exports: $Exports<'autoprefixer/lib/hacks/display-grid'>;
 }
-declare module 'autoprefixer/lib/hacks/fill.js' {
-  declare module.exports: $Exports<'autoprefixer/lib/hacks/fill'>;
-}
 declare module 'autoprefixer/lib/hacks/filter-value.js' {
   declare module.exports: $Exports<'autoprefixer/lib/hacks/filter-value'>;
 }
@@ -391,6 +388,9 @@ declare module 'autoprefixer/lib/hacks/pixelated.js' {
 declare module 'autoprefixer/lib/hacks/placeholder.js' {
   declare module.exports: $Exports<'autoprefixer/lib/hacks/placeholder'>;
 }
+declare module 'autoprefixer/lib/hacks/stretch.js' {
+  declare module.exports: $Exports<'autoprefixer/lib/hacks/stretch'>;
+}
 declare module 'autoprefixer/lib/hacks/text-emphasis-position.js' {
   declare module.exports: $Exports<'autoprefixer/lib/hacks/text-emphasis-position'>;
 }

flow-typed/npm/axios_v0.15.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: 0341fc5cb920ad62c9155c38bfb57c02
-// flow-typed version: 11e2b14097/axios_v0.15.x/flow_>=v0.28.x
+// flow-typed signature: 09272b82e4d7a497eb3ffd12dd130407
+// flow-typed version: d28912a036/axios_v0.15.x/flow_>=v0.28.x
 
 declare module 'axios' {
   declare interface ProxyConfig {
@@ -84,8 +84,7 @@ declare module 'axios' {
   declare type AxiosPromise<T> = Promise<AxiosXHR<T>>;
   declare class Axios {
     constructor<T>(config?: AxiosXHRConfigBase<T>): void;
-    <T>(config: AxiosXHRConfig<T>): AxiosPromise<T>;
-    <T>(url: string, config?: AxiosXHRConfig<T>): AxiosPromise<T>;
+    $call: <T>(config: AxiosXHRConfig<T> | string, config?: AxiosXHRConfig<T>) => AxiosPromise<T>;
     request<T>(config: AxiosXHRConfig<T>): AxiosPromise<T>;
     delete<T>(url: string, config?: AxiosXHRConfigBase<T>): AxiosPromise<T>;
     get<T>(url: string, config?: AxiosXHRConfigBase<T>): AxiosPromise<T>;

flow-typed/npm/babel-core_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: d1ff8647331487e90db4f0320a5cd122
-// flow-typed version: <<STUB>>/babel-core_v^6.18.2/flow_v0.36.0
+// flow-typed signature: e5374ea2d55a1f89dd8c75f3e224f943
+// flow-typed version: <<STUB>>/babel-core_v^6.21.0/flow_v0.37.4
 
 /**
  * This is an autogenerated libdef stub for:
@@ -30,6 +30,14 @@ declare module 'babel-core/lib/api/node' {
   declare module.exports: any;
 }
 
+declare module 'babel-core/lib/helpers/get-possible-plugin-names' {
+  declare module.exports: any;
+}
+
+declare module 'babel-core/lib/helpers/get-possible-preset-names' {
+  declare module.exports: any;
+}
+
 declare module 'babel-core/lib/helpers/merge' {
   declare module.exports: any;
 }
@@ -38,6 +46,18 @@ declare module 'babel-core/lib/helpers/normalize-ast' {
   declare module.exports: any;
 }
 
+declare module 'babel-core/lib/helpers/resolve-from-possible-names' {
+  declare module.exports: any;
+}
+
+declare module 'babel-core/lib/helpers/resolve-plugin' {
+  declare module.exports: any;
+}
+
+declare module 'babel-core/lib/helpers/resolve-preset' {
+  declare module.exports: any;
+}
+
 declare module 'babel-core/lib/helpers/resolve' {
   declare module.exports: any;
 }
@@ -127,12 +147,27 @@ declare module 'babel-core/lib/api/browser.js' {
 declare module 'babel-core/lib/api/node.js' {
   declare module.exports: $Exports<'babel-core/lib/api/node'>;
 }
+declare module 'babel-core/lib/helpers/get-possible-plugin-names.js' {
+  declare module.exports: $Exports<'babel-core/lib/helpers/get-possible-plugin-names'>;
+}
+declare module 'babel-core/lib/helpers/get-possible-preset-names.js' {
+  declare module.exports: $Exports<'babel-core/lib/helpers/get-possible-preset-names'>;
+}
 declare module 'babel-core/lib/helpers/merge.js' {
   declare module.exports: $Exports<'babel-core/lib/helpers/merge'>;
 }
 declare module 'babel-core/lib/helpers/normalize-ast.js' {
   declare module.exports: $Exports<'babel-core/lib/helpers/normalize-ast'>;
 }
+declare module 'babel-core/lib/helpers/resolve-from-possible-names.js' {
+  declare module.exports: $Exports<'babel-core/lib/helpers/resolve-from-possible-names'>;
+}
+declare module 'babel-core/lib/helpers/resolve-plugin.js' {
+  declare module.exports: $Exports<'babel-core/lib/helpers/resolve-plugin'>;
+}
+declare module 'babel-core/lib/helpers/resolve-preset.js' {
+  declare module.exports: $Exports<'babel-core/lib/helpers/resolve-preset'>;
+}
 declare module 'babel-core/lib/helpers/resolve.js' {
   declare module.exports: $Exports<'babel-core/lib/helpers/resolve'>;
 }

flow-typed/npm/babel-eslint_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: 042641e2e9184922bee0dad8cdf6692c
-// flow-typed version: <<STUB>>/babel-eslint_v^7.1.1/flow_v0.36.0
+// flow-typed signature: b46ccd1d41acd642bb71bfff7cc58fef
+// flow-typed version: <<STUB>>/babel-eslint_v^7.1.1/flow_v0.37.4
 
 /**
  * This is an autogenerated libdef stub for:

flow-typed/npm/babel-jest_vx.x.x.js

@@ -1,5 +1,5 @@
-// flow-typed signature: 111f08cfa061dbff5e005124e986c5da
-// flow-typed version: <<STUB>>/babel-jest_v^17.0.2/flow_v0.36.0
+// flow-typed signature: 51d4b0b47762393443b387d205a0632d
+// flow-typed version: <<STUB>>/babel-jest_v^18.0.0/flow_v0.37.4
 
 /**
  * This is an autogenerated libdef stub for: