@arch-cadre/blog-module 1.0.13 → 1.0.15

package/dist/index.js

@@ -1,98 +0,0 @@
-import { assignPermissionToRole, createPermission, db, getRoles, permissionsTable, } from "@arch-cadre/core/server";
-import { inArray, sql } from "drizzle-orm";
-import manifest from "../manifest.json" with { type: "json" };
-import BlogStatsWidget from "./components/BlogStatsWidget";
-import RecentCommentsWidget from "./components/RecentCommentsWidget";
-import RecentPostsWidget from "./components/RecentPostsWidget";
-import { navigation } from "./navigation";
-import { privateRoutes, publicRoutes } from "./routes";
-const BLOG_PERMISSIONS = [
-    { name: "post:create", description: "Allow creating blog posts" },
-    { name: "post:update", description: "Allow updating blog posts" },
-    { name: "post:delete", description: "Allow deleting blog posts" },
-    { name: "comment:create", description: "Allow creating comments" },
-    { name: "comment:update", description: "Allow updating comments" },
-    { name: "comment:delete", description: "Allow deleting comments" },
-];
-// --- Module Definition ---
-const blogModule = {
-    manifest: manifest,
-    init: async () => {
-        console.log("[BlogModule] ready.");
-    },
-    widgets: [
-        {
-            id: "blog-stats",
-            name: "Blog Stats",
-            area: "dashboard-stats",
-            component: BlogStatsWidget,
-            priority: 20,
-        },
-        {
-            id: "recent-posts",
-            name: "Recent Posts",
-            area: "dashboard-main",
-            component: RecentPostsWidget,
-            priority: 20,
-        },
-        {
-            id: "recent-comments",
-            name: "Recent Comments",
-            area: "dashboard-main",
-            component: RecentCommentsWidget,
-            priority: 30,
-        },
-    ],
-    onEnable: async () => {
-        console.log("[BlogModule] enabling and registering permissions...");
-        try {
-            // 1. Create permissions
-            for (const perm of BLOG_PERMISSIONS) {
-                await createPermission(perm.name, perm.description);
-            }
-            // 2. Assign to admin role
-            const roles = await getRoles();
-            const adminRole = roles.find((r) => r.name === "admin");
-            if (adminRole) {
-                const blogPermNames = BLOG_PERMISSIONS.map((p) => p.name);
-                const blogPerms = await db
-                    .select()
-                    .from(permissionsTable)
-                    .where(inArray(permissionsTable.name, blogPermNames));
-                for (const p of blogPerms) {
-                    await assignPermissionToRole(adminRole.id, p.id);
-                }
-                console.log("[BlogModule] Permissions assigned to admin role.");
-            }
-        }
-        catch (error) {
-            console.error("[BlogModule] Error during permission registration:", error);
-        }
-        console.log("[BlogModule] enabled.");
-    },
-    onDisable: async () => {
-        console.log("[Blog] onDisable: Cleaning up tables and permissions...");
-        try {
-            // 1. Remove permissions (cascades to role-permission mappings)
-            const blogPermNames = BLOG_PERMISSIONS.map((p) => p.name);
-            await db
-                .delete(permissionsTable)
-                .where(inArray(permissionsTable.name, blogPermNames));
-            console.log("[BlogModule] Permissions and mappings removed.");
-            // 2. Drop tables
-            const tables = ["blog_posts", "blog_comments"];
-            for (const table of tables) {
-                await db.execute(sql.raw(`DROP TABLE IF EXISTS ${table} CASCADE`));
-            }
-        }
-        catch (e) {
-            console.error("[Blog] onDisable Error:", e);
-        }
-    },
-    routes: {
-        public: publicRoutes,
-        private: privateRoutes,
-    },
-    navigation: navigation,
-};
-export default blogModule;

package/dist/lib/validation.js

@@ -1,11 +0,0 @@
-import { z } from "zod";
-// --- Validation Schemas ---
-export const postSchema = z.object({
-    title: z.string().min(3, "Title must be at least 3 characters"),
-    content: z.string().min(10, "Content must be at least 10 characters"),
-    slug: z.string().min(3, "Slug is required"),
-});
-export const commentSchema = z.object({
-    content: z.string().min(2, "Comment is too short"),
-    postId: z.string().uuid(),
-});

package/dist/navigation.js

@@ -1,21 +0,0 @@
-import { i18n } from "@arch-cadre/intl";
-export const navigation = {
-    public: [
-        {
-            title: i18n("Blog"),
-            url: "/blog",
-            icon: "solar:pen-2-broken",
-        },
-    ],
-    admin: {
-        [i18n("CMS")]: [
-            {
-                title: i18n("Blog Manager"),
-                url: "/blog",
-                icon: "solar:posts-carousel-vertical-broken",
-                roles: ["admin"],
-                permissions: ["post:create", "post:update", "post:delete"],
-            },
-        ],
-    },
-};

package/dist/routes.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getCurrentSession } from "@arch-cadre/core/server";
-import { getComments, getPostById, getPostBySlug, getPosts } from "./actions/index";
-import { BlogAdminPage, BlogListPage, CreatePostForm, EditPostForm, PostDetailPage, } from "./ui/views";
-export const publicRoutes = [
-    {
-        path: "/blog",
-        component: async () => {
-            const posts = await getPosts();
-            return _jsx(BlogListPage, { posts: posts });
-        },
-        auth: false,
-    },
-    {
-        path: "/blog/:slug",
-        component: async ({ params }) => {
-            const { slug } = await params;
-            const post = await getPostBySlug(slug);
-            const comments = post ? await getComments(post.id) : [];
-            const session = await getCurrentSession();
-            return (_jsx(PostDetailPage, { post: post, comments: comments, currentUser: session?.user }));
-        },
-        auth: false,
-    },
-];
-export const privateRoutes = [
-    {
-        path: "/blog",
-        component: async () => {
-            const posts = await getPosts();
-            return _jsx(BlogAdminPage, { posts: posts });
-        },
-        auth: true,
-        roles: ["admin"],
-        permissions: ["post:create", "post:update", "post:delete"],
-    },
-    {
-        path: "/blog/new",
-        component: CreatePostForm,
-        auth: true,
-        roles: ["admin"],
-        permissions: ["post:create"],
-    },
-    {
-        path: "/blog/edit/:id",
-        component: async ({ params }) => {
-            const { id } = await params;
-            const post = await getPostById(id);
-            return _jsx(EditPostForm, { post: post });
-        },
-        auth: true,
-        roles: ["admin"],
-        permissions: ["post:update"],
-    },
-];

package/dist/schema.js

@@ -1,60 +0,0 @@
-import { userTable } from "@arch-cadre/core";
-import { defineRelations } from "drizzle-orm";
-import { pgTable, text, timestamp } from "drizzle-orm/pg-core";
-export const postsTable = pgTable("blog_posts", {
-    id: text("id")
-        .primaryKey()
-        .$defaultFn(() => crypto.randomUUID()),
-    title: text("title").notNull(),
-    slug: text("slug").unique().notNull(),
-    content: text("content").notNull(),
-    authorId: text("author_id")
-        .references(() => userTable.id, { onDelete: "cascade" })
-        .notNull(),
-    createdAt: timestamp("created_at").defaultNow().notNull(),
-});
-export const commentsTable = pgTable("blog_comments", {
-    id: text("id")
-        .primaryKey()
-        .$defaultFn(() => crypto.randomUUID()),
-    postId: text("post_id")
-        .references(() => postsTable.id, { onDelete: "cascade" })
-        .notNull(),
-    authorId: text("author_id")
-        .references(() => userTable.id, { onDelete: "cascade" })
-        .notNull(),
-    content: text("content").notNull(),
-    createdAt: timestamp("created_at").defaultNow().notNull(),
-});
-export const blogSchema = {
-    postsTable,
-    commentsTable,
-};
-export const relations = defineRelations({
-    user: userTable,
-    post: postsTable,
-    comment: commentsTable,
-}, (r) => ({
-    user: {
-        posts: r.many.post({
-            from: r.user.id,
-            to: r.post.authorId,
-        }),
-        comments: r.many.comment({
-            from: r.user.id,
-            to: r.comment.authorId,
-        }),
-    },
-    post: {
-        comments: r.many.comment({
-            from: r.post.id,
-            to: r.comment.postId,
-        }),
-    },
-    comment: {
-        post: r.one.post({
-            from: r.comment.postId,
-            to: r.post.id,
-        }),
-    },
-}));

package/dist/ui/views.js

@@ -1,119 +0,0 @@
-/** biome-ignore-all lint/a11y/noLabelWithoutControl: <explanation> */
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "@arch-cadre/intl/client";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { ArrowLeft, Eye, MessageSquare, Pencil, Plus, Trash2, User as UserIcon, } from "lucide-react";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { useForm } from "react-hook-form";
-import { toast } from "sonner";
-import { createComment, createPost, deletePost, updatePost } from "../actions/index";
-import { Button } from "../components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle, } from "../components/ui/card";
-import { Input } from "../components/ui/input";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../components/ui/table";
-import { Textarea } from "../components/ui/textarea";
-import { commentSchema, postSchema } from "../lib/validation";
-export function BlogListPage({ posts = [] }) {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "max-w-4xl mx-auto p-6 space-y-8", children: [_jsxs("header", { className: "border-b pb-6", children: [_jsx("h1", { className: "text-4xl font-black tracking-tighter text-primary", children: t("Blog Posts") }), _jsx("p", { className: "text-muted-foreground mt-2", children: t("Reading your blog posts") })] }), _jsx("div", { className: "grid gap-6", children: posts.map((post) => (_jsx(Link, { href: `/blog/${post.slug}`, children: _jsxs(Card, { className: "group hover:shadow-lg transition-all cursor-pointer overflow-hidden border-primary/5", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-2xl group-hover:text-primary transition-colors", children: post.title }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground mt-1", children: [_jsx(UserIcon, { className: "size-3" }), _jsx("span", { children: post.author?.name }), _jsx("span", { children: "\u2022" }), _jsx("span", { children: new Date(post.createdAt).toLocaleDateString() })] })] }), _jsx(CardContent, { children: _jsx("p", { className: "text-secondary-foreground line-clamp-2", children: post.content }) })] }) }, post.id))) })] }));
-}
-// --- Comment Form Component ---
-function CommentForm({ postId }) {
-    const router = useRouter();
-    const { t } = useTranslation();
-    const { register, handleSubmit, reset, formState: { errors, isSubmitting }, } = useForm({
-        resolver: zodResolver(commentSchema.omit({ postId: true })),
-    });
-    const onSubmit = async (data) => {
-        const result = await createComment({ ...data, postId });
-        if (result.success) {
-            toast.success(t("Comment added"));
-            reset();
-            router.refresh();
-        }
-        else {
-            toast.error(result.error);
-        }
-    };
-    return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Textarea, { ...register("content"), placeholder: t("Add your comment here..."), className: errors.content ? "border-destructive" : "" }), errors.content && (_jsx("p", { className: "text-xs text-destructive", children: errors.content.message }))] }), _jsx(Button, { type: "submit", disabled: isSubmitting, size: "sm", children: isSubmitting ? t("Please wait...") : t("Create Comment") })] }));
-}
-// --- Detail View ---
-export function PostDetailPage({ post, comments = [], currentUser, }) {
-    const { t } = useTranslation();
-    if (!post)
-        return _jsx("div", { className: "p-20 text-center", children: t("Post not found") });
-    return (_jsxs("div", { className: "max-w-3xl mx-auto p-6 space-y-10 pb-20", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "gap-2", children: _jsxs(Link, { href: "/blog", children: [_jsx(ArrowLeft, { className: "size-4" }), " ", t("Back to posts")] }) }), _jsxs("article", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h1", { className: "text-5xl font-black tracking-tighter leading-tight", children: post.title }), _jsxs("div", { className: "flex items-center gap-3 text-muted-foreground", children: [_jsx("div", { className: "size-8 rounded-full bg-primary/10 flex items-center justify-center", children: _jsx(UserIcon, { className: "size-4 text-primary" }) }), _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-bold text-foreground leading-none", children: post.author?.name }), _jsx("p", { className: "text-xs", children: new Date(post.createdAt).toLocaleDateString() })] })] })] }), _jsx("div", { className: "prose prose-lg dark:prose-invert max-w-none whitespace-pre-wrap pt-4 border-t", children: post.content })] }), _jsxs("section", { className: "pt-10 border-t space-y-8", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MessageSquare, { className: "size-5" }), _jsxs("h3", { className: "text-2xl font-bold tracking-tight", children: [t("Comments"), " (", comments.length, ")"] })] }), currentUser ? (_jsxs("div", { className: "bg-muted/30 p-6 rounded-2xl border", children: [_jsx("p", { className: "text-sm font-bold mb-4", children: t("Leave a comment") }), _jsx(CommentForm, { postId: post.id })] })) : (_jsx("div", { className: "p-6 bg-amber-50 border border-amber-100 rounded-2xl text-center", children: _jsxs("p", { className: "text-sm font-medium text-amber-800", children: ["Please", " ", _jsx(Link, { href: "/signin", className: "underline font-bold", children: t("Sign in") }), " ", t("to join the conversation.")] }) })), _jsxs("div", { className: "space-y-6", children: [comments.map((comment) => (_jsxs("div", { className: "flex gap-4", children: [_jsx("div", { className: "size-10 rounded-full bg-muted flex items-center justify-center shrink-0", children: _jsx(UserIcon, { className: "size-5 opacity-40" }) }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-bold text-sm", children: comment.author?.name }), _jsx("span", { className: "text-[10px] opacity-50", children: new Date(comment.createdAt).toLocaleDateString() })] }), _jsx("p", { className: "text-sm text-secondary-foreground leading-relaxed", children: comment.content })] })] }, comment.id))), comments.length === 0 && (_jsx("p", { className: "text-center text-muted-foreground text-sm py-10 italic", children: t("No comments yet. Be the first to comment!") }))] })] })] }));
-}
-// --- Admin View Components ---
-export function BlogAdminPage({ posts = [] }) {
-    const router = useRouter();
-    const { t } = useTranslation();
-    const handleDelete = async (id) => {
-        if (!confirm(t("Confirm deletion of this post?")))
-            return;
-        const result = await deletePost(id);
-        if (result.success) {
-            toast.success(t("Post deleted"));
-            router.refresh();
-        }
-        else {
-            toast.error(t("UnexpectedError") + result.error);
-        }
-    };
-    return (_jsxs("div", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h1", { className: "text-3xl font-black tracking-tight text-foreground", children: t("Blog posts") }), _jsx(Button, { asChild: true, size: "sm", className: "gap-2", children: _jsxs(Link, { href: "/kryo/blog/new", children: [_jsx(Plus, { className: "size-4" }), " ", t("New Post")] }) })] }), _jsx(Card, { className: "border-primary/10 shadow-sm overflow-hidden", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[40%]", children: t("Title") }), _jsx(TableHead, { children: t("Author") }), _jsx(TableHead, { children: t("Date") }), _jsx(TableHead, { className: "text-right", children: t("Actions") })] }) }), _jsxs(TableBody, { children: [posts.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 4, className: "h-24 text-center text-muted-foreground italic", children: t("No posts found. Create your first post!") }) })), posts.map((post) => (_jsxs(TableRow, { className: "transition-colors", children: [_jsx(TableCell, { className: "font-bold", children: post.title }), _jsx(TableCell, { className: "text-xs", children: post.author?.name }), _jsx(TableCell, { className: "text-muted-foreground text-xs", children: new Date(post.createdAt).toLocaleDateString() }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "icon", className: "size-8", children: _jsx(Link, { href: `/blog/${post.slug}`, target: "_blank", children: _jsx(Eye, { className: "size-4" }) }) }), _jsx(Button, { asChild: true, variant: "ghost", size: "icon", className: "size-8", children: _jsx(Link, { href: `/kryo/blog/edit/${post.id}`, children: _jsx(Pencil, { className: "size-4" }) }) }), _jsx(Button, { variant: "ghost", size: "icon", className: "size-8 text-destructive hover:text-destructive hover:bg-destructive/10", onClick: () => handleDelete(post.id), children: _jsx(Trash2, { className: "size-4" }) })] }) })] }, post.id)))] })] }) })] }));
-}
-export function CreatePostForm() {
-    const router = useRouter();
-    const { t } = useTranslation();
-    const { register, handleSubmit, formState: { errors, isSubmitting }, } = useForm({
-        resolver: zodResolver(postSchema.omit({ slug: true })),
-    });
-    const onSubmit = async (data) => {
-        const slug = data.title
-            .toLowerCase()
-            .replace(/ /g, "-")
-            .replace(/[^\w-]+/g, "");
-        const result = await createPost({ ...data, slug });
-        if (result.success) {
-            toast.success(t("Post created"));
-            router.push("/kryo/blog");
-            router.refresh();
-        }
-        else {
-            toast.error(t("UnexpectedError") + result.error);
-        }
-    };
-    return (_jsxs("div", { className: "max-w-2xl mx-auto p-6 space-y-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Button, { asChild: true, variant: "outline", size: "icon", className: "rounded-lg", children: _jsx(Link, { href: "/kryo/blog", children: _jsx(ArrowLeft, { className: "size-4" }) }) }), _jsx("h1", { className: "text-2xl font-black text-foreground", children: t("New Post") })] }), _jsx(Card, { className: "border-primary/10 shadow-lg", children: _jsx(CardContent, { className: "pt-6", children: _jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1", children: t("Title") }), _jsx(Input, { ...register("title"), className: errors.title ? "border-destructive font-bold" : "font-bold", placeholder: t("Title of your post") }), errors.title && (_jsx("p", { className: "text-xs text-destructive font-bold", children: errors.title.message }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1", children: t("Content") }), _jsx(Textarea, { ...register("content"), rows: 12, className: errors.content
-                                            ? "border-destructive resize-none"
-                                            : "resize-none", placeholder: t("Content of your post") }), errors.content && (_jsx("p", { className: "text-xs text-destructive font-bold", children: errors.content.message }))] }), _jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full  text-sm uppercase tracking-widest transition-all", children: isSubmitting ? t("Please wait...") : t("Publish") })] }) }) })] }));
-}
-export function EditPostForm({ post }) {
-    const router = useRouter();
-    const { t } = useTranslation();
-    const { register, handleSubmit, formState: { errors, isSubmitting }, } = useForm({
-        resolver: zodResolver(postSchema),
-        defaultValues: {
-            title: post.title,
-            content: post.content,
-            slug: post.slug,
-        },
-    });
-    const onSubmit = async (data) => {
-        const result = await updatePost(post.id, data);
-        if (result.success) {
-            toast.success(t("Post updated"));
-            router.push("/kryo/blog");
-            router.refresh();
-        }
-        else {
-            toast.error(t("UnexpectedError") + result.error);
-        }
-    };
-    return (_jsxs("div", { className: "max-w-2xl mx-auto p-6 space-y-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Button, { asChild: true, variant: "outline", size: "icon", className: "rounded-lg", children: _jsx(Link, { href: "/kryo/blog", children: _jsx(ArrowLeft, { className: "size-4" }) }) }), _jsx("h1", { className: "text-2xl font-black text-foreground", children: t("Edit Post") })] }), _jsx(Card, { className: "border-primary/10 shadow-lg", children: _jsx(CardContent, { className: "pt-6", children: _jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1", children: t("Title") }), _jsx(Input, { ...register("title"), className: errors.title ? "border-destructive font-bold" : "font-bold", placeholder: t("Title of your post") }), errors.title && (_jsx("p", { className: "text-xs text-destructive font-bold", children: errors.title.message }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1", children: t("Slug") }), _jsx(Input, { ...register("slug"), className: errors.slug
-                                            ? "border-destructive font-mono text-sm"
-                                            : "font-mono text-sm", placeholder: t("Slug URL") }), errors.slug && (_jsx("p", { className: "text-xs text-destructive font-bold", children: errors.slug.message }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1", children: t("Content") }), _jsx(Textarea, { ...register("content"), rows: 12, className: errors.content
-                                            ? "border-destructive resize-none"
-                                            : "resize-none", placeholder: t("Content of your post") }), errors.content && (_jsx("p", { className: "text-xs text-destructive font-bold", children: errors.content.message }))] }), _jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full text-sm uppercase tracking-widest transition-all", children: isSubmitting ? t("Please wait...") : t("Update") })] }) }) })] }));
-}