@arch-cadre/blog-module 1.0.8 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arch-cadre/blog-module",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "A sample module for Kryo framework",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -10,6 +10,7 @@
   },
   "files": [
     "dist",
+    "src",
     "locales",
     "manifest.json"
   ],
@@ -23,7 +24,7 @@
     "build": "pnpm clean && tsc --module esnext"
   },
   "dependencies": {
-    "@arch-cadre/modules": "^0.0.77",
+    "@arch-cadre/modules": "^0.0.78",
     "@hookform/resolvers": "^3.10.0",
     "@radix-ui/react-slot": "^1.2.3",
     "class-variance-authority": "^0.7.1",
@@ -46,9 +47,9 @@
     "unbuild": "^3.6.1"
   },
   "peerDependencies": {
-    "@arch-cadre/core": "^0.0.51",
-    "@arch-cadre/intl": "^0.0.51",
-    "@arch-cadre/ui": "^0.0.51",
+    "@arch-cadre/core": "^0.0.52",
+    "@arch-cadre/intl": "^0.0.52",
+    "@arch-cadre/ui": "^0.0.52",
     "react": "^19.0.0"
   },
   "main": "./dist/index.mjs"

package/src/actions/index.d.ts

@@ -0,0 +1,67 @@
+import type { z } from "zod";
+import { commentSchema, postSchema } from "../lib/validation.js";
+export declare function createPost(data: z.infer<typeof postSchema>): Promise<{
+    success: boolean;
+    error?: undefined;
+} | {
+    success: boolean;
+    error: any;
+}>;
+export declare function getPosts(): Promise<{
+    id: string;
+    title: string;
+    slug: string;
+    content: string;
+    createdAt: Date;
+    author: {
+        name: string;
+    };
+}[]>;
+export declare function getPostBySlug(slug: string): Promise<{
+    id: string;
+    title: string;
+    slug: string;
+    content: string;
+    createdAt: Date;
+    author: {
+        name: string;
+    };
+}>;
+export declare function getPostById(id: string): Promise<{
+    id: string;
+    title: string;
+    slug: string;
+    content: string;
+    authorId: string;
+    createdAt: Date;
+}>;
+export declare function getComments(postId: string): Promise<{
+    id: string;
+    content: string;
+    createdAt: Date;
+    author: {
+        name: string;
+        image: string | null;
+    };
+}[]>;
+export declare function createComment(data: z.infer<typeof commentSchema>): Promise<{
+    success: boolean;
+    error?: undefined;
+} | {
+    success: boolean;
+    error: any;
+}>;
+export declare function deletePost(id: string): Promise<{
+    success: boolean;
+    error?: undefined;
+} | {
+    success: boolean;
+    error: any;
+}>;
+export declare function updatePost(id: string, data: z.infer<typeof postSchema>): Promise<{
+    success: boolean;
+    error?: undefined;
+} | {
+    success: boolean;
+    error: any;
+}>;

package/src/actions/index.js

@@ -0,0 +1,149 @@
+"use server";
+import { db, getCurrentSession, userTable } from "@arch-cadre/core/server";
+import { desc, eq } from "drizzle-orm";
+import { revalidatePath } from "next/cache";
+import { commentSchema, postSchema } from "../lib/validation.js";
+import { commentsTable, postsTable } from "../schema.js";
+// --- Posts ---
+export async function createPost(data) {
+    try {
+        const { user } = await getCurrentSession();
+        if (!user)
+            throw new Error("Unauthorized");
+        const validated = postSchema.parse(data);
+        await db.insert(postsTable).values({
+            ...validated,
+            authorId: user.id,
+        });
+        revalidatePath("/blog");
+        return { success: true };
+    }
+    catch (error) {
+        console.error("[BlogModule:Actions] createPost failed:", error);
+        return { success: false, error: error.message };
+    }
+}
+export async function getPosts() {
+    try {
+        return await db
+            .select({
+            id: postsTable.id,
+            title: postsTable.title,
+            slug: postsTable.slug,
+            content: postsTable.content,
+            createdAt: postsTable.createdAt,
+            author: {
+                name: userTable.name,
+            },
+        })
+            .from(postsTable)
+            .innerJoin(userTable, eq(postsTable.authorId, userTable.id))
+            .orderBy(desc(postsTable.createdAt));
+    }
+    catch (error) {
+        console.error("[BlogModule:Actions] getPosts failed:", error);
+        throw error;
+    }
+}
+export async function getPostBySlug(slug) {
+    try {
+        const [post] = await db
+            .select({
+            id: postsTable.id,
+            title: postsTable.title,
+            slug: postsTable.slug,
+            content: postsTable.content,
+            createdAt: postsTable.createdAt,
+            author: {
+                name: userTable.name,
+            },
+        })
+            .from(postsTable)
+            .innerJoin(userTable, eq(postsTable.authorId, userTable.id))
+            .where(eq(postsTable.slug, slug));
+        return post || null;
+    }
+    catch (error) {
+        console.error("[BlogModule:Actions] getPostBySlug failed:", error);
+        throw error;
+    }
+}
+export async function getPostById(id) {
+    try {
+        const [post] = await db
+            .select()
+            .from(postsTable)
+            .where(eq(postsTable.id, id));
+        return post || null;
+    }
+    catch (error) {
+        console.error("[BlogModule:Actions] getPostById failed:", error);
+        throw error;
+    }
+}
+// --- Comments ---
+export async function getComments(postId) {
+    try {
+        return await db
+            .select({
+            id: commentsTable.id,
+            content: commentsTable.content,
+            createdAt: commentsTable.createdAt,
+            author: {
+                name: userTable.name,
+                image: userTable.image,
+            },
+        })
+            .from(commentsTable)
+            .innerJoin(userTable, eq(commentsTable.authorId, userTable.id))
+            .where(eq(commentsTable.postId, postId))
+            .orderBy(desc(commentsTable.createdAt));
+    }
+    catch (error) {
+        console.error("[BlogModule:Actions] getComments failed:", error);
+        throw error;
+    }
+}
+export async function createComment(data) {
+    try {
+        const { user } = await getCurrentSession();
+        if (!user)
+            throw new Error("Must be logged in to comment");
+        const validated = commentSchema.parse(data);
+        await db.insert(commentsTable).values({
+            content: validated.content,
+            postId: validated.postId,
+            authorId: user.id,
+        });
+        revalidatePath(`/blog`);
+        return { success: true };
+    }
+    catch (error) {
+        console.error("[BlogModule:Actions] createComment failed:", error);
+        return { success: false, error: error.message };
+    }
+}
+export async function deletePost(id) {
+    try {
+        await db.delete(postsTable).where(eq(postsTable.id, id));
+        revalidatePath("/blog");
+        return { success: true };
+    }
+    catch (error) {
+        console.error("[BlogModule:Actions] deletePost failed:", error);
+        return { success: false, error: error.message };
+    }
+}
+export async function updatePost(id, data) {
+    try {
+        const validated = postSchema.parse(data);
+        await db.update(postsTable).set(validated).where(eq(postsTable.id, id));
+        revalidatePath("/blog");
+        revalidatePath(`/blog/${validated.slug}`);
+        return { success: true };
+    }
+    catch (error) {
+        console.error("[BlogModule:Actions] updatePost failed:", error);
+        return { success: false, error: error.message };
+    }
+}

package/src/actions/index.ts

@@ -0,0 +1,157 @@
+"use server";
+
+import { db, getCurrentSession, userTable } from "@arch-cadre/core/server";
+import { desc, eq } from "drizzle-orm";
+import { revalidatePath } from "next/cache";
+import type { z } from "zod";
+import { commentSchema, postSchema } from "../lib/validation.js";
+import { commentsTable, postsTable } from "../schema.js";
+
+// --- Posts ---
+export async function createPost(data: z.infer<typeof postSchema>) {
+  try {
+    const { user } = await getCurrentSession();
+    if (!user) throw new Error("Unauthorized");
+
+    const validated = postSchema.parse(data);
+
+    await db.insert(postsTable).values({
+      ...validated,
+      authorId: user.id,
+    });
+
+    revalidatePath("/blog");
+    return { success: true };
+  } catch (error: any) {
+    console.error("[BlogModule:Actions] createPost failed:", error);
+    return { success: false, error: error.message };
+  }
+}
+
+export async function getPosts() {
+  try {
+    return await db
+      .select({
+        id: postsTable.id,
+        title: postsTable.title,
+        slug: postsTable.slug,
+        content: postsTable.content,
+        createdAt: postsTable.createdAt,
+        author: {
+          name: userTable.name,
+        },
+      })
+      .from(postsTable)
+      .innerJoin(userTable, eq(postsTable.authorId, userTable.id))
+      .orderBy(desc(postsTable.createdAt));
+  } catch (error: any) {
+    console.error("[BlogModule:Actions] getPosts failed:", error);
+    throw error;
+  }
+}
+
+export async function getPostBySlug(slug: string) {
+  try {
+    const [post] = await db
+      .select({
+        id: postsTable.id,
+        title: postsTable.title,
+        slug: postsTable.slug,
+        content: postsTable.content,
+        createdAt: postsTable.createdAt,
+        author: {
+          name: userTable.name,
+        },
+      })
+      .from(postsTable)
+      .innerJoin(userTable, eq(postsTable.authorId, userTable.id))
+      .where(eq(postsTable.slug, slug));
+
+    return post || null;
+  } catch (error: any) {
+    console.error("[BlogModule:Actions] getPostBySlug failed:", error);
+    throw error;
+  }
+}
+
+export async function getPostById(id: string) {
+  try {
+    const [post] = await db
+      .select()
+      .from(postsTable)
+      .where(eq(postsTable.id, id));
+    return post || null;
+  } catch (error: any) {
+    console.error("[BlogModule:Actions] getPostById failed:", error);
+    throw error;
+  }
+}
+
+// --- Comments ---
+export async function getComments(postId: string) {
+  try {
+    return await db
+      .select({
+        id: commentsTable.id,
+        content: commentsTable.content,
+        createdAt: commentsTable.createdAt,
+        author: {
+          name: userTable.name,
+          image: userTable.image,
+        },
+      })
+      .from(commentsTable)
+      .innerJoin(userTable, eq(commentsTable.authorId, userTable.id))
+      .where(eq(commentsTable.postId, postId))
+      .orderBy(desc(commentsTable.createdAt));
+  } catch (error: any) {
+    console.error("[BlogModule:Actions] getComments failed:", error);
+    throw error;
+  }
+}
+
+export async function createComment(data: z.infer<typeof commentSchema>) {
+  try {
+    const { user } = await getCurrentSession();
+    if (!user) throw new Error("Must be logged in to comment");
+
+    const validated = commentSchema.parse(data);
+
+    await db.insert(commentsTable).values({
+      content: validated.content,
+      postId: validated.postId,
+      authorId: user.id,
+    });
+
+    revalidatePath(`/blog`);
+    return { success: true };
+  } catch (error: any) {
+    console.error("[BlogModule:Actions] createComment failed:", error);
+    return { success: false, error: error.message };
+  }
+}
+
+export async function deletePost(id: string) {
+  try {
+    await db.delete(postsTable).where(eq(postsTable.id, id));
+    revalidatePath("/blog");
+    return { success: true };
+  } catch (error: any) {
+    console.error("[BlogModule:Actions] deletePost failed:", error);
+    return { success: false, error: error.message };
+  }
+}
+
+export async function updatePost(id: string, data: z.infer<typeof postSchema>) {
+  try {
+    const validated = postSchema.parse(data);
+
+    await db.update(postsTable).set(validated).where(eq(postsTable.id, id));
+    revalidatePath("/blog");
+    revalidatePath(`/blog/${validated.slug}`);
+    return { success: true };
+  } catch (error: any) {
+    console.error("[BlogModule:Actions] updatePost failed:", error);
+    return { success: false, error: error.message };
+  }
+}

package/src/components/BlogStatsWidget.d.ts

@@ -0,0 +1 @@
+export default function BlogStatsWidget(): Promise<import("react/jsx-runtime").JSX.Element>;

package/src/components/BlogStatsWidget.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { db } from "@arch-cadre/core/server";
+import { getTranslation } from "@arch-cadre/intl/server";
+import { Card, CardContent, CardHeader, CardTitle } from "@arch-cadre/ui";
+import { sql } from "drizzle-orm";
+import { FileText, MessageSquare } from "lucide-react";
+import { commentsTable, postsTable } from "../schema.js";
+export default async function BlogStatsWidget() {
+    const { t } = await getTranslation();
+    const [postsCount] = await db
+        .select({ count: sql `count(*)` })
+        .from(postsTable);
+    const [commentsCount] = await db
+        .select({ count: sql `count(*)` })
+        .from(commentsTable);
+    return (_jsxs("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-2", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: t("Total Posts") }), _jsx(FileText, { className: "h-4 w-4 text-muted-foreground" })] }), _jsx(CardContent, { children: _jsx("div", { className: "text-2xl font-bold", children: postsCount?.count || 0 }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: t("Total Comments") }), _jsx(MessageSquare, { className: "h-4 w-4 text-muted-foreground" })] }), _jsx(CardContent, { children: _jsx("div", { className: "text-2xl font-bold", children: commentsCount?.count || 0 }) })] })] }));
+}

package/src/components/BlogStatsWidget.tsx

@@ -0,0 +1,46 @@
+import { db } from "@arch-cadre/core/server";
+import { getTranslation } from "@arch-cadre/intl/server";
+import { Card, CardContent, CardHeader, CardTitle } from "@arch-cadre/ui";
+import { sql } from "drizzle-orm";
+import { FileText, MessageSquare } from "lucide-react";
+import * as React from "react";
+import { commentsTable, postsTable } from "../schema.js";
+
+export default async function BlogStatsWidget() {
+  const { t } = await getTranslation();
+
+  const [postsCount] = await db
+    .select({ count: sql<number>`count(*)` })
+    .from(postsTable);
+
+  const [commentsCount] = await db
+    .select({ count: sql<number>`count(*)` })
+    .from(commentsTable);
+
+  return (
+    <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-2">
+      <Card>
+        <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+          <CardTitle className="text-sm font-medium">
+            {t("Total Posts")}
+          </CardTitle>
+          <FileText className="h-4 w-4 text-muted-foreground" />
+        </CardHeader>
+        <CardContent>
+          <div className="text-2xl font-bold">{postsCount?.count || 0}</div>
+        </CardContent>
+      </Card>
+      <Card>
+        <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+          <CardTitle className="text-sm font-medium">
+            {t("Total Comments")}
+          </CardTitle>
+          <MessageSquare className="h-4 w-4 text-muted-foreground" />
+        </CardHeader>
+        <CardContent>
+          <div className="text-2xl font-bold">{commentsCount?.count || 0}</div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/src/components/RecentCommentsWidget.d.ts

@@ -0,0 +1 @@
+export default function RecentCommentsWidget(): Promise<import("react/jsx-runtime").JSX.Element>;

package/src/components/RecentCommentsWidget.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { db, userTable } from "@arch-cadre/core/server";
+import { getTranslation } from "@arch-cadre/intl/server";
+import { Avatar, AvatarFallback, AvatarImage, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@arch-cadre/ui";
+import { desc, eq } from "drizzle-orm";
+import { commentsTable } from "../schema.js";
+export default async function RecentCommentsWidget() {
+    const { t } = await getTranslation();
+    const comments = await db
+        .select({
+        id: commentsTable.id,
+        content: commentsTable.content,
+        createdAt: commentsTable.createdAt,
+        author: {
+            name: userTable.name,
+            image: userTable.image,
+        },
+    })
+        .from(commentsTable)
+        .leftJoin(userTable, eq(commentsTable.authorId, userTable.id))
+        .orderBy(desc(commentsTable.createdAt))
+        .limit(5);
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: t("Recent Comments") }), _jsx(CardDescription, { children: t("What readers are saying about your posts.") })] }), _jsxs(CardContent, { className: "grid gap-8", children: [comments.map((comment) => (_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs(Avatar, { className: "h-9 w-9", children: [_jsx(AvatarImage, { src: comment.author?.image || "", alt: "Avatar" }), _jsx(AvatarFallback, { children: comment.author?.name?.substring(0, 2).toUpperCase() || "CM" })] }), _jsxs("div", { className: "grid gap-1", children: [_jsx("p", { className: "text-sm font-medium leading-none line-clamp-1", children: comment.content }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [comment.author?.name || t("Anonymous"), " \u2022", " ", new Date(comment.createdAt).toLocaleDateString()] })] })] }, comment.id))), comments.length === 0 && (_jsx("div", { className: "text-center py-4 text-muted-foreground", children: t("No comments yet.") }))] })] }));
+}

package/src/components/RecentCommentsWidget.tsx

@@ -0,0 +1,71 @@
+import { db, userTable } from "@arch-cadre/core/server";
+import { getTranslation } from "@arch-cadre/intl/server";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@arch-cadre/ui";
+import { desc, eq } from "drizzle-orm";
+import * as React from "react";
+import { commentsTable } from "../schema.js";
+
+export default async function RecentCommentsWidget() {
+  const { t } = await getTranslation();
+
+  const comments = await db
+    .select({
+      id: commentsTable.id,
+      content: commentsTable.content,
+      createdAt: commentsTable.createdAt,
+      author: {
+        name: userTable.name,
+        image: userTable.image,
+      },
+    })
+    .from(commentsTable)
+    .leftJoin(userTable, eq(commentsTable.authorId, userTable.id))
+    .orderBy(desc(commentsTable.createdAt))
+    .limit(5);
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>{t("Recent Comments")}</CardTitle>
+        <CardDescription>
+          {t("What readers are saying about your posts.")}
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="grid gap-8">
+        {comments.map((comment) => (
+          <div key={comment.id} className="flex items-center gap-4">
+            <Avatar className="h-9 w-9">
+              <AvatarImage src={comment.author?.image || ""} alt="Avatar" />
+              <AvatarFallback>
+                {comment.author?.name?.substring(0, 2).toUpperCase() || "CM"}
+              </AvatarFallback>
+            </Avatar>
+            <div className="grid gap-1">
+              <p className="text-sm font-medium leading-none line-clamp-1">
+                {comment.content}
+              </p>
+              <p className="text-sm text-muted-foreground">
+                {comment.author?.name || t("Anonymous")} •{" "}
+                {new Date(comment.createdAt).toLocaleDateString()}
+              </p>
+            </div>
+          </div>
+        ))}
+        {comments.length === 0 && (
+          <div className="text-center py-4 text-muted-foreground">
+            {t("No comments yet.")}
+          </div>
+        )}
+      </CardContent>
+    </Card>
+  );
+}

package/src/components/RecentPostsWidget.d.ts

@@ -0,0 +1 @@
+export default function RecentPostsWidget(): Promise<import("react/jsx-runtime").JSX.Element>;

package/src/components/RecentPostsWidget.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { db, userTable } from "@arch-cadre/core/server";
+import { getTranslation } from "@arch-cadre/intl/server";
+import { Avatar, AvatarFallback, AvatarImage, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@arch-cadre/ui";
+import { desc, eq } from "drizzle-orm";
+import { postsTable } from "../schema.js";
+export default async function RecentPostsWidget() {
+    const { t } = await getTranslation();
+    const posts = await db
+        .select({
+        id: postsTable.id,
+        title: postsTable.title,
+        createdAt: postsTable.createdAt,
+        author: {
+            name: userTable.name,
+            image: userTable.image,
+        },
+    })
+        .from(postsTable)
+        .leftJoin(userTable, eq(postsTable.authorId, userTable.id))
+        .orderBy(desc(postsTable.createdAt))
+        .limit(5);
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: t("Recent Posts") }), _jsx(CardDescription, { children: t("The latest articles published on your blog.") })] }), _jsxs(CardContent, { className: "grid gap-8", children: [posts.map((post) => (_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs(Avatar, { className: "h-9 w-9", children: [_jsx(AvatarImage, { src: post.author?.image || "", alt: "Avatar" }), _jsx(AvatarFallback, { children: post.author?.name?.substring(0, 2).toUpperCase() || "AU" })] }), _jsxs("div", { className: "grid gap-1", children: [_jsx("p", { className: "text-sm font-medium leading-none", children: post.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: new Date(post.createdAt).toLocaleDateString() })] })] }, post.id))), posts.length === 0 && (_jsx("div", { className: "text-center py-4 text-muted-foreground", children: t("No posts found.") }))] })] }));
+}

package/src/components/RecentPostsWidget.tsx

@@ -0,0 +1,68 @@
+import { db, userTable } from "@arch-cadre/core/server";
+import { getTranslation } from "@arch-cadre/intl/server";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@arch-cadre/ui";
+import { desc, eq } from "drizzle-orm";
+import * as React from "react";
+import { postsTable } from "../schema.js";
+
+export default async function RecentPostsWidget() {
+  const { t } = await getTranslation();
+
+  const posts = await db
+    .select({
+      id: postsTable.id,
+      title: postsTable.title,
+      createdAt: postsTable.createdAt,
+      author: {
+        name: userTable.name,
+        image: userTable.image,
+      },
+    })
+    .from(postsTable)
+    .leftJoin(userTable, eq(postsTable.authorId, userTable.id))
+    .orderBy(desc(postsTable.createdAt))
+    .limit(5);
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>{t("Recent Posts")}</CardTitle>
+        <CardDescription>
+          {t("The latest articles published on your blog.")}
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="grid gap-8">
+        {posts.map((post) => (
+          <div key={post.id} className="flex items-center gap-4">
+            <Avatar className="h-9 w-9">
+              <AvatarImage src={post.author?.image || ""} alt="Avatar" />
+              <AvatarFallback>
+                {post.author?.name?.substring(0, 2).toUpperCase() || "AU"}
+              </AvatarFallback>
+            </Avatar>
+            <div className="grid gap-1">
+              <p className="text-sm font-medium leading-none">{post.title}</p>
+              <p className="text-sm text-muted-foreground">
+                {new Date(post.createdAt).toLocaleDateString()}
+              </p>
+            </div>
+          </div>
+        ))}
+        {posts.length === 0 && (
+          <div className="text-center py-4 text-muted-foreground">
+            {t("No posts found.")}
+          </div>
+        )}
+      </CardContent>
+    </Card>
+  );
+}