@jhits/plugin-blog 0.0.4 → 0.0.5

package/package.json

@@ -1,60 +1,57 @@
 {
-    "name": "@jhits/plugin-blog",
-    "version": "0.0.4",
-    "description": "Professional blog management system for the JHITS ecosystem",
-    "publishConfig": {
-        "access": "public"
+  "name": "@jhits/plugin-blog",
+  "version": "0.0.5",
+  "description": "Professional blog management system for the JHITS ecosystem",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./src/index.tsx",
+  "types": "./src/index.tsx",
+  "exports": {
+    ".": {
+      "types": "./src/index.tsx",
+      "default": "./src/index.tsx"
     },
-    "main": "./src/index.tsx",
-    "types": "./src/index.tsx",
-    "exports": {
-        ".": {
-            "types": "./src/index.tsx",
-            "default": "./src/index.tsx"
-        },
-        "./server": {
-            "types": "./src/index.server.ts",
-            "default": "./src/index.server.ts"
-        }
-    },
-    "dependencies": {
-        "@jhits/plugin-core": "^0.0.1",
-        "@jhits/plugin-content": "^0.0.1",
-        "@jhits/plugin-images": "^0.0.1",
-        "bcrypt": "^6.0.0",
-        "framer-motion": "^12.23.26",
-        "lucide-react": "^0.562.0",
-        "mongodb": "^7.0.0",
-        "next-auth": "^4.24.13"
-    },
-    "peerDependencies": {
-        "next": ">=15.0.0",
-        "next-intl": ">=4.0.0",
-        "next-themes": ">=0.4.0",
-        "react": ">=18.0.0",
-        "react-dom": ">=18.0.0"
-    },
-    "devDependencies": {
-        "@tailwindcss/postcss": "^4",
-        "@types/bcrypt": "^6.0.0",
-        "@types/node": "^20.19.27",
-        "@types/react": "^19",
-        "@types/react-dom": "^19",
-        "eslint": "^9",
-        "eslint-config-next": "16.1.1",
-        "next": "16.1.1",
-        "next-intl": "4.6.1",
-        "next-themes": "0.4.6",
-        "react": "19.2.3",
-        "react-dom": "19.2.3",
-        "tailwindcss": "^4",
-        "typescript": "^5"
-    },
-    "files": [
-        "src/**/*.{ts,tsx,json}",
-        "!src/**/*.md",
-        "!src/**/README.md",
-        "!README.md",
-        "package.json"
-    ]
-}
+    "./server": {
+      "types": "./src/index.server.ts",
+      "default": "./src/index.server.ts"
+    }
+  },
+  "dependencies": {
+    "@jhits/plugin-core": "^0.0.1",
+    "@jhits/plugin-content": "^0.0.1",
+    "@jhits/plugin-images": "^0.0.1",
+    "bcrypt": "^6.0.0",
+    "framer-motion": "^12.23.26",
+    "lucide-react": "^0.562.0",
+    "mongodb": "^7.0.0",
+    "next-auth": "^4.24.13"
+  },
+  "peerDependencies": {
+    "next": ">=15.0.0",
+    "next-intl": ">=4.0.0",
+    "next-themes": ">=0.4.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/bcrypt": "^6.0.0",
+    "@types/node": "^20.19.27",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.1",
+    "next": "16.1.1",
+    "next-intl": "4.6.1",
+    "next-themes": "0.4.6",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  },
+  "files": [
+    "src",
+    "package.json"
+  ]
+}

package/src/api/handler.ts

@@ -8,7 +8,6 @@
  */
 
 import { NextRequest, NextResponse } from 'next/server';
-import { APIBlogDocument, apiToBlogPost, editorStateToAPI } from '../lib/mappers/apiMapper';
 import { slugify } from '../lib/utils/slugify';
 
 export interface BlogApiConfig {
@@ -68,7 +67,7 @@ export async function GET(req: NextRequest, config: BlogApiConfig): Promise<Next
                 .find(query)
                 .sort({ 'publicationData.date': -1 })
                 .skip(skip)
-                .limit(limit)
+                .limit(isAdminView ? 0 : limit)
                 .toArray(),
             blogs.countDocuments(query),
         ]);
@@ -292,7 +291,7 @@ export async function PUT_BY_SLUG(
             const hasContent =
                 (contentBlocks && Array.isArray(contentBlocks) && contentBlocks.length > 0) ||
                 (content && Array.isArray(content) && content.length > 0);
-            
+
             // Collect all missing fields for better error messages
             const missingFields: string[] = [];
             if (!summary?.trim()) missingFields.push('summary');
@@ -303,7 +302,7 @@ export async function PUT_BY_SLUG(
                 missingFields.push('category');
             }
             if (!hasContent) missingFields.push('content');
-            
+
             if (missingFields.length > 0) {
                 console.log('[BlogAPI] PUT_BY_SLUG validation failed:', {
                     isPublishing,
@@ -316,9 +315,9 @@ export async function PUT_BY_SLUG(
                     contentLength: content?.length || 0,
                 });
                 return NextResponse.json(
-                    { 
+                    {
                         message: `Missing required fields for publishing: ${missingFields.join(', ')}`,
-                        missingFields 
+                        missingFields
                     },
                     { status: 400 }
                 );
@@ -341,7 +340,7 @@ export async function PUT_BY_SLUG(
         } else if (publicationData?.status === 'draft') {
             finalStatus = 'concept';
         }
-        
+
         const updateData = {
             title: title.trim(),
             summary: (summary || '').trim(),

package/src/api/router.ts

@@ -37,21 +37,18 @@ export async function handleBlogApi(
         getUserId: config.getUserId,
         collectionName: config.collectionName || 'blogs',
     });
-    
+
     const method = req.method;
     // Handle empty path array - means we're at /api/plugin-blog
     // Ensure path is always an array
     const safePath = Array.isArray(path) ? path : [];
     const route = safePath.length > 0 ? safePath[0] : '';
 
-    console.log(`[BlogApiRouter] method=${method}, path=${JSON.stringify(safePath)}, route=${route}, url=${req.url}`);
-    
     try {
         // Route: /api/plugin-blog (list/create) - empty path or 'list'
         // This handles both /api/plugin-blog and /api/plugin-blog?limit=3
         if (!route || route === 'list') {
             if (method === 'GET') {
-                console.log('[BlogApiRouter] Routing to BlogListHandler');
                 return await BlogListHandler(req, blogApiConfig);
             }
             if (method === 'POST') {

package/src/utils/index.ts

@@ -4,5 +4,6 @@
  */
 
 export * from './client';
-export * from '../lib/utils/blockHelpers';
+export * from './blockHelpers';
+export * from './slugify';
 

package/src/views/PostManager/PostActionsMenu.tsx

@@ -69,7 +69,7 @@ export function PostActionsMenu({
     const menuContent = isOpen && (
         <div
             ref={menuRef}
-            className="fixed w-48 bg-dashboard-card border border-dashboard-border rounded-2xl shadow-xl z-[9999] overflow-hidden"
+            className="fixed w-48 bg-dashboard-card border border-dashboard-border rounded-2xl shadow-xl z-9999 overflow-hidden"
             style={{
                 top: `${menuPosition.top}px`,
                 right: `${menuPosition.right}px`,

package/src/views/PostManager/PostManagerView.tsx

@@ -25,6 +25,7 @@ type ViewMode = 'list' | 'cards';
 
 export function PostManagerView({ siteId, locale }: PostManagerViewProps) {
     const [posts, setPosts] = useState<PostListItem[]>([]);
+    const [totalPosts, setTotalPosts] = useState<number>(0);
     const [loading, setLoading] = useState(true);
     const [search, setSearch] = useState('');
     const [statusFilter, setStatusFilter] = useState<PostStatus | 'all'>('all');
@@ -85,6 +86,7 @@ export function PostManagerView({ siteId, locale }: PostManagerViewProps) {
                         };
                     });
                     setPosts(postListItems);
+                    setTotalPosts(data.total);
                 }
             } catch (error) {
                 console.error('Failed to fetch posts:', error);
@@ -173,6 +175,7 @@ export function PostManagerView({ siteId, locale }: PostManagerViewProps) {
                     if (response.ok) {
                         // Remove from local state
                         setPosts((prev) => prev.filter((p) => p.id !== postId));
+                        setTotalPosts(prev => prev - 1);
                     } else {
                         const error = await response.json();
                         alert(error.error || 'Failed to delete post');
@@ -210,7 +213,7 @@ export function PostManagerView({ siteId, locale }: PostManagerViewProps) {
             </div>
 
             {/* Stats Summary */}
-            <PostStats posts={posts} />
+            <PostStats total={totalPosts} posts={posts} />
 
             {/* Filters & Search Bar with View Toggle */}
             <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-6">
@@ -229,8 +232,8 @@ export function PostManagerView({ siteId, locale }: PostManagerViewProps) {
                     <button
                         onClick={() => setViewMode('list')}
                         className={`p-2 rounded-full transition-all ${viewMode === 'list'
-                                ? 'bg-white dark:bg-neutral-900 text-primary shadow-sm'
-                                : 'text-neutral-500 dark:text-neutral-400 hover:text-neutral-950 dark:hover:text-white'
+                            ? 'bg-white dark:bg-neutral-900 text-primary shadow-sm'
+                            : 'text-neutral-500 dark:text-neutral-400 hover:text-neutral-950 dark:hover:text-white'
                             }`}
                         title="List View"
                     >
@@ -239,8 +242,8 @@ export function PostManagerView({ siteId, locale }: PostManagerViewProps) {
                     <button
                         onClick={() => setViewMode('cards')}
                         className={`p-2 rounded-full transition-all ${viewMode === 'cards'
-                                ? 'bg-white dark:bg-neutral-900 text-primary shadow-sm'
-                                : 'text-neutral-500 dark:text-neutral-400 hover:text-neutral-950 dark:hover:text-white'
+                            ? 'bg-white dark:bg-neutral-900 text-primary shadow-sm'
+                            : 'text-neutral-500 dark:text-neutral-400 hover:text-neutral-950 dark:hover:text-white'
                             }`}
                         title="Card View"
                     >

package/src/views/PostManager/PostStats.tsx

@@ -5,16 +5,16 @@
 
 'use client';
 
-import React from 'react';
 import { FileText, CheckCircle2, Clock, Archive } from 'lucide-react';
-import { PostListItem, PostStatus } from '../../types/post';
+import { PostListItem } from '../../types/post';
+import { ReactNode } from 'react';
 
 export interface PostStatsProps {
     posts: PostListItem[];
+    total: Number;
 }
 
-export function PostStats({ posts }: PostStatsProps) {
-    const total = posts.length;
+export function PostStats({ total, posts }: PostStatsProps) {
     const published = posts.filter(p => p.status === 'published').length;
     const drafts = posts.filter(p => p.status === 'draft').length;
     const scheduled = posts.filter(p => p.status === 'scheduled').length;
@@ -65,7 +65,7 @@ export function PostStats({ posts }: PostStatsProps) {
                             </div>
                             <div>
                                 <p className="text-2xl font-black text-neutral-950 dark:text-white">
-                                    {stat.value}
+                                    {stat.value as ReactNode}
                                 </p>
                                 <p className="text-xs text-neutral-500 dark:text-neutral-400 uppercase tracking-wider">
                                     {stat.label}

package/src/views/PostManager/PostTable.tsx

@@ -56,7 +56,7 @@ export function PostTable({
     const { data: session, status: sessionStatus } = useSession();
     const currentUserId = (session?.user as any)?.id;
     const [userMap, setUserMap] = useState<Record<string, string>>({});
-    
+
     // Helper function to check if user is the owner
     const isPostOwner = (post: PostListItem): boolean => {
         if (sessionStatus === 'loading') return false; // Don't show actions while loading
@@ -144,9 +144,11 @@ export function PostTable({
                                             </div>
                                         )}
                                         <div className="min-w-0 flex-1">
-                                            <h3 className="font-bold text-neutral-950 dark:text-white mb-1 line-clamp-1">
-                                                {post.title}
-                                            </h3>
+                                            <button onClick={() => onEdit(post.id)} className='hover:cursor-pointer'>
+                                                <h3 className="font-bold hover:underline text-neutral-950 dark:text-white mb-1 line-clamp-1">
+                                                    {post.title}
+                                                </h3>
+                                            </button>
                                             <p className="text-xs text-neutral-500 dark:text-neutral-400 font-mono">
                                                 /{post.slug}
                                             </p>