@jant/core 0.3.35 → 0.3.37

package/src/routes/dash/pages.tsx

@@ -1,239 +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}
-      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}
-      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: "Invalid input",
-          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}
-      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}
-      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: "Invalid input",
-          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");
-});

package/src/routes/dash/posts.tsx

@@ -1,334 +0,0 @@
-/**
- * Dashboard Posts Routes
- */
-
-import { Hono } from "hono";
-import { useLingui } from "@lingui/react/macro";
-import type {
-  Bindings,
-  Post,
-  PostView,
-  Media,
-  Collection,
-} from "../../types.js";
-import type { AppVariables } from "../../types/app-context.js";
-import { DashLayout } from "../../ui/layouts/DashLayout.js";
-import {
-  PostForm,
-  PostList,
-  CrudPageHeader,
-  ActionButtons,
-} from "../../ui/dash/index.js";
-import * as sqid from "../../lib/sqid.js";
-import { dsRedirect } from "../../lib/sse.js";
-import {
-  CreatePostSchema,
-  UpdatePostSchema,
-  parseValidated,
-} from "../../lib/schemas.js";
-import {
-  toPostViewsFromPosts,
-  toPostViewFromPost,
-  createMediaContext,
-} from "../../lib/view.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-export const postsRoutes = new Hono<Env>();
-
-function PostsListContent({ posts }: { posts: PostView[] }) {
-  const { t } = useLingui();
-  return (
-    <>
-      <CrudPageHeader
-        title={t({ message: "Posts", comment: "@context: Dashboard heading" })}
-        ctaLabel={t({
-          message: "New Post",
-          comment: "@context: Button to create new post",
-        })}
-        ctaHref="/dash/posts/new"
-      />
-      <PostList posts={posts} />
-    </>
-  );
-}
-
-function NewPostContent({ collections }: { collections: Collection[] }) {
-  const { t } = useLingui();
-  return (
-    <>
-      <h1 class="text-2xl font-semibold mb-6">
-        {t({ message: "New Post", comment: "@context: Page heading" })}
-      </h1>
-      <PostForm action="/dash/posts" collections={collections} />
-    </>
-  );
-}
-
-// List posts
-postsRoutes.get("/", async (c) => {
-  const posts = await c.var.services.posts.list({
-    excludeReplies: true,
-  });
-  const siteName = c.var.appConfig.siteName;
-  const postViews = toPostViewsFromPosts(
-    posts,
-    createMediaContext(c.var.appConfig),
-  );
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Posts"
-      siteName={siteName}
-      currentPath="/dash/posts"
-    >
-      <PostsListContent posts={postViews} />
-    </DashLayout>,
-  );
-});
-
-// New post form
-postsRoutes.get("/new", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-  const collections = await c.var.services.collections.list();
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="New Post"
-      siteName={siteName}
-      currentPath="/dash/posts"
-    >
-      <NewPostContent collections={collections} />
-    </DashLayout>,
-  );
-});
-
-// Create post
-postsRoutes.post("/", async (c) => {
-  const wantsJson = c.req.header("Accept")?.includes("application/json");
-  const body = parseValidated(CreatePostSchema, await c.req.json());
-
-  // Validate media IDs before creating post
-  if (body.mediaIds && body.mediaIds.length > 0) {
-    await c.var.services.media.validateIds(body.mediaIds);
-  }
-
-  const post = await c.var.services.posts.create({
-    format: body.format,
-    title: body.title || undefined,
-    body: body.body,
-    status: body.status,
-    featured: body.featured,
-    pinned: body.pinned,
-    url: body.url || undefined,
-    quoteText: body.quoteText || undefined,
-    rating: body.rating || undefined,
-    collectionIds: body.collectionIds?.length ? body.collectionIds : undefined,
-  });
-
-  // Attach media if provided
-  if (body.mediaIds && body.mediaIds.length > 0) {
-    await c.var.services.media.attachToPost(post.id, body.mediaIds);
-  }
-
-  const redirectUrl = `/dash/posts/${sqid.encode(post.id)}`;
-  if (wantsJson) {
-    return c.json({ status: "redirect" as const, url: redirectUrl });
-  }
-
-  return dsRedirect(redirectUrl);
-});
-
-function ViewPostContent({ post }: { post: PostView }) {
-  const { t } = useLingui();
-  const defaultTitle = t({
-    message: "Post",
-    comment: "@context: Default post title",
-  });
-
-  return (
-    <>
-      <div class="flex items-center justify-between mb-6">
-        <h1 class="text-2xl font-semibold">{post.title || defaultTitle}</h1>
-        <ActionButtons
-          editHref={`/dash/posts/${sqid.encode(post.id)}/edit`}
-          editLabel={t({
-            message: "Edit",
-            comment: "@context: Button to edit post",
-          })}
-          viewHref={post.permalink}
-          viewLabel={t({
-            message: "View",
-            comment: "@context: Button to view post",
-          })}
-        />
-      </div>
-
-      <div class="card">
-        <section>
-          <div
-            class="prose"
-            dangerouslySetInnerHTML={{ __html: post.bodyHtml || "" }}
-          />
-        </section>
-      </div>
-    </>
-  );
-}
-
-function EditPostContent({
-  post,
-  mediaAttachments,
-  r2PublicUrl,
-  imageTransformUrl,
-  s3PublicUrl,
-  collections,
-  postCollectionIds,
-}: {
-  post: Post;
-  mediaAttachments: Media[];
-  r2PublicUrl?: string;
-  imageTransformUrl?: string;
-  s3PublicUrl?: string;
-  collections: Collection[];
-  postCollectionIds: number[];
-}) {
-  const { t } = useLingui();
-  return (
-    <>
-      <h1 class="text-2xl font-semibold mb-6">
-        {t({ message: "Edit Post", comment: "@context: Page heading" })}
-      </h1>
-      <PostForm
-        post={post}
-        action={`/dash/posts/${sqid.encode(post.id)}`}
-        mediaAttachments={mediaAttachments}
-        r2PublicUrl={r2PublicUrl}
-        imageTransformUrl={imageTransformUrl}
-        s3PublicUrl={s3PublicUrl}
-        collections={collections}
-        postCollectionIds={postCollectionIds}
-        cancelHref={`/dash/posts/${sqid.encode(post.id)}`}
-      />
-    </>
-  );
-}
-
-// View single post
-postsRoutes.get("/:id", async (c) => {
-  const id = sqid.decode(c.req.param("id"));
-  if (!id) return c.notFound();
-
-  const post = await c.var.services.posts.getById(id);
-  if (!post) return c.notFound();
-
-  const siteName = c.var.appConfig.siteName;
-  const pageTitle = post.title || "Post";
-  const postView = toPostViewFromPost(
-    post,
-    createMediaContext(c.var.appConfig),
-  );
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title={pageTitle}
-      siteName={siteName}
-      currentPath="/dash/posts"
-    >
-      <ViewPostContent post={postView} />
-    </DashLayout>,
-  );
-});
-
-// Edit post form
-postsRoutes.get("/:id/edit", async (c) => {
-  const id = sqid.decode(c.req.param("id"));
-  if (!id) return c.notFound();
-
-  const post = await c.var.services.posts.getById(id);
-  if (!post) return c.notFound();
-
-  const siteName = c.var.appConfig.siteName;
-  const mediaAttachments = await c.var.services.media.getByPostId(post.id);
-  const { r2PublicUrl, imageTransformUrl, s3PublicUrl } = c.var.appConfig;
-  const [collections, postCollections] = await Promise.all([
-    c.var.services.collections.list(),
-    c.var.services.collections.getCollectionsByPostId(post.id),
-  ]);
-  const postCollectionIds = postCollections.map((c) => c.id);
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title={`Edit: ${post.title || "Post"}`}
-      siteName={siteName}
-      currentPath="/dash/posts"
-    >
-      <EditPostContent
-        post={post}
-        mediaAttachments={mediaAttachments}
-        r2PublicUrl={r2PublicUrl}
-        imageTransformUrl={imageTransformUrl}
-        s3PublicUrl={s3PublicUrl}
-        collections={collections}
-        postCollectionIds={postCollectionIds}
-      />
-    </DashLayout>,
-  );
-});
-
-// Update post
-postsRoutes.post("/:id", async (c) => {
-  const id = sqid.decode(c.req.param("id"));
-  if (!id) return c.notFound();
-
-  const wantsJson = c.req.header("Accept")?.includes("application/json");
-
-  const body = parseValidated(UpdatePostSchema, await c.req.json());
-
-  // Validate media IDs if provided
-  if (body.mediaIds !== undefined) {
-    await c.var.services.media.validateIds(body.mediaIds);
-  }
-
-  await c.var.services.posts.update(id, {
-    format: body.format,
-    title: body.title || null,
-    body: body.body || null,
-    status: body.status,
-    featured: body.featured,
-    pinned: body.pinned,
-    url: body.url || null,
-    quoteText: body.quoteText || null,
-    rating: body.rating || null,
-    collectionIds: body.collectionIds ?? [],
-  });
-
-  // Update media attachments if provided
-  if (body.mediaIds !== undefined) {
-    await c.var.services.media.attachToPost(id, body.mediaIds);
-  }
-
-  const redirectUrl = `/dash/posts/${sqid.encode(id)}`;
-  if (wantsJson) {
-    return c.json({ status: "redirect" as const, url: redirectUrl });
-  }
-
-  return dsRedirect(redirectUrl);
-});
-
-// Delete post
-postsRoutes.post("/:id/delete", async (c) => {
-  const id = sqid.decode(c.req.param("id"));
-  if (!id) return c.notFound();
-
-  await c.var.services.posts.delete(id, {
-    media: c.var.services.media,
-    storage: c.var.storage,
-  });
-
-  return dsRedirect("/dash/posts");
-});