@jhits/plugin-blog 0.0.8 → 0.0.10

package/dist/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/dist/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/dist/views/Preview/PreviewBridgeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewBridgeView.d.ts","sourceRoot":"","sources":["../../../src/views/Preview/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/dist/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/dist/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/dist/views/Preview/index.d.ts.map

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

package/dist/views/Preview/index.js

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

package/dist/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/dist/views/Settings/SettingsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsView.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/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/dist/views/Settings/SettingsView.js

@@ -0,0 +1,113 @@
+/**
+ * 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 = () => {
+        if (typeof window !== 'undefined' && window.__JHITS_PLUGIN_PROPS__) {
+            const pluginProps = window.__JHITS_PLUGIN_PROPS__['plugin-blog'];
+            return {
+                darkMode: pluginProps?.darkMode ?? true,
+                backgroundColors: pluginProps?.backgroundColors ?? {
+                    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'] = {
+            ...(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(() => {
+        try {
+            const saved = localStorage.getItem('__JHITS_PLUGIN_BLOG_CONFIG__');
+            if (saved) {
+                const config = JSON.parse(saved);
+                setDarkMode(config.darkMode ?? true);
+                setLightBg(config.backgroundColors?.light ?? '#ffffff');
+                setDarkBg(config.backgroundColors?.dark ?? '#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/dist/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

package/dist/views/Settings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/views/Settings/index.js

@@ -0,0 +1,4 @@
+/**
+ * Settings View Exports
+ */
+export { SettingsView } from './SettingsView';

package/dist/views/SlugSEO/SlugSEOManagerView.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Slug & SEO Manager View
+ * URL and SEO metadata management
+ * Follows dashboard earth-tone design system
+ */
+export interface SlugSEOManagerViewProps {
+    postId?: string;
+    siteId: string;
+    locale: string;
+}
+export declare function SlugSEOManagerView({ postId, siteId, locale }: SlugSEOManagerViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SlugSEOManagerView.d.ts.map

package/dist/views/SlugSEO/SlugSEOManagerView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlugSEOManagerView.d.ts","sourceRoot":"","sources":["../../../src/views/SlugSEO/SlugSEOManagerView.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,MAAM,WAAW,uBAAuB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,uBAAuB,2CA2ErF"}

package/dist/views/SlugSEO/SlugSEOManagerView.js

@@ -0,0 +1,11 @@
+/**
+ * Slug & SEO Manager View
+ * URL and SEO metadata management
+ * Follows dashboard earth-tone design system
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search, Link2, FileText } from 'lucide-react';
+export function SlugSEOManagerView({ postId, siteId, locale }) {
+    return (_jsx("div", { className: "h-full w-full bg-white dark:bg-neutral-900 p-8 overflow-y-auto", children: _jsxs("div", { className: "max-w-4xl mx-auto", children: [_jsx("h1", { className: "text-3xl font-black text-neutral-950 dark:text-white uppercase tracking-tighter mb-2", children: "Slug & SEO Manager" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400 mb-8", children: postId ? `Managing SEO for post: ${postId}` : 'Manage URL slugs and SEO metadata' }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "p-6 bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border border-neutral-300 dark:border-neutral-700", children: [_jsx("label", { className: "block text-sm font-black text-neutral-950 dark:text-white uppercase tracking-tight mb-3", children: "URL Slug" }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Link2, { className: "text-neutral-400 size-5" }), _jsx("input", { type: "text", placeholder: "post-url-slug", className: "flex-1 px-4 py-3 bg-white dark:bg-neutral-900 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none" })] }), _jsx("p", { className: "text-xs text-neutral-500 dark:text-neutral-400 mt-2", children: "Collision detection will appear here" })] }), _jsxs("div", { className: "p-6 bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border border-neutral-300 dark:border-neutral-700", children: [_jsx("label", { className: "block text-sm font-black text-neutral-950 dark:text-white uppercase tracking-tight mb-3", children: "Search Result Preview" }), _jsxs("div", { className: "bg-white dark:bg-neutral-900 rounded-2xl p-4 border border-neutral-300 dark:border-neutral-700", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Search, { size: 16, className: "text-neutral-400" }), _jsx("span", { className: "text-xs text-neutral-500", children: "Google Search Result" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "text-lg text-blue-600 dark:text-blue-400 hover:underline cursor-pointer", children: "Post Title Will Appear Here" }), _jsx("p", { className: "text-sm text-green-700 dark:text-green-400", children: "https://example.com/blog/post-url-slug" }), _jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: "Meta description will appear here. This is what users see in search results." })] })] })] }), _jsxs("div", { className: "p-6 bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border border-neutral-300 dark:border-neutral-700", children: [_jsx("label", { className: "block text-sm font-black text-neutral-950 dark:text-white uppercase tracking-tight mb-3", children: "Meta Description" }), _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(FileText, { className: "text-neutral-400 size-5 mt-1" }), _jsx("textarea", { placeholder: "Enter meta description for search engines...", rows: 4, className: "flex-1 px-4 py-3 bg-white dark:bg-neutral-900 border border-neutral-300 dark:border-neutral-700 rounded-2xl text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none resize-none" })] }), _jsx("p", { className: "text-xs text-neutral-500 dark:text-neutral-400 mt-2", children: "0 / 160 characters" })] })] })] }) }));
+}

package/dist/views/SlugSEO/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Slug & SEO Manager View Exports
+ */
+export { SlugSEOManagerView } from './SlugSEOManagerView';
+export type { SlugSEOManagerViewProps } from './SlugSEOManagerView';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/SlugSEO/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/SlugSEO/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/views/SlugSEO/index.js

@@ -0,0 +1,4 @@
+/**
+ * Slug & SEO Manager View Exports
+ */
+export { SlugSEOManagerView } from './SlugSEOManagerView';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jhits/plugin-blog",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Professional blog management system for the JHITS ecosystem",
   "publishConfig": {
     "access": "public"
@@ -23,9 +23,9 @@
     "lucide-react": "^0.564.0",
     "mongodb": "^7.1.0",
     "next-auth": "^4.24.13",
-    "@jhits/plugin-content": "0.0.4",
-    "@jhits/plugin-core": "0.0.1",
-    "@jhits/plugin-images": "0.0.5"
+    "@jhits/plugin-content": "0.0.7",
+    "@jhits/plugin-core": "0.0.4",
+    "@jhits/plugin-images": "0.0.8"
   },
   "peerDependencies": {
     "next": ">=15.0.0",

package/src/hooks/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Blog Hooks
+ * React hooks for fetching blog data in client applications
+ */
+export { useBlogs, type UseBlogsOptions, type UseBlogsResult } from './useBlogs';
+export { useBlog, type UseBlogOptions, type UseBlogResult } from './useBlog';
+export { useCategories } from './useCategories';
+//# sourceMappingURL=index.d.ts.map

package/src/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/src/hooks/index.js

@@ -0,0 +1,7 @@
+/**
+ * Blog Hooks
+ * React hooks for fetching blog data in client applications
+ */
+export { useBlogs } from './useBlogs';
+export { useBlog } from './useBlog';
+export { useCategories } from './useCategories';

package/src/hooks/useBlog.d.ts

@@ -0,0 +1,31 @@
+/**
+ * useBlog Hook
+ * React hook for fetching a single blog post by slug
+ */
+import { BlogPost } from '../types/post';
+export interface UseBlogOptions {
+    /** Blog post slug */
+    slug: string;
+    /** API base URL (default: '/api/blogs') */
+    apiBaseUrl?: string;
+}
+export interface UseBlogResult {
+    /** Blog post data */
+    blog: BlogPost | null;
+    /** Whether data is currently loading */
+    loading: boolean;
+    /** Error message if fetch failed */
+    error: string | null;
+    /** Function to refetch the blog post */
+    refetch: () => Promise<void>;
+}
+/**
+ * React hook to fetch a single blog post by slug
+ *
+ * @example
+ * ```tsx
+ * const { blog, loading, error } = useBlog({ slug: 'my-blog-post' });
+ * ```
+ */
+export declare function useBlog(options: UseBlogOptions): UseBlogResult;
+//# sourceMappingURL=useBlog.d.ts.map

package/src/hooks/useBlog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlog.d.ts","sourceRoot":"","sources":["useBlog.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,WAAW,cAAc;IAC3B,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC1B,qBAAqB;IACrB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,wCAAwC;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,wCAAwC;IACxC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,aAAa,CAgD9D"}

package/src/hooks/useBlog.js

@@ -0,0 +1,57 @@
+/**
+ * useBlog Hook
+ * React hook for fetching a single blog post by slug
+ */
+import { useState, useEffect } from 'react';
+import { apiToBlogPost } from '../lib/mappers/apiMapper';
+/**
+ * React hook to fetch a single blog post by slug
+ *
+ * @example
+ * ```tsx
+ * const { blog, loading, error } = useBlog({ slug: 'my-blog-post' });
+ * ```
+ */
+export function useBlog(options) {
+    const { slug, apiBaseUrl = '/api/plugin-blog' } = options;
+    const [blog, setBlog] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const fetchBlog = async () => {
+        if (!slug) {
+            setLoading(false);
+            return;
+        }
+        try {
+            setLoading(true);
+            setError(null);
+            const response = await fetch(`${apiBaseUrl}/${slug}`);
+            if (!response.ok) {
+                if (response.status === 404) {
+                    throw new Error('Blog post not found');
+                }
+                throw new Error(`Failed to fetch blog: ${response.status}`);
+            }
+            const apiDoc = await response.json();
+            const blogPost = apiToBlogPost(apiDoc);
+            setBlog(blogPost);
+        }
+        catch (err) {
+            console.error('[useBlog] Error fetching blog:', err);
+            setError(err.message || 'Failed to fetch blog');
+            setBlog(null);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        fetchBlog();
+    }, [slug, apiBaseUrl]);
+    return {
+        blog,
+        loading,
+        error,
+        refetch: fetchBlog,
+    };
+}

package/src/hooks/useBlogs.d.ts

@@ -0,0 +1,39 @@
+/**
+ * useBlogs Hook
+ * React hook for fetching blog posts in client applications
+ */
+import { PostListItem } from '../types/post';
+export interface UseBlogsOptions {
+    /** Maximum number of posts to fetch (default: 10) */
+    limit?: number;
+    /** Number of posts to skip (default: 0) */
+    skip?: number;
+    /** Filter by status (published, draft, concept) */
+    status?: string;
+    /** Whether to fetch all posts for admin (includes drafts) */
+    admin?: boolean;
+    /** API base URL (default: '/api/blogs') */
+    apiBaseUrl?: string;
+}
+export interface UseBlogsResult {
+    /** Array of blog posts */
+    blogs: PostListItem[];
+    /** Whether data is currently loading */
+    loading: boolean;
+    /** Error message if fetch failed */
+    error: string | null;
+    /** Total number of posts available */
+    total: number;
+    /** Function to refetch blogs */
+    refetch: () => Promise<void>;
+}
+/**
+ * React hook to fetch blog posts
+ *
+ * @example
+ * ```tsx
+ * const { blogs, loading, error } = useBlogs({ limit: 5 });
+ * ```
+ */
+export declare function useBlogs(options?: UseBlogsOptions): UseBlogsResult;
+//# sourceMappingURL=useBlogs.d.ts.map

package/src/hooks/useBlogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlogs.d.ts","sourceRoot":"","sources":["useBlogs.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC5B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,wCAAwC;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB,GAAG,cAAc,CA8EtE"}

package/src/hooks/useBlogs.js

@@ -0,0 +1,82 @@
+/**
+ * useBlogs Hook
+ * React hook for fetching blog posts in client applications
+ */
+import { useState, useEffect } from 'react';
+import { apiToBlogPost } from '../lib/mappers/apiMapper';
+/**
+ * React hook to fetch blog posts
+ *
+ * @example
+ * ```tsx
+ * const { blogs, loading, error } = useBlogs({ limit: 5 });
+ * ```
+ */
+export function useBlogs(options = {}) {
+    const { limit = 10, skip = 0, status, admin = false, apiBaseUrl = '/api/plugin-blog', } = options;
+    const [blogs, setBlogs] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [total, setTotal] = useState(0);
+    const fetchBlogs = async () => {
+        try {
+            setLoading(true);
+            setError(null);
+            const params = new URLSearchParams();
+            if (limit)
+                params.set('limit', limit.toString());
+            if (skip)
+                params.set('skip', skip.toString());
+            if (status)
+                params.set('status', status);
+            if (admin)
+                params.set('admin', 'true');
+            const url = `${apiBaseUrl}?${params.toString()}`;
+            const response = await fetch(url);
+            if (!response.ok) {
+                throw new Error(`Failed to fetch blogs: ${response.status}`);
+            }
+            const data = await response.json();
+            // Handle error response
+            if (data.error) {
+                throw new Error(data.error || 'Failed to fetch blogs');
+            }
+            // Convert API format to PostListItem format
+            const blogsArray = Array.isArray(data.blogs) ? data.blogs : [];
+            const convertedBlogs = blogsArray.map((apiDoc) => {
+                const blogPost = apiToBlogPost(apiDoc);
+                return {
+                    id: blogPost.id,
+                    title: blogPost.title,
+                    slug: blogPost.slug,
+                    excerpt: blogPost.metadata.excerpt || '',
+                    status: blogPost.publication.status,
+                    authorId: blogPost.publication.authorId || '',
+                    updatedAt: blogPost.updatedAt,
+                    featuredImage: blogPost.metadata.featuredImage,
+                };
+            });
+            setBlogs(convertedBlogs);
+            setTotal(data.total || convertedBlogs.length);
+        }
+        catch (err) {
+            console.error('[useBlogs] Error fetching blogs:', err);
+            setError(err.message || 'Failed to fetch blogs');
+            setBlogs([]);
+            setTotal(0);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        fetchBlogs();
+    }, [limit, skip, status, admin, apiBaseUrl]);
+    return {
+        blogs,
+        loading,
+        error,
+        total,
+        refetch: fetchBlogs,
+    };
+}

package/src/hooks/useCategories.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook to fetch categories from existing blog posts
+ * Extracts categories from Hero blocks in all posts
+ */
+export declare function useCategories(): {
+    categories: string[];
+    loading: boolean;
+};
+//# sourceMappingURL=useCategories.d.ts.map

package/src/hooks/useCategories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCategories.d.ts","sourceRoot":"","sources":["useCategories.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,wBAAgB,aAAa;;;EAkE5B"}

package/src/hooks/useCategories.js

@@ -0,0 +1,70 @@
+/**
+ * Hook to fetch categories from existing blog posts
+ * Extracts categories from Hero blocks in all posts
+ */
+'use client';
+import { useState, useEffect } from 'react';
+export function useCategories() {
+    const [categories, setCategories] = useState([]);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        const fetchCategories = async () => {
+            try {
+                const categorySet = new Set();
+                // 1. Fetch from categories endpoint (legacy categoryTags.category)
+                try {
+                    const categoriesResponse = await fetch('/api/plugin-blog/categories');
+                    if (categoriesResponse.ok) {
+                        const categoriesData = await categoriesResponse.json();
+                        if (Array.isArray(categoriesData.categories)) {
+                            categoriesData.categories.forEach((cat) => {
+                                if (cat && cat.trim()) {
+                                    categorySet.add(cat.trim());
+                                }
+                            });
+                        }
+                    }
+                }
+                catch (e) {
+                    // Categories endpoint not available, continue
+                }
+                // 2. Fetch all blog posts and extract categories from Hero blocks
+                try {
+                    const response = await fetch('/api/plugin-blog?admin=true&limit=1000');
+                    if (response.ok) {
+                        const data = await response.json();
+                        const posts = Array.isArray(data.blogs) ? data.blogs : (Array.isArray(data) ? data : []);
+                        posts.forEach((post) => {
+                            if (post.blocks && Array.isArray(post.blocks)) {
+                                // Find Hero block
+                                const heroBlock = post.blocks.find((block) => block.type === 'hero');
+                                if (heroBlock && heroBlock.data && heroBlock.data.category) {
+                                    const category = heroBlock.data.category.trim();
+                                    if (category) {
+                                        categorySet.add(category);
+                                    }
+                                }
+                            }
+                        });
+                    }
+                }
+                catch (e) {
+                    console.error('Failed to fetch posts for categories:', e);
+                }
+                // Convert to sorted array
+                const sortedCategories = Array.from(categorySet).sort();
+                setCategories(sortedCategories);
+            }
+            catch (error) {
+                console.error('Failed to fetch categories:', error);
+                // Fallback to empty array
+                setCategories([]);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        fetchCategories();
+    }, []);
+    return { categories, loading };
+}