chore: create new store context and update hooks

web/contexts/store-context.tsx

@@ -0,0 +1,19 @@
+import { createContext } from "react";
+// mobx store
+import { RootStore } from "store/root.store";
+
+let rootStore: RootStore = new RootStore();
+
+export const StoreContext = createContext<RootStore>(rootStore);
+
+const initializeStore = () => {
+  const _rootStore: RootStore = rootStore ?? new RootStore();
+  if (typeof window === "undefined") return _rootStore;
+  if (!rootStore) rootStore = _rootStore;
+  return _rootStore;
+};
+
+export const StoreProvider = ({ children }: any) => {
+  const store = initializeStore();
+  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>;
+};

web/hooks/store/use-application.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IAppRootStore } from "store/application";
 
 export const useApplication = (): IAppRootStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useApplication must be used within StoreProvider");
   return context.app;
 };

web/hooks/store/use-cycle.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { ICycleStore } from "store/cycle.store";
 
 export const useCycle = (): ICycleStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useCycle must be used within StoreProvider");
   return context.cycle;
 };

web/hooks/store/use-issues.ts

@@ -1,12 +1,12 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { EIssuesStoreType } from "constants/issue";
 
 export const useIssues = (storeType?: EIssuesStoreType) => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useIssues must be used within StoreProvider");
   switch (storeType) {
     case EIssuesStoreType.PROJECT:
       return {

web/hooks/store/use-label.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { ILabelRootStore } from "store/label";
 
 export const useLabel = (): ILabelRootStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useLabel must be used within StoreProvider");
   return context.labelRoot;
 };

web/hooks/store/use-member.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types;
 import { IMemberRootStore } from "store/member";
 
 export const useMember = (): IMemberRootStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useMember must be used within StoreProvider");
   return context.memberRoot;
 };

web/hooks/store/use-module.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IModuleStore } from "store/module.store";
 
 export const useModule = (): IModuleStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useModule must be used within StoreProvider");
   return context.module;
 };

web/hooks/store/use-page.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IPageStore } from "store/page.store";
 
 export const usePage = (): IPageStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("usePage must be used within StoreProvider");
   return context.page;
 };

web/hooks/store/use-project-publish.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IProjectPublishStore } from "store/project/project-publish.store";
 
 export const useProjectPublish = (): IProjectPublishStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useProjectPublish must be used within StoreProvider");
   return context.projectRoot.publish;
 };

web/hooks/store/use-project-state.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IStateStore } from "store/state.store";
 
 export const useProjectState = (): IStateStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useProjectState must be used within StoreProvider");
   return context.state;
 };

web/hooks/store/use-project-view.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IProjectViewStore } from "store/project-view.store";
 
 export const useProjectView = (): IProjectViewStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useProjectView must be used within StoreProvider");
   return context.projectView;
 };

web/hooks/store/use-project.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IProjectStore } from "store/project/project.store";
 
 export const useProject = (): IProjectStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useProject must be used within StoreProvider");
   return context.projectRoot.project;
 };

web/hooks/store/use-user.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IUserStore } from "store/user";
 
 export const useUser = (): IUserStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useUser must be used within StoreProvider");
   return context.user;
 };

web/hooks/store/use-webhook.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IWebhookStore } from "store/workspace/webhook.store";
 
 export const useWebhook = (): IWebhookStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useWebhook must be used within StoreProvider");
   return context.workspaceRoot.webhook;
 };

web/hooks/store/use-workspace.ts

@@ -1,11 +1,11 @@
 import { useContext } from "react";
 // mobx store
-import { MobxStoreContext } from "lib/mobx/store-provider";
+import { StoreContext } from "contexts/store-context";
 // types
 import { IWorkspaceRootStore } from "store/workspace";
 
 export const useWorkspace = (): IWorkspaceRootStore => {
-  const context = useContext(MobxStoreContext);
+  const context = useContext(StoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
+  if (context === undefined) throw new Error("useWorkspace must be used within StoreProvider");
   return context.workspaceRoot;
 };

web/lib/mobx/store-provider.tsx

@@ -1,26 +0,0 @@
-import { createContext, useContext } from "react";
-import { RootStore } from "store/root.store";
-// mobx store
-
-let rootStore: RootStore = new RootStore();
-
-export const MobxStoreContext = createContext<RootStore>(rootStore);
-
-const initializeStore = () => {
-  const _rootStore: RootStore = rootStore ?? new RootStore();
-  if (typeof window === "undefined") return _rootStore;
-  if (!rootStore) rootStore = _rootStore;
-  return _rootStore;
-};
-
-export const MobxStoreProvider = ({ children }: any) => {
-  const store: RootStore = initializeStore();
-  return <MobxStoreContext.Provider value={store}>{children}</MobxStoreContext.Provider>;
-};
-
-// hook
-export const useMobxStore = () => {
-  const context = useContext(MobxStoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
-  return context;
-};

web/lib/mobx_legacy/store-provider.tsx

@@ -1,28 +0,0 @@
-"use client";
-
-import { createContext, useContext } from "react";
-// mobx store
-import { RootStore } from "store_legacy/root";
-
-let rootStore: RootStore = new RootStore();
-
-export const MobxStoreContext = createContext<RootStore>(rootStore);
-
-const initializeStore = () => {
-  const _rootStore: RootStore = rootStore ?? new RootStore();
-  if (typeof window === "undefined") return _rootStore;
-  if (!rootStore) rootStore = _rootStore;
-  return _rootStore;
-};
-
-export const MobxStoreProvider = ({ children }: any) => {
-  const store: RootStore = initializeStore();
-  return <MobxStoreContext.Provider value={store}>{children}</MobxStoreContext.Provider>;
-};
-
-// hook
-export const useMobxStore = () => {
-  const context = useContext(MobxStoreContext);
-  if (context === undefined) throw new Error("useMobxStore must be used within MobxStoreProvider");
-  return context;
-};

web/pages/_app.tsx

@@ -11,7 +11,7 @@ import "styles/react-datepicker.css";
 // constants
 import { SITE_TITLE } from "constants/seo-variables";
 // mobx store provider
-import { MobxStoreProvider } from "lib/mobx/store-provider";
+import { StoreProvider } from "contexts/store-context";
 import { MobxIssueStoreProvider } from "lib/mobx/store-issues-provider";
 
 import { AppProvider } from "lib/app-provider";
@@ -31,11 +31,11 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
       <Head>
         <title>{SITE_TITLE}</title>
       </Head>
-      <MobxStoreProvider {...pageProps}>
+      <StoreProvider {...pageProps}>
         <MobxIssueStoreProvider {...pageProps}>
           <AppProvider>{getLayout(<Component {...pageProps} />)}</AppProvider>
         </MobxIssueStoreProvider>
-      </MobxStoreProvider>
+      </StoreProvider>
     </>
   );
 }