loki5512344
fd2e29cede
Task 12 batch around the existing crop/preview flow: - Success Notice (auto-dismiss ~2.5s) after an avatar upload. - "Reposition" re-crops the current avatar without re-picking a file. - Drag & drop an image straight onto the profile avatar circle. - Real upload progress via a new XHR-backed api.upload (fetch has none); refreshOnce now also stores the renewed token (reload-restore fix). - Local avatar history (last 5, IndexedDB, this-device-only) strip that re-uploads a stored crop. Stored as ArrayBuffer (Blob is not cloneable under structuredClone); label makes the per-device scope explicit. - Added a "success" tone to Notice. Infra (same session): registered @shared/@features/@pages/@app/@test path aliases in vite.config + tsconfigs and rewrote deep ../../../ imports; moved avatar components into components/avatar/ to keep folders at <=4 files. Tests: avatarHistory cap/order, recrop visibility, drop-opens-cropper, client upload/progress/401-retry. bun test 103 pass, lint 0 errors, build ok.
28 lines
849 B
TypeScript
28 lines
849 B
TypeScript
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import { createBrowserRouter, RouterProvider } from 'react-router'
|
|
import { SessionProvider } from '@features/auth/session'
|
|
import { ActiveThemeProvider } from '@features/themes/useActiveTheme'
|
|
import { routes } from './routes'
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 30_000,
|
|
// One retry only: a dead backend should show its error state fast, not spam the console.
|
|
retry: 1,
|
|
},
|
|
},
|
|
})
|
|
const router = createBrowserRouter(routes)
|
|
|
|
export default function App() {
|
|
return (
|
|
<QueryClientProvider client={queryClient}>
|
|
<SessionProvider>
|
|
<ActiveThemeProvider>
|
|
<RouterProvider router={router} />
|
|
</ActiveThemeProvider>
|
|
</SessionProvider>
|
|
</QueryClientProvider>
|
|
)
|
|
}
|