@jant/core 0.3.35 → 0.3.37

package/src/routes/dash/appearance.tsx

@@ -1,240 +0,0 @@
-/**
- * Dashboard Appearance Routes
- *
- * Sub-pages: Navigation (default), Color Theme, Font Theme, Advanced (Custom CSS)
- */
-
-import { Hono } from "hono";
-import { msg } from "@lingui/core/macro";
-import type { Bindings } from "../../types.js";
-import type { AppVariables } from "../../types/app-context.js";
-import { DashLayout } from "../../ui/layouts/DashLayout.js";
-import { dsRedirect, dsToast } from "../../lib/sse.js";
-import { getI18n } from "../../i18n/index.js";
-import { SETTINGS_KEYS } from "../../lib/constants.js";
-import { getAvailableThemes } from "../../lib/theme.js";
-import { BUILTIN_FONT_THEMES } from "../../ui/font-themes.js";
-import { ColorThemeContent } from "../../ui/dash/appearance/ColorThemeContent.js";
-import { FontThemeContent } from "../../ui/dash/appearance/FontThemeContent.js";
-import { NavigationContent } from "../../ui/dash/appearance/NavigationContent.js";
-import { AdvancedContent } from "../../ui/dash/appearance/AdvancedContent.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-export const appearanceRoutes = new Hono<Env>();
-
-// ===========================================================================
-// Navigation (default tab)
-// ===========================================================================
-
-appearanceRoutes.get("/", async (c) => {
-  const [navItems, availablePages] = await Promise.all([
-    c.var.services.navItems.list(),
-    c.var.services.pages.listNotInNav(),
-  ]);
-  const siteName = c.var.appConfig.siteName;
-  const headerNavMaxVisible = c.var.appConfig.headerNavMaxVisible;
-  const homeDefaultView = c.var.appConfig.homeDefaultView;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Appearance"
-      siteName={siteName}
-      currentPath="/dash/appearance"
-    >
-      <NavigationContent
-        navItems={navItems}
-        availablePages={availablePages}
-        headerNavMaxVisible={headerNavMaxVisible}
-        homeDefaultView={homeDefaultView}
-        siteName={siteName}
-      />
-    </DashLayout>,
-  );
-});
-
-// ===========================================================================
-// Nav max visible links
-// ===========================================================================
-
-appearanceRoutes.post("/nav-max-visible", async (c) => {
-  const body = await c.req.json<{ value: number }>();
-  const { settings } = c.var.services;
-
-  const navMax = Math.max(0, Math.min(5, body.value ?? 3));
-  if (navMax !== 3) {
-    await settings.set("HEADER_NAV_MAX_VISIBLE", String(navMax));
-  } else {
-    await settings.remove("HEADER_NAV_MAX_VISIBLE");
-  }
-
-  return c.json({ ok: true });
-});
-
-// ===========================================================================
-// Home default view
-// ===========================================================================
-
-appearanceRoutes.post("/home-default-view", async (c) => {
-  const body = await c.req.json<{ value: string }>();
-  const { settings } = c.var.services;
-
-  if (body.value === "featured") {
-    await settings.set("HOME_DEFAULT_VIEW", "featured");
-  } else {
-    await settings.remove("HOME_DEFAULT_VIEW");
-  }
-
-  return c.json({ ok: true });
-});
-
-// ===========================================================================
-// Color Theme
-// ===========================================================================
-
-appearanceRoutes.get("/color", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-  const defaultThemeId = c.var.appConfig.fallbacks.defaultTheme;
-  const currentThemeId =
-    c.var.allSettings[SETTINGS_KEYS.THEME] ?? defaultThemeId;
-  const themes = getAvailableThemes();
-  const saved = c.req.query("saved") !== undefined;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Appearance"
-      siteName={siteName}
-      currentPath="/dash/appearance"
-      toast={saved ? { message: "Theme saved successfully." } : undefined}
-    >
-      <ColorThemeContent themes={themes} currentThemeId={currentThemeId} />
-    </DashLayout>,
-  );
-});
-
-appearanceRoutes.post("/color", async (c) => {
-  const i18n = getI18n(c);
-  const body = await c.req.json<{ theme: string }>();
-  const { settings } = c.var.services;
-  const themes = getAvailableThemes();
-
-  const validTheme = themes.find((t) => t.id === body.theme);
-  if (!validTheme) {
-    return dsToast(
-      i18n._(
-        msg({
-          message: "Invalid theme selected.",
-          comment: "@context: Error toast when selected theme is not valid",
-        }),
-      ),
-      "error",
-    );
-  }
-
-  const defaultThemeId = c.var.appConfig.fallbacks.defaultTheme;
-  if (validTheme.id === defaultThemeId) {
-    await settings.remove(SETTINGS_KEYS.THEME);
-  } else {
-    await settings.set(SETTINGS_KEYS.THEME, validTheme.id);
-  }
-
-  return dsRedirect("/dash/appearance/color?saved");
-});
-
-// ===========================================================================
-// Font Theme
-// ===========================================================================
-
-appearanceRoutes.get("/fonts", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-  const currentFontThemeId = c.var.allSettings["FONT_THEME"] ?? "default";
-  const saved = c.req.query("saved") !== undefined;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Appearance"
-      siteName={siteName}
-      currentPath="/dash/appearance"
-      toast={saved ? { message: "Font theme saved successfully." } : undefined}
-    >
-      <FontThemeContent
-        fontThemes={BUILTIN_FONT_THEMES}
-        currentFontThemeId={currentFontThemeId}
-      />
-    </DashLayout>,
-  );
-});
-
-appearanceRoutes.post("/font-theme", async (c) => {
-  const i18n = getI18n(c);
-  const body = await c.req.json<{ fontTheme: string }>();
-  const { settings } = c.var.services;
-
-  const validFont = BUILTIN_FONT_THEMES.find((f) => f.id === body.fontTheme);
-  if (!validFont) {
-    return dsToast(
-      i18n._(
-        msg({
-          message: "Invalid font theme selected.",
-          comment:
-            "@context: Error toast when selected font theme is not valid",
-        }),
-      ),
-      "error",
-    );
-  }
-
-  if (validFont.id === "default") {
-    await settings.remove("FONT_THEME");
-  } else {
-    await settings.set("FONT_THEME", validFont.id);
-  }
-
-  return dsRedirect("/dash/appearance/fonts?saved");
-});
-
-// ===========================================================================
-// Advanced (Custom CSS)
-// ===========================================================================
-
-appearanceRoutes.get("/advanced", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-  const customCSS = c.var.allSettings[SETTINGS_KEYS.CUSTOM_CSS] ?? "";
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Appearance"
-      siteName={siteName}
-      currentPath="/dash/appearance"
-    >
-      <AdvancedContent customCSS={customCSS} />
-    </DashLayout>,
-  );
-});
-
-appearanceRoutes.post("/custom-css", async (c) => {
-  const i18n = getI18n(c);
-  const body = await c.req.json<{ customCSS: string }>();
-  const { settings } = c.var.services;
-
-  const css = body.customCSS?.trim() ?? "";
-
-  if (css) {
-    await settings.set(SETTINGS_KEYS.CUSTOM_CSS, css);
-  } else {
-    await settings.remove(SETTINGS_KEYS.CUSTOM_CSS);
-  }
-
-  return dsToast(
-    i18n._(
-      msg({
-        message: "Custom CSS saved successfully.",
-        comment: "@context: Toast after saving custom CSS",
-      }),
-    ),
-  );
-});

package/src/routes/dash/collections.tsx

@@ -1,211 +0,0 @@
-/**
- * Dashboard Collections 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 { DangerZone } from "../../ui/dash/index.js";
-import { dsRedirect } from "../../lib/sse.js";
-import {
-  CreateCollectionSchema,
-  UpdateCollectionSchema,
-  parseValidated,
-} from "../../lib/schemas.js";
-import { createMediaContext, toPostViewsFromPosts } from "../../lib/view.js";
-import { slugify } from "../../lib/url.js";
-import { CollectionsListContent } from "../../ui/dash/collections/CollectionsListContent.js";
-import { CollectionForm } from "../../ui/dash/collections/CollectionForm.js";
-import { ViewCollectionContent } from "../../ui/dash/collections/ViewCollectionContent.js";
-import { IconPickerGrid } from "../../ui/dash/collections/IconPickerGrid.js";
-
-type Env = { Bindings: Bindings; Variables: AppVariables };
-
-export const collectionsRoutes = new Hono<Env>();
-
-// List collections
-collectionsRoutes.get("/", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-  const [collections, dividers, postCounts] = await Promise.all([
-    c.var.services.collections.list(),
-    c.var.services.collections.listDividers(),
-    c.var.services.collections.getPostCounts(),
-  ]);
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="Collections"
-      siteName={siteName}
-      currentPath="/dash/collections"
-    >
-      <CollectionsListContent
-        collections={collections}
-        dividers={dividers}
-        postCounts={postCounts}
-      />
-    </DashLayout>,
-  );
-});
-
-// New collection form
-collectionsRoutes.get("/new", async (c) => {
-  const siteName = c.var.appConfig.siteName;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title="New Collection"
-      siteName={siteName}
-      currentPath="/dash/collections"
-    >
-      <CollectionForm />
-    </DashLayout>,
-  );
-});
-
-// Create collection
-collectionsRoutes.post("/", async (c) => {
-  const wantsJson = c.req.header("Accept")?.includes("application/json");
-  const raw = await c.req.json();
-  const body = parseValidated(CreateCollectionSchema, {
-    ...raw,
-    slug: raw.slug || slugify(raw.title ?? ""),
-  });
-
-  const collection = await c.var.services.collections.create({
-    title: body.title,
-    slug: body.slug,
-    description: body.description || undefined,
-    icon: body.icon || undefined,
-    sortOrder: body.sortOrder || undefined,
-  });
-
-  const redirectUrl = `/dash/collections/${collection.id}`;
-  if (wantsJson) {
-    return c.json({ status: "redirect" as const, url: redirectUrl });
-  }
-
-  return dsRedirect(redirectUrl);
-});
-
-// Reorder collections (accepts prefixed items)
-collectionsRoutes.post("/reorder", async (c) => {
-  const body = await c.req.json<{ items?: string[]; ids?: number[] }>();
-
-  if (body.items) {
-    await c.var.services.collections.reorderAll(body.items);
-  } else if (body.ids) {
-    // Backward compat: plain numeric IDs
-    await c.var.services.collections.reorder(body.ids);
-  }
-
-  return c.json({ success: true });
-});
-
-// Create divider
-collectionsRoutes.post("/dividers", async (c) => {
-  await c.var.services.collections.createDivider();
-  return dsRedirect("/dash/collections");
-});
-
-// Delete divider
-collectionsRoutes.post("/dividers/:id/delete", async (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (!isNaN(id)) {
-    await c.var.services.collections.deleteDivider(id);
-  }
-  return dsRedirect("/dash/collections");
-});
-
-// Icon picker grid (HTML fragment)
-collectionsRoutes.get("/icons", (c) => {
-  return c.html(<IconPickerGrid />);
-});
-
-// View single collection
-collectionsRoutes.get("/:id", async (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (isNaN(id)) return c.notFound();
-
-  const collection = await c.var.services.collections.getById(id);
-  if (!collection) return c.notFound();
-
-  const rawPosts = await c.var.services.posts.list({ collectionId: id });
-  const ctx = createMediaContext(c.var.appConfig);
-  const posts = toPostViewsFromPosts(rawPosts, ctx);
-  const siteName = c.var.appConfig.siteName;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title={collection.title}
-      siteName={siteName}
-      currentPath="/dash/collections"
-    >
-      <ViewCollectionContent collection={collection} posts={posts} />
-    </DashLayout>,
-  );
-});
-
-// Edit collection form
-collectionsRoutes.get("/:id/edit", async (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (isNaN(id)) return c.notFound();
-
-  const collection = await c.var.services.collections.getById(id);
-  if (!collection) return c.notFound();
-
-  const siteName = c.var.appConfig.siteName;
-
-  return c.html(
-    <DashLayout
-      c={c}
-      title={`Edit: ${collection.title}`}
-      siteName={siteName}
-      currentPath="/dash/collections"
-    >
-      <CollectionForm collection={collection} isEdit />
-      <DangerZone
-        actionLabel="Delete Collection"
-        formAction={`/dash/collections/${collection.id}/delete`}
-        confirmMessage="Are you sure you want to delete this collection?"
-      />
-    </DashLayout>,
-  );
-});
-
-// Update collection
-collectionsRoutes.post("/:id", async (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (isNaN(id)) return c.notFound();
-
-  const wantsJson = c.req.header("Accept")?.includes("application/json");
-  const body = parseValidated(UpdateCollectionSchema, await c.req.json());
-
-  await c.var.services.collections.update(id, {
-    title: body.title,
-    slug: body.slug,
-    description: body.description || null,
-    icon: body.icon || null,
-    sortOrder: body.sortOrder || undefined,
-  });
-
-  const redirectUrl = `/dash/collections/${id}`;
-  if (wantsJson) {
-    return c.json({ status: "redirect" as const, url: redirectUrl });
-  }
-
-  return dsRedirect(redirectUrl);
-});
-
-// Delete collection
-collectionsRoutes.post("/:id/delete", async (c) => {
-  const id = parseInt(c.req.param("id"), 10);
-  if (isNaN(id)) return c.notFound();
-
-  await c.var.services.collections.delete(id);
-
-  return dsRedirect("/dash/collections");
-});

package/src/routes/dash/index.tsx

@@ -1,103 +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} currentPath="/dash">
-      <DashboardContent
-        publishedCount={publishedCount}
-        draftCount={draftCount}
-      />
-    </DashLayout>,
-  );
-});

package/src/routes/dash/media.tsx

@@ -1,132 +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}
-      currentPath="/dash/media"
-    >
-      <MediaListContent
-        mediaList={mediaList}
-        r2PublicUrl={c.var.appConfig.r2PublicUrl}
-        imageTransformUrl={c.var.appConfig.imageTransformUrl}
-        s3PublicUrl={c.var.appConfig.s3PublicUrl}
-      />
-    </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}
-      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");
-});