- 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>
32 lines
1,013 B
TypeScript
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}</>;
|
|
}
|