Initial import

src/store/appStore/context/AppStoreContext.tsx

@@ -0,0 +1,49 @@
+import {
+  createContext,
+  useContext,
+  useMemo,
+  useState,
+  type PropsWithChildren,
+} from 'react';
+import type { AppPageDescriptor, AppStoreSnapshot } from '../types';
+
+type AppStoreContextValue = AppStoreSnapshot & {
+  setCurrentPage: (page: AppPageDescriptor) => void;
+  setFocusedComponentId: (focusedComponentId: string | null) => void;
+};
+
+const defaultPage: AppPageDescriptor = {
+  id: 'plans:all',
+  title: '메모 / Plan',
+  topMenu: 'plans',
+  section: 'all',
+};
+
+const AppStoreContext = createContext<AppStoreContextValue | null>(null);
+
+export function AppStoreProvider({ children }: PropsWithChildren) {
+  const [currentPage, setCurrentPage] = useState<AppPageDescriptor>(defaultPage);
+  const [focusedComponentId, setFocusedComponentId] = useState<string | null>(null);
+
+  const value = useMemo<AppStoreContextValue>(
+    () => ({
+      currentPage,
+      focusedComponentId,
+      setCurrentPage,
+      setFocusedComponentId,
+    }),
+    [currentPage, focusedComponentId],
+  );
+
+  return <AppStoreContext.Provider value={value}>{children}</AppStoreContext.Provider>;
+}
+
+export function useAppStoreContext() {
+  const context = useContext(AppStoreContext);
+
+  if (!context) {
+    throw new Error('useAppStoreContext must be used within an AppStoreProvider.');
+  }
+
+  return context;
+}

src/store/appStore/hooks/useAppStore.ts

@@ -0,0 +1,5 @@
+import { useAppStoreContext } from '../context/AppStoreContext';
+
+export function useAppStore() {
+  return useAppStoreContext();
+}

src/store/appStore/index.ts

@@ -0,0 +1,3 @@
+export * from './context/AppStoreContext';
+export * from './hooks/useAppStore';
+export * from './types';

src/store/appStore/types/index.ts

@@ -0,0 +1,11 @@
+export type AppPageDescriptor = {
+  id: string;
+  title: string;
+  topMenu: 'docs' | 'apis' | 'plans' | 'chat' | 'play';
+  section: string;
+};
+
+export type AppStoreSnapshot = {
+  currentPage: AppPageDescriptor;
+  focusedComponentId: string | null;
+};

src/store/index.ts

@@ -0,0 +1 @@
+export * from './appStore';