@gigamusic/admin 0.1.0

package/src/pages/AdminReleasesPage.tsx

@@ -0,0 +1,87 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import { useSlot } from "@gigamusic/ui/client";
+
+interface ReleaseSummary {
+  id: number;
+  name: string;
+  slug: string;
+  price: number;
+  type: string;
+  isPublished: boolean;
+  tracks: Array<{ id: number }>;
+}
+
+/** Lists every release with quick edit + delete. Fetches from `/api/admin/releases`. */
+export function AdminReleasesPage() {
+  const Button = useSlot("Button");
+  const [releases, setReleases] = useState<ReleaseSummary[] | null>(null);
+  const [error, setError] = useState("");
+
+  useEffect(() => {
+    let cancelled = false;
+    fetch("/api/admin/releases")
+      .then((r) => (r.ok ? r.json() : Promise.reject(new Error("Load failed"))))
+      .then((data) => {
+        if (!cancelled) setReleases(data as ReleaseSummary[]);
+      })
+      .catch((err) => !cancelled && setError(String(err)));
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  return (
+    <div>
+      <div className="mb-6 flex items-center justify-between">
+        <h1 className="text-2xl font-semibold">Releases</h1>
+        <Button href="/admin/releases/new">New Release</Button>
+      </div>
+
+      {error && <p className="text-sm text-destructive">{error}</p>}
+
+      <table className="w-full text-sm">
+        <thead>
+          <tr className="border-b border-border text-left">
+            <th className="py-2">Name</th>
+            <th className="py-2 text-right">Type</th>
+            <th className="py-2 text-right">Price</th>
+            <th className="py-2 text-right">Tracks</th>
+            <th className="py-2 text-right">Status</th>
+          </tr>
+        </thead>
+        <tbody>
+          {releases?.map((release) => (
+            <tr key={release.id} className="border-b border-border/40">
+              <td className="py-2">
+                <Link
+                  href={`/admin/releases/${release.id}/edit`}
+                  className="hover:underline"
+                >
+                  {release.name}
+                </Link>
+              </td>
+              <td className="py-2 text-right">{release.type}</td>
+              <td className="py-2 text-right">
+                ${(release.price / 100).toFixed(2)}
+              </td>
+              <td className="py-2 text-right">{release.tracks.length}</td>
+              <td className="py-2 text-right">
+                {release.isPublished ? "Published" : "Draft"}
+              </td>
+            </tr>
+          ))}
+          {releases && releases.length === 0 && (
+            <tr>
+              <td colSpan={5} className="py-8 text-center text-muted-foreground">
+                No releases yet.
+              </td>
+            </tr>
+          )}
+        </tbody>
+      </table>
+    </div>
+  );
+}

package/src/pages/AdminSettingsPage.tsx

@@ -0,0 +1,84 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useSlot } from "@gigamusic/ui/client";
+
+const DISCOUNT_KEY = "catalog_discount_percent";
+
+/**
+ * Site-wide settings editor. Currently exposes the catalog-discount percent;
+ * any other consumer-specific tunables should get their own settings pages
+ * so each editor can render the right form for its value shape.
+ */
+export function AdminSettingsPage() {
+  const Button = useSlot("Button");
+  const [discount, setDiscount] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [saved, setSaved] = useState(false);
+
+  useEffect(() => {
+    let cancelled = false;
+    fetch(`/api/admin/settings?key=${encodeURIComponent(DISCOUNT_KEY)}`)
+      .then((r) => (r.ok ? r.json() : Promise.reject(new Error("Load failed"))))
+      .then((data: { value: unknown }) => {
+        if (cancelled) return;
+        const value =
+          typeof data.value === "number"
+            ? String(data.value)
+            : typeof data.value === "string"
+              ? data.value
+              : "15";
+        setDiscount(value);
+        setLoading(false);
+      })
+      .catch(() => !cancelled && setLoading(false));
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  async function handleSave() {
+    setSaving(true);
+    setSaved(false);
+    await fetch("/api/admin/settings", {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ key: DISCOUNT_KEY, value: Number(discount) }),
+    });
+    setSaving(false);
+    setSaved(true);
+    setTimeout(() => setSaved(false), 3000);
+  }
+
+  if (loading) return <p className="text-sm text-muted-foreground">Loading…</p>;
+
+  return (
+    <div className="max-w-md space-y-6">
+      <h1 className="text-2xl font-semibold">Settings</h1>
+      <div className="space-y-2">
+        <label htmlFor="discount" className="text-sm font-medium">
+          Catalog Discount (%)
+        </label>
+        <div className="flex items-center gap-3">
+          <input
+            id="discount"
+            type="number"
+            min="0"
+            max="100"
+            value={discount}
+            onChange={(e) => setDiscount(e.target.value)}
+            className="w-24 rounded border border-border bg-background px-3 py-2 text-sm"
+          />
+          <Button onClick={handleSave} disabled={saving}>
+            {saving ? "Saving..." : "Save"}
+          </Button>
+          {saved && <span className="text-sm">Saved</span>}
+        </div>
+        <p className="text-xs text-muted-foreground">
+          Discount applied when customers buy the entire catalog.
+        </p>
+      </div>
+    </div>
+  );
+}

package/src/server.ts

@@ -0,0 +1,36 @@
+// Server-side surface: every admin API route-handler factory + the session
+// verification helper for the consumer's `proxy.ts`.
+//
+// The consumer wires each factory's return value into the matching route file:
+//   // app/api/admin/auth/route.ts
+//   export const POST = createAdminLoginHandler({ adminPasswordHash, adminSessionSecret });
+//
+// `verifyAdminSession(req, secret)` is the request-aware variant the
+// consumer's `proxy.ts` calls before redirecting unauthenticated users.
+
+export { createAdminLoginHandler, createAdminLogoutHandler } from "./handlers/auth";
+export {
+  createAdminReleasesHandlers,
+  createAdminReleaseByIdHandlers,
+} from "./handlers/releases";
+export {
+  createAdminUploadPresignHandler,
+  createAdminUploadProcessHandler,
+} from "./handlers/upload";
+export { createAdminSettingsHandlers } from "./handlers/settings";
+export { createAdminLinksHandlers } from "./handlers/links";
+export { createAdminOrdersHandler } from "./handlers/orders";
+
+export {
+  verifyAdminSession,
+  isAdminAuthenticated,
+  writeAdminSessionCookie,
+  clearAdminSessionCookie,
+  ADMIN_SESSION_COOKIE,
+} from "./lib/session";
+
+export type {
+  AdminDeps,
+  AdminLogger,
+  RouteHandler,
+} from "./lib/types";