CodeSandbox 2.5 (codesandbox#446)

* Prepared Cerebral and redux strangle strategy

* Patron refactored

* Prepared sandbox module and workspace

* Fixed loading sandbox, code change and forking

* Header refactored

* Refactored Project

* Prepared dependencies

* working project refactor

* Fixed updateSandboxInfo

* Refactored Tags

* File handling implemented

* Tabs and code editor

* Added signals for preview window

* workspace, editor and preview running with mobx

* Refactored Preferences (EditorSettings/Experiments/Badges/PaymentInfo/CodeFormatting)

* Refactored Deployment

* Refactored Monaco and Preview

* Modals refactored

* Moved from app to newStore

* Removed shortcuts provider

* Fixed user binding and other small stuff

* Check devtools

* Added provider

* Added local storage for settings

* Codemirror running

* Refactored Zeit integration component

* refactored ZenModeIntroduction

* Refactored SignOutNotice

* Refactored Navigation

* Refactored UserMenu

* Refactored SignInButton

* CLI and git integration

* Initial refactor of profile

* Fixed bugs and modals

* Fixed workspace bugs

* Refactored code editors to support not using store

* Embed running again, needs iterations

* Fixed integrations

* Detached redux, woop woop

* Fixed ContextMenu

* Removed containers

* Refactored to use reactions for codeeditor and preview

* Tabs by shortid to preserve state across sandboxes

* Fixed updateModules to use current sandbox

* Fixed is in project view

* removed store folder, changed around some utils

* Changed newStore to store

* Refactored to new components pattern

* Fixed codesandbox#31 and cleaned up Devtools

* Fixed quick actions

* fixed moving and closing tabs

* Fixed prettify

* Fixed dependency changes in preview

* Fixed github repo creation

* Fixed deleting sandbox, new sandbox on other pages and and wrong signal payload to deploy

* fixed zenmode

* Fixed reacting to code editor changes

* Fixed wrong preferences signal definition and badges

* Fixed change sandbox showcase, delete sandbox and pagination on liked sandboxes

* Fixed router, patron errors and patron feedback

* Refactored and tested embed

* Reimplemented prettierrc support due to merging issues

* Fixed casing

* Fixed git commit and pr

* Fixed linting and test errors

* Fixed codesandbox#68

* Fix codesandbox#71

* Fixed codesandbox#70

* Removed unused React

* fixed prompt when saving new sandbox

* Fixed toggle devtools

* fixed wrong signal payload to toggle workspace

* Refactored and fixed keybinding manager

* Refactored keybindings and fixed preferences

* Fixed key binding errors

* Optimistic file handling

* Refactored structure

* Optimistic dependencies, resources, renaming modules and directories

* Handle fork and sandbox change

* Start load sandbox sequence before mount and update

* Fix codemirror setting for editor

* Fixed handling no user

* fixed codesandbox#74

* Fixed codesandbox#79

* Changed preferences to use id instead of index

* Fixed codesandbox#82

* Fixed codesandbox#83

* Fixed codesandbox#84

* Fixed codesandbox#85 and other url options

* Fix lint errors

* Mark tab as not dirty when changing code

* Make deployment modal less wide

* Fix Alert modal styling

* Fix badge visibility

* Fix ZEIT sign out

* Redesign

* More preview hooks

* Sidebar work

* Add more workspace items

* Deployment

* Fix integrations

* Git fixes

* Change git fetching

* Fix signing in and github commiting

* Add tags, improve API

* Update Zen Mode

* Fix typo

* Fix toggle

* Fix dragging with scrolling preview

* Remove the fix from devtools

* Non-owned sandboxes design

* Fix title overflow

* Fix codesandbox#87

* Refactored modals

* Fix resizer height

* Add social icons and fix minor styling

* Cleanup of modals

* Fix image viewer

* Fixed patron loading and modals

* Progress

* Progress

* Fixed issue related to code execution when changing modules

* Parallel loading of user

* UI Config

* Push!

* Fix sizes

* Fixed embed bugs

* Custom babel config

* BabelRC

* Babel plugins

* Fixes

* Fix types

* Fix ATA in Editor

* Sandbox config support and forking fixes

* Configuration progress

* add package.json

* Configurations

* Add yarn install to codesandbox-fs

* Fix installing

* Update package name

* Prevent infinite loop

* Add cache for codesandbox-fs

* Remove hook

* Deploy commit

* Fix SSR problem with keybindings

* Fix undefined template for homepage

* Angular

* Fixes

* Fix homepage

* Fix build script

* Add tslint

* Add fixtures

* Add more fixtures

* Mark dependency type fetching as done regardless of the outcome

* Test UI

* Fix describe block handling

* Fix idle status

* Another fix

* Better work with files

* Test progress

* Test progress

* Almost finish tests

* Remove extra tests in sidebar

* Process test feedback

* Typings

* Fix Stripe subscription loading

* Logo

* Fix jest errors

* Fix a bunch of fork scenarios

* Add Download back

* Fix deleting sandboxes from profile

* Fixes

* More improvements

* Test feedback by @gautamarora

* Size changes

* Process more feedback

* Partly fix lint/tests

* Force transpilation of test files to happen in the test runner

* Snapshot testing

* Fix describe blocks with snapshot testing

* Fixes

* Fix peerDependency problems

* Fix dep conflict resolving

* Add version safety

* More safety

* Schemas

* Make integration tests sequential

* Temporarily disable jest-lite tests

* Fixes

* Fix snapshot testing

* Fix action spam

* Fix transpilation of modules with missing dependencies

* Fix tabSize

* Fix dir renaming

* Change checkout key for windows

* Fix keybindings for windows

* Update 'new' sandbox

* Fix tab scrolling

* Fix main module resolving

* Fix showcase

Author: CompuIves

.circleci/config.yml

@@ -12,13 +12,22 @@ jobs:
             - v3-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
             - v3-dependency-cache-{{ .Branch }}
             - v3-dependency-cache
+      - restore_cache:
+          keys:
+            - v3-standalone-dependency-cache-{{ .Branch }}-{{ checksum "standalone-packages/codesandbox-browserfs/yarn.lock" }}
+            - v3-standalone-dependency-cache-{{ .Branch }}
+            - v3-standalone-dependency-cache
       - run:
           name: Install Dependencies
           command: yarn install
       - save_cache:
           key: v3-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
           paths:
             - node_modules
+      - save_cache:
+          key: v3-standalone-dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
+          paths:
+            - standalone-packages/codesandbox-browserfs/node_modules
       - run:
           name: Build
           command: yarn build:dependents

.eslintrc

@@ -16,12 +16,16 @@
     "react/jsx-filename-extension": 0,
     "react/sort-comp": 0,
     "import/no-extraneous-dependencies": 0,
+    "react/prop-types": 0,
     "arrow-parens": 0,
     "import/prefer-default-export": 0,
     "class-methods-use-this": 0,
     "no-console": ["error", { "allow": ["error"] }],
     "prefer-template": "off",
-    "no-plusplus": 0
+    "no-plusplus": 0,
+    "no-underscore-dangle": "off",
+    "no-nested-ternary": "warn",
+    "react/require-default-props": "off"
   },
   "settings": {
     "import/resolver": "webpack"

packages/app/.flowconfig .flowconfigpackages/app/.flowconfig renamed to .flowconfig

@@ -0,0 +1,132 @@
+// flow-typed signature: 80ca0349a05deb6505a71a2f5d15b733
+// flow-typed version: <<STUB>>/@cerebral/http_v^4.0.0/flow_v0.64.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   '@cerebral/http'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module '@cerebral/http' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module '@cerebral/http/lib/DEFAULT_OPTIONS' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/fileUpload' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/HttpProviderError' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/index' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/operators/httpAbort' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/operators/httpDelete' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/operators/httpGet' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/operators/httpPatch' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/operators/httpPost' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/operators/httpPut' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/operators/httpUploadFile' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/operators/index' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/request' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/lib/utils' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/http/operators' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module '@cerebral/http/lib/DEFAULT_OPTIONS.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/DEFAULT_OPTIONS'>;
+}
+declare module '@cerebral/http/lib/fileUpload.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/fileUpload'>;
+}
+declare module '@cerebral/http/lib/HttpProviderError.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/HttpProviderError'>;
+}
+declare module '@cerebral/http/lib/index.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/index'>;
+}
+declare module '@cerebral/http/lib/operators/httpAbort.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/operators/httpAbort'>;
+}
+declare module '@cerebral/http/lib/operators/httpDelete.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/operators/httpDelete'>;
+}
+declare module '@cerebral/http/lib/operators/httpGet.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/operators/httpGet'>;
+}
+declare module '@cerebral/http/lib/operators/httpPatch.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/operators/httpPatch'>;
+}
+declare module '@cerebral/http/lib/operators/httpPost.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/operators/httpPost'>;
+}
+declare module '@cerebral/http/lib/operators/httpPut.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/operators/httpPut'>;
+}
+declare module '@cerebral/http/lib/operators/httpUploadFile.js' {
+  declare module.exports: $Exports<
+    '@cerebral/http/lib/operators/httpUploadFile'
+  >;
+}
+declare module '@cerebral/http/lib/operators/index.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/operators/index'>;
+}
+declare module '@cerebral/http/lib/request.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/request'>;
+}
+declare module '@cerebral/http/lib/utils.js' {
+  declare module.exports: $Exports<'@cerebral/http/lib/utils'>;
+}
+declare module '@cerebral/http/operators.js' {
+  declare module.exports: $Exports<'@cerebral/http/operators'>;
+}

flow-typed/npm/@cerebral/http_vx.x.x.js

@@ -0,0 +1,45 @@
+// flow-typed signature: 31b4a1766166d30db2d11f9b2ca89b5a
+// flow-typed version: <<STUB>>/@cerebral/mobx-state-tree_v^3.0.0/flow_v0.64.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   '@cerebral/mobx-state-tree'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module '@cerebral/mobx-state-tree' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module '@cerebral/mobx-state-tree/lib/index' {
+  declare module.exports: any;
+}
+
+declare module '@cerebral/mobx-state-tree/lib/Model' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module '@cerebral/mobx-state-tree/index' {
+  declare module.exports: $Exports<'@cerebral/mobx-state-tree'>;
+}
+declare module '@cerebral/mobx-state-tree/index.js' {
+  declare module.exports: $Exports<'@cerebral/mobx-state-tree'>;
+}
+declare module '@cerebral/mobx-state-tree/lib/index.js' {
+  declare module.exports: $Exports<'@cerebral/mobx-state-tree/lib/index'>;
+}
+declare module '@cerebral/mobx-state-tree/lib/Model.js' {
+  declare module.exports: $Exports<'@cerebral/mobx-state-tree/lib/Model'>;
+}

flow-typed/npm/@cerebral/mobx-state-tree_vx.x.x.js

@@ -0,0 +1,52 @@
+// flow-typed signature: d32253b7734f6dfd8978fc093c2f3f83
+// flow-typed version: <<STUB>>/@emmetio/codemirror-plugin_v^0.3.5/flow_v0.64.0
+
+/**
+ * This is an autogenerated libdef stub for:
+ *
+ *   '@emmetio/codemirror-plugin'
+ *
+ * Fill this stub out by replacing all the `any` types.
+ *
+ * Once filled out, we encourage you to share your work with the
+ * community by sending a pull request to:
+ * https://github.com/flowtype/flow-typed
+ */
+
+declare module '@emmetio/codemirror-plugin' {
+  declare module.exports: any;
+}
+
+/**
+ * We include stubs for each file inside this npm package in case you need to
+ * require those files directly. Feel free to delete any files that aren't
+ * needed.
+ */
+declare module '@emmetio/codemirror-plugin/dist/emmet-codemirror-plugin.cjs' {
+  declare module.exports: any;
+}
+
+declare module '@emmetio/codemirror-plugin/dist/emmet-codemirror-plugin.es' {
+  declare module.exports: any;
+}
+
+declare module '@emmetio/codemirror-plugin/dist/emmet-codemirror-plugin' {
+  declare module.exports: any;
+}
+
+// Filename aliases
+declare module '@emmetio/codemirror-plugin/dist/emmet-codemirror-plugin.cjs.js' {
+  declare module.exports: $Exports<
+    '@emmetio/codemirror-plugin/dist/emmet-codemirror-plugin.cjs'
+  >;
+}
+declare module '@emmetio/codemirror-plugin/dist/emmet-codemirror-plugin.es.js' {
+  declare module.exports: $Exports<
+    '@emmetio/codemirror-plugin/dist/emmet-codemirror-plugin.es'
+  >;
+}
+declare module '@emmetio/codemirror-plugin/dist/emmet-codemirror-plugin.js' {
+  declare module.exports: $Exports<
+    '@emmetio/codemirror-plugin/dist/emmet-codemirror-plugin'
+  >;
+}