elysia-rack 0.2.2 → 0.4.0

package/dist/Dashboard-zhg2jtq5.js

@@ -0,0 +1,211 @@
+import {
+  Masthead,
+  Sidebar
+} from "./index-0dwhzk3j.js";
+import {
+  getRackTree
+} from "./index-4wxvmd8a.js";
+import {
+  resolveDonateProp
+} from "./index-b8sq8rbd.js";
+import"./index-37x76zdn.js";
+
+// src/react/page/Dashboard.tsx
+import { Fragment } from "react";
+import { jsxDEV, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+function itemLabel(r) {
+  return r.metadata.pluralLabel ?? r.metadata.label ?? r.metadata.id;
+}
+function toSidebarItem(node, activeId) {
+  return {
+    id: node.metadata.id,
+    label: itemLabel(node),
+    icon: node.metadata.icon,
+    href: node.path,
+    active: node.metadata.id === activeId,
+    children: node.children.filter((c) => !c.metadata.hidden).map((c) => toSidebarItem(c, activeId))
+  };
+}
+function buildGroupsFromTree(tree, activeId) {
+  const byGroup = new Map;
+  for (const root of tree) {
+    if (root.metadata.hidden)
+      continue;
+    const name = root.metadata.group ?? "General";
+    let group = byGroup.get(name);
+    if (!group) {
+      group = { name, items: [] };
+      byGroup.set(name, group);
+    }
+    group.items.push(toSidebarItem(root, activeId));
+  }
+  return [...byGroup.values()].sort((a, b) => a.name.localeCompare(b.name));
+}
+function countNodes(nodes) {
+  return nodes.reduce((sum, n) => sum + 1 + countNodes(n.children), 0);
+}
+function operationsLabel(node) {
+  const op = node.operations;
+  const write = [op.create, op.update, op.replace, op.delete];
+  if (!write.some(Boolean))
+    return "Read only";
+  if (write.every(Boolean))
+    return "Full";
+  const labels = [];
+  if (op.create)
+    labels.push("Create");
+  if (op.update)
+    labels.push("Update");
+  if (op.replace)
+    labels.push("Replace");
+  if (op.delete)
+    labels.push("Delete");
+  return labels.join(", ");
+}
+function plural(count, word) {
+  return `${count} ${word}${count === 1 ? "" : "s"}`;
+}
+function ResourceRow({ node, depth = 0 }) {
+  return /* @__PURE__ */ jsxDEV(Fragment2, {
+    children: [
+      /* @__PURE__ */ jsxDEV("tr", {
+        className: "hover:bg-table-row-hover",
+        children: [
+          /* @__PURE__ */ jsxDEV("td", {
+            className: "border-table-border border-t px-3 py-2.5",
+            children: /* @__PURE__ */ jsxDEV("a", {
+              href: node.path,
+              className: "text-link hover:text-link-hover font-medium hover:underline",
+              style: depth > 0 ? { paddingLeft: depth * 16 } : undefined,
+              children: [
+                node.metadata.icon ? /* @__PURE__ */ jsxDEV("span", {
+                  "aria-hidden": "true",
+                  className: "mr-1.5",
+                  children: node.metadata.icon
+                }, undefined, false, undefined, this) : null,
+                node.metadata.label ?? node.metadata.id
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("td", {
+            className: "border-table-border text-text-muted border-t px-3 py-2.5 font-mono text-xs",
+            children: node.path
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("td", {
+            className: "border-table-border text-text-muted border-t px-3 py-2.5 text-xs",
+            children: operationsLabel(node)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      node.children.filter((c) => !c.metadata.hidden).map((child) => /* @__PURE__ */ jsxDEV(ResourceRow, {
+        node: child,
+        depth: depth + 1
+      }, child.metadata.id, false, undefined, this))
+    ]
+  }, undefined, true, undefined, this);
+}
+async function Dashboard(props) {
+  const tree = getRackTree().filter((r) => !r.metadata.hidden);
+  const groups = buildGroupsFromTree(tree, props.resource);
+  const totalResources = countNodes(tree);
+  const totalGroups = groups.length;
+  const donate = resolveDonateProp(props.donate);
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "text-foreground flex min-h-screen flex-col lg:flex-row",
+    children: [
+      /* @__PURE__ */ jsxDEV(Sidebar, {
+        title: props.name ?? "Panel",
+        groups
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("main", {
+        className: "min-w-0 flex-1",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "mx-auto w-full max-w-5xl px-4 py-4 sm:px-6",
+          children: [
+            /* @__PURE__ */ jsxDEV(Masthead, {
+              title: props.name ?? "Panel",
+              detail: `${plural(totalResources, "resource")} in ${plural(totalGroups, "group")}`
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "bg-table border-border overflow-x-auto rounded-lg border",
+              children: /* @__PURE__ */ jsxDEV("table", {
+                className: "w-full border-collapse text-left text-sm",
+                children: [
+                  /* @__PURE__ */ jsxDEV("thead", {
+                    children: /* @__PURE__ */ jsxDEV("tr", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("th", {
+                          className: "border-border text-text-muted border-b px-3 py-2 text-xs font-medium",
+                          children: "Resource"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("th", {
+                          className: "border-border text-text-muted border-b px-3 py-2 text-xs font-medium",
+                          children: "Path"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("th", {
+                          className: "border-border text-text-muted border-b px-3 py-2 text-xs font-medium",
+                          children: "Operations"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("tbody", {
+                    children: groups.length === 0 ? /* @__PURE__ */ jsxDEV("tr", {
+                      children: /* @__PURE__ */ jsxDEV("td", {
+                        colSpan: 3,
+                        className: "text-text-muted px-4 py-10 text-center",
+                        children: "No resources registered. Call rack() before rendering this page."
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this) : groups.map((group) => {
+                      const nodes = tree.filter((r) => (r.metadata.group ?? "General") === group.name);
+                      return /* @__PURE__ */ jsxDEV(Fragment, {
+                        children: [
+                          /* @__PURE__ */ jsxDEV("tr", {
+                            className: "bg-surface-muted",
+                            children: /* @__PURE__ */ jsxDEV("th", {
+                              colSpan: 3,
+                              className: "border-border text-text-muted border-b px-3 py-1.5 text-left text-xs font-medium",
+                              children: [
+                                group.name,
+                                " ",
+                                /* @__PURE__ */ jsxDEV("span", {
+                                  className: "text-text-subtle font-normal",
+                                  children: plural(countNodes(nodes), "resource")
+                                }, undefined, false, undefined, this)
+                              ]
+                            }, undefined, true, undefined, this)
+                          }, undefined, false, undefined, this),
+                          nodes.map((node) => /* @__PURE__ */ jsxDEV(ResourceRow, {
+                            node
+                          }, node.metadata.id, false, undefined, this))
+                        ]
+                      }, group.name, true, undefined, this);
+                    })
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("footer", {
+              className: "border-border text-text-muted mt-6 flex flex-wrap items-center justify-between gap-2 border-t pt-3 text-xs",
+              children: [
+                /* @__PURE__ */ jsxDEV("span", {
+                  children: "elysia-rack"
+                }, undefined, false, undefined, this),
+                donate.enabled ? /* @__PURE__ */ jsxDEV("a", {
+                  href: donate.url,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "hover:text-foreground underline-offset-4 hover:underline",
+                  children: donate.label
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  Dashboard as default
+};