Add material-ui and mobx integration

1 files changed, 30 insertions, 0 deletions

diff --git a/language-web/src/main/js/RootStore.jsx b/language-web/src/main/js/RootStore.jsx
new file mode 100644
index 00000000..1ee2823d
--- /dev/null
+++ b/language-web/src/main/js/RootStore.jsx
@@ -0,0 +1,30 @@
+import { makeAutoObservable } from 'mobx';
+import React, { createContext, useContext } from 'react';
+
+import EditorStore from './editor/EditorStore';
+
+export default class RootStore {
+  editorStore;
+
+  constructor() {
+    this.editorStore = new EditorStore();
+    makeAutoObservable(this);
+  }
+}
+
+const StoreContext = createContext(undefined);
+
+export const RootStoreProvider = ({ children, rootStore }) => (
+  <StoreContext.Provider value={rootStore}>
+    {children}
+  </StoreContext.Provider>
+);
+
+/** @returns {RootStore} */
+export const useRootStore = () => {
+  const rootStore = useContext(StoreContext);
+  if (!rootStore) {
+    throw new Error('useRootStore must be used within RootStoreProvider');
+  }
+  return rootStore;
+};