@jant/core 0.3.36 → 0.3.37

package/src/routes/dash/posts.tsx

@@ -1,338 +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}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      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}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      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,
-    visibility: body.visibility,
-    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}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      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}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      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,
-    visibility: body.visibility,
-    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");
-});

package/src/routes/dash/redirects.tsx

@@ -1,263 +0,0 @@
-/**
- * Dashboard Redirects Routes
- *
- * Mounted under /dash/settings/redirects
- */
-
-import { Hono } from "hono";
-import { z } from "zod";
-import { useLingui } from "@lingui/react/macro";
-import type { Bindings, Redirect } from "../../types.js";
-import type { AppVariables } from "../../types/app-context.js";
-import { DashLayout } from "../../ui/layouts/DashLayout.js";
-import { EmptyState, ListItemRow, ActionButtons } from "../../ui/dash/index.js";
-import { dsRedirect } from "../../lib/sse.js";
-import { RedirectTypeSchema, parseValidated } from "../../lib/schemas.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-const CreateRedirectBody = z.object({
-  fromPath: z.string().min(1),
-  toPath: z.string().min(1),
-  type: RedirectTypeSchema,
-});
-
-export const redirectsRoutes = new Hono<Env>();
-
-function RedirectsListContent({ redirects }: { redirects: Redirect[] }) {
-  const { t } = useLingui();
-
-  return (
-    <>
-      <div class="flex items-center justify-between mb-6">
-        <h2 class="text-lg font-medium">
-          {t({
-            message: "Redirects",
-            comment: "@context: Settings section heading",
-          })}
-        </h2>
-        <a href="/dash/settings/redirects/new" class="btn">
-          {t({
-            message: "New Redirect",
-            comment: "@context: Button to create new redirect",
-          })}
-        </a>
-      </div>
-
-      {redirects.length === 0 ? (
-        <EmptyState
-          message={t({
-            message:
-              "No redirects yet. Create one to forward traffic from old URLs.",
-            comment: "@context: Empty state message",
-          })}
-          ctaText={t({
-            message: "New Redirect",
-            comment: "@context: Button to create new redirect",
-          })}
-          ctaHref="/dash/settings/redirects/new"
-        />
-      ) : (
-        <div class="flex flex-col divide-y">
-          {redirects.map((r) => (
-            <ListItemRow
-              key={r.id}
-              actions={
-                <ActionButtons
-                  deleteAction={`/dash/settings/redirects/${r.id}/delete`}
-                  deleteLabel={t({
-                    message: "Delete",
-                    comment: "@context: Button to delete redirect",
-                  })}
-                />
-              }
-            >
-              <div class="flex items-center gap-2">
-                <code class="text-sm bg-muted px-1 rounded">{r.fromPath}</code>
-                <span class="text-muted-foreground">&rarr;</span>
-                <code class="text-sm bg-muted px-1 rounded">{r.toPath}</code>
-                <span class="badge-outline">{r.type}</span>
-              </div>
-            </ListItemRow>
-          ))}
-        </div>
-      )}
-    </>
-  );
-}
-
-function NewRedirectContent() {
-  const { t } = useLingui();
-
-  return (
-    <>
-      <h2 class="text-lg font-medium mb-6">
-        {t({ message: "New Redirect", comment: "@context: Page heading" })}
-      </h2>
-
-      <form
-        data-signals="{fromPath: '', toPath: '', type: '301'}"
-        data-on:submit__prevent="@post('/dash/settings/redirects')"
-        data-indicator="_loading"
-        class="flex flex-col gap-4 max-w-lg"
-      >
-        <div class="field">
-          <label class="label">
-            {t({
-              message: "From Path",
-              comment: "@context: Redirect form field",
-            })}
-          </label>
-          <input
-            type="text"
-            data-bind="fromPath"
-            class="input"
-            placeholder="/old-path"
-            required
-          />
-          <p class="text-xs text-muted-foreground mt-1">
-            {t({
-              message: "The path to redirect from",
-              comment: "@context: Redirect from path help text",
-            })}
-          </p>
-        </div>
-
-        <div class="field">
-          <label class="label">
-            {t({
-              message: "To Path",
-              comment: "@context: Redirect form field",
-            })}
-          </label>
-          <input
-            type="text"
-            data-bind="toPath"
-            class="input"
-            placeholder="/new-path or https://..."
-            required
-          />
-          <p class="text-xs text-muted-foreground mt-1">
-            {t({
-              message: "The destination path or URL",
-              comment: "@context: Redirect to path help text",
-            })}
-          </p>
-        </div>
-
-        <div class="field">
-          <label class="label">
-            {t({ message: "Type", comment: "@context: Redirect form field" })}
-          </label>
-          <select data-bind="type" class="select">
-            <option value="301">
-              {t({
-                message: "301 (Permanent)",
-                comment: "@context: Redirect type option",
-              })}
-            </option>
-            <option value="302">
-              {t({
-                message: "302 (Temporary)",
-                comment: "@context: Redirect type option",
-              })}
-            </option>
-          </select>
-        </div>
-
-        <div class="flex gap-2">
-          <button type="submit" class="btn" data-attr:disabled="$_loading">
-            <svg
-              data-show="$_loading"
-              style="display:none"
-              class="animate-spin size-4"
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              role="status"
-            >
-              <path d="M21 12a9 9 0 1 1-6.219-8.56" />
-            </svg>
-            {t({
-              message: "Create Redirect",
-              comment: "@context: Button to save new redirect",
-            })}
-          </button>
-          <a href="/dash/settings/redirects" class="btn-outline">
-            {t({
-              message: "Cancel",
-              comment: "@context: Button to cancel form",
-            })}
-          </a>
-        </div>
-      </form>
-    </>
-  );
-}
-
-const BREADCRUMB = {
-  parent: "Settings",
-  parentHref: "/dash/settings",
-  current: "Redirects",
-};
-
-// List redirects
-redirectsRoutes.get("/", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-  const redirects = await c.var.services.redirects.list();
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Redirects"
-      siteName={siteName}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      currentPath="/dash/settings"
-      breadcrumb={BREADCRUMB}
-    >
-      <RedirectsListContent redirects={redirects} />
-    </DashLayout>,
-  );
-});
-
-// New redirect form
-redirectsRoutes.get("/new", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Redirects"
-      siteName={siteName}
-      siteAvatarUrl={c.var.appConfig.siteAvatarUrl}
-      currentPath="/dash/settings"
-      breadcrumb={BREADCRUMB}
-    >
-      <NewRedirectContent />
-    </DashLayout>,
-  );
-});
-
-// Create redirect
-redirectsRoutes.post("/", async (c) => {
-  const body = parseValidated(CreateRedirectBody, await c.req.json());
-
-  const type = parseInt(body.type, 10) as 301 | 302;
-  await c.var.services.redirects.create(body.fromPath, body.toPath, type);
-
-  return dsRedirect("/dash/settings/redirects");
-});
-
-// Delete redirect
-redirectsRoutes.post("/:id/delete", async (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (!isNaN(id)) {
-    await c.var.services.redirects.delete(id);
-  }
-
-  return dsRedirect("/dash/settings/redirects");
-});

package/src/routes/pages/post.tsx

@@ -1,59 +0,0 @@
-/**
- * Single Post Page Route
- */
-
-import { Hono } from "hono";
-import type { Bindings } from "../../types.js";
-import type { AppVariables } from "../../types/app-context.js";
-import { PostPage } from "../../ui/pages/PostPage.js";
-import * as sqid from "../../lib/sqid.js";
-import { getNavigationData } from "../../lib/navigation.js";
-import { renderPublicPage } from "../../lib/render.js";
-import { buildMediaMap } from "../../lib/media-helpers.js";
-import { createMediaContext, toPostView } from "../../lib/view.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-export const postRoutes = new Hono<Env>();
-
-postRoutes.get("/:id", async (c) => {
-  const paramId = c.req.param("id");
-
-  // Decode sqid to numeric ID
-  const id = sqid.decode(paramId);
-  if (!id) return c.notFound();
-
-  const post = await c.var.services.posts.getById(id);
-  if (!post) return c.notFound();
-
-  // Don't show drafts on public site
-  if (post.status === "draft") {
-    return c.notFound();
-  }
-
-  // Batch load media attachments
-  const rawMediaMap = await c.var.services.media.getByPostIds([post.id]);
-  const mediaCtx = createMediaContext(c.var.appConfig);
-  const mediaMap = buildMediaMap(
-    rawMediaMap,
-    mediaCtx.r2PublicUrl,
-    mediaCtx.imageTransformUrl,
-    mediaCtx.s3PublicUrl,
-  );
-
-  // Transform to View Model
-  const postView = toPostView(
-    { ...post, mediaAttachments: mediaMap.get(post.id) ?? [] },
-    mediaCtx,
-  );
-
-  const navData = await getNavigationData(c);
-  const title = post.title || navData.siteName;
-
-  return renderPublicPage(c, {
-    title,
-    description: post.body?.slice(0, 160),
-    navData,
-    content: <PostPage post={postView} />,
-  });
-});