Reset URL after module change in module view (codesandbox#316)

Author: CompuIves

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

@@ -280,6 +280,10 @@ export default class Preview extends React.PureComponent<Props, State> {
     } else {
       const renderedModule = this.getRenderedModule();
 
+      if (!isInProjectView) {
+        this.evaluateInSandbox(`history.pushState({}, null, '/')`);
+      }
+
       this.sendMessage({
         type: 'compile',
         module: renderedModule,

packages/app/src/sandbox/compile.js

@@ -150,10 +150,10 @@ async function compile({
     document.body.innerHTML = html;
 
     const tt = Date.now();
+    const oldHTML = document.body.innerHTML;
     const evalled = manager.evaluateModule(managerModuleToTranspile);
     debug(`Evaluation time: ${Date.now() - tt}ms`);
-
-    const domChanged = document.body.innerHTML !== html;
+    const domChanged = oldHTML !== document.body.innerHTML;
 
     if (isModuleView && !domChanged && !module.title.endsWith('.html')) {
       const isReact = module.code && module.code.includes('React');