@arch-cadre/blog-module 1.0.13 → 1.0.15

package/dist/ui/views.mjs

@@ -0,0 +1,232 @@
+"use client";
+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 * as React from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { createComment, createPost, deletePost, updatePost } from "../actions/index.mjs";
+import { Button } from "../components/ui/button.mjs";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "../components/ui/card.mjs";
+import { Input } from "../components/ui/input.mjs";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "../components/ui/table.mjs";
+import { Textarea } from "../components/ui/textarea.mjs";
+import { commentSchema, postSchema } from "../lib/validation.mjs";
+export function BlogListPage({ posts = [] }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement("div", { className: "max-w-4xl mx-auto p-6 space-y-8" }, /* @__PURE__ */ React.createElement("header", { className: "border-b pb-6" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl font-black tracking-tighter text-primary" }, t("Blog Posts")), /* @__PURE__ */ React.createElement("p", { className: "text-muted-foreground mt-2" }, t("Reading your blog posts"))), /* @__PURE__ */ React.createElement("div", { className: "grid gap-6" }, posts.map((post) => /* @__PURE__ */ React.createElement(Link, { href: `/blog/${post.slug}`, key: post.id }, /* @__PURE__ */ React.createElement(Card, { className: "group hover:shadow-lg transition-all cursor-pointer overflow-hidden border-primary/5" }, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement(CardTitle, { className: "text-2xl group-hover:text-primary transition-colors" }, post.title), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-xs text-muted-foreground mt-1" }, /* @__PURE__ */ React.createElement(UserIcon, { className: "size-3" }), /* @__PURE__ */ React.createElement("span", null, post.author?.name), /* @__PURE__ */ React.createElement("span", null, "\u2022"), /* @__PURE__ */ React.createElement("span", null, new Date(post.createdAt).toLocaleDateString()))), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("p", { className: "text-secondary-foreground line-clamp-2" }, post.content)))))));
+}
+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 /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React.createElement(
+    Textarea,
+    {
+      ...register("content"),
+      placeholder: t("Add your comment here..."),
+      className: errors.content ? "border-destructive" : ""
+    }
+  ), errors.content && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-destructive" }, errors.content.message)), /* @__PURE__ */ React.createElement(Button, { type: "submit", disabled: isSubmitting, size: "sm" }, isSubmitting ? t("Please wait...") : t("Create Comment")));
+}
+export function PostDetailPage({
+  post,
+  comments = [],
+  currentUser
+}) {
+  const { t } = useTranslation();
+  if (!post)
+    return /* @__PURE__ */ React.createElement("div", { className: "p-20 text-center" }, t("Post not found"));
+  return /* @__PURE__ */ React.createElement("div", { className: "max-w-3xl mx-auto p-6 space-y-10 pb-20" }, /* @__PURE__ */ React.createElement(Button, { asChild: true, variant: "ghost", size: "sm", className: "gap-2" }, /* @__PURE__ */ React.createElement(Link, { href: "/blog" }, /* @__PURE__ */ React.createElement(ArrowLeft, { className: "size-4" }), " ", t("Back to posts"))), /* @__PURE__ */ React.createElement("article", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("h1", { className: "text-5xl font-black tracking-tighter leading-tight" }, post.title), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 text-muted-foreground" }, /* @__PURE__ */ React.createElement("div", { className: "size-8 rounded-full bg-primary/10 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(UserIcon, { className: "size-4 text-primary" })), /* @__PURE__ */ React.createElement("div", { className: "text-sm" }, /* @__PURE__ */ React.createElement("p", { className: "font-bold text-foreground leading-none" }, post.author?.name), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, new Date(post.createdAt).toLocaleDateString())))), /* @__PURE__ */ React.createElement("div", { className: "prose prose-lg dark:prose-invert max-w-none whitespace-pre-wrap pt-4 border-t" }, post.content)), /* @__PURE__ */ React.createElement("section", { className: "pt-10 border-t space-y-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(MessageSquare, { className: "size-5" }), /* @__PURE__ */ React.createElement("h3", { className: "text-2xl font-bold tracking-tight" }, t("Comments"), " (", comments.length, ")")), currentUser ? /* @__PURE__ */ React.createElement("div", { className: "bg-muted/30 p-6 rounded-2xl border" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-bold mb-4" }, t("Leave a comment")), /* @__PURE__ */ React.createElement(CommentForm, { postId: post.id })) : /* @__PURE__ */ React.createElement("div", { className: "p-6 bg-amber-50 border border-amber-100 rounded-2xl text-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-amber-800" }, "Please", " ", /* @__PURE__ */ React.createElement(Link, { href: "/signin", className: "underline font-bold" }, t("Sign in")), " ", t("to join the conversation."))), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, comments.map((comment) => /* @__PURE__ */ React.createElement("div", { key: comment.id, className: "flex gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "size-10 rounded-full bg-muted flex items-center justify-center shrink-0" }, /* @__PURE__ */ React.createElement(UserIcon, { className: "size-5 opacity-40" })), /* @__PURE__ */ React.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "font-bold text-sm" }, comment.author?.name), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] opacity-50" }, new Date(comment.createdAt).toLocaleDateString())), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-secondary-foreground leading-relaxed" }, comment.content)))), comments.length === 0 && /* @__PURE__ */ React.createElement("p", { className: "text-center text-muted-foreground text-sm py-10 italic" }, t("No comments yet. Be the first to comment!")))));
+}
+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 /* @__PURE__ */ React.createElement("div", { className: "p-6 space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement("h1", { className: "text-3xl font-black tracking-tight text-foreground" }, t("Blog posts")), /* @__PURE__ */ React.createElement(Button, { asChild: true, size: "sm", className: "gap-2" }, /* @__PURE__ */ React.createElement(Link, { href: "/kryo/blog/new" }, /* @__PURE__ */ React.createElement(Plus, { className: "size-4" }), " ", t("New Post")))), /* @__PURE__ */ React.createElement(Card, { className: "border-primary/10 shadow-sm overflow-hidden" }, /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(TableHeader, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableHead, { className: "w-[40%]" }, t("Title")), /* @__PURE__ */ React.createElement(TableHead, null, t("Author")), /* @__PURE__ */ React.createElement(TableHead, null, t("Date")), /* @__PURE__ */ React.createElement(TableHead, { className: "text-right" }, t("Actions")))), /* @__PURE__ */ React.createElement(TableBody, null, posts.length === 0 && /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(
+    TableCell,
+    {
+      colSpan: 4,
+      className: "h-24 text-center text-muted-foreground italic"
+    },
+    t("No posts found. Create your first post!")
+  )), posts.map((post) => /* @__PURE__ */ React.createElement(TableRow, { key: post.id, className: "transition-colors" }, /* @__PURE__ */ React.createElement(TableCell, { className: "font-bold" }, post.title), /* @__PURE__ */ React.createElement(TableCell, { className: "text-xs" }, post.author?.name), /* @__PURE__ */ React.createElement(TableCell, { className: "text-muted-foreground text-xs" }, new Date(post.createdAt).toLocaleDateString()), /* @__PURE__ */ React.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-end gap-2" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      asChild: true,
+      variant: "ghost",
+      size: "icon",
+      className: "size-8"
+    },
+    /* @__PURE__ */ React.createElement(Link, { href: `/blog/${post.slug}`, target: "_blank" }, /* @__PURE__ */ React.createElement(Eye, { className: "size-4" }))
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      asChild: true,
+      variant: "ghost",
+      size: "icon",
+      className: "size-8"
+    },
+    /* @__PURE__ */ React.createElement(Link, { href: `/kryo/blog/edit/${post.id}` }, /* @__PURE__ */ React.createElement(Pencil, { className: "size-4" }))
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "size-8 text-destructive hover:text-destructive hover:bg-destructive/10",
+      onClick: () => handleDelete(post.id)
+    },
+    /* @__PURE__ */ React.createElement(Trash2, { className: "size-4" })
+  )))))))));
+}
+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 /* @__PURE__ */ React.createElement("div", { className: "max-w-2xl mx-auto p-6 space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement(Button, { asChild: true, variant: "outline", size: "icon", className: "rounded-lg" }, /* @__PURE__ */ React.createElement(Link, { href: "/kryo/blog" }, /* @__PURE__ */ React.createElement(ArrowLeft, { className: "size-4" }))), /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-black text-foreground" }, t("New Post"))), /* @__PURE__ */ React.createElement(Card, { className: "border-primary/10 shadow-lg" }, /* @__PURE__ */ React.createElement(CardContent, { className: "pt-6" }, /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1" }, t("Title")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      ...register("title"),
+      className: errors.title ? "border-destructive font-bold" : "font-bold",
+      placeholder: t("Title of your post")
+    }
+  ), errors.title && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-destructive font-bold" }, errors.title.message)), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1" }, t("Content")), /* @__PURE__ */ React.createElement(
+    Textarea,
+    {
+      ...register("content"),
+      rows: 12,
+      className: errors.content ? "border-destructive resize-none" : "resize-none",
+      placeholder: t("Content of your post")
+    }
+  ), errors.content && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-destructive font-bold" }, errors.content.message)), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "submit",
+      disabled: isSubmitting,
+      className: "w-full  text-sm uppercase tracking-widest transition-all"
+    },
+    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 /* @__PURE__ */ React.createElement("div", { className: "max-w-2xl mx-auto p-6 space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement(Button, { asChild: true, variant: "outline", size: "icon", className: "rounded-lg" }, /* @__PURE__ */ React.createElement(Link, { href: "/kryo/blog" }, /* @__PURE__ */ React.createElement(ArrowLeft, { className: "size-4" }))), /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-black text-foreground" }, t("Edit Post"))), /* @__PURE__ */ React.createElement(Card, { className: "border-primary/10 shadow-lg" }, /* @__PURE__ */ React.createElement(CardContent, { className: "pt-6" }, /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1" }, t("Title")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      ...register("title"),
+      className: errors.title ? "border-destructive font-bold" : "font-bold",
+      placeholder: t("Title of your post")
+    }
+  ), errors.title && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-destructive font-bold" }, errors.title.message)), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1" }, t("Slug")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      ...register("slug"),
+      className: errors.slug ? "border-destructive font-mono text-sm" : "font-mono text-sm",
+      placeholder: t("Slug URL")
+    }
+  ), errors.slug && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-destructive font-bold" }, errors.slug.message)), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("label", { className: "text-xs font-black uppercase tracking-widest opacity-50 px-1" }, t("Content")), /* @__PURE__ */ React.createElement(
+    Textarea,
+    {
+      ...register("content"),
+      rows: 12,
+      className: errors.content ? "border-destructive resize-none" : "resize-none",
+      placeholder: t("Content of your post")
+    }
+  ), errors.content && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-destructive font-bold" }, errors.content.message)), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "submit",
+      disabled: isSubmitting,
+      className: "w-full text-sm uppercase tracking-widest transition-all"
+    },
+    isSubmitting ? t("Please wait...") : t("Update")
+  )))));
+}

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@arch-cadre/blog-module",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "A sample module for Kryo framework",
   "type": "module",
   "types": "./dist/index.d.ts",
+  "main": "./dist/index.mjs",
   "exports": {
     "./package.json": "./package.json",
-    ".": "./dist/index.js"
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
   },
   "files": [
     "dist",
@@ -19,12 +23,13 @@
     "clean": "rm -rf ./dist",
     "switch:dev": "node scripts/switchToSrc.js",
     "switch:prod": "node scripts/switchToDist.js",
-    "builds": "unbuild",
+    "build": "unbuild",
     "devs": "unbuild --stub",
-    "build": "pnpm clean && tsc --module esnext"
+    "builds": "pnpm clean && tsc --module esnext"
   },
   "dependencies": {
-    "@arch-cadre/modules": "^0.0.82",
+    "@arch-cadre/core": "^0.0.58",
+    "@arch-cadre/modules": "^0.0.84",
     "@hookform/resolvers": "^3.10.0",
     "@radix-ui/react-slot": "^1.2.3",
     "class-variance-authority": "^0.7.1",
@@ -47,10 +52,9 @@
     "unbuild": "^3.6.1"
   },
   "peerDependencies": {
-    "@arch-cadre/core": "^0.0.56",
-    "@arch-cadre/intl": "^0.0.56",
-    "@arch-cadre/ui": "^0.0.56",
+    "@arch-cadre/core": "^0.0.58",
+    "@arch-cadre/intl": "^0.0.58",
+    "@arch-cadre/ui": "^0.0.58",
     "react": "^19.0.0"
-  },
-  "main": "./dist/index.mjs"
+  }
 }

package/dist/actions/index.js

@@ -1,149 +0,0 @@
-"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";
-import { commentsTable, postsTable } from "../schema";
-// --- 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/dist/components/BlogStatsWidget.js

@@ -1,17 +0,0 @@
-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";
-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/dist/components/RecentCommentsWidget.js

@@ -1,24 +0,0 @@
-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";
-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/dist/components/RecentPostsWidget.js

@@ -1,24 +0,0 @@
-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";
-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/dist/components/ui/button.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-            destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-            outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-            secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-9 px-4 py-2",
-            sm: "h-8 rounded-md px-3 text-xs",
-            lg: "h-10 rounded-md px-8",
-            icon: "size-9",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
-});
-Button.displayName = "Button";
-export { Button, buttonVariants };

package/dist/components/ui/card.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
-Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
-CardTitle.displayName = "CardTitle";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
-CardContent.displayName = "CardContent";
-export { Card, CardHeader, CardTitle, CardContent };

package/dist/components/ui/input.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Input = React.forwardRef(({ className, type, ...props }, ref) => {
-    return (_jsx("input", { type: type, className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
-});
-Input.displayName = "Input";
-export { Input };

package/dist/components/ui/table.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })));
-Table.displayName = "Table";
-const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn("[&_tr]:border-b", className), ...props })));
-TableHeader.displayName = "TableHeader";
-const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn("[&_tr:last-child]:border-0", className), ...props })));
-TableBody.displayName = "TableBody";
-const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props })));
-TableRow.displayName = "TableRow";
-const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
-TableHead.displayName = "TableHead";
-const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
-TableCell.displayName = "TableCell";
-export { Table, TableHeader, TableBody, TableHead, TableRow, TableCell };

package/dist/components/ui/textarea.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Textarea = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx("textarea", { className: cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
-});
-Textarea.displayName = "Textarea";
-export { Textarea };