Migrate Redux to Mobx

package.json

@@ -117,6 +117,8 @@
     "json-loader": "0.5.7",
     "keymirror": "0.1.1",
     "lodash": ">=4.17.21",
+    "mobx": "^6.3.2",
+    "mobx-react": "^7.2.0",
     "mousetrap": "1.6.1",
     "numeral": "2.0.6",
     "object-assign": "4.1.1",

renderer/components/Dummy.tsx

@@ -0,0 +1,10 @@
+import { Observer } from 'mobx-react';
+import React from 'react';
+import { useStores } from '../hooks';
+
+// Use as an example of how to use the useStores hook - will delete later
+export const Dummy = () => {
+  const { console } = useStores();
+
+  return <Observer>{() => <div>{console.consoleUnread}</div>}</Observer>
+}

renderer/contexts/index.ts

@@ -0,0 +1 @@
+export { storesContext } from './stores';

renderer/contexts/stores.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RootStore } from '../stores';
+
+export const storesContext = React.createContext(RootStore);

renderer/hooks/index.ts

@@ -0,0 +1 @@
+export { useStores } from './useStores';

renderer/hooks/useStores.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { storesContext } from '../contexts';
+
+export const useStores = () => React.useContext(storesContext);

renderer/stores/console.ts

@@ -0,0 +1,30 @@
+import { makeAutoObservable } from 'mobx';
+import { RootStore } from './root';
+
+export class ConsoleStore {
+  rootStore: typeof RootStore;
+
+  showConsole = false;
+  consoleData: string[] = [];
+  disableScroll = false;
+  consoleUnread = false;
+
+  constructor(rootStore: typeof RootStore) {
+    makeAutoObservable(this);
+    this.rootStore = rootStore;
+  }
+
+  updateConsole = (value: string[]) => {
+    this.consoleData = [...this.consoleData, ...value];
+    this.consoleUnread = !this.consoleUnread;
+  };
+
+  clearConsole = () => {
+    this.consoleData = [];
+  };
+
+  toggleConsole = () => {
+    this.showConsole = !this.showConsole;
+    this.consoleUnread = false;
+  };
+}

renderer/stores/index.ts

@@ -0,0 +1 @@
+export { RootStore } from './root';

renderer/stores/root.ts

@@ -0,0 +1,13 @@
+import { ConsoleStore } from './console';
+// Make sure store imports are in alphabetical order
+
+class RootStore_ {
+  console: ConsoleStore;
+
+  constructor() {
+    this.console = new ConsoleStore(this);
+    /** Initialize more stores here (try to keep it in alphabetical order) */
+  }
+}
+
+export const RootStore = new RootStore_();

yarn.lock

@@ -6302,6 +6302,23 @@ mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+mobx-react-lite@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/mobx-react-lite/-/mobx-react-lite-3.2.0.tgz#331d7365a6b053378dfe9c087315b4e41c5df69f"
+  integrity sha512-q5+UHIqYCOpBoFm/PElDuOhbcatvTllgRp3M1s+Hp5j0Z6XNgDbgqxawJ0ZAUEyKM8X1zs70PCuhAIzX1f4Q/g==
+
+mobx-react@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-7.2.0.tgz#241e925e963bb83a31d269f65f9f379e37ecbaeb"
+  integrity sha512-KHUjZ3HBmZlNnPd1M82jcdVsQRDlfym38zJhZEs33VxyVQTvL77hODCArq6+C1P1k/6erEeo2R7rpE7ZeOL7dg==
+  dependencies:
+    mobx-react-lite "^3.2.0"
+
+mobx@^6.3.2:
+  version "6.3.2"
+  resolved "https://registry.yarnpkg.com/mobx/-/mobx-6.3.2.tgz#125590961f702a572c139ab69392bea416d2e51b"
+  integrity sha512-xGPM9dIE1qkK9Nrhevp0gzpsmELKU4MFUJRORW/jqxVFIHHWIoQrjDjL8vkwoJYY3C2CeVJqgvl38hgKTalTWg==
+
 [email protected]:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/mocha/-/mocha-5.0.0.tgz#cccac988b0bc5477119cba0e43de7af6d6ad8f4e"