convex-cms 0.0.2 → 0.0.3

package/admin-dist/server/_ssr/index-DHSHDPt1.mjs

@@ -0,0 +1,193 @@
+import { j as jsxRuntimeExports } from "../_chunks/_libs/react.mjs";
+import { L as Link } from "../_chunks/_libs/@tanstack/react-router.mjs";
+import { a as api, c as cn } from "./router-DDWcF-kt.mjs";
+import { C as CmsPageHeader } from "./CmsPageHeader-CseW0AHm.mjs";
+import { u as useQuery } from "../_libs/convex.mjs";
+import { J as FileText, I as Image, a as Layers, x as Settings, ak as TrendingUp } from "../_libs/lucide-react.mjs";
+import "../_libs/tiny-warning.mjs";
+import "../_chunks/_libs/@tanstack/router-core.mjs";
+import "../_libs/cookie-es.mjs";
+import "../_chunks/_libs/@tanstack/store.mjs";
+import "../_chunks/_libs/@tanstack/history.mjs";
+import "../_libs/tiny-invariant.mjs";
+import "../_libs/seroval.mjs";
+import "../_libs/seroval-plugins.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_chunks/_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/isbot.mjs";
+import "../_chunks/_libs/@tanstack/react-store.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_libs/clsx.mjs";
+import "../_libs/tailwind-merge.mjs";
+import "../_chunks/_libs/@radix-ui/react-slot.mjs";
+import "../_chunks/_libs/@radix-ui/react-compose-refs.mjs";
+import "../_chunks/_libs/@radix-ui/react-dropdown-menu.mjs";
+import "../_chunks/_libs/@radix-ui/primitive.mjs";
+import "../_chunks/_libs/@radix-ui/react-context.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-controllable-state.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-layout-effect.mjs";
+import "../_chunks/_libs/@radix-ui/react-primitive.mjs";
+import "../_chunks/_libs/@radix-ui/react-menu.mjs";
+import "../_chunks/_libs/@radix-ui/react-collection.mjs";
+import "../_chunks/_libs/@radix-ui/react-direction.mjs";
+import "../_chunks/_libs/@radix-ui/react-dismissable-layer.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-callback-ref.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-escape-keydown.mjs";
+import "../_chunks/_libs/@radix-ui/react-focus-guards.mjs";
+import "../_chunks/_libs/@radix-ui/react-focus-scope.mjs";
+import "../_chunks/_libs/@radix-ui/react-popper.mjs";
+import "../_chunks/_libs/@floating-ui/react-dom.mjs";
+import "../_chunks/_libs/@floating-ui/dom.mjs";
+import "../_chunks/_libs/@floating-ui/core.mjs";
+import "../_chunks/_libs/@floating-ui/utils.mjs";
+import "../_chunks/_libs/@radix-ui/react-arrow.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-size.mjs";
+import "../_chunks/_libs/@radix-ui/react-portal.mjs";
+import "../_chunks/_libs/@radix-ui/react-presence.mjs";
+import "../_chunks/_libs/@radix-ui/react-roving-focus.mjs";
+import "../_chunks/_libs/@radix-ui/react-id.mjs";
+import "../_libs/aria-hidden.mjs";
+import "../_libs/react-remove-scroll.mjs";
+import "../_libs/tslib.mjs";
+import "../_libs/react-remove-scroll-bar.mjs";
+import "../_libs/react-style-singleton.mjs";
+import "../_libs/get-nonce.mjs";
+import "../_libs/use-sidecar.mjs";
+import "../_libs/use-callback-ref.mjs";
+import "../_chunks/_libs/@radix-ui/react-avatar.mjs";
+import "../_chunks/_libs/@radix-ui/react-use-is-hydrated.mjs";
+import "../_libs/class-variance-authority.mjs";
+import "../_chunks/_libs/@radix-ui/react-popover.mjs";
+import "./index.mjs";
+import "node:async_hooks";
+import "../_libs/h3-v2.mjs";
+import "../_libs/rou3.mjs";
+import "../_libs/srvx.mjs";
+import "node:http";
+import "node:https";
+import "node:http2";
+import "../_libs/zod.mjs";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+function DashboardPage() {
+  const stats = useQuery(api.stats.getDashboardStats);
+  const isLoading = stats === void 0;
+  const hasError = stats === null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CmsPageHeader, { title: "Dashboard", description: "Welcome to Convex CMS Admin. Manage your content, media, and publishing workflows." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardCard, { title: "Content Entries", description: "Create and manage your content", href: "/content", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-5" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardCard, { title: "Media Library", description: "Upload and organize media assets", href: "/media", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { className: "size-5" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardCard, { title: "Content Types", description: "Define content schemas and fields", href: "/content-types", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { className: "size-5" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardCard, { title: "Settings", description: "Configure CMS settings", href: "/settings", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings, { className: "size-5" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TrendingUp, { className: "size-5 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-lg font-semibold", children: "Quick Stats" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(StatCard, { label: "Content Types", value: isLoading ? void 0 : hasError ? "—" : String(stats.contentTypes), isLoading }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(StatCard, { label: "Content Entries", value: isLoading ? void 0 : hasError ? "—" : String(stats.contentEntries), isLoading }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(StatCard, { label: "Media Assets", value: isLoading ? void 0 : hasError ? "—" : String(stats.mediaAssets), isLoading }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(StatCard, { label: "Published", value: isLoading ? void 0 : hasError ? "—" : String(stats.published), isLoading })
+      ] })
+    ] })
+  ] });
+}
+function DashboardCard({
+  title,
+  description,
+  href,
+  icon
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: href, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "transition-colors hover:bg-accent/50", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(CardHeader, { className: "pb-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: icon }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CardTitle, { className: "text-base", children: title })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CardDescription, { children: description }) })
+  ] }) });
+}
+function StatCard({
+  label,
+  value,
+  isLoading = false
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "p-4", children: [
+    isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "mb-1 h-8 w-16" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-2xl font-bold", children: value }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground", children: label })
+  ] }) });
+}
+export {
+  DashboardPage as component
+};