1 files changed, 31 insertions, 0 deletions

diff --git a/language-web/src/main/js/RootStore.tsx b/language-web/src/main/js/RootStore.tsx
new file mode 100644
index 00000000..88b8a445
--- /dev/null
+++ b/language-web/src/main/js/RootStore.tsx
@@ -0,0 +1,31 @@
+import React, { createContext, useContext } from 'react';
+
+import { EditorStore } from './editor/EditorStore';
+import { ThemeStore } from './theme/ThemeStore';
+
+export class RootStore {
+  editorStore;
+
+  themeStore;
+
+  constructor() {
+    this.themeStore = new ThemeStore();
+    this.editorStore = new EditorStore(this.themeStore);
+  }
+}
+
+const StoreContext = createContext<RootStore | undefined>(undefined);
+
+export const RootStoreProvider: React.FC<{ rootStore: RootStore }> = ({ children, rootStore }) => (
+  <StoreContext.Provider value={rootStore}>
+    {children}
+  </StoreContext.Provider>
+);
+
+export const useRootStore = (): RootStore => {
+  const rootStore = useContext(StoreContext);
+  if (!rootStore) {
+    throw new Error('useRootStore must be used within RootStoreProvider');
+  }
+  return rootStore;
+};