1 files changed, 39 insertions, 0 deletions

diff --git a/subprojects/frontend/src/RootStore.tsx b/subprojects/frontend/src/RootStore.tsx
new file mode 100644
index 00000000..baf0b61e
--- /dev/null
+++ b/subprojects/frontend/src/RootStore.tsx
@@ -0,0 +1,39 @@
+import React, { createContext, useContext } from 'react';
+
+import { EditorStore } from './editor/EditorStore';
+import { ThemeStore } from './theme/ThemeStore';
+
+export class RootStore {
+  editorStore;
+
+  themeStore;
+
+  constructor(initialValue: string) {
+    this.themeStore = new ThemeStore();
+    this.editorStore = new EditorStore(initialValue, this.themeStore);
+  }
+}
+
+const StoreContext = createContext<RootStore | undefined>(undefined);
+
+export interface RootStoreProviderProps {
+  children: JSX.Element;
+
+  rootStore: RootStore;
+}
+
+export function RootStoreProvider({ children, rootStore }: RootStoreProviderProps): JSX.Element {
+  return (
+    <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;
+};