@jant/core 0.3.24 → 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,46 +0,0 @@
-/**
- * Theme Component Resolution
- *
- * Resolves theme-overridable components, falling back to defaults.
- */ const THEME_KEY_MAP = {
-    note: "NoteCard",
-    link: "LinkCard",
-    quote: "QuoteCard"
-};
-/**
- * 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 format.
- *
- * Checks theme overrides first, then falls back to the provided default card component.
- *
- * @param format - The post format to resolve a card for
- * @param defaults - Map of format to default card component
- * @param themeComponents - Optional theme component overrides
- * @returns The resolved card component
- *
- * @example
- * ```ts
- * const Card = resolveCardComponent("note", DEFAULT_CARD_MAP, c.var.config.theme?.components);
- * ```
- */ export function resolveCardComponent(format, defaults, themeComponents) {
-    const key = THEME_KEY_MAP[format];
-    const override = themeComponents?.[key];
-    return override ?? defaults[format];
-}

package/dist/routes/dash/navigation.js

@@ -1,289 +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 Items 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({ items }) {
-    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"
-            }),
-            items.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: items.map((item)=>/*#__PURE__*/ _jsx(ListItemRow, {
-                            actions: /*#__PURE__*/ _jsx(ActionButtons, {
-                                editHref: `/dash/navigation/${item.id}/edit`,
-                                editLabel: $__i18n._({
-                                    id: "ePK91l",
-                                    message: "Edit"
-                                }),
-                                deleteAction: `/dash/navigation/${item.id}/delete`,
-                                deleteLabel: $__i18n._({
-                                    id: "cnGeoo",
-                                    message: "Delete"
-                                })
-                            }),
-                            children: /*#__PURE__*/ _jsxs("div", {
-                                class: "flex items-center gap-3 cursor-grab",
-                                "data-id": item.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: item.label
-                                            }),
-                                            /*#__PURE__*/ _jsx("code", {
-                                                class: "text-sm text-muted-foreground bg-muted px-1 rounded",
-                                                children: item.url
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        }, item.id))
-                })
-            })
-        ]
-    });
-}
-function NavigationFormContent({ item, 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: item?.label ?? "",
-        url: item?.url ?? ""
-    }).replace(/</g, "\\u003c");
-    const action = isEdit ? `/dash/navigation/${item?.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 items
-navigationRoutes.get("/", async (c)=>{
-    const siteName = await getSiteName(c);
-    const items = await c.var.services.navItems.list();
-    return c.html(/*#__PURE__*/ _jsx(DashLayout, {
-        c: c,
-        title: "Navigation",
-        siteName: siteName,
-        currentPath: "/dash/navigation",
-        children: /*#__PURE__*/ _jsx(NavigationListContent, {
-            items: items
-        })
-    }));
-});
-// 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.navItems.create({
-        type: "link",
-        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.navItems.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 item = await c.var.services.navItems.getById(id);
-    if (!item) 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, {
-            item: item,
-            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.navItems.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.navItems.delete(id);
-    }
-    return dsRedirect("/dash/navigation");
-});

package/dist/theme/index.js

@@ -1,18 +0,0 @@
-/**
- * Jant Theme - Shared Infrastructure
- *
- * Exports shared layouts, components, and color themes used by all themes.
- * Individual theme packages (minimal, card, etc.) import from here.
- *
- * @example
- * ```typescript
- * // In a theme package:
- * import { MediaGallery, Pagination } from "@jant/core/theme";
- * import type { ColorTheme } from "@jant/core/theme";
- * ```
- */ // Layout components (BaseLayout, DashLayout)
-export * from "./layouts/index.js";
-// Shared UI components (MediaGallery, Pagination, EmptyState, etc.)
-export * from "./components/index.js";
-// Color themes
-export * from "./color-themes.js";

package/dist/theme/layouts/index.js

@@ -1,2 +0,0 @@
-export { BaseLayout } from "./BaseLayout.js";
-export { DashLayout } from "./DashLayout.js";