Use forking for new sandboxes

Author: Ives van Hoorne

…/Sandbox/Editor/Content/Header/Action.js …/Sandbox/Editor/Content/Header/Action.jssrc/app/pages/SandboxView/Sandbox/Editor/Content/Header/Action.js renamed to src/app/pages/Sandbox/Editor/Content/Header/Action.js src/app/pages/SandboxView/Sandbox/Editor/Content/Header/Action.js renamed to src/app/pages/Sandbox/Editor/Content/Header/Action.js

@@ -5,21 +5,19 @@ import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { preferencesSelector } from 'app/store/preferences/selectors';
 import type { Preferences } from 'app/store/preferences/reducer';
+import type { Sandbox } from 'app/store/entities/sandboxes/entity';
+import moduleActionCreators from 'app/store/entities/sandboxes/modules/actions';
+import sandboxActionCreators from 'app/store/entities/sandboxes/actions';
+import {
+  isMainModule,
+  getModulePath,
+} from 'app/store/entities/sandboxes/modules/selectors';
 
 import SplitPane from 'react-split-pane';
 
 import CodeEditor from './subviews/CodeEditor';
 import Preview from './subviews/Preview';
 
-import type { Sandbox } from '../../../../../store/entities/sandboxes/entity';
-import moduleActionCreators
-  from '../../../../../store/entities/sandboxes/modules/actions';
-import sandboxActionCreators
-  from '../../../../../store/entities/sandboxes/actions';
-import {
-  isMainModule,
-  getModulePath,
-} from '../../../../../store/entities/sandboxes/modules/selectors';
 import Header from './Header';
 
 type Props = {

…w/Sandbox/Editor/Content/Header/index.js …s/Sandbox/Editor/Content/Header/index.jssrc/app/pages/SandboxView/Sandbox/Editor/Content/Header/index.js renamed to src/app/pages/Sandbox/Editor/Content/Header/index.js src/app/pages/SandboxView/Sandbox/Editor/Content/Header/index.js renamed to src/app/pages/Sandbox/Editor/Content/Header/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
-import Tooltip from 'app/components/Tooltip';
 
-import Button from '../../../../../../../components/buttons/Button';
+import Tooltip from 'app/components/Tooltip';
+import Button from 'app/components/buttons/Button';
 
 const Container = styled.div`
   display: flex;

…dboxView/Sandbox/Editor/Content/index.js …pp/pages/Sandbox/Editor/Content/index.jssrc/app/pages/SandboxView/Sandbox/Editor/Content/index.js renamed to src/app/pages/Sandbox/Editor/Content/index.js src/app/pages/SandboxView/Sandbox/Editor/Content/index.js renamed to src/app/pages/Sandbox/Editor/Content/index.js

@@ -70,19 +70,6 @@ const handleError = (cm, currentError, nextError, nextCode, nextId) => {
 export default class CodeEditor extends React.PureComponent {
   props: Props;
 
-  componentDidMount() {
-    window.addEventListener('keydown', (event: KeyboardEvent) => {
-      if (event.ctrlKey || event.metaKey) {
-        if (event.key === 's' || event.keyCode === 83) {
-          this.handleSaveCode();
-          event.preventDefault();
-          return false;
-        }
-      }
-      return true;
-    });
-  }
-
   shouldComponentUpdate(nextProps: Props) {
     return nextProps.id !== this.props.id ||
       nextProps.error !== this.props.error ||
@@ -135,7 +122,7 @@ export default class CodeEditor extends React.PureComponent {
     this.codemirror.setCursor(pos);
   }
 
-  componentDidUpdate(prevProps) {
+  componentDidUpdate(prevProps: Props) {
     if (this.codemirror) {
       if (this.props.preferences !== prevProps.preferences) {
         this.setCodeMirrorPreferences();
@@ -266,6 +253,7 @@ export default class CodeEditor extends React.PureComponent {
   };
 
   handleSaveCode = async () => {
+    console.log('nog een keer');
     const { saveCode, preferences } = this.props;
     if (preferences.prettifyOnSaveEnabled) {
       await this.prettify();
@@ -278,7 +266,7 @@ export default class CodeEditor extends React.PureComponent {
   server: typeof CodeMirror.TernServer;
 
   render() {
-    const { error, title, canSave, modulePath } = this.props;
+    const { title, canSave, modulePath } = this.props;
 
     return (
       <Container>

…or/Content/subviews/CodeEditor/Header.js …or/Content/subviews/CodeEditor/Header.jssrc/app/pages/SandboxView/Sandbox/Editor/Content/subviews/CodeEditor/Header.js renamed to src/app/pages/Sandbox/Editor/Content/subviews/CodeEditor/Header.js src/app/pages/SandboxView/Sandbox/Editor/Content/subviews/CodeEditor/Header.js renamed to src/app/pages/Sandbox/Editor/Content/subviews/CodeEditor/Header.js

@@ -5,9 +5,10 @@ import LeftIcon from 'react-icons/lib/fa/angle-left';
 import RightIcon from 'react-icons/lib/fa/angle-right';
 import RefreshIcon from 'react-icons/lib/md/refresh';
 
-import AddressBar from './AddressBar';
 import Switch from 'app/components/Switch';
-import Tooltip from '../../../../../../../components/Tooltip';
+import Tooltip from 'app/components/Tooltip';
+
+import AddressBar from './AddressBar';
 
 const Container = styled.div`
   display: flex;
@@ -27,7 +28,8 @@ const Icons = styled.div`
 
 const Icon = styled.div`
   display: inline-block;
-  color: ${props => props.disabled ? props.theme.gray : props.theme.gray.darken(0.3)};
+  color: ${props =>
+  props.disabled ? props.theme.gray : props.theme.gray.darken(0.3)};
   font-size: 1.5rem;
   line-height: 0.5;
   margin: 0 0.1rem;

…tor/Content/subviews/CodeEditor/index.js …tor/Content/subviews/CodeEditor/index.jssrc/app/pages/SandboxView/Sandbox/Editor/Content/subviews/CodeEditor/index.js renamed to src/app/pages/Sandbox/Editor/Content/subviews/CodeEditor/index.js src/app/pages/SandboxView/Sandbox/Editor/Content/subviews/CodeEditor/index.js renamed to src/app/pages/Sandbox/Editor/Content/subviews/CodeEditor/index.js

@@ -5,21 +5,15 @@ import styled from 'styled-components';
 import { debounce } from 'lodash';
 import type { Preferences } from 'app/store/preferences/reducer';
 
-import type {
-  Module,
-} from '../../../../../../../store/entities/sandboxes/modules/entity';
-import type {
-  Sandbox,
-} from '../../../../../../../store/entities/sandboxes/entity';
+import type { Module } from 'app/store/entities/sandboxes/modules/entity';
+import type { Sandbox } from 'app/store/entities/sandboxes/entity';
 import type {
   Directory,
-} from '../../../../../../../store/entities/sandboxes/directories/entity';
-import { frameUrl } from '../../../../../../../utils/url-generator';
-import {
-  isMainModule,
-} from '../../../../../../../store/entities/sandboxes/modules/validator';
+} from 'app/store/entities/sandboxes/directories/entity';
+import { frameUrl } from 'app/utils/url-generator';
+import { isMainModule } from 'app/store/entities/sandboxes/modules/validator';
 import defaultBoilerplates
-  from '../../../../../../../store/entities/sandboxes/boilerplates/default-boilerplates';
+  from 'app/store/entities/sandboxes/boilerplates/default-boilerplates';
 
 import Navigator from './Navigator';
 import Message from './Message';