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

import SiteOverview from "./site-overview";
import SiteLogs from "./site-logs";
import Tabs from "../../components/tabs/tabs";
import useHostedSites from "../../hooks/use-hosted-sites";
import { useRemoteSites } from "../../hooks/use-remote-sites";
import RemoteSiteSettings from "./remote-site-settings";
import HostedProcessSettings from "./hosted-process-settings";
import { Route } from "@/routes/site";
import { getUrlFriendlyUrl } from "@/lib/get_url_friendly_url";
import { useDirServers } from "@/hooks/use-dir-servers";
import DirServerSettings from "./dir-server-settings";

const SitePage = () => {
  const { hostname } = Route.useSearch();
  
  const { data: sites } = useHostedSites();
  const { data: remoteSites } = useRemoteSites();
  const { data: dirServers } = useDirServers();
  
  const thisHostedProcess = sites.find(
    (x) =>
      getUrlFriendlyUrl(x.host_name) ===
      hostname
  );
  const thisRemoteSite = remoteSites.find(
    (x) =>
      getUrlFriendlyUrl(x.host_name) ===
      hostname
  );
  const thisDirServer = dirServers.find(
    (x) =>
      getUrlFriendlyUrl(x.host_name) ===
      hostname
  );

  if (thisRemoteSite) {
    return (
      <RemoteSiteSettings
        key={thisRemoteSite.host_name}
        site={thisRemoteSite}
      />
    );
  }

  if (thisDirServer) {
    return <DirServerSettings key={thisDirServer.host_name} site={thisDirServer} />;
  }

  if (!thisHostedProcess) {
    return <p>hosted process not found..</p>;
  }

  const tabSections = [
    {
      name: "Overview",
      content: <SiteOverview hostedProcess={thisHostedProcess} />,
    },
    {
      name: "Settings",
      content: <HostedProcessSettings site={thisHostedProcess} />,
    },
    {
      name: "Logs",
      content: (
        <main className="grid flex-1 items-start gap-4 sm:py-0 md:gap-8 max-w-[900px]">
          <SiteLogs host={hostname} />
        </main>
      ),
    },
  ];

  return (
    <div>
      <Tabs key={thisHostedProcess?.host_name} sections={tabSections} />
    </div>
  );
};

export default SitePage;