multica/apps/web/features/auth/initializer.tsx
Naiyuan Qing a2d7501d57 refactor(web): restructure to feature-based architecture with zustand stores
- Remove tab system entirely (tab-store, tab-bar, tab-link)
- Split monolithic AuthContext into zustand auth + workspace stores
- Move issue components/config to features/issues/
- Move WebSocket provider to features/realtime/
- Move api.ts to shared/
- Migrate all consumers from useAuth() to direct store imports
- Simplify sidebar: replace hand-built dropdown with shadcn DropdownMenu,
  replace custom layout wrapper with SidebarInset
- Remove unused @multica/store and @multica/hooks dependencies
- Add @/ path alias and zustand dependency
- Update CLAUDE.md with feature-based architecture conventions

Net change: +293 / -2435 lines

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-24 16:08:36 +08:00

32 lines
1,013 B
TypeScript

"use client";
import { useEffect, type ReactNode } from "react";
import { useAuthStore } from "./store";
import { useWorkspaceStore } from "@/features/workspace";
import { api } from "@/shared/api";
/**
* Initializes auth + workspace state from localStorage on mount.
* Must wrap the app to ensure stores are hydrated before children render.
*/
export function AuthInitializer({ children }: { children: ReactNode }) {
const initialize = useAuthStore((s) => s.initialize);
const user = useAuthStore((s) => s.user);
const isLoading = useAuthStore((s) => s.isLoading);
const hydrateWorkspace = useWorkspaceStore((s) => s.hydrateWorkspace);
useEffect(() => {
initialize();
}, [initialize]);
useEffect(() => {
if (isLoading || !user) return;
const wsId = localStorage.getItem("multica_workspace_id");
api.listWorkspaces().then((wsList) => {
hydrateWorkspace(wsList, wsId);
}).catch(console.error);
}, [user, isLoading, hydrateWorkspace]);
return <>{children}</>;
}