@jant/core 0.3.23 → 0.3.25

package/bin/jant.js

@@ -1,185 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Jant CLI
- *
- * Commands:
- *   swizzle <component> [--wrap|--eject]  - Override a theme component
- */
-
-import {  writeFileSync, mkdirSync, existsSync } from "fs";
-import { resolve } from "path";
-
-
-// Available components that can be swizzled
-const SWIZZLABLE_COMPONENTS = {
-  PostCard: {
-    file: "PostCard.tsx",
-    props: "PostCardProps",
-  },
-  PostList: {
-    file: "PostList.tsx",
-    props: "PostListProps",
-  },
-  Pagination: {
-    file: "Pagination.tsx",
-    props: "PaginationProps",
-  },
-  EmptyState: {
-    file: "EmptyState.tsx",
-    props: "EmptyStateProps",
-  },
-  BaseLayout: {
-    file: "BaseLayout.tsx",
-    props: "BaseLayoutProps",
-    isLayout: true,
-  },
-};
-
-function showHelp() {
-  console.log(`
-Jant CLI
-
-Usage:
-  jant swizzle <component> [options]
-
-Commands:
-  swizzle <component>   Override a theme component
-
-Options:
-  --wrap     Create a wrapper around the original component (default)
-  --eject    Copy the full component source for complete customization
-  --list     List available components
-
-Examples:
-  jant swizzle PostCard           # Wrap PostCard component
-  jant swizzle PostCard --eject   # Copy PostCard source
-  jant swizzle --list             # List all swizzlable components
-`);
-}
-
-function listComponents() {
-  console.log("\nAvailable components to swizzle:\n");
-  for (const [name, info] of Object.entries(SWIZZLABLE_COMPONENTS)) {
-    const type = info.isLayout ? "[Layout]" : "[Component]";
-    console.log(`  ${name.padEnd(15)} ${type}`);
-  }
-  console.log("\nUsage: jant swizzle <component> [--wrap|--eject]\n");
-}
-
-function generateWrapperCode(componentName, info) {
-  const importPath = info.isLayout
-    ? "@jant/core/theme/layouts"
-    : "@jant/core/theme/components";
-
-  return `/**
- * Custom ${componentName} component
- *
- * This is a wrapper around the original ${componentName}.
- * You can customize the rendering while keeping the original functionality.
- */
-
-import type { ${info.props} } from "@jant/core";
-import { ${componentName} as Original${componentName} } from "${importPath}";
-
-export function ${componentName}(props: ${info.props}) {
-  // Add your customizations here
-  return (
-    <div class="custom-${componentName.toLowerCase()}-wrapper">
-      <Original${componentName} {...props} />
-    </div>
-  );
-}
-`;
-}
-
-function swizzle(componentName, mode) {
-  const info = SWIZZLABLE_COMPONENTS[componentName];
-  if (!info) {
-    console.error(`Error: Unknown component "${componentName}"`);
-    console.log("\nAvailable components:");
-    listComponents();
-    process.exit(1);
-  }
-
-  const targetDir = info.isLayout
-    ? resolve(process.cwd(), "src/theme/layouts")
-    : resolve(process.cwd(), "src/theme/components");
-
-  const targetFile = resolve(targetDir, info.file);
-
-  // Check if file already exists
-  if (existsSync(targetFile)) {
-    console.error(`Error: ${targetFile} already exists`);
-    console.log("Remove it first if you want to re-swizzle.");
-    process.exit(1);
-  }
-
-  // Create directory if needed
-  mkdirSync(targetDir, { recursive: true });
-
-  if (mode === "eject") {
-    // For eject mode, we'd need to copy the actual source
-    // For now, show a message about where to find it
-    console.log(`
-To eject ${componentName}, copy the source from:
-  node_modules/@jant/core/src/theme/${info.isLayout ? "layouts" : "components"}/${info.file}
-
-Then modify it as needed.
-`);
-    return;
-  }
-
-  // Generate wrapper code
-  const code = generateWrapperCode(componentName, info);
-  writeFileSync(targetFile, code, "utf-8");
-
-  console.log(`
-✓ Created ${targetFile}
-
-Next steps:
-1. Customize the component in the generated file
-2. Import it in your src/index.ts:
-
-   import { ${componentName} } from "./theme/${info.isLayout ? "layouts" : "components"}/${componentName}";
-
-   export default createApp({
-     theme: {
-       components: {
-         ${componentName},
-       },
-     },
-   });
-`);
-}
-
-// Parse arguments
-const args = process.argv.slice(2);
-
-if (args.length === 0 || args[0] === "--help" || args[0] === "-h") {
-  showHelp();
-  process.exit(0);
-}
-
-const command = args[0];
-
-if (command === "swizzle") {
-  if (args.includes("--list")) {
-    listComponents();
-    process.exit(0);
-  }
-
-  const componentName = args[1];
-  if (!componentName) {
-    console.error("Error: Component name required");
-    console.log("Usage: jant swizzle <component> [--wrap|--eject]");
-    process.exit(1);
-  }
-
-  const mode = args.includes("--eject") ? "eject" : "wrap";
-  swizzle(componentName, mode);
-} else {
-  console.error(`Unknown command: ${command}`);
-  showHelp();
-  process.exit(1);
-}

package/dist/lib/theme-components.js

@@ -1,49 +0,0 @@
-/**
- * Theme Component Resolution
- *
- * Resolves theme-overridable components, falling back to defaults.
- */ const THEME_KEY_MAP = {
-    note: "NoteCard",
-    article: "ArticleCard",
-    link: "LinkCard",
-    quote: "QuoteCard",
-    image: "ImageCard",
-    page: "NoteCard"
-};
-/**
- * Generic component resolver.
- *
- * Looks up a component by key in `ThemeComponents` and falls back to the
- * provided default component.
- *
- * @param key - ThemeComponents key to look up
- * @param defaultComponent - Fallback component
- * @param themeComponents - Optional theme component overrides
- * @returns The resolved component
- *
- * @example
- * ```ts
- * const Gallery = resolveComponent("MediaGallery", DefaultMediaGallery, theme);
- * ```
- */ export function resolveComponent(key, defaultComponent, themeComponents) {
-    return themeComponents?.[key] ?? defaultComponent;
-}
-/**
- * Resolves the card component for a given post type.
- *
- * Checks theme overrides first, then falls back to the provided default card component.
- *
- * @param type - The post type to resolve a card for
- * @param defaults - Map of post type to default card component
- * @param themeComponents - Optional theme component overrides
- * @returns The resolved card component
- *
- * @example
- * ```ts
- * const Card = resolveCardComponent("article", DEFAULT_CARD_MAP, c.var.config.theme?.components);
- * ```
- */ export function resolveCardComponent(type, defaults, themeComponents) {
-    const key = THEME_KEY_MAP[type];
-    const override = themeComponents?.[key];
-    return override ?? defaults[type];
-}

package/dist/routes/api/timeline.js

@@ -1,120 +0,0 @@
-import { jsx as _jsx } from "hono/jsx/jsx-runtime";
-/**
- * Timeline API Routes
- *
- * Provides load-more functionality for the timeline feed via SSE.
- */ import { Hono } from "hono";
-import { sse } from "../../lib/sse.js";
-import { buildMediaMap } from "../../lib/media-helpers.js";
-import { TimelineItem } from "../../themes/minimal/timeline/TimelineItem.js";
-import { ThreadPreview as DefaultThreadPreview } from "../../themes/minimal/timeline/ThreadPreview.js";
-import { createMediaContext, toPostView, toPostViews } from "../../lib/view.js";
-const PAGE_SIZE = 20;
-export const timelineApiRoutes = new Hono();
-timelineApiRoutes.get("/", async (c)=>{
-    const cursorParam = c.req.query("cursor");
-    const cursor = cursorParam ? parseInt(cursorParam, 10) : undefined;
-    if (!cursor || isNaN(cursor)) {
-        return c.json({
-            error: "cursor parameter required"
-        }, 400);
-    }
-    // Fetch one extra to determine if there are more
-    const posts = await c.var.services.posts.list({
-        visibility: [
-            "featured",
-            "quiet"
-        ],
-        excludeReplies: true,
-        excludeTypes: [
-            "page"
-        ],
-        limit: PAGE_SIZE + 1,
-        cursor
-    });
-    const hasMore = posts.length > PAGE_SIZE;
-    const displayPosts = hasMore ? posts.slice(0, PAGE_SIZE) : posts;
-    if (displayPosts.length === 0) {
-        return sse(c, async (stream)=>{
-            stream.remove("#load-more-container");
-        });
-    }
-    // Build media map
-    const postIds = displayPosts.map((p)=>p.id);
-    const rawMediaMap = await c.var.services.media.getByPostIds(postIds);
-    const mediaCtx = createMediaContext(c);
-    const mediaMap = buildMediaMap(rawMediaMap, mediaCtx.r2PublicUrl, mediaCtx.imageTransformUrl, mediaCtx.s3PublicUrl);
-    // Get reply counts to identify thread roots
-    const replyCounts = await c.var.services.posts.getReplyCounts(postIds);
-    const threadRootIds = postIds.filter((id)=>(replyCounts.get(id) ?? 0) > 0);
-    // Get thread previews
-    const threadPreviews = await c.var.services.posts.getThreadPreviews(threadRootIds, 3);
-    // Load media for preview replies
-    const previewReplyIds = [];
-    for (const replies of threadPreviews.values()){
-        for (const reply of replies){
-            previewReplyIds.push(reply.id);
-        }
-    }
-    const previewMediaMap = previewReplyIds.length > 0 ? buildMediaMap(await c.var.services.media.getByPostIds(previewReplyIds), mediaCtx.r2PublicUrl, mediaCtx.imageTransformUrl, mediaCtx.s3PublicUrl) : new Map();
-    // Assemble timeline items with View Models
-    const items = displayPosts.map((post)=>{
-        const postView = toPostView({
-            ...post,
-            mediaAttachments: mediaMap.get(post.id) ?? []
-        }, mediaCtx);
-        const replyCount = replyCounts.get(post.id) ?? 0;
-        const previewReplies = threadPreviews.get(post.id);
-        if (replyCount > 0 && previewReplies) {
-            return {
-                post: postView,
-                threadPreview: {
-                    replies: toPostViews(previewReplies.map((r)=>({
-                            ...r,
-                            mediaAttachments: previewMediaMap.get(r.id) ?? []
-                        })), mediaCtx),
-                    totalReplyCount: replyCount
-                }
-            };
-        }
-        return {
-            post: postView
-        };
-    });
-    // Resolve theme components for card rendering
-    const theme = c.var.config.theme?.components;
-    const ResolvedThreadPreview = theme?.ThreadPreview ?? DefaultThreadPreview;
-    // Render items to HTML
-    const itemsHtml = items.map((item)=>{
-        if (item.threadPreview) {
-            return /*#__PURE__*/ _jsx(ResolvedThreadPreview, {
-                rootPost: item.post,
-                previewReplies: item.threadPreview.replies,
-                totalReplyCount: item.threadPreview.totalReplyCount,
-                theme: theme
-            });
-        }
-        return /*#__PURE__*/ _jsx(TimelineItem, {
-            item: item,
-            theme: theme
-        });
-    }).map((jsx)=>jsx.toString()).join("");
-    // Determine next cursor
-    const lastPost = displayPosts[displayPosts.length - 1];
-    const nextCursor = hasMore && lastPost ? lastPost.id : undefined;
-    // Build load-more button HTML
-    const loadMoreHtml = nextCursor ? `<div id="load-more-container" class="mt-8 text-center"><button class="text-sm text-muted-foreground hover:text-foreground hover:underline" data-on:click="@get('/api/timeline?cursor=${nextCursor}')">Load more</button></div>` : "";
-    return sse(c, async (stream)=>{
-        // Append new items to the feed
-        stream.patchElements(itemsHtml, {
-            mode: "append",
-            selector: "#timeline-feed"
-        });
-        // Replace or remove the load-more container
-        if (loadMoreHtml) {
-            stream.patchElements(loadMoreHtml);
-        } else {
-            stream.remove("#load-more-container");
-        }
-    });
-});

package/dist/routes/dash/navigation.js

@@ -1,288 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
-import { getSiteName } from "../../lib/config.js";
-/**
- * Dashboard Navigation Links Routes
- */ import { Hono } from "hono";
-import { useLingui as $_useLingui } from "@jant/core/i18n";
-import { DashLayout } from "../../theme/layouts/index.js";
-import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader } from "../../theme/components/index.js";
-import { dsRedirect, dsToast } from "../../lib/sse.js";
-export const navigationRoutes = new Hono();
-function NavigationListContent({ links }) {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(CrudPageHeader, {
-                title: $__i18n._({
-                    id: "UxKoFf",
-                    message: "Navigation"
-                }),
-                ctaLabel: $__i18n._({
-                    id: "aaGV/9",
-                    message: "New Link"
-                }),
-                ctaHref: "/dash/navigation/new"
-            }),
-            links.length === 0 ? /*#__PURE__*/ _jsx(EmptyState, {
-                message: $__i18n._({
-                    id: "wdGjkd",
-                    message: "No navigation links configured."
-                }),
-                ctaText: $__i18n._({
-                    id: "aaGV/9",
-                    message: "New Link"
-                }),
-                ctaHref: "/dash/navigation/new"
-            }) : /*#__PURE__*/ _jsx(_Fragment, {
-                children: /*#__PURE__*/ _jsx("div", {
-                    id: "nav-links-list",
-                    class: "flex flex-col divide-y",
-                    children: links.map((link)=>/*#__PURE__*/ _jsx(ListItemRow, {
-                            actions: /*#__PURE__*/ _jsx(ActionButtons, {
-                                editHref: `/dash/navigation/${link.id}/edit`,
-                                editLabel: $__i18n._({
-                                    id: "ePK91l",
-                                    message: "Edit"
-                                }),
-                                deleteAction: `/dash/navigation/${link.id}/delete`,
-                                deleteLabel: $__i18n._({
-                                    id: "cnGeoo",
-                                    message: "Delete"
-                                })
-                            }),
-                            children: /*#__PURE__*/ _jsxs("div", {
-                                class: "flex items-center gap-3 cursor-grab",
-                                "data-id": link.id,
-                                children: [
-                                    /*#__PURE__*/ _jsx("span", {
-                                        class: "text-muted-foreground select-none",
-                                        children: "⠿"
-                                    }),
-                                    /*#__PURE__*/ _jsxs("div", {
-                                        class: "flex items-center gap-2",
-                                        children: [
-                                            /*#__PURE__*/ _jsx("span", {
-                                                class: "font-medium",
-                                                children: link.label
-                                            }),
-                                            /*#__PURE__*/ _jsx("code", {
-                                                class: "text-sm text-muted-foreground bg-muted px-1 rounded",
-                                                children: link.url
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        }, link.id))
-                })
-            })
-        ]
-    });
-}
-function NavigationFormContent({ link, isEdit }) {
-    const { i18n: $__i18n, _: $__ } = $_useLingui();
-    const title = isEdit ? $__i18n._({
-        id: "gDx5MG",
-        message: "Edit Link"
-    }) : $__i18n._({
-        id: "aaGV/9",
-        message: "New Link"
-    });
-    const signals = JSON.stringify({
-        label: link?.label ?? "",
-        url: link?.url ?? ""
-    }).replace(/</g, "\\u003c");
-    const action = isEdit ? `/dash/navigation/${link?.id}` : "/dash/navigation";
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx("h1", {
-                class: "text-2xl font-semibold mb-6",
-                children: title
-            }),
-            /*#__PURE__*/ _jsxs("form", {
-                "data-signals": signals,
-                "data-on:submit__prevent": `@post('${action}')`,
-                "data-indicator": "_loading",
-                class: "flex flex-col gap-4 max-w-lg",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "field",
-                        children: [
-                            /*#__PURE__*/ _jsx("label", {
-                                class: "label",
-                                children: $__i18n._({
-                                    id: "87a/t/",
-                                    message: "Label"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("input", {
-                                type: "text",
-                                "data-bind": "label",
-                                class: "input",
-                                placeholder: "Home",
-                                required: true
-                            }),
-                            /*#__PURE__*/ _jsx("p", {
-                                class: "text-xs text-muted-foreground mt-1",
-                                children: $__i18n._({
-                                    id: "+bHzpy",
-                                    message: "Display text for the link"
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "field",
-                        children: [
-                            /*#__PURE__*/ _jsx("label", {
-                                class: "label",
-                                children: $__i18n._({
-                                    id: "IagCbF",
-                                    message: "URL"
-                                })
-                            }),
-                            /*#__PURE__*/ _jsx("input", {
-                                type: "text",
-                                "data-bind": "url",
-                                class: "input",
-                                placeholder: "/archive or https://...",
-                                required: true
-                            }),
-                            /*#__PURE__*/ _jsx("p", {
-                                class: "text-xs text-muted-foreground mt-1",
-                                children: $__i18n._({
-                                    id: "QEbNBb",
-                                    message: "Path (e.g. /archive) or full URL (e.g. https://example.com)"
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        class: "flex gap-2",
-                        children: [
-                            /*#__PURE__*/ _jsxs("button", {
-                                type: "submit",
-                                class: "btn",
-                                "data-attr-disabled": "$_loading",
-                                children: [
-                                    /*#__PURE__*/ _jsx("span", {
-                                        "data-show": "!$_loading",
-                                        children: isEdit ? $__i18n._({
-                                            id: "IUwGEM",
-                                            message: "Save Changes"
-                                        }) : $__i18n._({
-                                            id: "kd7eBB",
-                                            message: "Create Link"
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx("span", {
-                                        "data-show": "$_loading",
-                                        children: $__i18n._({
-                                            id: "k1ifdL",
-                                            message: "Processing..."
-                                        })
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsx("a", {
-                                href: "/dash/navigation",
-                                class: "btn-outline",
-                                children: $__i18n._({
-                                    id: "dEgA5A",
-                                    message: "Cancel"
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-}
-// List navigation links
-navigationRoutes.get("/", async (c)=>{
-    const siteName = await getSiteName(c);
-    const links = await c.var.services.navigationLinks.list();
-    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
-        c: c,
-        title: "Navigation",
-        siteName: siteName,
-        currentPath: "/dash/navigation",
-        children: /*#__PURE__*/ _jsx(NavigationListContent, {
-            links: links
-        })
-    }));
-});
-// New link form
-navigationRoutes.get("/new", async (c)=>{
-    const siteName = await getSiteName(c);
-    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
-        c: c,
-        title: "New Link",
-        siteName: siteName,
-        currentPath: "/dash/navigation",
-        children: /*#__PURE__*/ _jsx(NavigationFormContent, {})
-    }));
-});
-// Create link
-navigationRoutes.post("/", async (c)=>{
-    const body = await c.req.json();
-    if (!body.label || !body.url) {
-        return dsToast("Label and URL are required", "error");
-    }
-    await c.var.services.navigationLinks.create({
-        label: body.label,
-        url: body.url
-    });
-    return dsRedirect("/dash/navigation");
-});
-// Reorder links (must be before /:id to avoid "reorder" matching as :id)
-navigationRoutes.post("/reorder", async (c)=>{
-    const body = await c.req.json();
-    if (!Array.isArray(body.ids)) {
-        return dsToast("Invalid request", "error");
-    }
-    await c.var.services.navigationLinks.reorder(body.ids);
-    return dsToast("Order saved");
-});
-// Edit link form
-navigationRoutes.get("/:id/edit", async (c)=>{
-    const id = parseInt(c.req.param("id"), 10);
-    if (isNaN(id)) return c.notFound();
-    const link = await c.var.services.navigationLinks.getById(id);
-    if (!link) return c.notFound();
-    const siteName = await getSiteName(c);
-    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
-        c: c,
-        title: "Edit Link",
-        siteName: siteName,
-        currentPath: "/dash/navigation",
-        children: /*#__PURE__*/ _jsx(NavigationFormContent, {
-            link: link,
-            isEdit: true
-        })
-    }));
-});
-// Update link
-navigationRoutes.post("/:id", async (c)=>{
-    const id = parseInt(c.req.param("id"), 10);
-    if (isNaN(id)) return c.notFound();
-    const body = await c.req.json();
-    if (!body.label || !body.url) {
-        return dsToast("Label and URL are required", "error");
-    }
-    const updated = await c.var.services.navigationLinks.update(id, {
-        label: body.label,
-        url: body.url
-    });
-    if (!updated) return c.notFound();
-    return dsRedirect("/dash/navigation");
-});
-// Delete link
-navigationRoutes.post("/:id/delete", async (c)=>{
-    const id = parseInt(c.req.param("id"), 10);
-    if (!isNaN(id)) {
-        await c.var.services.navigationLinks.delete(id);
-    }
-    return dsRedirect("/dash/navigation");
-});