Fix bug with requesting new sandbox

Author: Ives van Hoorne

src/app/components/sandbox/CodeEditor/index.js

@@ -68,12 +68,6 @@ const handleError = (cm, currentError, nextError, nextCode, nextId) => {
 export default class CodeEditor extends React.PureComponent {
   props: Props;
 
-  constructor(props) {
-    super(props);
-
-    this.handleChange = debounce(this.handleChange, 200);
-  }
-
   shouldComponentUpdate(nextProps: Props) {
     return nextProps.id !== this.props.id ||
       nextProps.error !== this.props.error ||
@@ -94,7 +88,7 @@ export default class CodeEditor extends React.PureComponent {
       nextTitle: string,
     }
   ) => {
-    if (nextId !== currentId) {
+    if (nextId !== currentId || nextCode !== this.getCode()) {
       if (!documentCache[nextId]) {
         const mode = await this.getMode(nextTitle);
 

src/app/components/sandbox/Preview/index.js

@@ -63,7 +63,7 @@ export default class Preview extends React.PureComponent {
       url: null,
     };
 
-    this.executeCode = debounce(this.executeCode, 400);
+    this.executeCode = debounce(this.executeCode, 800);
   }
 
   fetchBundle = () => {
@@ -109,10 +109,7 @@ export default class Preview extends React.PureComponent {
         prevProps.directories !== this.props.directories) &&
       this.state.frameInitialized
     ) {
-      if (
-        this.props.preferences.livePreviewEnabled &&
-        prevProps.bundle === this.props.bundle
-      ) {
+      if (this.props.preferences.livePreviewEnabled) {
         this.executeCode();
       }
     }

src/app/pages/Sandbox/index.js

@@ -73,7 +73,7 @@ class SandboxPage extends React.PureComponent {
 
     if (newId != null && oldId !== newId) {
       this.setState({ notFound: false });
-      if (!this.props.sandboxes[newId]) {
+      if (!this.props.sandboxes[newId] || !this.props.sandboxes[newId].forked) {
         this.fetchSandbox();
       }
     }

src/app/store/entities/sandboxes/actions.js

@@ -122,6 +122,7 @@ const forkSandbox = (id: string) => async (
   if (currentSandbox) {
     data.currentModule = currentSandbox.currentModule;
   }
+  data.forked = true;
   await dispatch(normalizeResult(entity, data));
 
   dispatch(push(sandboxUrl(data)));