@gbdx/devis 1.0.1 → 1.0.2

package/dist/ui/assets/{index-CfF4ouPT.js → index-0_fn9uMh.js}

@@ -29115,6 +29115,75 @@ async function fetchCaddyRouteCount() {
     return null;
   }
 }
+function collectCaddyHosts(match) {
+  if (!Array.isArray(match)) return [];
+  const hosts = [];
+  for (const m of match) {
+    const host = m == null ? void 0 : m.host;
+    if (Array.isArray(host)) {
+      for (const h of host) if (typeof h === "string") hosts.push(h);
+    }
+  }
+  return [...new Set(hosts)];
+}
+function collectCaddyHandlers(handle) {
+  const upstreams = [];
+  const handlers = [];
+  const walk = (arr) => {
+    if (!Array.isArray(arr)) return;
+    for (const h of arr) {
+      if (!h || typeof h !== "object") continue;
+      const obj = h;
+      if (typeof obj.handler === "string") handlers.push(obj.handler);
+      if (Array.isArray(obj.upstreams)) {
+        for (const u of obj.upstreams) {
+          const dial = u == null ? void 0 : u.dial;
+          if (typeof dial === "string") upstreams.push(dial);
+        }
+      }
+      if (Array.isArray(obj.routes)) {
+        for (const r2 of obj.routes) walk(r2 == null ? void 0 : r2.handle);
+      }
+    }
+  };
+  walk(handle);
+  return { upstreams: [...new Set(upstreams)], handlers: [...new Set(handlers)] };
+}
+function parseCaddyRoute(route) {
+  const r2 = route ?? {};
+  const id = typeof r2["@id"] === "string" ? r2["@id"] : null;
+  let slug = null;
+  let appName = null;
+  if (id) {
+    const parts = id.split(":");
+    if (parts.length >= 3 && parts[1] === "route") {
+      slug = parts[0];
+      appName = parts.slice(2).join(":");
+    }
+  }
+  const hosts = collectCaddyHosts(r2.match);
+  const { upstreams, handlers } = collectCaddyHandlers(r2.handle);
+  return { id, slug, appName, hosts, upstreams, handlers };
+}
+async function fetchCaddyRoutes() {
+  var _a, _b;
+  const body2 = await caddyGet("/config/");
+  if (!body2) return [];
+  let cfg;
+  try {
+    cfg = JSON.parse(body2);
+  } catch {
+    return [];
+  }
+  const servers = ((_b = (_a = cfg.apps) == null ? void 0 : _a.http) == null ? void 0 : _b.servers) ?? {};
+  const out = [];
+  for (const srv of Object.values(servers)) {
+    if (Array.isArray(srv == null ? void 0 : srv.routes)) {
+      for (const route of srv.routes) out.push(parseCaddyRoute(route));
+    }
+  }
+  return out;
+}
 function caddyPaths() {
   const home = getGlobalContext().homeDir;
   return {
@@ -29355,6 +29424,75 @@ function statusLabel(info) {
 }
 function CaddyView({ caddy, onLogs, onChanged, openLogKey }) {
   var _a, _b;
+  const [routesOpen, setRoutesOpen] = reactExports.useState(false);
+  const [routes, setRoutes] = reactExports.useState(null);
+  const [routesLoading, setRoutesLoading] = reactExports.useState(false);
+  async function loadRoutes() {
+    setRoutesLoading(true);
+    try {
+      setRoutes(await fetchCaddyRoutes());
+    } catch (err) {
+      notifications.show({ color: "red", message: String(err) });
+      setRoutes([]);
+    } finally {
+      setRoutesLoading(false);
+    }
+  }
+  function openRoutes() {
+    setRoutesOpen(true);
+    void loadRoutes();
+  }
+  function renderRoutesBody() {
+    if (routesLoading && routes === null) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { justify: "center", gap: "xs", p: "lg", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { size: "sm" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "불러오는 중..." })
+      ] });
+    }
+    const sorted = [...routes ?? []].sort((a, b) => {
+      if (!!a.slug !== !!b.slug) return a.slug ? -1 : 1;
+      const s = (a.slug ?? "").localeCompare(b.slug ?? "");
+      return s !== 0 ? s : (a.appName ?? "").localeCompare(b.appName ?? "");
+    });
+    if (sorted.length === 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", p: "md", children: "등록된 라우트가 없습니다." });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { size: "sm", c: "dimmed", children: [
+          "총 ",
+          sorted.length,
+          "개"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "compact-xs", variant: "subtle", loading: routesLoading, onClick: () => void loadRoutes(), children: "새로고침" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table, { striped: true, highlightOnHover: true, horizontalSpacing: "md", verticalSpacing: "xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Thead, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Th, { children: "워크스페이스" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Th, { children: "앱" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Th, { children: "호스트" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Th, { children: "업스트림" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Tbody, { children: sorted.map((r2, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: r2.slug ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "light", color: "grape", children: r2.slug }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "xs", c: "dimmed", children: "(기타)" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", children: r2.appName ?? (r2.handlers.join(", ") || "-") }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: r2.hosts.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "-" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { gap: 2, children: r2.hosts.map((h) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Anchor,
+            {
+              size: "sm",
+              onClick: (e) => {
+                e.preventDefault();
+                void openExternal(`https://${h}`);
+              },
+              children: h
+            },
+            h
+          )) }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: r2.upstreams.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "-" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { gap: 2, children: r2.upstreams.map((u) => /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { children: u }, u)) }) })
+        ] }, r2.id ?? `route-${i}`)) })
+      ] })
+    ] });
+  }
   async function act(action) {
     try {
       await caddyAction(action);
@@ -29419,73 +29557,100 @@ function CaddyView({ caddy, onLogs, onChanged, openLogKey }) {
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { gap: "xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SectionCard, { title: "Caddy (시스템 공유 HTTPS 리버스 프록시)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Table, { verticalSpacing: "sm", horizontalSpacing: "md", layout: "fixed", className: classes$6.table, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tbody, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { w: 200, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "상태" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 8, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status, label }),
-        ((_a = caddy.proc) == null ? void 0 : _a.pid) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { size: "xs", c: "dimmed", children: [
-          "PID ",
-          caddy.proc.pid
-        ] }) : null,
-        ((_b = caddy.proc) == null ? void 0 : _b.restarts) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { size: "xs", variant: "light", color: "gray", children: [
-          "재시작 ",
-          caddy.proc.restarts,
-          "회"
-        ] }) : null
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "Admin API" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 8, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Anchor,
-          {
-            size: "sm",
-            onClick: (e) => {
-              e.preventDefault();
-              void openExternal(`${caddy.adminUrl}/config/`);
-            },
-            children: caddy.adminUrl
-          }
-        ),
-        caddy.reachable ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { size: "xs", color: "teal", variant: "light", children: "응답" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { size: "xs", color: "gray", variant: "light", children: "미응답" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "등록 라우트" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: caddy.routeCount === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "-" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { children: caddy.routeCount }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "관리" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 6, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            size: "compact-xs",
-            variant: "default",
-            onClick: () => onLogs({
-              streamKey: caddyStreamKey(),
-              title: "caddy (시스템)",
-              openStream: openCaddyLogStream,
-              actions: acts,
-              onClear: () => clearCaddyLogs(),
-              timestamped: false
-            }),
-            children: "로그"
-          }
-        ),
-        acts.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "compact-xs", variant: "light", color: a.color, onClick: a.run, children: a.label }, a.label))
-      ] }) })
-    ] }),
-    pathRow("데이터 디렉터리", caddy.dataDir),
-    pathRow("부트스트랩 config", caddy.bootstrapFile, true),
-    pathRow("로그 파일", caddy.logFile, true),
-    caddy.error ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "에러" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "red", children: caddy.error }) })
-    ] }) : null
-  ] }) }) }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: "xl", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionCard, { title: "Caddy (시스템 공유 HTTPS 리버스 프록시)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Table, { verticalSpacing: "sm", horizontalSpacing: "md", layout: "fixed", className: classes$6.table, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tbody, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { w: 200, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "상태" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 8, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status, label }),
+          ((_a = caddy.proc) == null ? void 0 : _a.pid) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "PID ",
+            caddy.proc.pid
+          ] }) : null,
+          ((_b = caddy.proc) == null ? void 0 : _b.restarts) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { size: "xs", variant: "light", color: "gray", children: [
+            "재시작 ",
+            caddy.proc.restarts,
+            "회"
+          ] }) : null
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "Admin API" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 8, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Anchor,
+            {
+              size: "sm",
+              onClick: (e) => {
+                e.preventDefault();
+                void openExternal(`${caddy.adminUrl}/config/`);
+              },
+              children: caddy.adminUrl
+            }
+          ),
+          caddy.reachable ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { size: "xs", color: "teal", variant: "light", children: "응답" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { size: "xs", color: "gray", variant: "light", children: "미응답" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "등록 라우트" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: caddy.routeCount === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "-" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { children: caddy.routeCount }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { label: "등록된 라우트 보기", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ActionIcon,
+            {
+              size: "sm",
+              variant: "subtle",
+              color: "gray",
+              disabled: !caddy.routeCount,
+              onClick: openRoutes,
+              "aria-label": "등록된 라우트 보기",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, { size: 14 })
+            }
+          ) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "관리" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { gap: 6, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              size: "compact-xs",
+              variant: "default",
+              onClick: () => onLogs({
+                streamKey: caddyStreamKey(),
+                title: "caddy (시스템)",
+                openStream: openCaddyLogStream,
+                actions: acts,
+                onClear: () => clearCaddyLogs(),
+                timestamped: false
+              }),
+              children: "로그"
+            }
+          ),
+          acts.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "compact-xs", variant: "light", color: a.color, onClick: a.run, children: a.label }, a.label))
+        ] }) })
+      ] }),
+      pathRow("데이터 디렉터리", caddy.dataDir),
+      pathRow("부트스트랩 config", caddy.bootstrapFile, true),
+      pathRow("로그 파일", caddy.logFile, true),
+      caddy.error ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "dimmed", children: "에러" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Table.Td, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: "sm", c: "red", children: caddy.error }) })
+      ] }) : null
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Modal,
+      {
+        opened: routesOpen,
+        onClose: () => setRoutesOpen(false),
+        title: "등록된 Caddy 라우트",
+        size: "min(1000px, 90vw)",
+        centered: true,
+        children: renderRoutesBody()
+      }
+    )
+  ] });
 }
 const bar = "_bar_8l5j4_5";
 const search = "_search_8l5j4_15";

package/dist/ui/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Devis</title>
-    <script type="module" crossorigin src="./assets/index-CfF4ouPT.js"></script>
+    <script type="module" crossorigin src="./assets/index-0_fn9uMh.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BDxL9RBN.css">
   </head>
   <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gbdx/devis",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Local development dashboard for pnpm monorepos — workspace scanning, process management, HTTPS proxy, Docker, and more.",
   "license": "AGPL-3.0-or-later",
   "author": "gibigspub@gmail.com",