@jant/core 0.3.35 → 0.3.36

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");
-});