Default to codemirror editor when visiting from phone

Author: Ives van Hoorne

packages/app/src/app/pages/Sandbox/index.js

@@ -16,18 +16,19 @@ import Editor from './Editor';
 
 class SandboxPage extends React.Component {
   componentWillMount() {
-    if (
-      window.screen.availWidth < 800 &&
-      !document.location.search.includes('from-embed')
-    ) {
-      const addedSign = document.location.search ? '&' : '?';
-      document.location.href =
-        document.location.href.replace('/s/', '/embed/') +
-        addedSign +
-        'codemirror=1';
-    } else {
-      this.fetchSandbox();
+    if (window.screen.availWidth < 800) {
+      if (!document.location.search.includes('from-embed')) {
+        const addedSign = document.location.search ? '&' : '?';
+        document.location.href =
+          document.location.href.replace('/s/', '/embed/') +
+          addedSign +
+          'codemirror=1';
+      } else {
+        this.props.signals.preferences.codeMirrorForced();
+      }
     }
+
+    this.fetchSandbox();
   }
 
   fetchSandbox = () => {

packages/app/src/app/store/modules/preferences/index.js

@@ -62,5 +62,6 @@ export default Module({
     paymentDetailsUpdated: sequences.updatePaymentDetails,
     keybindingChanged: sequences.changeKeybinding,
     zenModeToggled: sequences.toggleZenMode,
+    codeMirrorForced: sequences.forceCodeMirror,
   },
 });

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

@@ -17,6 +17,11 @@ export const changeViewMode = [
 
 export const toggleZenMode = toggle(state`preferences.settings.zenMode`);
 
+export const forceCodeMirror = set(
+  state`preferences.settings.codeMirror`,
+  true
+);
+
 export const setDevtoolsOpen = set(
   state`preferences.showDevtools`,
   props`open`