@jhits/plugin-blog 0.0.9 → 0.0.11

package/src/views/PostManager/PostCards.js

@@ -1,79 +0,0 @@
-/**
- * Post Cards Component
- * Card-based layout for displaying posts
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Calendar, User, UserCheck } from 'lucide-react';
-import { Image } from '@jhits/plugin-images';
-import { PostActionsMenu } from './PostActionsMenu';
-import { useSession } from 'next-auth/react';
-function getStatusBadgeColor(status) {
-    switch (status) {
-        case 'published':
-            return 'bg-green-500/10 text-green-700 dark:text-green-400 border-green-500/20';
-        case 'draft':
-            return 'bg-amber-500/10 text-amber-700 dark:text-amber-400 border-amber-500/20';
-        case 'scheduled':
-            return 'bg-blue-500/10 text-blue-700 dark:text-blue-400 border-blue-500/20';
-        case 'archived':
-            return 'bg-neutral-500/10 text-neutral-700 dark:text-neutral-400 border-neutral-500/20';
-        default:
-            return 'bg-neutral-500/10 text-neutral-700 dark:text-neutral-400 border-neutral-500/20';
-    }
-}
-function formatDate(dateString, locale) {
-    if (!dateString)
-        return 'No date';
-    return new Date(dateString).toLocaleDateString(locale, {
-        day: 'numeric',
-        month: 'short',
-        year: 'numeric',
-    });
-}
-export function PostCards({ posts, locale, onEdit, onPreview, onDuplicate, onDelete, }) {
-    var _a;
-    const { data: session, status: sessionStatus } = useSession();
-    const currentUserId = (_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.id;
-    const [userMap, setUserMap] = useState({});
-    // Helper function to check if user is the owner
-    const isPostOwner = (post) => {
-        if (sessionStatus === 'loading')
-            return false; // Don't show actions while loading
-        if (!currentUserId || !post.authorId)
-            return false;
-        // Convert both to strings for comparison to handle ObjectId vs string
-        return String(currentUserId) === String(post.authorId);
-    };
-    // Fetch users to map IDs to names
-    useEffect(() => {
-        const fetchUsers = async () => {
-            try {
-                const response = await fetch('/api/users');
-                const users = await response.json();
-                if (Array.isArray(users)) {
-                    const map = {};
-                    users.forEach((user) => {
-                        var _a;
-                        const id = (_a = user._id) === null || _a === void 0 ? void 0 : _a.toString();
-                        if (id) {
-                            map[id] = user.name || user.email || 'Unknown';
-                        }
-                    });
-                    setUserMap(map);
-                }
-            }
-            catch (error) {
-                console.error('Failed to fetch users:', error);
-            }
-        };
-        fetchUsers();
-    }, []);
-    const getAuthorName = (authorId) => {
-        if (!authorId)
-            return 'Unknown';
-        return userMap[authorId] || authorId;
-    };
-    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", children: posts.map((post) => (_jsxs("div", { className: "bg-dashboard-card rounded-2xl border border-dashboard-border overflow-hidden hover:shadow-xl transition-all duration-300 group", children: [_jsxs("div", { className: "relative w-full h-48 bg-neutral-200 dark:bg-neutral-800 overflow-hidden", children: [post.featuredImage ? (_jsx(Image, { id: post.featuredImage, alt: post.title, fill: true, editable: false, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center", children: _jsx("span", { className: "text-sm text-neutral-400", children: "No Image" }) })), isPostOwner(post) && (_jsx("div", { className: "absolute top-4 left-4 z-10", children: _jsx("div", { className: "bg-white/90 dark:bg-neutral-900/90 backdrop-blur-sm rounded-full p-1 shadow-lg border border-neutral-200 dark:border-neutral-700", children: _jsx(PostActionsMenu, { onEdit: () => onEdit(post.id), onPreview: () => onPreview(post.id), onDuplicate: () => onDuplicate(post.id), onDelete: () => onDelete(post.id) }) }) })), _jsx("div", { className: "absolute top-4 right-4", children: _jsx("span", { className: `inline-flex items-center px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-wider border backdrop-blur-sm ${getStatusBadgeColor(post.status)}`, children: post.status }) })] }), _jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "mb-4", children: [_jsx("button", { onClick: () => onEdit(post.id), className: "text-left w-full hover:cursor-pointer", children: _jsx("h3", { className: "font-bold text-lg text-neutral-950 dark:text-white mb-2 line-clamp-2 group-hover:text-primary transition-colors hover:underline", children: post.title }) }), _jsxs("p", { className: "text-xs text-neutral-500 dark:text-neutral-400 font-mono", children: ["/", post.slug] })] }), post.excerpt && (_jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 mb-4 line-clamp-2", children: post.excerpt })), _jsxs("div", { className: "space-y-3 pt-4 border-t border-neutral-200 dark:border-neutral-700", children: [_jsxs("div", { className: "flex items-center gap-2", children: [isPostOwner(post) ? (_jsx(UserCheck, { size: 14, className: "text-primary" })) : (_jsx(User, { size: 14, className: "text-neutral-400" })), _jsxs("span", { className: `text-xs ${isPostOwner(post) ? 'text-primary font-semibold' : 'text-neutral-600 dark:text-neutral-400'}`, children: [getAuthorName(post.authorId), isPostOwner(post) && (_jsx("span", { className: "ml-1", children: "(You)" }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { size: 14, className: "text-neutral-400" }), _jsx("span", { className: "text-xs text-neutral-600 dark:text-neutral-400", children: formatDate(post.updatedAt, locale) })] })] })] })] }, post.id))) }));
-}

package/src/views/PostManager/PostCards.tsx

@@ -1,197 +0,0 @@
-/**
- * Post Cards Component
- * Card-based layout for displaying posts
- */
-
-'use client';
-
-import React, { useState, useEffect } from 'react';
-import { Calendar, User, UserCheck } from 'lucide-react';
-import { Image } from '@jhits/plugin-images';
-import { PostListItem, PostStatus } from '../../types/post';
-import { PostActionsMenu } from './PostActionsMenu';
-import { useSession } from 'next-auth/react';
-
-export interface PostCardsProps {
-    posts: PostListItem[];
-    locale: string;
-    onEdit: (postId: string) => void;
-    onPreview: (postId: string) => void;
-    onDuplicate: (postId: string) => void;
-    onDelete: (postId: string) => void;
-}
-
-function getStatusBadgeColor(status: PostStatus) {
-    switch (status) {
-        case 'published':
-            return 'bg-green-500/10 text-green-700 dark:text-green-400 border-green-500/20';
-        case 'draft':
-            return 'bg-amber-500/10 text-amber-700 dark:text-amber-400 border-amber-500/20';
-        case 'scheduled':
-            return 'bg-blue-500/10 text-blue-700 dark:text-blue-400 border-blue-500/20';
-        case 'archived':
-            return 'bg-neutral-500/10 text-neutral-700 dark:text-neutral-400 border-neutral-500/20';
-        default:
-            return 'bg-neutral-500/10 text-neutral-700 dark:text-neutral-400 border-neutral-500/20';
-    }
-}
-
-function formatDate(dateString: string | undefined, locale: string) {
-    if (!dateString) return 'No date';
-    return new Date(dateString).toLocaleDateString(locale, {
-        day: 'numeric',
-        month: 'short',
-        year: 'numeric',
-    });
-}
-
-export function PostCards({
-    posts,
-    locale,
-    onEdit,
-    onPreview,
-    onDuplicate,
-    onDelete,
-}: PostCardsProps) {
-    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
-        if (!currentUserId || !post.authorId) return false;
-        // Convert both to strings for comparison to handle ObjectId vs string
-        return String(currentUserId) === String(post.authorId);
-    };
-
-    // Fetch users to map IDs to names
-    useEffect(() => {
-        const fetchUsers = async () => {
-            try {
-                const response = await fetch('/api/users');
-                const users = await response.json();
-                if (Array.isArray(users)) {
-                    const map: Record<string, string> = {};
-                    users.forEach((user: { _id: string; name?: string; email?: string }) => {
-                        const id = user._id?.toString();
-                        if (id) {
-                            map[id] = user.name || user.email || 'Unknown';
-                        }
-                    });
-                    setUserMap(map);
-                }
-            } catch (error) {
-                console.error('Failed to fetch users:', error);
-            }
-        };
-        fetchUsers();
-    }, []);
-
-    const getAuthorName = (authorId?: string) => {
-        if (!authorId) return 'Unknown';
-        return userMap[authorId] || authorId;
-    };
-
-    return (
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
-            {posts.map((post) => (
-                <div
-                    key={post.id}
-                    className="bg-dashboard-card rounded-2xl border border-dashboard-border overflow-hidden hover:shadow-xl transition-all duration-300 group"
-                >
-                    {/* Featured Image */}
-                    <div className="relative w-full h-48 bg-neutral-200 dark:bg-neutral-800 overflow-hidden">
-                        {post.featuredImage ? (
-                            <Image
-                                id={post.featuredImage}
-                                alt={post.title}
-                                fill
-                                editable={false}
-                                className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
-                            />
-                        ) : (
-                            <div className="w-full h-full flex items-center justify-center">
-                                <span className="text-sm text-neutral-400">No Image</span>
-                            </div>
-                        )}
-                        {/* Actions Menu - Top Left - Only show for own posts */}
-                        {isPostOwner(post) && (
-                            <div className="absolute top-4 left-4 z-10">
-                                <div className="bg-white/90 dark:bg-neutral-900/90 backdrop-blur-sm rounded-full p-1 shadow-lg border border-neutral-200 dark:border-neutral-700">
-                                    <PostActionsMenu
-                                        onEdit={() => onEdit(post.id)}
-                                        onPreview={() => onPreview(post.id)}
-                                        onDuplicate={() => onDuplicate(post.id)}
-                                        onDelete={() => onDelete(post.id)}
-                                    />
-                                </div>
-                            </div>
-                        )}
-                        {/* Status Badge Overlay */}
-                        <div className="absolute top-4 right-4">
-                            <span
-                                className={`inline-flex items-center px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-wider border backdrop-blur-sm ${getStatusBadgeColor(post.status)}`}
-                            >
-                                {post.status}
-                            </span>
-                        </div>
-                    </div>
-
-                    {/* Card Content */}
-                    <div className="p-6">
-                        {/* Title & Slug */}
-                        <div className="mb-4">
-                            <button 
-                                onClick={() => onEdit(post.id)}
-                                className="text-left w-full hover:cursor-pointer"
-                            >
-                                <h3 className="font-bold text-lg text-neutral-950 dark:text-white mb-2 line-clamp-2 group-hover:text-primary transition-colors hover:underline">
-                                    {post.title}
-                                </h3>
-                            </button>
-                            <p className="text-xs text-neutral-500 dark:text-neutral-400 font-mono">
-                                /{post.slug}
-                            </p>
-                        </div>
-
-                        {/* Excerpt */}
-                        {post.excerpt && (
-                            <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-4 line-clamp-2">
-                                {post.excerpt}
-                            </p>
-                        )}
-
-                        {/* Meta Information */}
-                        <div className="space-y-3 pt-4 border-t border-neutral-200 dark:border-neutral-700">
-                            {/* Author */}
-                            <div className="flex items-center gap-2">
-                                {isPostOwner(post) ? (
-                                    <UserCheck size={14} className="text-primary" />
-                                ) : (
-                                    <User size={14} className="text-neutral-400" />
-                                )}
-                                <span className={`text-xs ${isPostOwner(post) ? 'text-primary font-semibold' : 'text-neutral-600 dark:text-neutral-400'}`}>
-                                    {getAuthorName(post.authorId)}
-                                    {isPostOwner(post) && (
-                                        <span className="ml-1">(You)</span>
-                                    )}
-                                </span>
-                            </div>
-
-                            {/* Last Modified */}
-                            <div className="flex items-center gap-2">
-                                <Calendar size={14} className="text-neutral-400" />
-                                <span className="text-xs text-neutral-600 dark:text-neutral-400">
-                                    {formatDate(post.updatedAt, locale)}
-                                </span>
-                            </div>
-                        </div>
-
-                    </div>
-                </div>
-            ))}
-        </div>
-    );
-}
-

package/src/views/PostManager/PostFilters.d.ts

@@ -1,16 +0,0 @@
-/**
- * Post Filters Component
- * Search and filter controls for posts
- */
-import { PostStatus } from '../../types/post';
-export interface PostFiltersProps {
-    search: string;
-    onSearchChange: (value: string) => void;
-    statusFilter: PostStatus | 'all';
-    onStatusFilterChange: (value: PostStatus | 'all') => void;
-    categoryFilter: string;
-    onCategoryFilterChange: (value: string) => void;
-    categories: string[];
-}
-export declare function PostFilters({ search, onSearchChange, statusFilter, onStatusFilterChange, categoryFilter, onCategoryFilterChange, categories, }: PostFiltersProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PostFilters.d.ts.map

package/src/views/PostManager/PostFilters.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PostFilters.d.ts","sourceRoot":"","sources":["PostFilters.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,UAAU,GAAG,KAAK,CAAC;IACjC,oBAAoB,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EACxB,MAAM,EACN,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,sBAAsB,EACtB,UAAU,GACb,EAAE,gBAAgB,2CAgElB"}

package/src/views/PostManager/PostFilters.js

@@ -1,10 +0,0 @@
-/**
- * Post Filters Component
- * Search and filter controls for posts
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Search, Filter, Tag } from 'lucide-react';
-export function PostFilters({ search, onSearchChange, statusFilter, onStatusFilterChange, categoryFilter, onCategoryFilterChange, categories, }) {
-    return (_jsxs("div", { className: "flex flex-col sm:flex-row gap-4 mb-6", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("label", { htmlFor: "blog-post-search", className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", style: { clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }, children: "Search posts by title or content" }), _jsx(Search, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4" }), _jsx("input", { id: "blog-post-search", name: "blog-post-search", type: "text", value: search, onChange: (e) => onSearchChange(e.target.value), placeholder: "Search posts by title or content...", className: "w-full pl-11 pr-4 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-all" })] }), _jsxs("div", { className: "relative", children: [_jsx("label", { htmlFor: "blog-post-status-filter", className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", style: { clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }, children: "Filter by status" }), _jsx(Filter, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4 pointer-events-none" }), _jsxs("select", { id: "blog-post-status-filter", name: "blog-post-status-filter", value: statusFilter, onChange: (e) => onStatusFilterChange(e.target.value), className: "pl-11 pr-8 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary appearance-none outline-none cursor-pointer min-w-[160px]", children: [_jsx("option", { value: "all", children: "All Statuses" }), _jsx("option", { value: "published", children: "Published" }), _jsx("option", { value: "draft", children: "Draft" }), _jsx("option", { value: "scheduled", children: "Scheduled" }), _jsx("option", { value: "archived", children: "Archived" })] })] }), _jsxs("div", { className: "relative", children: [_jsx("label", { htmlFor: "blog-post-category-filter", className: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", style: { clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }, children: "Filter by category" }), _jsx(Tag, { className: "absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4 pointer-events-none" }), _jsxs("select", { id: "blog-post-category-filter", name: "blog-post-category-filter", value: categoryFilter, onChange: (e) => onCategoryFilterChange(e.target.value), className: "pl-11 pr-8 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary appearance-none outline-none cursor-pointer min-w-[160px]", children: [_jsx("option", { value: "all", children: "All Categories" }), categories.map((category) => (_jsx("option", { value: category, children: category }, category)))] })] })] }));
-}

package/src/views/PostManager/PostFilters.tsx

@@ -1,95 +0,0 @@
-/**
- * Post Filters Component
- * Search and filter controls for posts
- */
-
-'use client';
-
-import React from 'react';
-import { Search, Filter, Tag } from 'lucide-react';
-import { PostStatus } from '../../types/post';
-
-export interface PostFiltersProps {
-    search: string;
-    onSearchChange: (value: string) => void;
-    statusFilter: PostStatus | 'all';
-    onStatusFilterChange: (value: PostStatus | 'all') => void;
-    categoryFilter: string;
-    onCategoryFilterChange: (value: string) => void;
-    categories: string[];
-}
-
-export function PostFilters({
-    search,
-    onSearchChange,
-    statusFilter,
-    onStatusFilterChange,
-    categoryFilter,
-    onCategoryFilterChange,
-    categories,
-}: PostFiltersProps) {
-    return (
-        <div className="flex flex-col sm:flex-row gap-4 mb-6">
-            {/* Search Input */}
-            <div className="relative flex-1">
-                <label htmlFor="blog-post-search" className="absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0" style={{ clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }}>
-                    Search posts by title or content
-                </label>
-                <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4" />
-                <input
-                    id="blog-post-search"
-                    name="blog-post-search"
-                    type="text"
-                    value={search}
-                    onChange={(e) => onSearchChange(e.target.value)}
-                    placeholder="Search posts by title or content..."
-                    className="w-full pl-11 pr-4 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-all"
-                />
-            </div>
-
-            {/* Status Filter */}
-            <div className="relative">
-                <label htmlFor="blog-post-status-filter" className="absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0" style={{ clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }}>
-                    Filter by status
-                </label>
-                <Filter className="absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4 pointer-events-none" />
-                <select
-                    id="blog-post-status-filter"
-                    name="blog-post-status-filter"
-                    value={statusFilter}
-                    onChange={(e) => onStatusFilterChange(e.target.value as PostStatus | 'all')}
-                    className="pl-11 pr-8 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary appearance-none outline-none cursor-pointer min-w-[160px]"
-                >
-                    <option value="all">All Statuses</option>
-                    <option value="published">Published</option>
-                    <option value="draft">Draft</option>
-                    <option value="scheduled">Scheduled</option>
-                    <option value="archived">Archived</option>
-                </select>
-            </div>
-
-            {/* Category Filter */}
-            <div className="relative">
-                <label htmlFor="blog-post-category-filter" className="absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0" style={{ clip: 'rect(0, 0, 0, 0)', clipPath: 'inset(50%)' }}>
-                    Filter by category
-                </label>
-                <Tag className="absolute left-4 top-1/2 -translate-y-1/2 text-neutral-400 size-4 pointer-events-none" />
-                <select
-                    id="blog-post-category-filter"
-                    name="blog-post-category-filter"
-                    value={categoryFilter}
-                    onChange={(e) => onCategoryFilterChange(e.target.value)}
-                    className="pl-11 pr-8 py-3 bg-neutral-100 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary appearance-none outline-none cursor-pointer min-w-[160px]"
-                >
-                    <option value="all">All Categories</option>
-                    {categories.map((category) => (
-                        <option key={category} value={category}>
-                            {category}
-                        </option>
-                    ))}
-                </select>
-            </div>
-        </div>
-    );
-}
-

package/src/views/PostManager/PostManagerView.d.ts

@@ -1,11 +0,0 @@
-/**
- * Post Manager View
- * Production-ready listing page for managing blog posts
- * Follows dashboard earth-tone design system
- */
-export interface PostManagerViewProps {
-    siteId: string;
-    locale: string;
-}
-export declare function PostManagerView({ siteId, locale }: PostManagerViewProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PostManagerView.d.ts.map

package/src/views/PostManager/PostManagerView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PostManagerView.d.ts","sourceRoot":"","sources":["PostManagerView.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAcH,MAAM,WAAW,oBAAoB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAMD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAqQvE"}

package/src/views/PostManager/PostManagerView.js

@@ -1,174 +0,0 @@
-/**
- * Post Manager View
- * Production-ready listing page for managing blog posts
- * Follows dashboard earth-tone design system
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect } from 'react';
-import { Plus, List, Grid3x3 } from 'lucide-react';
-import { PostStats } from './PostStats';
-import { PostFilters } from './PostFilters';
-import { PostTable } from './PostTable';
-import { PostCards } from './PostCards';
-import { EmptyState } from './EmptyState';
-import { apiToBlogPost } from '../../lib/mappers/apiMapper';
-const STORAGE_KEY_PREFIX = 'blog-view-mode';
-export function PostManagerView({ siteId, locale }) {
-    const [posts, setPosts] = useState([]);
-    const [totalPosts, setTotalPosts] = useState(0);
-    const [loading, setLoading] = useState(true);
-    const [search, setSearch] = useState('');
-    const [statusFilter, setStatusFilter] = useState('all');
-    const [categoryFilter, setCategoryFilter] = useState('all');
-    // Load view mode preference from localStorage
-    const getStoredViewMode = () => {
-        if (typeof window === 'undefined')
-            return 'list';
-        const stored = localStorage.getItem(`${STORAGE_KEY_PREFIX}-${siteId}`);
-        return (stored === 'list' || stored === 'cards') ? stored : 'list';
-    };
-    const [viewMode, setViewMode] = useState(getStoredViewMode);
-    // Save view mode preference to localStorage when it changes
-    useEffect(() => {
-        if (typeof window !== 'undefined') {
-            localStorage.setItem(`${STORAGE_KEY_PREFIX}-${siteId}`, viewMode);
-        }
-    }, [viewMode, siteId]);
-    // Fetch posts from API
-    useEffect(() => {
-        const fetchPosts = async () => {
-            try {
-                setLoading(true);
-                const response = await fetch('/api/plugin-blog?admin=true');
-                const data = await response.json();
-                if (data.blogs && Array.isArray(data.blogs)) {
-                    // Convert API format to PostListItem format
-                    const postListItems = data.blogs.map((doc) => {
-                        var _a;
-                        const blogPost = apiToBlogPost(doc);
-                        // Use semantic ID (id) - plugin-images handles resolution
-                        // The id is the semantic ID (e.g., "blog-featured-{slug}") which plugin-images resolves
-                        const featuredImageId = (_a = blogPost.metadata.featuredImage) === null || _a === void 0 ? void 0 : _a.id;
-                        // Extract category from metadata or hero block
-                        let category = undefined;
-                        if (blogPost.metadata.categories && blogPost.metadata.categories.length > 0) {
-                            category = blogPost.metadata.categories[0];
-                        }
-                        else {
-                            // Check hero block for category
-                            const heroBlock = blogPost.blocks.find(block => block.type === 'hero');
-                            if (heroBlock && heroBlock.data && typeof heroBlock.data === 'object') {
-                                const heroCategory = heroBlock.data.category;
-                                if (heroCategory && typeof heroCategory === 'string' && heroCategory.trim()) {
-                                    category = heroCategory.trim();
-                                }
-                            }
-                        }
-                        return {
-                            id: blogPost.id,
-                            title: blogPost.title,
-                            slug: blogPost.slug,
-                            status: blogPost.publication.status,
-                            date: blogPost.publication.date,
-                            excerpt: blogPost.metadata.excerpt,
-                            featuredImage: featuredImageId,
-                            authorId: blogPost.publication.authorId,
-                            updatedAt: blogPost.updatedAt,
-                            category: category,
-                        };
-                    });
-                    setPosts(postListItems);
-                    setTotalPosts(data.total);
-                }
-            }
-            catch (error) {
-                console.error('Failed to fetch posts:', error);
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        fetchPosts();
-    }, []);
-    // Extract unique categories from posts
-    const categories = React.useMemo(() => {
-        const categorySet = new Set();
-        posts.forEach(post => {
-            if (post.category && post.category.trim()) {
-                categorySet.add(post.category.trim());
-            }
-        });
-        return Array.from(categorySet).sort();
-    }, [posts]);
-    // Filter posts
-    const filteredPosts = React.useMemo(() => {
-        return posts.filter((post) => {
-            var _a;
-            const matchesSearch = search === '' ||
-                post.title.toLowerCase().includes(search.toLowerCase()) ||
-                ((_a = post.excerpt) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(search.toLowerCase())) ||
-                post.slug.toLowerCase().includes(search.toLowerCase());
-            const matchesStatus = statusFilter === 'all' || post.status === statusFilter;
-            const matchesCategory = categoryFilter === 'all' || post.category === categoryFilter;
-            return matchesSearch && matchesStatus && matchesCategory;
-        });
-    }, [posts, search, statusFilter, categoryFilter]);
-    // Action handlers
-    const handleCreatePost = () => {
-        // Navigate to editor route - the plugin router will handle this
-        // The route 'new' maps to the editor view
-        window.location.href = '/dashboard/blog/new';
-    };
-    const handleEdit = (postId) => {
-        // Find the post to get its slug
-        const post = posts.find(p => p.id === postId);
-        if (post) {
-            // Navigate to editor with slug (API uses slug, not ID)
-            window.location.href = `/dashboard/blog/editor/${post.slug}`;
-        }
-    };
-    const handlePreview = (postId) => {
-        // Open preview in new tab
-        window.open(`/dashboard/blog/preview/${postId}`, '_blank');
-    };
-    const handleDuplicate = (postId) => {
-        // TODO: Implement duplicate functionality
-        const post = posts.find((p) => p.id === postId);
-        if (post) {
-            const duplicated = Object.assign(Object.assign({}, post), { id: `duplicate-${Date.now()}`, title: `${post.title} (Copy)`, slug: `${post.slug}-copy-${Date.now()}`, status: 'draft', updatedAt: new Date().toISOString() });
-            setPosts((prev) => [...prev, duplicated]);
-        }
-    };
-    const handleDelete = async (postId) => {
-        if (confirm('Are you sure you want to delete this post?')) {
-            try {
-                const post = posts.find(p => p.id === postId);
-                if (post) {
-                    const response = await fetch(`/api/plugin-blog/${post.slug}`, {
-                        method: 'DELETE',
-                    });
-                    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');
-                    }
-                }
-            }
-            catch (error) {
-                console.error('Failed to delete post:', error);
-                alert('Failed to delete post');
-            }
-        }
-    };
-    const hasActiveFilters = search !== '' || statusFilter !== 'all' || categoryFilter !== 'all';
-    return (_jsxs("div", { className: "h-full w-full rounded-[2.5rem] bg-white dark:bg-neutral-900 p-8 overflow-y-auto", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-black text-neutral-950 dark:text-white uppercase tracking-tighter mb-2", children: "Blog Posts" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Manage your blog posts, drafts, and published content" })] }), _jsxs("button", { onClick: handleCreatePost, className: "inline-flex items-center gap-2 px-6 py-3 bg-primary text-white rounded-full text-[10px] font-black uppercase tracking-widest hover:bg-primary/90 transition-all shadow-lg shadow-primary/20", children: [_jsx(Plus, { size: 16 }), "New Post"] })] }), _jsx(PostStats, { total: totalPosts, posts: posts }), _jsxs("div", { className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-6", children: [_jsx(PostFilters, { search: search, onSearchChange: setSearch, statusFilter: statusFilter, onStatusFilterChange: setStatusFilter, categoryFilter: categoryFilter, onCategoryFilterChange: setCategoryFilter, categories: categories }), _jsxs("div", { className: "flex items-center gap-2 bg-neutral-100 dark:bg-neutral-800/50 rounded-full p-1 border border-neutral-300 dark:border-neutral-700", children: [_jsx("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'}`, title: "List View", children: _jsx(List, { size: 18 }) }), _jsx("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'}`, title: "Card View", children: _jsx(Grid3x3, { size: 18 }) })] })] }), loading ? (_jsx("div", { className: "flex items-center justify-center py-20", children: _jsx("div", { className: "w-8 h-8 border-4 border-primary/20 border-t-primary rounded-full animate-spin" }) })) : filteredPosts.length === 0 ? (_jsx(EmptyState, { hasFilters: hasActiveFilters, onCreatePost: handleCreatePost })) : viewMode === 'list' ? (_jsx(PostTable, { posts: filteredPosts, locale: locale, onEdit: handleEdit, onPreview: handlePreview, onDuplicate: handleDuplicate, onDelete: handleDelete })) : (_jsx(PostCards, { posts: filteredPosts, locale: locale, onEdit: handleEdit, onPreview: handlePreview, onDuplicate: handleDuplicate, onDelete: handleDelete }))] }));
-}