@jhits/plugin-blog 0.0.8 → 0.0.10

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

@@ -0,0 +1,16 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+/**
+ * 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/PostManagerView.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,174 @@
+/**
+ * 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 }))] }));
+}

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

@@ -0,0 +1,11 @@
+/**
+ * Post Stats Component
+ * Displays summary statistics for blog posts
+ */
+import { PostListItem } from '../../types/post';
+export interface PostStatsProps {
+    posts: PostListItem[];
+    total: Number;
+}
+export declare function PostStats({ total, posts }: PostStatsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PostStats.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostStats.d.ts","sourceRoot":"","sources":["PostStats.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,2CA+DzD"}

package/src/views/PostManager/PostStats.js

@@ -0,0 +1,46 @@
+/**
+ * Post Stats Component
+ * Displays summary statistics for blog posts
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileText, CheckCircle2, Clock, Archive } from 'lucide-react';
+export function PostStats({ total, posts }) {
+    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;
+    const stats = [
+        {
+            label: 'Total Posts',
+            value: total,
+            icon: FileText,
+            color: 'text-neutral-600 dark:text-neutral-400',
+            bgColor: 'bg-neutral-100 dark:bg-neutral-800',
+        },
+        {
+            label: 'Published',
+            value: published,
+            icon: CheckCircle2,
+            color: 'text-green-600 dark:text-green-400',
+            bgColor: 'bg-green-500/10 dark:bg-green-500/20',
+        },
+        {
+            label: 'Drafts',
+            value: drafts,
+            icon: Clock,
+            color: 'text-amber-600 dark:text-amber-400',
+            bgColor: 'bg-amber-500/10 dark:bg-amber-500/20',
+        },
+        {
+            label: 'Scheduled',
+            value: scheduled,
+            icon: Archive,
+            color: 'text-blue-600 dark:text-blue-400',
+            bgColor: 'bg-blue-500/10 dark:bg-blue-500/20',
+        },
+    ];
+    return (_jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-6", children: stats.map((stat) => {
+            const Icon = stat.icon;
+            return (_jsx("div", { className: `p-4 rounded-2xl border border-neutral-300 dark:border-neutral-700 ${stat.bgColor}`, children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: `p-2 rounded-xl ${stat.bgColor}`, children: _jsx(Icon, { className: `size-5 ${stat.color}` }) }), _jsxs("div", { children: [_jsx("p", { className: "text-2xl font-black text-neutral-950 dark:text-white", children: stat.value }), _jsx("p", { className: "text-xs text-neutral-500 dark:text-neutral-400 uppercase tracking-wider", children: stat.label })] })] }) }, stat.label));
+        }) }));
+}

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

@@ -0,0 +1,15 @@
+/**
+ * Post Table Component
+ * Professional table layout for displaying posts
+ */
+import { PostListItem } from '../../types/post';
+export interface PostTableProps {
+    posts: PostListItem[];
+    locale: string;
+    onEdit: (postId: string) => void;
+    onPreview: (postId: string) => void;
+    onDuplicate: (postId: string) => void;
+    onDelete: (postId: string) => void;
+}
+export declare function PostTable({ posts, locale, onEdit, onPreview, onDuplicate, onDelete, }: PostTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PostTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostTable.d.ts","sourceRoot":"","sources":["PostTable.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,EAAE,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAI5D,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AA0BD,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,WAAW,EACX,QAAQ,GACX,EAAE,cAAc,2CA8KhB"}

package/src/views/PostManager/PostTable.js

@@ -0,0 +1,79 @@
+/**
+ * Post Table Component
+ * Professional table 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 PostTable({ 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: "bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border border-neutral-300 dark:border-neutral-700 overflow-hidden", children: _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { className: "bg-neutral-200 dark:bg-neutral-900/50 border-b border-neutral-300 dark:border-neutral-700", children: _jsxs("tr", { children: [_jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Post" }), _jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Author" }), _jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Category" }), _jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Status" }), _jsx("th", { className: "px-6 py-4 text-left text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Last Modified" }), _jsx("th", { className: "px-6 py-4 text-right text-[10px] font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Actions" })] }) }), _jsx("tbody", { className: "divide-y divide-neutral-300 dark:divide-neutral-700", children: posts.map((post) => (_jsxs("tr", { className: "hover:bg-white dark:hover:bg-neutral-900/50 transition-colors cursor-pointer", children: [_jsx("td", { className: "px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-4", children: [post.featuredImage ? (_jsx("div", { className: "w-16 h-16 rounded-xl bg-neutral-200 dark:bg-neutral-700 overflow-hidden flex-shrink-0 relative", children: _jsx(Image, { id: post.featuredImage, alt: post.title, fill: true, editable: false, className: "w-full h-full object-cover" }) })) : (_jsx("div", { className: "w-16 h-16 rounded-xl bg-neutral-200 dark:bg-neutral-700 flex items-center justify-center flex-shrink-0", children: _jsx("span", { className: "text-xs text-neutral-400", children: "No Image" }) })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("button", { onClick: () => onEdit(post.id), className: "text-left w-full hover:cursor-pointer p-0 m-0 border-0 bg-transparent", children: _jsx("h3", { className: "font-bold hover:underline text-neutral-950 dark:text-white mb-1 line-clamp-1 text-left", children: post.title.trim() }) }), _jsxs("p", { className: "text-xs text-neutral-500 dark:text-neutral-400 font-mono text-left", children: ["/", post.slug] })] })] }) }), _jsx("td", { className: "px-6 py-4", 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-sm ${isPostOwner(post) ? 'text-primary font-semibold' : 'text-neutral-600 dark:text-neutral-400'}`, children: [getAuthorName(post.authorId), isPostOwner(post) && (_jsx("span", { className: "ml-2 text-xs text-primary/70", children: "(Jij)" }))] })] }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("span", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: post.category || 'Uncategorized' }) }), _jsx("td", { className: "px-6 py-4", children: _jsx("span", { className: `inline-flex items-center px-3 py-1 rounded-full text-[10px] font-black uppercase tracking-wider border ${getStatusBadgeColor(post.status)}`, children: post.status }) }), _jsx("td", { className: "px-6 py-4", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { size: 14, className: "text-neutral-400" }), _jsx("span", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: formatDate(post.updatedAt, locale) })] }) }), _jsx("td", { className: "px-6 py-4", children: isPostOwner(post) ? (_jsx("div", { className: "flex items-center justify-end", children: _jsx(PostActionsMenu, { onEdit: () => onEdit(post.id), onPreview: () => onPreview(post.id), onDuplicate: () => onDuplicate(post.id), onDelete: () => onDelete(post.id) }) })) : (_jsx("div", { className: "flex items-center justify-end text-neutral-400 text-xs", children: "Alleen auteur" })) })] }, post.id))) })] }) }) }));
+}

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

@@ -0,0 +1,12 @@
+/**
+ * Post Manager View Exports
+ */
+export { PostManagerView } from './PostManagerView';
+export type { PostManagerViewProps } from './PostManagerView';
+export { PostStats } from './PostStats';
+export { PostFilters } from './PostFilters';
+export { PostTable } from './PostTable';
+export { PostCards } from './PostCards';
+export { EmptyState } from './EmptyState';
+export { PostActionsMenu } from './PostActionsMenu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/src/views/PostManager/index.js

@@ -0,0 +1,11 @@
+/**
+ * Post Manager View Exports
+ */
+export { PostManagerView } from './PostManagerView';
+// Sub-components (for potential reuse)
+export { PostStats } from './PostStats';
+export { PostFilters } from './PostFilters';
+export { PostTable } from './PostTable';
+export { PostCards } from './PostCards';
+export { EmptyState } from './EmptyState';
+export { PostActionsMenu } from './PostActionsMenu';

package/src/views/Preview/PreviewBridgeView.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Preview Bridge View
+ * Live preview of blog post
+ * Follows dashboard earth-tone design system
+ */
+export interface PreviewBridgeViewProps {
+    postId?: string;
+    siteId: string;
+    locale: string;
+}
+export declare function PreviewBridgeView({ postId, siteId, locale }: PreviewBridgeViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PreviewBridgeView.d.ts.map

package/src/views/Preview/PreviewBridgeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewBridgeView.d.ts","sourceRoot":"","sources":["PreviewBridgeView.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,MAAM,WAAW,sBAAsB;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CA6CnF"}

package/src/views/Preview/PreviewBridgeView.js

@@ -0,0 +1,11 @@
+/**
+ * Preview Bridge View
+ * Live preview of blog post
+ * Follows dashboard earth-tone design system
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLink, RefreshCw } from 'lucide-react';
+export function PreviewBridgeView({ postId, siteId, locale }) {
+    return (_jsxs("div", { className: "h-full w-full bg-white dark:bg-neutral-900 flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between p-6 border-b border-neutral-300 dark:border-neutral-700 bg-neutral-100 dark:bg-neutral-800/50", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-black text-neutral-950 dark:text-white uppercase tracking-tighter", children: "Preview" }), _jsx("p", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: postId ? `Previewing post: ${postId}` : 'Live preview of your post' })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("button", { className: "inline-flex items-center gap-2 px-4 py-2 bg-neutral-200 dark:bg-neutral-700 text-neutral-700 dark:text-neutral-300 rounded-full text-[10px] font-black uppercase tracking-widest hover:bg-neutral-300 dark:hover:bg-neutral-600 transition-all", children: [_jsx(RefreshCw, { size: 14 }), "Refresh"] }), _jsxs("button", { className: "inline-flex items-center gap-2 px-4 py-2 bg-neutral-200 dark:bg-neutral-700 text-neutral-700 dark:text-neutral-300 rounded-full text-[10px] font-black uppercase tracking-widest hover:bg-neutral-300 dark:hover:bg-neutral-600 transition-all", children: [_jsx(ExternalLink, { size: 14 }), "Open in New Tab"] })] })] }), _jsx("div", { className: "flex-1 overflow-hidden bg-neutral-100 dark:bg-neutral-800/30", children: _jsx("div", { className: "h-full w-full p-8", children: _jsx("div", { className: "h-full w-full bg-white dark:bg-neutral-900 rounded-[2.5rem] border border-neutral-300 dark:border-neutral-700 overflow-hidden", children: _jsx("div", { className: "h-full w-full flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400 mb-2", children: "Preview will be rendered here" }), _jsx("p", { className: "text-xs text-neutral-400", children: "Using iframe or side-by-side panel" })] }) }) }) }) })] }));
+}

package/src/views/Preview/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Preview Bridge View Exports
+ */
+export { PreviewBridgeView } from './PreviewBridgeView';
+export type { PreviewBridgeViewProps } from './PreviewBridgeView';
+//# sourceMappingURL=index.d.ts.map

package/src/views/Preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/src/views/Preview/index.js

@@ -0,0 +1,4 @@
+/**
+ * Preview Bridge View Exports
+ */
+export { PreviewBridgeView } from './PreviewBridgeView';

package/src/views/Settings/SettingsView.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Settings View - Development/Installation Screen
+ * Allows manual configuration of plugin settings (darkMode, backgroundColors)
+ */
+export interface SettingsViewProps {
+    siteId: string;
+    locale: string;
+}
+export declare function SettingsView({ siteId, locale }: SettingsViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsView.d.ts.map

package/src/views/Settings/SettingsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsView.d.ts","sourceRoot":"","sources":["SettingsView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CAyRjE"}

package/src/views/Settings/SettingsView.js

@@ -0,0 +1,111 @@
+/**
+ * Settings View - Development/Installation Screen
+ * Allows manual configuration of plugin settings (darkMode, backgroundColors)
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Save, RotateCcw, Palette, Moon, Sun } from 'lucide-react';
+export function SettingsView({ siteId, locale }) {
+    // Get current config from window global
+    const getCurrentConfig = () => {
+        var _a, _b;
+        if (typeof window !== 'undefined' && window.__JHITS_PLUGIN_PROPS__) {
+            const pluginProps = window.__JHITS_PLUGIN_PROPS__['plugin-blog'];
+            return {
+                darkMode: (_a = pluginProps === null || pluginProps === void 0 ? void 0 : pluginProps.darkMode) !== null && _a !== void 0 ? _a : true,
+                backgroundColors: (_b = pluginProps === null || pluginProps === void 0 ? void 0 : pluginProps.backgroundColors) !== null && _b !== void 0 ? _b : {
+                    light: '#ffffff',
+                    dark: '#171717',
+                },
+            };
+        }
+        return {
+            darkMode: true,
+            backgroundColors: {
+                light: '#ffffff',
+                dark: '#171717',
+            },
+        };
+    };
+    const [darkMode, setDarkMode] = useState(getCurrentConfig().darkMode);
+    const [lightBg, setLightBg] = useState(getCurrentConfig().backgroundColors.light);
+    const [darkBg, setDarkBg] = useState(getCurrentConfig().backgroundColors.dark || '#171717');
+    const [hasChanges, setHasChanges] = useState(false);
+    const [saved, setSaved] = useState(false);
+    // Check for changes
+    useEffect(() => {
+        const current = getCurrentConfig();
+        const hasChanges = darkMode !== current.darkMode ||
+            lightBg !== current.backgroundColors.light ||
+            darkBg !== (current.backgroundColors.dark || '#171717');
+        setHasChanges(hasChanges);
+        setSaved(false);
+    }, [darkMode, lightBg, darkBg]);
+    // Save configuration
+    const handleSave = () => {
+        if (typeof window === 'undefined')
+            return;
+        // Initialize window global if needed
+        if (!window.__JHITS_PLUGIN_PROPS__) {
+            window.__JHITS_PLUGIN_PROPS__ = {};
+        }
+        // Update configuration
+        window.__JHITS_PLUGIN_PROPS__['plugin-blog'] = Object.assign(Object.assign({}, (window.__JHITS_PLUGIN_PROPS__['plugin-blog'] || {})), { darkMode, backgroundColors: {
+                light: lightBg,
+                dark: darkBg,
+            } });
+        // Also save to localStorage for persistence
+        try {
+            localStorage.setItem('__JHITS_PLUGIN_BLOG_CONFIG__', JSON.stringify({
+                darkMode,
+                backgroundColors: {
+                    light: lightBg,
+                    dark: darkBg,
+                },
+            }));
+        }
+        catch (e) {
+            console.warn('[SettingsView] Failed to save to localStorage:', e);
+        }
+        setSaved(true);
+        setTimeout(() => setSaved(false), 2000);
+        // Trigger a custom event to notify other components
+        window.dispatchEvent(new CustomEvent('blog-plugin-config-updated', {
+            detail: { darkMode, backgroundColors: { light: lightBg, dark: darkBg } }
+        }));
+        console.log('[SettingsView] Configuration saved:', {
+            darkMode,
+            backgroundColors: { light: lightBg, dark: darkBg },
+        });
+    };
+    // Reset to defaults
+    const handleReset = () => {
+        setDarkMode(true);
+        setLightBg('#ffffff');
+        setDarkBg('#171717');
+    };
+    // Load from localStorage on mount
+    useEffect(() => {
+        var _a, _b, _c, _d, _e;
+        try {
+            const saved = localStorage.getItem('__JHITS_PLUGIN_BLOG_CONFIG__');
+            if (saved) {
+                const config = JSON.parse(saved);
+                setDarkMode((_a = config.darkMode) !== null && _a !== void 0 ? _a : true);
+                setLightBg((_c = (_b = config.backgroundColors) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : '#ffffff');
+                setDarkBg((_e = (_d = config.backgroundColors) === null || _d === void 0 ? void 0 : _d.dark) !== null && _e !== void 0 ? _e : '#171717');
+            }
+        }
+        catch (e) {
+            console.warn('[SettingsView] Failed to load from localStorage:', e);
+        }
+    }, []);
+    return (_jsx("div", { className: "min-h-screen bg-neutral-50 dark:bg-neutral-900 p-8", children: _jsxs("div", { className: "max-w-4xl mx-auto", children: [_jsxs("div", { className: "mb-8", children: [_jsx("h1", { className: "text-4xl font-black uppercase tracking-tighter text-neutral-950 dark:text-white mb-2", children: "Blog Plugin Settings" }), _jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: "Configure editor appearance and behavior. Changes are applied immediately." })] }), _jsxs("div", { className: "bg-white dark:bg-neutral-800 rounded-[2.5rem] border border-neutral-200 dark:border-neutral-700 shadow-lg p-8", children: [_jsx("div", { className: "mb-8 pb-8 border-b border-neutral-200 dark:border-neutral-700", children: _jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [darkMode ? (_jsx(Moon, { className: "size-5 text-neutral-600 dark:text-neutral-400" })) : (_jsx(Sun, { className: "size-5 text-neutral-600 dark:text-neutral-400" })), _jsxs("div", { children: [_jsx("label", { className: "text-sm font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Dark Mode" }), _jsx("p", { className: "text-xs text-neutral-500 dark:text-neutral-500 mt-1", children: "Enable dark mode for editor content area and wrappers" })] })] }), _jsx("button", { onClick: () => setDarkMode(!darkMode), className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${darkMode
+                                            ? 'bg-primary'
+                                            : 'bg-neutral-300 dark:bg-neutral-600'}`, children: _jsx("span", { className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${darkMode ? 'translate-x-6' : 'translate-x-1'}` }) })] }) }), _jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(Palette, { className: "size-5 text-neutral-600 dark:text-neutral-400" }), _jsxs("div", { children: [_jsx("label", { className: "text-sm font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Background Colors" }), _jsx("p", { className: "text-xs text-neutral-500 dark:text-neutral-500 mt-1", children: "Set custom background colors for the editor canvas" })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsxs("label", { className: "block text-[10px] font-black uppercase tracking-widest text-neutral-500 dark:text-neutral-500 mb-2", children: ["Light Mode Background ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("input", { type: "text", value: lightBg, onChange: (e) => setLightBg(e.target.value), placeholder: "#ffffff", className: "flex-1 bg-dashboard-card border border-dashboard-border p-4 rounded-2xl text-sm font-bold outline-none focus:border-primary transition-all text-dashboard-text" }), _jsx("div", { className: "w-16 h-16 rounded-xl border-2 border-neutral-200 dark:border-neutral-700", style: { backgroundColor: lightBg } })] }), _jsx("p", { className: "text-xs text-neutral-400 dark:text-neutral-600 mt-1", children: "CSS color value (hex, rgb, or named color)" })] }), _jsxs("div", { children: [_jsxs("label", { className: "block text-[10px] font-black uppercase tracking-widest text-neutral-500 dark:text-neutral-500 mb-2", children: ["Dark Mode Background ", _jsx("span", { className: "text-neutral-400", children: "(Optional)" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("input", { type: "text", value: darkBg, onChange: (e) => setDarkBg(e.target.value), placeholder: "#171717", disabled: !darkMode, className: `flex-1 bg-white dark:bg-neutral-900/50 border border-neutral-300 dark:border-neutral-700 p-4 rounded-2xl text-sm font-bold outline-none focus:border-primary transition-all dark:text-neutral-100 ${!darkMode ? 'opacity-50 cursor-not-allowed' : ''}` }), _jsx("div", { className: `w-16 h-16 rounded-xl border-2 border-neutral-200 dark:border-neutral-700 ${!darkMode ? 'opacity-50' : ''}`, style: { backgroundColor: darkBg } })] }), _jsx("p", { className: "text-xs text-neutral-400 dark:text-neutral-600 mt-1", children: "Only used when dark mode is enabled" })] })] })] }), _jsxs("div", { className: "mb-8 p-6 bg-neutral-50 dark:bg-neutral-900/50 rounded-2xl border border-neutral-200 dark:border-neutral-700", children: [_jsx("label", { className: "block text-[10px] font-black uppercase tracking-widest text-neutral-500 dark:text-neutral-500 mb-3", children: "Preview" }), _jsx("div", { className: "h-32 rounded-xl border-2 border-dashed border-neutral-300 dark:border-neutral-700 flex items-center justify-center", style: {
+                                        backgroundColor: darkMode ? darkBg : lightBg,
+                                    }, children: _jsx("span", { className: "text-xs font-bold uppercase tracking-widest text-neutral-600 dark:text-neutral-400", children: "Editor Canvas Preview" }) })] }), _jsxs("div", { className: "flex items-center justify-between pt-6 border-t border-neutral-200 dark:border-neutral-700", children: [_jsxs("button", { onClick: handleReset, className: "px-6 py-3 rounded-full border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-900/50 text-sm font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400 hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-colors flex items-center gap-2", children: [_jsx(RotateCcw, { className: "size-4" }), "Reset"] }), _jsxs("button", { onClick: handleSave, disabled: !hasChanges, className: `px-6 py-3 rounded-full text-sm font-black uppercase tracking-widest transition-all flex items-center gap-2 ${hasChanges
+                                        ? 'bg-primary text-white hover:bg-primary/90 shadow-lg shadow-primary/20'
+                                        : 'bg-neutral-200 dark:bg-neutral-700 text-neutral-400 dark:text-neutral-600 cursor-not-allowed'}`, children: [_jsx(Save, { className: "size-4" }), saved ? 'Saved!' : 'Save Changes'] })] })] }), _jsxs("div", { className: "mt-6 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-2xl p-6", children: [_jsx("h3", { className: "text-sm font-black uppercase tracking-widest text-blue-900 dark:text-blue-300 mb-2", children: "How It Works" }), _jsxs("ul", { className: "text-xs text-blue-800 dark:text-blue-400 space-y-1 list-disc list-inside", children: [_jsxs("li", { children: ["Changes are saved to ", _jsx("code", { className: "bg-blue-100 dark:bg-blue-900/50 px-1 rounded", children: "window.__JHITS_PLUGIN_PROPS__" }), " and localStorage"] }), _jsx("li", { children: "Configuration persists across page refreshes" }), _jsx("li", { children: "To apply changes in the editor, navigate to a post editor page" }), _jsx("li", { children: "For production, configure these settings in your client app's blog config file" })] })] })] }) }));
+}

package/src/views/Settings/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Settings View Exports
+ */
+export { SettingsView } from './SettingsView';
+export type { SettingsViewProps } from './SettingsView';
+//# sourceMappingURL=index.d.ts.map