Files
openconcho/packages/web/src/main.tsx
Offending Commit e490d911fc feat(web): add global metadata visibility toggle
Introduce MetadataContext + useMetadata hook backed by localStorage and
wire a Braces button into the sidebar footer that toggles raw metadata
visibility across the app. Replace per-page collapsible metadata in
PeerDetail and WorkspaceDetail with a global animated reveal styled
distinctly (warning-colored card) to signal raw payload. Also adopts
the shared Breadcrumb in both detail pages.
2026-05-15 14:27:53 -05:00

48 lines
1.1 KiB
TypeScript

import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { createRouter, RouterProvider } from "@tanstack/react-router";
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { DemoProvider } from "./context/DemoContext";
import { MetadataProvider } from "./context/MetadataContext";
import { initDeepLinks } from "./lib/deep-link";
import { routeTree } from "./routeTree.gen";
import "./index.css";
const queryClient = new QueryClient({
defaultOptions: {
queries: {
staleTime: 30_000,
retry: 1,
},
},
});
const router = createRouter({
routeTree,
defaultPreload: "intent",
scrollRestoration: true,
});
declare module "@tanstack/react-router" {
interface Register {
router: typeof router;
}
}
void initDeepLinks(router as never);
const root = document.getElementById("root");
if (!root) throw new Error("Missing #root element");
createRoot(root).render(
<StrictMode>
<QueryClientProvider client={queryClient}>
<DemoProvider>
<MetadataProvider>
<RouterProvider router={router} />
</MetadataProvider>
</DemoProvider>
</QueryClientProvider>
</StrictMode>,
);