odd-box 0.1.10

a dead simple reverse proxy server and web server
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86

import { createRootRoute, Outlet } from "@tanstack/react-router";
import "../global_tw.css";
import SideDrawer from "../components/drawer/drawer";
import MenuItem from "../components/drawer/menu_item";
import DrawerProvider from "../components/drawer/context";
import Header from "../components/header/header";
import Footer from "../components/footer/footer";
import { Toaster } from "react-hot-toast";
import HostedProcessesList from "../components/drawer/hosted-processes-list";
import ListHeader from "../components/drawer/sites-list-header";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
import { LayoutDashboardIcon, Logs, Settings } from "lucide-react";
import RemoteSitesList from "@/components/drawer/remote-sites-list";
import { HostedProcessesMenuActions } from "@/components/drawer/hosted_processes_menu_actions";
import { RemoteSitesMenuActions } from "@/components/drawer/remote_sites_menu_actions";
import { DirectoryServersMenuActions } from "@/components/drawer/directory_servers_menu_actions";
import DirServersList from "@/components/drawer/dir-servers-list";
import LiveEventStreamProvider from "@/providers/live_logs";
import ThemeContextProvider from "@/providers/theme";
const queryClient = new QueryClient();

export const Route = createRootRoute({
  component: () => (
    <>
    <ThemeContextProvider>
      <QueryClientProvider client={queryClient}>
        <LiveEventStreamProvider>
        <DrawerProvider>
          <Toaster
            toastOptions={{
              style: {
                background: "#333",
                color: "#fff",
              },
            }}
          />
          <SideDrawer>
            <MenuItem
              title="Dashboard"
              to="/"
              icon={<LayoutDashboardIcon className="h-5 w-5" />}
            />
            <MenuItem
              title="Logs"
              to="/logs"
              icon={<Logs className="h-5 w-5" />}
            />
            <MenuItem
              title="Settings"
              to="/settings"
              icon={<Settings className="h-5 w-5" />}
            />

            <hr className="mx-2 my-4 bg-[#ffffff22]" />
            <ListHeader
              menuActions={<HostedProcessesMenuActions />}
              label="HOSTED PROCESSES"
            />
            <HostedProcessesList />
            <div className="my-4" />
            <ListHeader
              menuActions={<RemoteSitesMenuActions />}
              label="REMOTE SITES"
            />
            <RemoteSitesList />
            <div className="my-4" />
            <ListHeader
              menuActions={<DirectoryServersMenuActions />}
              label="STATIC SITES"
            />
            <DirServersList />
          </SideDrawer>
          <Header />
          <div className="inner-content">
            <Outlet />
          </div>
          <Footer />
        </DrawerProvider>
        <ReactQueryDevtools initialIsOpen={false} />
        </LiveEventStreamProvider>
      </QueryClientProvider>
      </ThemeContextProvider>
    </>
  ),
});