elysia-rack 0.2.0 → 0.2.2

package/dist/index-6v0ns1xn.js

@@ -0,0 +1,19 @@
+// src/react/donate.ts
+var DEFAULT_DONATE_URL = "https://ko-fi.com/notoofly_manu";
+var DEFAULT_DONATE_LABEL = "☕ Donate";
+var globalDonate = { enabled: true, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+function setGlobalDonate(enabled) {
+  globalDonate = { enabled: enabled !== false, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+}
+function getGlobalDonate() {
+  return globalDonate;
+}
+function resolveDonateProp(prop) {
+  if (prop === false)
+    return { enabled: false, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+  if (prop === true || prop === undefined)
+    return getGlobalDonate();
+  return getGlobalDonate();
+}
+
+export { setGlobalDonate, resolveDonateProp };

package/dist/index-h3zbq796.js

@@ -0,0 +1,39 @@
+// src/react/donate.ts
+var DEFAULT_DONATE_URL = "https://ko-fi.com/notoofly_manu";
+var DEFAULT_DONATE_LABEL = "☕ Donate";
+var globalDonate = { enabled: true, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+function setGlobalDonate(cfg) {
+  if (cfg === false) {
+    globalDonate = { enabled: false, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+    return;
+  }
+  if (!cfg) {
+    globalDonate = { enabled: true, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+    return;
+  }
+  globalDonate = {
+    enabled: cfg.enabled !== false,
+    url: cfg.url ?? DEFAULT_DONATE_URL,
+    label: cfg.label ?? DEFAULT_DONATE_LABEL
+  };
+}
+function getGlobalDonate() {
+  return globalDonate;
+}
+function resolveDonateProp(prop) {
+  if (prop === false)
+    return { enabled: false, url: DEFAULT_DONATE_URL, label: DEFAULT_DONATE_LABEL };
+  if (prop === undefined)
+    return getGlobalDonate();
+  if (typeof prop === "object" && prop !== null) {
+    const base = getGlobalDonate();
+    return {
+      enabled: prop.enabled !== false,
+      url: prop.url ?? base.url,
+      label: prop.label ?? base.label
+    };
+  }
+  return getGlobalDonate();
+}
+
+export { setGlobalDonate, resolveDonateProp };

package/dist/index-xsfqad54.js

@@ -0,0 +1,187 @@
+// src/react/page/components/Breadcrumb.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Breadcrumb({ trail }) {
+  return /* @__PURE__ */ jsxDEV("nav", {
+    "aria-label": "Breadcrumb",
+    className: "pb-3 text-sm",
+    children: /* @__PURE__ */ jsxDEV("ol", {
+      className: "flex flex-wrap items-center gap-1.5",
+      children: trail.map((item, i) => {
+        const last = i === trail.length - 1;
+        return /* @__PURE__ */ jsxDEV("li", {
+          className: "flex items-center gap-1.5",
+          children: [
+            i > 0 ? /* @__PURE__ */ jsxDEV("span", {
+              "aria-hidden": "true",
+              className: "text-text-muted",
+              children: "/"
+            }, undefined, false, undefined, this) : null,
+            item.href && !last ? /* @__PURE__ */ jsxDEV("a", {
+              href: item.href,
+              className: "text-text-muted hover:text-foreground",
+              children: item.label
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV("span", {
+              "aria-current": last ? "page" : undefined,
+              className: last ? "text-foreground font-semibold" : "text-text-muted",
+              children: item.label
+            }, undefined, false, undefined, this)
+          ]
+        }, `${item.label}-${i}`, true, undefined, this);
+      })
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/react/page/components/Sidebar.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function SidebarItemView({ item, depth = 0 }) {
+  const hasChildren = item.children && item.children.length > 0;
+  return /* @__PURE__ */ jsxDEV2("li", {
+    children: [
+      /* @__PURE__ */ jsxDEV2("a", {
+        href: item.href,
+        "aria-current": item.active ? "page" : undefined,
+        className: item.active ? "bg-sidebar-primary text-sidebar-primary-foreground flex items-center gap-2 rounded-md px-2 py-1.5 text-sm font-semibold" : "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex items-center gap-2 rounded-md px-2 py-1.5 text-sm",
+        style: depth > 0 ? { paddingLeft: `${8 + depth * 12}px` } : undefined,
+        children: [
+          item.icon ? /* @__PURE__ */ jsxDEV2("span", {
+            "aria-hidden": "true",
+            children: item.icon
+          }, undefined, false, undefined, this) : null,
+          /* @__PURE__ */ jsxDEV2("span", {
+            children: item.label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      hasChildren ? /* @__PURE__ */ jsxDEV2("ul", {
+        className: "border-sidebar-border mt-0.5 ml-2 flex flex-col gap-0.5 border-l py-1 pl-2",
+        children: item.children.map((child) => /* @__PURE__ */ jsxDEV2(SidebarItemView, {
+          item: child,
+          depth: depth + 1
+        }, child.id, false, undefined, this))
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+function hasActive(items) {
+  for (const it of items) {
+    if (it.active)
+      return true;
+    if (it.children && hasActive(it.children))
+      return true;
+  }
+  return false;
+}
+function Sidebar({ title, groups }) {
+  return /* @__PURE__ */ jsxDEV2("aside", {
+    className: "bg-sidebar text-sidebar-foreground border-sidebar-border min-h-0 w-64 shrink-0 overflow-y-auto rounded-lg border",
+    children: [
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "border-sidebar-border border-b px-4 py-3",
+        children: /* @__PURE__ */ jsxDEV2("p", {
+          className: "font-koran text-xl font-black tracking-tight",
+          children: title
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2("nav", {
+        className: "flex flex-col gap-4 p-3",
+        children: groups.map((group) => /* @__PURE__ */ jsxDEV2("section", {
+          children: /* @__PURE__ */ jsxDEV2("details", {
+            className: "group",
+            open: hasActive(group.items) || undefined,
+            children: [
+              /* @__PURE__ */ jsxDEV2("summary", {
+                className: "font-koran border-sidebar-border flex cursor-pointer list-none items-center justify-between border-b px-2 pb-1 text-base font-bold tracking-tight [&::-webkit-details-marker]:hidden",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("span", {
+                    children: group.name
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("span", {
+                    "aria-hidden": "true",
+                    className: "text-text-muted text-xs transition group-open:rotate-180",
+                    children: "▾"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("ul", {
+                className: "border-sidebar-border mt-1 ml-2 flex flex-col gap-0.5 border-l py-1 pl-2",
+                children: group.items.map((item) => /* @__PURE__ */ jsxDEV2(SidebarItemView, {
+                  item
+                }, item.id, false, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, group.name, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/react/page/components/Masthead.tsx
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function Masthead({ title, group, resource, total }) {
+  const today = new Date().toLocaleDateString("en-US", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  });
+  return /* @__PURE__ */ jsxDEV3("header", {
+    className: "bg-header text-header-foreground",
+    children: [
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "flex items-center justify-between gap-4 py-2 text-xs tracking-widest text-text-muted uppercase",
+        children: [
+          /* @__PURE__ */ jsxDEV3("span", {
+            children: today
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("span", {
+            className: "hidden sm:inline",
+            children: "Daily Edition"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("button", {
+            id: "koran-theme-toggle",
+            type: "button",
+            className: "border-border hover:bg-navigation-hover rounded-full border px-3 py-1 tracking-widest uppercase",
+            children: "◐ Theme"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("h1", {
+        className: "font-koran py-2 text-center text-5xl font-black tracking-tight",
+        children: title
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "flex items-center justify-center gap-2 pb-3 text-sm text-text-muted",
+        children: [
+          group ? /* @__PURE__ */ jsxDEV3("span", {
+            className: "uppercase",
+            children: group
+          }, undefined, false, undefined, this) : null,
+          group && (resource || total !== undefined) ? /* @__PURE__ */ jsxDEV3("span", {
+            "aria-hidden": "true",
+            children: "·"
+          }, undefined, false, undefined, this) : null,
+          resource ? /* @__PURE__ */ jsxDEV3("span", {
+            className: "font-mono text-xs",
+            children: [
+              "/",
+              resource
+            ]
+          }, undefined, true, undefined, this) : null,
+          total !== undefined ? /* @__PURE__ */ jsxDEV3("span", {
+            children: [
+              total,
+              " records"
+            ]
+          }, undefined, true, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "koran-rule-double"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+export { Breadcrumb, Sidebar, Masthead };

package/dist/rack/dashboard.d.ts

@@ -6,6 +6,8 @@ export interface DashboardOptions {
     title?: string;
     /** React page registry key (default "/dashboard") */
     pagePath?: string;
+    /** Donate badge — false to hide, true/undefined to show */
+    donate?: boolean;
 }
 /**
  * Dashboard plugin — mounts `GET {path}` that renders
@@ -50,6 +52,7 @@ export declare function dashboard(options?: DashboardOptions): Elysia<"", {
                     path: string;
                     props: {
                         resource: string | undefined;
+                        donate?: boolean | undefined;
                         name?: string | undefined;
                     };
                 };

package/dist/rack/index.js

@@ -1149,6 +1149,7 @@ function dashboard(options) {
     path: pagePath,
     props: {
       ...title !== undefined ? { name: title } : {},
+      ...options?.donate !== undefined ? { donate: options.donate } : {},
       resource: typeof query.resource === "string" ? query.resource : undefined
     }
   }));

package/dist/react/donate.d.ts

@@ -0,0 +1,10 @@
+export declare const DEFAULT_DONATE_URL = "https://ko-fi.com/notoofly_manu";
+export declare const DEFAULT_DONATE_LABEL = "\u2615 Donate";
+export type ResolvedDonate = {
+    enabled: boolean;
+    url: string;
+    label: string;
+};
+export declare function setGlobalDonate(enabled?: boolean): void;
+export declare function getGlobalDonate(): ResolvedDonate;
+export declare function resolveDonateProp(prop?: boolean): ResolvedDonate;

package/dist/react/index.js

@@ -1,3 +1,6 @@
+import {
+  setGlobalDonate
+} from "../index-6v0ns1xn.js";
 import {
   __require
 } from "../index-37x76zdn.js";
@@ -152,8 +155,8 @@ function page(path, props) {
   };
 }
 var pages = {
-  "/dashboard": () => import("../Dashboard-s8nfyf7s.js"),
-  "/panel": () => import("../Panel-b7jhgvnm.js")
+  "/dashboard": () => import("../Dashboard-7gmx8c9y.js"),
+  "/panel": () => import("../Panel-wjxjtbmr.js")
 };
 var defaultPages = pages;
 function mergeRegistries(base, extra) {
@@ -163,6 +166,7 @@ function mergeRegistries(base, extra) {
   return list.reduce((acc, r) => ({ ...acc, ...r }), { ...base });
 }
 function reactPlugin(options = {}) {
+  setGlobalDonate(options.donate);
   const registry = mergeRegistries(defaultPages, options.pages);
   const render = createRenderer(registry);
   const panelCssOverride = pickPanelCssOption(options);

package/dist/react/page/Dashboard.d.ts

@@ -1,4 +1,6 @@
 export interface DashboardProps {
     name?: string;
+    resource?: string;
+    donate?: boolean;
 }
 export default function Dashboard(props: DashboardProps): Promise<import("react").JSX.Element>;

package/dist/react/page/Panel.d.ts

@@ -1,5 +1,6 @@
 import type { FieldDescriptor } from "../../rack/adapters/index";
 export interface PanelProps {
+    donate?: boolean;
     resource?: string;
     metadata?: {
         label?: string;

package/dist/react/types.d.ts

@@ -26,5 +26,10 @@ export declare namespace ReactRack {
          */
         css?: PanelCssOverride;
         panelCss?: PanelCssOverride;
+        /**
+         * Donate badge/link — shown in Dashboard & Panel footer.
+         * @default true (show Ko-fi)
+         */
+        donate?: boolean;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elysia-rack",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Model-driven CRUD rack for Elysia: REST + QUERY routes, validation, authorization, OpenAPI metadata, and React panel rendering.",
   "type": "module",
   "license": "MIT",
@@ -81,5 +81,9 @@
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "typescript": "^5"
+  },
+  "funding": {
+    "type": "ko-fi",
+    "url": "https://ko-fi.com/notoofly_manu"
   }
 }