@jant/core 0.3.36 → 0.3.38

package/src/routes/dash/index.tsx

@@ -1,109 +0,0 @@
-/**
- * Dashboard Index Route
- *
- * Example of using @lingui/react/macro with Hono JSX!
- */
-
-import { Hono } from "hono";
-import { Trans, useLingui } from "@lingui/react/macro";
-import type { Bindings } from "../../types.js";
-import type { AppVariables } from "../../types/app-context.js";
-import { DashLayout } from "../../ui/layouts/DashLayout.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-export const dashIndexRoutes = new Hono<Env>();
-
-/**
- * Dashboard content component
- * Uses useLingui() from @lingui/react/macro - works with Hono JSX!
- */
-function DashboardContent({
-  publishedCount,
-  draftCount,
-}: {
-  publishedCount: number;
-  draftCount: number;
-}) {
-  // 🎉 Single layer! Just like React!
-  const { t } = useLingui();
-
-  return (
-    <>
-      <h1 class="text-2xl font-semibold mb-6">
-        {t({
-          message: "Dashboard",
-          comment: "@context: Dashboard main heading",
-        })}
-      </h1>
-
-      <div class="grid gap-4 md:grid-cols-3 mb-6">
-        <div class="p-4 border rounded">
-          <p class="text-sm text-muted-foreground">
-            {t({
-              message: "Published",
-              comment: "@context: Post status label",
-            })}
-          </p>
-          <p class="text-3xl font-bold">{publishedCount}</p>
-        </div>
-
-        <div class="p-4 border rounded">
-          <p class="text-sm text-muted-foreground">
-            {t({ message: "Drafts", comment: "@context: Post status label" })}
-          </p>
-          <p class="text-3xl font-bold">{draftCount}</p>
-        </div>
-
-        <div class="p-4 border rounded">
-          <p class="text-sm text-muted-foreground mb-2">
-            {t({
-              message: "Quick Actions",
-              comment: "@context: Dashboard section title",
-            })}
-          </p>
-          <a href="/dash/posts/new" class="btn-primary w-full">
-            {t({
-              message: "New Post",
-              comment: "@context: Button to create new post",
-            })}
-          </a>
-        </div>
-      </div>
-
-      <p>
-        <Trans comment="@context: Help text with link">
-          Need help? Visit the{" "}
-          <a href="/docs" class="underline">
-            documentation
-          </a>
-        </Trans>
-      </p>
-    </>
-  );
-}
-
-dashIndexRoutes.get("/", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-
-  // Get stats via service-level counting (avoids loading all posts into memory)
-  const [publishedCount, draftCount] = await Promise.all([
-    c.var.services.posts.count({ status: "published" }),
-    c.var.services.posts.count({ status: "draft" }),
-  ]);
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Dashboard"
-      siteName={siteName}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      currentPath="/dash"
-    >
-      <DashboardContent
-        publishedCount={publishedCount}
-        draftCount={draftCount}
-      />
-    </DashLayout>,
-  );
-});

package/src/routes/dash/media.tsx

@@ -1,135 +0,0 @@
-/**
- * Dashboard Media Routes
- */
-
-import { Hono } from "hono";
-import type { Bindings } from "../../types.js";
-import type { AppVariables } from "../../types/app-context.js";
-import { DashLayout } from "../../ui/layouts/DashLayout.js";
-import { dsRedirect } from "../../lib/sse.js";
-import {
-  getMediaUrl,
-  getImageUrl,
-  getPublicUrlForProvider,
-} from "../../lib/image.js";
-import { MediaListContent } from "../../ui/dash/media/MediaListContent.js";
-import { ViewMediaContent } from "../../ui/dash/media/ViewMediaContent.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-export const mediaRoutes = new Hono<Env>();
-
-// List media
-mediaRoutes.get("/", async (c) => {
-  const mediaList = await c.var.services.media.list({ limit: 100 });
-  const siteName = c.var.appConfig.siteName;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Media"
-      siteName={siteName}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      currentPath="/dash/media"
-    >
-      <MediaListContent
-        mediaList={mediaList}
-        r2PublicUrl={c.var.appConfig.r2PublicUrl}
-        imageTransformUrl={c.var.appConfig.imageTransformUrl}
-        s3PublicUrl={c.var.appConfig.s3PublicUrl}
-        uploadMaxFileSize={c.var.appConfig.uploadMaxFileSize}
-      />
-    </DashLayout>,
-  );
-});
-
-// Media picker (returns HTML fragment for PostForm dialog)
-// Must be defined before /:id to avoid "picker" matching as an ID
-mediaRoutes.get("/picker", async (c) => {
-  const mediaList = await c.var.services.media.list({
-    limit: 100,
-    mimePrefix: "image/",
-  });
-  const r2PublicUrl = c.var.appConfig.r2PublicUrl;
-  const imageTransformUrl = c.var.appConfig.imageTransformUrl;
-  const s3PublicUrl = c.var.appConfig.s3PublicUrl;
-
-  if (mediaList.length === 0) {
-    return c.html(
-      <p class="text-muted-foreground text-sm col-span-4">
-        No media uploaded yet. Upload media from the Media page first.
-      </p>,
-    );
-  }
-
-  return c.html(
-    <>
-      {mediaList.map((m) => {
-        const pUrl = getPublicUrlForProvider(
-          m.provider,
-          r2PublicUrl,
-          s3PublicUrl,
-        );
-        const url = getMediaUrl(m.storageKey, pUrl);
-        const thumbUrl = getImageUrl(url, imageTransformUrl, {
-          width: 150,
-          quality: 80,
-          format: "auto",
-          fit: "cover",
-        });
-        return (
-          <button
-            key={m.id}
-            type="button"
-            class="aspect-square rounded-lg overflow-hidden border-2 hover:border-primary cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary"
-            data-media-id={m.id}
-          >
-            <img
-              src={thumbUrl}
-              alt={m.alt || m.originalName}
-              class="w-full h-full object-cover"
-              loading="lazy"
-            />
-          </button>
-        );
-      })}
-    </>,
-  );
-});
-
-// View single media
-mediaRoutes.get("/:id", async (c) => {
-  const id = c.req.param("id");
-  const media = await c.var.services.media.getById(id);
-  if (!media) return c.notFound();
-
-  const siteName = c.var.appConfig.siteName;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title={media.originalName}
-      siteName={siteName}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      currentPath="/dash/media"
-    >
-      <ViewMediaContent
-        media={media}
-        r2PublicUrl={c.var.appConfig.r2PublicUrl}
-        imageTransformUrl={c.var.appConfig.imageTransformUrl}
-        s3PublicUrl={c.var.appConfig.s3PublicUrl}
-      />
-    </DashLayout>,
-  );
-});
-
-// Delete media
-mediaRoutes.post("/:id/delete", async (c) => {
-  const id = c.req.param("id");
-  const media = await c.var.services.media.getById(id);
-  if (!media) return c.notFound();
-
-  await c.var.services.media.delete(id, c.var.storage);
-
-  return dsRedirect("/dash/media");
-});

package/src/routes/dash/pages.tsx

@@ -1,245 +0,0 @@
-/**
- * Dashboard Pages Routes
- *
- * Page CRUD management.
- */
-
-import { Hono } from "hono";
-import { msg } from "@lingui/core/macro";
-import { useLingui } from "@lingui/react/macro";
-import type { Bindings, Page } from "../../types.js";
-import type { AppVariables } from "../../types/app-context.js";
-import { DashLayout } from "../../ui/layouts/DashLayout.js";
-import { PageForm, ActionButtons, DangerZone } from "../../ui/dash/index.js";
-import { dsRedirect, dsToast } from "../../lib/sse.js";
-import { CreatePageSchema } from "../../lib/schemas.js";
-import { PagesContent } from "../../ui/dash/pages/PagesContent.js";
-import { getI18n } from "../../i18n/index.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-export const pagesRoutes = new Hono<Env>();
-
-// =============================================================================
-// Inline components (small, tightly coupled to route params)
-// =============================================================================
-
-function NewPageContent() {
-  const { t } = useLingui();
-  return (
-    <>
-      <h1 class="text-2xl font-semibold mb-6">
-        {t({ message: "New Page", comment: "@context: New page main heading" })}
-      </h1>
-      <PageForm action="/dash/pages" />
-    </>
-  );
-}
-
-function ViewPageContent({ page }: { page: Page }) {
-  const { t } = useLingui();
-  return (
-    <>
-      <div class="flex items-center justify-between mb-6">
-        <div>
-          <h1 class="text-2xl font-semibold">
-            {page.title ||
-              t({
-                message: "Page",
-                comment: "@context: Default page heading when untitled",
-              })}
-          </h1>
-          <p class="text-muted-foreground mt-1">/{page.slug}</p>
-        </div>
-        <ActionButtons
-          editHref={`/dash/pages/${page.id}/edit`}
-          editLabel={t({
-            message: "Edit",
-            comment: "@context: Button to edit page",
-          })}
-          viewHref={page.status !== "draft" ? `/${page.slug}` : undefined}
-          viewLabel={t({
-            message: "View",
-            comment: "@context: Button to view page on public site",
-          })}
-        />
-      </div>
-
-      <div class="card">
-        <section>
-          <div
-            class="prose"
-            dangerouslySetInnerHTML={{ __html: page.bodyHtml || "" }}
-          />
-        </section>
-      </div>
-
-      <DangerZone
-        actionLabel={t({
-          message: "Delete Page",
-          comment: "@context: Button to delete page",
-        })}
-        formAction={`/dash/pages/${page.id}/delete`}
-        confirmMessage="Are you sure you want to delete this page?"
-      />
-    </>
-  );
-}
-
-function EditPageContent({ page }: { page: Page }) {
-  const { t } = useLingui();
-  return (
-    <>
-      <h1 class="text-2xl font-semibold mb-6">
-        {t({
-          message: "Edit Page",
-          comment: "@context: Edit page main heading",
-        })}
-      </h1>
-      <PageForm page={page} action={`/dash/pages/${page.id}`} />
-    </>
-  );
-}
-
-// =============================================================================
-// Route handlers
-// =============================================================================
-
-pagesRoutes.get("/", async (c) => {
-  const pages = await c.var.services.pages.list();
-  const siteName = c.var.appConfig.siteName;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Pages"
-      siteName={siteName}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      currentPath="/dash/pages"
-    >
-      <PagesContent pages={pages} />
-    </DashLayout>,
-  );
-});
-
-pagesRoutes.get("/new", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-  return c.html(
-    <DashLayout
-      c={c}
-      title="New Page"
-      siteName={siteName}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      currentPath="/dash/pages"
-    >
-      <NewPageContent />
-    </DashLayout>,
-  );
-});
-
-pagesRoutes.post("/", async (c) => {
-  const i18n = getI18n(c);
-  const raw = await c.req.json();
-  const parsed = CreatePageSchema.safeParse(raw);
-  if (!parsed.success) {
-    const errorMsg =
-      parsed.error.issues[0]?.message ??
-      i18n._(
-        msg({
-          message:
-            "Something doesn't look right. Check the form and try again.",
-          comment: "@context: Fallback validation error for page form",
-        }),
-      );
-    return dsToast(errorMsg, "error");
-  }
-
-  const page = await c.var.services.pages.create({
-    title: parsed.data.title,
-    body: parsed.data.body,
-    status: parsed.data.status,
-    slug: parsed.data.slug,
-  });
-
-  return dsRedirect(`/dash/pages/${page.id}`);
-});
-
-pagesRoutes.get("/:id", async (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (isNaN(id)) return c.notFound();
-
-  const page = await c.var.services.pages.getById(id);
-  if (!page) return c.notFound();
-
-  const siteName = c.var.appConfig.siteName;
-  return c.html(
-    <DashLayout
-      c={c}
-      title={page.title || "Page"}
-      siteName={siteName}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      currentPath="/dash/pages"
-    >
-      <ViewPageContent page={page} />
-    </DashLayout>,
-  );
-});
-
-pagesRoutes.get("/:id/edit", async (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (isNaN(id)) return c.notFound();
-
-  const page = await c.var.services.pages.getById(id);
-  if (!page) return c.notFound();
-
-  const siteName = c.var.appConfig.siteName;
-  return c.html(
-    <DashLayout
-      c={c}
-      title={`Edit: ${page.title || "Page"}`}
-      siteName={siteName}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      currentPath="/dash/pages"
-    >
-      <EditPageContent page={page} />
-    </DashLayout>,
-  );
-});
-
-pagesRoutes.post("/:id", async (c) => {
-  const i18n = getI18n(c);
-  const id = parseInt(c.req.param("id"), 10);
-  if (isNaN(id)) return c.notFound();
-
-  const raw = await c.req.json();
-  const parsed = CreatePageSchema.safeParse(raw);
-  if (!parsed.success) {
-    const errorMsg =
-      parsed.error.issues[0]?.message ??
-      i18n._(
-        msg({
-          message:
-            "Something doesn't look right. Check the form and try again.",
-          comment: "@context: Fallback validation error for page form",
-        }),
-      );
-    return dsToast(errorMsg, "error");
-  }
-
-  await c.var.services.pages.update(id, {
-    title: parsed.data.title,
-    body: parsed.data.body,
-    status: parsed.data.status,
-    slug: parsed.data.slug,
-  });
-
-  return dsRedirect(`/dash/pages/${id}`);
-});
-
-pagesRoutes.post("/:id/delete", async (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (isNaN(id)) return c.notFound();
-
-  await c.var.services.pages.delete(id);
-  return dsRedirect("/dash/pages");
-});