Merge branch 'master' of github.com:CompuIves/codesandbox-client

Author: CompuIves

packages/app/src/app/store/modules/workspace/actions.js

@@ -27,6 +27,10 @@ export function redirectToNewSandbox({ router }) {
   router.redirectToNewSandbox();
 }
 
+export function redirectToSandboxWizard({ router }) {
+  router.redirectToSandboxWizard();
+}
+
 export function updateSandbox({ api, state }) {
   const sandboxId = state.get('editor.currentId');
   const body = {

packages/app/src/app/store/modules/workspace/sequences.js

@@ -39,9 +39,7 @@ export const deleteSandbox = [
   actions.deleteSandbox,
   set(state`workspace.showDeleteSandboxModal`, false),
   addNotification('Sandbox deleted!', 'success'),
-  actions.redirectToNewSandbox,
-  set(props`id`, 'new'),
-  loadSandbox,
+  actions.redirectToSandboxWizard,
 ];
 
 export const openIntegrations = [

packages/app/src/app/store/providers/Router.js

@@ -10,6 +10,9 @@ export default Provider({
   redirectToNewSandbox() {
     history.push('/s/new');
   },
+  redirectToSandboxWizard() {
+    history.replace('/s/');
+  },
   getSandboxOptions() {
     return getSandboxOptions(decodeURIComponent(document.location.href));
   },

packages/app/src/embed/components/App/index.js

@@ -79,7 +79,7 @@ export default class App extends React.PureComponent<{}, State> {
       forceRefresh,
       expandDevTools,
       runOnClick,
-      verticalMode,
+      verticalMode = window.innerWidth < window.innerHeight,
       tabs,
     } = getSandboxOptions(document.location.href);
 

packages/common/__snapshots__/url.test.js.snap

@@ -16,7 +16,6 @@ Object {
   "isTestPreviewWindow": false,
   "runOnClick": undefined,
   "useCodeMirror": false,
-  "verticalMode": false,
 }
 `;
 
@@ -37,7 +36,6 @@ Object {
   "isTestPreviewWindow": false,
   "runOnClick": undefined,
   "useCodeMirror": false,
-  "verticalMode": false,
 }
 `;
 
@@ -57,7 +55,6 @@ Object {
   "isTestPreviewWindow": false,
   "runOnClick": undefined,
   "useCodeMirror": false,
-  "verticalMode": false,
 }
 `;
 
@@ -77,7 +74,6 @@ Object {
   "isTestPreviewWindow": false,
   "runOnClick": undefined,
   "useCodeMirror": false,
-  "verticalMode": false,
 }
 `;
 
@@ -97,7 +93,6 @@ Object {
   "isTestPreviewWindow": false,
   "runOnClick": undefined,
   "useCodeMirror": false,
-  "verticalMode": false,
 }
 `;
 
@@ -118,7 +113,6 @@ Object {
   "isTestPreviewWindow": false,
   "runOnClick": undefined,
   "useCodeMirror": false,
-  "verticalMode": false,
 }
 `;
 
@@ -138,7 +132,6 @@ Object {
   "isTestPreviewWindow": false,
   "runOnClick": undefined,
   "useCodeMirror": false,
-  "verticalMode": false,
 }
 `;
 
@@ -158,6 +151,5 @@ Object {
   "isTestPreviewWindow": false,
   "runOnClick": undefined,
   "useCodeMirror": false,
-  "verticalMode": false,
 }
 `;

packages/common/url.js

@@ -73,7 +73,10 @@ export const getSandboxOptions = (url: string) => {
   result.enableEslint = url.includes('eslint=1');
   result.forceRefresh = url.includes('forcerefresh=1');
   result.expandDevTools = url.includes('expanddevtools=1');
-  result.verticalMode = url.includes('verticallayout=1');
+  if (url.includes('verticallayout=')) {
+    result.verticalMode = url.includes('verticallayout=1');
+  }
+  console.log(result);
   result.runOnClick = url.includes('runonclick=0')
     ? false
     : url.includes('runonclick=1')