kaneo (minimalist kanban) fork to experiment adding a tangled integration
github.com/usekaneo/kaneo
1import { QueryClientProvider } from "@tanstack/react-query";
2import { createRouter, RouterProvider } from "@tanstack/react-router";
3import { StrictMode } from "react";
4import { createRoot } from "react-dom/client";
5import queryClient from "@/query-client";
6import "@/index.css";
7import { useAuth } from "@/components/providers/auth-provider/hooks/use-auth";
8import { KeyboardShortcutsHelp } from "./components/keyboard-shortcuts-help";
9import AuthProvider from "./components/providers/auth-provider";
10import { ThemeProvider } from "./components/providers/theme-provider";
11import { KeyboardShortcutsProvider } from "./hooks/use-keyboard-shortcuts";
12import { AppI18nProvider } from "./lib/i18n/provider";
13import { routeTree } from "./routeTree.gen";
14
15console.log(`
16 ////////
17 ///// ////////
18 //////// ////////
19 //////// ///////// ///////
20 //////// ///////// //////
21 //////// ///////// ////
22 //////// ///////// ///
23 //////// ///////// /////
24 //////// ///////// //////
25 //////// ///////// ////////
26 //////// ///////// ////////
27 //////// ///////// ////////
28 //////// ////////
29 //////// /////
30 ///////
31
32
33 All you need. Nothing you don't.
34`);
35
36const router = createRouter({
37 routeTree,
38 defaultPreload: "intent",
39 defaultPreloadStaleTime: 0,
40 context: {
41 user: null,
42 queryClient,
43 },
44});
45
46function App() {
47 const { user } = useAuth();
48
49 return <RouterProvider router={router} context={{ user }} />;
50}
51
52const rootElement = document.getElementById("root") as HTMLElement;
53if (!rootElement.innerHTML) {
54 const root = createRoot(rootElement);
55 root.render(
56 <StrictMode>
57 <QueryClientProvider client={queryClient}>
58 <ThemeProvider>
59 <AuthProvider>
60 <AppI18nProvider>
61 <KeyboardShortcutsProvider>
62 <App />
63 <KeyboardShortcutsHelp />
64 </KeyboardShortcutsProvider>
65 </AppI18nProvider>
66 </AuthProvider>
67 </ThemeProvider>
68 </QueryClientProvider>
69 </StrictMode>,
70 );
71}