@jhits/plugin-blog 0.0.19 → 0.0.20

package/src/views/Settings/SettingsView.tsx

@@ -1,5 +1,5 @@
 /**
- * Settings View - Development/Installation Screen
+ * Settings View - Theme Configuration
  * Allows manual configuration of plugin settings (darkMode, backgroundColors)
  */
 
@@ -56,14 +56,8 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
     const handleSave = () => {
         if (typeof window === 'undefined') return;
 
-        // Initialize window global if needed
-        if (!(window as any).__JHITS_PLUGIN_PROPS__) {
-            (window as any).__JHITS_PLUGIN_PROPS__ = {};
-        }
-
         // Update configuration
-        (window as any).__JHITS_PLUGIN_PROPS__['plugin-blog'] = {
-            ...((window as any).__JHITS_PLUGIN_PROPS__['plugin-blog'] || {}),
+        const config = {
             darkMode,
             backgroundColors: {
                 light: lightBg,
@@ -71,41 +65,26 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
             },
         };
 
-        // 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);
+        if (!(window as any).__JHITS_PLUGIN_PROPS__) {
+            (window as any).__JHITS_PLUGIN_PROPS__ = {};
         }
+        (window as any).__JHITS_PLUGIN_PROPS__['plugin-blog'] = {
+            ...((window as any).__JHITS_PLUGIN_PROPS__['plugin-blog'] || {}),
+            ...config
+        };
 
+        localStorage.setItem('__JHITS_PLUGIN_BLOG_CONFIG__', JSON.stringify(config));
         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 },
-        });
+        window.dispatchEvent(new CustomEvent('blog-plugin-config-updated', { detail: config }));
     };
 
-    // 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__');
@@ -115,184 +94,89 @@ export function SettingsView({ siteId, locale }: SettingsViewProps) {
                 setLightBg(config.backgroundColors?.light ?? '#ffffff');
                 setDarkBg(config.backgroundColors?.dark ?? '#171717');
             }
-        } catch (e) {
-            console.warn('[SettingsView] Failed to load from localStorage:', e);
-        }
+        } catch (e) { }
     }, []);
 
     return (
-        <div className="min-h-screen bg-neutral-50 dark:bg-neutral-900 p-8">
-            <div className="max-w-4xl mx-auto">
-                {/* Header */}
-                <div className="mb-8">
-                    <h1 className="text-4xl font-black uppercase tracking-tighter text-neutral-950 dark:text-white mb-2">
-                        Blog Plugin Settings
+        <div className="w-full flex flex-col space-y-8 px-6 lg:px-10 py-6 lg:py-10 bg-transparent">
+            <div className="max-w-4xl">
+                <div className="mb-8 px-2">
+                    <h1 className="text-4xl font-bold text-dashboard-text tracking-tight leading-none mb-2">
+                        Blog <span className="text-primary italic">Configuration</span>
                     </h1>
-                    <p className="text-sm text-neutral-600 dark:text-neutral-400">
-                        Configure editor appearance and behavior. Changes are applied immediately.
+                    <p className="text-sm text-dashboard-text-secondary font-medium opacity-80">
+                        Customize your editorial environment and visual preferences.
                     </p>
                 </div>
 
-                {/* Settings Card */}
-                <div className="bg-white dark:bg-neutral-800 rounded-[2.5rem] border border-neutral-200 dark:border-neutral-700 shadow-lg p-8">
-                    {/* Dark Mode Toggle */}
-                    <div className="mb-8 pb-8 border-b border-neutral-200 dark:border-neutral-700">
-                        <div className="flex items-center justify-between mb-4">
-                            <div className="flex items-center gap-3">
-                                {darkMode ? (
-                                    <Moon className="size-5 text-neutral-600 dark:text-neutral-400" />
-                                ) : (
-                                    <Sun className="size-5 text-neutral-600 dark:text-neutral-400" />
-                                )}
+                <div className="bg-dashboard-card/40 backdrop-blur-xl rounded-[2.5rem] border border-dashboard-border/40 shadow-sm p-8 lg:p-10">
+                    <div className="mb-10 pb-8 border-b border-dashboard-border/30">
+                        <div className="flex items-center justify-between">
+                            <div className="flex items-center gap-4">
+                                <div className="size-10 rounded-xl bg-primary/10 flex items-center justify-center text-primary border border-primary/20">
+                                    {darkMode ? <Moon size={20} /> : <Sun size={20} />}
+                                </div>
                                 <div>
-                                    <label className="text-sm font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400">
-                                        Dark Mode
-                                    </label>
-                                    <p className="text-xs text-neutral-500 dark:text-neutral-500 mt-1">
-                                        Enable dark mode for editor content area and wrappers
-                                    </p>
+                                    <label className="text-sm font-bold text-dashboard-text uppercase tracking-wider block">Visual Mode</label>
+                                    <p className="text-xs text-dashboard-text-secondary mt-0.5 opacity-70">Synchronize editor with system preference</p>
                                 </div>
                             </div>
-                            <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'
-                                }`}
+                            <button 
+                                onClick={() => setDarkMode(!darkMode)} 
+                                className={`relative inline-flex h-6 w-11 items-center rounded-full transition-all ${darkMode ? 'bg-primary shadow-lg shadow-primary/20' : 'bg-neutral-300 dark:bg-neutral-700'}`}
                             >
-                                <span
-                                    className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${
-                                        darkMode ? 'translate-x-6' : 'translate-x-1'
-                                    }`}
-                                />
+                                <span className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${darkMode ? 'translate-x-6' : 'translate-x-1'}`} />
                             </button>
                         </div>
                     </div>
 
-                    {/* Background Colors */}
-                    <div className="mb-8">
-                        <div className="flex items-center gap-3 mb-6">
-                            <Palette className="size-5 text-neutral-600 dark:text-neutral-400" />
-                            <div>
-                                <label className="text-sm font-black uppercase tracking-widest text-neutral-600 dark:text-neutral-400">
-                                    Background Colors
-                                </label>
-                                <p className="text-xs text-neutral-500 dark:text-neutral-500 mt-1">
-                                    Set custom background colors for the editor canvas
-                                </p>
+                    <div className="mb-10">
+                        <div className="flex items-center gap-4 mb-8">
+                            <div className="size-10 rounded-xl bg-amber-500/10 flex items-center justify-center text-amber-500 border border-amber-500/20">
+                                <Palette size={20} />
                             </div>
+                            <label className="text-sm font-bold text-dashboard-text uppercase tracking-wider">Canvas Aesthetics</label>
                         </div>
-
-                        <div className="space-y-4">
-                            {/* Light Mode Background */}
-                            <div>
-                                <label className="block text-[10px] font-black uppercase tracking-widest text-neutral-500 dark:text-neutral-500 mb-2">
-                                    Light Mode Background <span className="text-red-500">*</span>
-                                </label>
-                                <div className="flex items-center gap-3">
-                                    <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"
-                                    />
-                                    <div
-                                        className="w-16 h-16 rounded-xl border-2 border-neutral-200 dark:border-neutral-700"
-                                        style={{ backgroundColor: lightBg }}
-                                    />
-                                </div>
-                                <p className="text-xs text-neutral-400 dark:text-neutral-600 mt-1">
-                                    CSS color value (hex, rgb, or named color)
-                                </p>
+                        <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+                            <div className="space-y-3">
+                                <label className="block text-[10px] font-bold uppercase tracking-[0.2em] text-dashboard-text-secondary ml-1 opacity-60 text-primary">Light Protocol</label>
+                                <input 
+                                    type="text" 
+                                    value={lightBg} 
+                                    onChange={e => setLightBg(e.target.value)} 
+                                    className="w-full bg-dashboard-bg/50 border border-dashboard-border/40 p-4 rounded-2xl text-sm font-semibold outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary/30 text-dashboard-text transition-all" 
+                                />
                             </div>
-
-                            {/* Dark Mode Background */}
-                            <div>
-                                <label className="block text-[10px] font-black uppercase tracking-widest text-neutral-500 dark:text-neutral-500 mb-2">
-                                    Dark Mode Background <span className="text-neutral-400">(Optional)</span>
-                                </label>
-                                <div className="flex items-center gap-3">
-                                    <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' : ''
-                                        }`}
-                                    />
-                                    <div
-                                        className={`w-16 h-16 rounded-xl border-2 border-neutral-200 dark:border-neutral-700 ${
-                                            !darkMode ? 'opacity-50' : ''
-                                        }`}
-                                        style={{ backgroundColor: darkBg }}
-                                    />
-                                </div>
-                                <p className="text-xs text-neutral-400 dark:text-neutral-600 mt-1">
-                                    Only used when dark mode is enabled
-                                </p>
+                            <div className="space-y-3">
+                                <label className="block text-[10px] font-bold uppercase tracking-[0.2em] text-dashboard-text-secondary ml-1 opacity-60 text-primary">Dark Protocol</label>
+                                <input 
+                                    type="text" 
+                                    value={darkBg} 
+                                    onChange={e => setDarkBg(e.target.value)} 
+                                    disabled={!darkMode} 
+                                    className="w-full bg-dashboard-bg/50 border border-dashboard-border/40 p-4 rounded-2xl text-sm font-semibold outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary/30 text-dashboard-text disabled:opacity-30 transition-all" 
+                                />
                             </div>
                         </div>
                     </div>
 
-                    {/* Preview */}
-                    <div className="mb-8 p-6 bg-neutral-50 dark:bg-neutral-900/50 rounded-2xl border border-neutral-200 dark:border-neutral-700">
-                        <label className="block text-[10px] font-black uppercase tracking-widest text-neutral-500 dark:text-neutral-500 mb-3">
-                            Preview
-                        </label>
-                        <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,
-                            }}
-                        >
-                            <span className="text-xs font-bold uppercase tracking-widest text-neutral-600 dark:text-neutral-400">
-                                Editor Canvas Preview
-                            </span>
-                        </div>
-                    </div>
-
-                    {/* Actions */}
-                    <div className="flex items-center justify-between pt-6 border-t border-neutral-200 dark:border-neutral-700">
-                        <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"
+                    <div className="flex items-center justify-between pt-8 border-t border-dashboard-border/30">
+                        <button 
+                            onClick={handleReset} 
+                            className="px-6 py-3.5 rounded-2xl border border-dashboard-border/60 text-xs font-bold uppercase tracking-widest text-dashboard-text-secondary hover:text-dashboard-text hover:bg-dashboard-bg/50 transition-all active:scale-95"
                         >
-                            <RotateCcw className="size-4" />
-                            Reset
+                            <RotateCcw size={14} className="inline mr-2" /> Restore Factory
                         </button>
-                        <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'
-                            }`}
+                        <button 
+                            onClick={handleSave} 
+                            disabled={!hasChanges} 
+                            className={`px-8 py-3.5 rounded-2xl text-xs font-bold uppercase tracking-widest transition-all flex items-center gap-2 ${hasChanges ? 'bg-primary text-white shadow-xl shadow-primary/25 hover:scale-[1.02]' : 'bg-neutral-100 dark:bg-neutral-800 text-dashboard-text-secondary opacity-40 cursor-not-allowed'}`}
                         >
-                            <Save className="size-4" />
-                            {saved ? 'Saved!' : 'Save Changes'}
+                            <Save size={16} /> {saved ? 'System Updated' : 'Commit Changes'}
                         </button>
                     </div>
                 </div>
-
-                {/* Info Card */}
-                <div className="mt-6 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-2xl p-6">
-                    <h3 className="text-sm font-black uppercase tracking-widest text-blue-900 dark:text-blue-300 mb-2">
-                        How It Works
-                    </h3>
-                    <ul className="text-xs text-blue-800 dark:text-blue-400 space-y-1 list-disc list-inside">
-                        <li>Changes are saved to <code className="bg-blue-100 dark:bg-blue-900/50 px-1 rounded">window.__JHITS_PLUGIN_PROPS__</code> and localStorage</li>
-                        <li>Configuration persists across page refreshes</li>
-                        <li>To apply changes in the editor, navigate to a post editor page</li>
-                        <li>For production, configure these settings in your client app's blog config file</li>
-                    </ul>
-                </div>
             </div>
         </div>
     );
 }
-

package/src/views/SlugSEO/SlugSEOManagerView.tsx

@@ -7,7 +7,7 @@
 'use client';
 
 import React from 'react';
-import { Search, Link2, FileText } from 'lucide-react';
+import { Search, Link2, FileText, Globe } from 'lucide-react';
 
 export interface SlugSEOManagerViewProps {
     postId?: string;
@@ -17,78 +17,93 @@ export interface SlugSEOManagerViewProps {
 
 export function SlugSEOManagerView({ postId, siteId, locale }: SlugSEOManagerViewProps) {
     return (
-        <div className="h-full w-full bg-white dark:bg-neutral-900 p-8 overflow-y-auto">
-            <div className="max-w-4xl mx-auto">
-                <h1 className="text-3xl font-black text-neutral-950 dark:text-white uppercase tracking-tighter mb-2">
-                    Slug & SEO Manager
-                </h1>
-                <p className="text-sm text-neutral-500 dark:text-neutral-400 mb-8">
-                    {postId ? `Managing SEO for post: ${postId}` : 'Manage URL slugs and SEO metadata'}
-                </p>
+        <div className="w-full flex flex-col space-y-8 px-6 lg:px-10 py-6 lg:py-10 bg-transparent overflow-y-auto">
+            <div className="max-w-4xl">
+                <div className="mb-8 px-2">
+                    <h1 className="text-4xl font-bold text-dashboard-text tracking-tight leading-none mb-2">
+                        Search <span className="text-primary italic">&</span> Discovery
+                    </h1>
+                    <p className="text-sm text-dashboard-text-secondary font-medium opacity-80">
+                        {postId ? `Optimizing visibility for: ${postId}` : 'Manage URL architecture and search engine metadata'}
+                    </p>
+                </div>
 
                 <div className="space-y-6">
                     {/* Slug Editor */}
-                    <div className="p-6 bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border border-neutral-300 dark:border-neutral-700">
-                        <label className="block text-sm font-black text-neutral-950 dark:text-white uppercase tracking-tight mb-3">
-                            URL Slug
-                        </label>
+                    <div className="p-8 bg-dashboard-card/40 backdrop-blur-xl rounded-[2.5rem] border border-dashboard-border/40 shadow-sm">
+                        <div className="flex items-center gap-3 mb-4 ml-1">
+                            <Link2 className="text-primary size-5" />
+                            <label className="block text-sm font-bold text-dashboard-text uppercase tracking-wider">
+                                URL Identifier
+                            </label>
+                        </div>
                         <div className="flex items-center gap-3">
-                            <Link2 className="text-neutral-400 size-5" />
                             <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"
+                                placeholder="article-url-slug"
+                                className="flex-1 px-5 py-4 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-2xl text-sm font-semibold text-dashboard-text outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary/30 transition-all"
                             />
                         </div>
-                        <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-2">
-                            Collision detection will appear here
+                        <p className="text-[10px] font-bold text-dashboard-text-secondary uppercase tracking-widest mt-3 ml-1 opacity-50">
+                            Automatic collision detection active
                         </p>
                     </div>
 
                     {/* SEO Preview */}
-                    <div className="p-6 bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border border-neutral-300 dark:border-neutral-700">
-                        <label className="block text-sm font-black text-neutral-950 dark:text-white uppercase tracking-tight mb-3">
-                            Search Result Preview
-                        </label>
-                        <div className="bg-white dark:bg-neutral-900 rounded-2xl p-4 border border-neutral-300 dark:border-neutral-700">
-                            <div className="flex items-center gap-2 mb-2">
-                                <Search size={16} className="text-neutral-400" />
-                                <span className="text-xs text-neutral-500">Google Search Result</span>
+                    <div className="p-8 bg-dashboard-card/40 backdrop-blur-xl rounded-[2.5rem] border border-dashboard-border/40 shadow-sm">
+                        <div className="flex items-center gap-3 mb-4 ml-1">
+                            <Search className="text-primary size-5" />
+                            <label className="block text-sm font-bold text-dashboard-text uppercase tracking-wider">
+                                Search Engine Preview
+                            </label>
+                        </div>
+                        <div className="bg-white dark:bg-neutral-900 rounded-2xl p-6 border border-neutral-200 dark:border-neutral-800 shadow-inner">
+                            <div className="flex items-center gap-2 mb-3">
+                                <div className="size-4 rounded-full bg-neutral-100 dark:bg-neutral-800 flex items-center justify-center">
+                                    <Globe size={10} className="text-neutral-400" />
+                                </div>
+                                <span className="text-[10px] font-bold text-neutral-400 uppercase tracking-widest">Global Result</span>
                             </div>
-                            <div className="space-y-1">
-                                <h3 className="text-lg text-blue-600 dark:text-blue-400 hover:underline cursor-pointer">
-                                    Post Title Will Appear Here
+                            <div className="space-y-1.5">
+                                <h3 className="text-xl text-blue-600 dark:text-blue-400 font-medium hover:underline cursor-pointer leading-tight">
+                                    Publication Title Will Appear Here
                                 </h3>
-                                <p className="text-sm text-green-700 dark:text-green-400">
-                                    https://example.com/blog/post-url-slug
+                                <p className="text-sm text-emerald-700 dark:text-emerald-500 font-medium">
+                                    https://yourdomain.com/blog/article-url-slug
                                 </p>
-                                <p className="text-sm text-neutral-600 dark:text-neutral-400">
-                                    Meta description will appear here. This is what users see in search results.
+                                <p className="text-sm text-neutral-600 dark:text-neutral-400 line-clamp-2">
+                                    Meta description will appear here. This is the snippet users see when discovering your content via search protocols.
                                 </p>
                             </div>
                         </div>
                     </div>
 
                     {/* Meta Description */}
-                    <div className="p-6 bg-neutral-100 dark:bg-neutral-800/50 rounded-[2.5rem] border border-neutral-300 dark:border-neutral-700">
-                        <label className="block text-sm font-black text-neutral-950 dark:text-white uppercase tracking-tight mb-3">
-                            Meta Description
-                        </label>
+                    <div className="p-8 bg-dashboard-card/40 backdrop-blur-xl rounded-[2.5rem] border border-dashboard-border/40 shadow-sm">
+                        <div className="flex items-center gap-3 mb-4 ml-1">
+                            <FileText className="text-primary size-5" />
+                            <label className="block text-sm font-bold text-dashboard-text uppercase tracking-wider">
+                                Metadata Summary
+                            </label>
+                        </div>
                         <div className="flex items-start gap-3">
-                            <FileText className="text-neutral-400 size-5 mt-1" />
                             <textarea
-                                placeholder="Enter meta description for search engines..."
+                                placeholder="Enter meta description for indexing..."
                                 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"
+                                className="flex-1 px-5 py-4 bg-dashboard-bg/50 border border-dashboard-border/40 rounded-2xl text-sm font-semibold text-dashboard-text outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary/30 transition-all resize-none"
                             />
                         </div>
-                        <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-2">
-                            0 / 160 characters
-                        </p>
+                        <div className="flex justify-between items-center mt-3 px-1">
+                            <p className="text-[10px] font-bold text-dashboard-text-secondary uppercase tracking-widest opacity-50">
+                                Recommended: 150-160 characters
+                            </p>
+                            <span className="text-[10px] font-bold text-primary uppercase tracking-widest">
+                                0 / 160
+                            </span>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
     );
 }
-

package/src/hooks/index.d.ts

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

@@ -1 +0,0 @@
-{"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/useBlog.d.ts

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

@@ -1 +0,0 @@
-{"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/useBlogs.d.ts

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

@@ -1 +0,0 @@
-{"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/useCategories.d.ts

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

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

package/src/lib/blocks/BlockRenderer.d.ts

@@ -1,54 +0,0 @@
-/**
- * Block Renderer
- * Library component for rendering blocks (decoupled from editor)
- * This is the "headless" rendering layer
- *
- * Multi-Tenant: Uses Preview components from client-provided blocks
- */
-import React from 'react';
-import { Block, BlockPreviewProps } from '../../types/block';
-/**
- * Block Renderer Props
- */
-export interface BlockRendererProps {
-    /** Block to render */
-    block: Block;
-    /** Custom renderers for specific block types (optional override) */
-    customRenderers?: Map<string, React.ComponentType<BlockPreviewProps>>;
-    /** Additional context for rendering */
-    context?: {
-        siteId?: string;
-        locale?: string;
-        [key: string]: unknown;
-    };
-}
-/**
- * Block Renderer Component
- * Renders a single block using its Preview component from the registry
- *
- * This is the headless rendering layer - it uses the Preview component
- * provided by the client application, allowing each client to have
- * their own design system in the frontend while the editor uses
- * the dashboard's design system.
- */
-export declare function BlockRenderer({ block, customRenderers, context }: BlockRendererProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Blocks Renderer
- * Renders an array of blocks
- */
-export interface BlocksRendererProps {
-    /** Array of blocks to render */
-    blocks: Block[];
-    /** Custom renderers for specific block types */
-    customRenderers?: Map<string, React.ComponentType<{
-        block: Block;
-    }>>;
-    /** Additional props to pass to renderers */
-    renderProps?: Record<string, unknown>;
-    /** Wrapper component for the blocks */
-    wrapper?: React.ComponentType<{
-        children: React.ReactNode;
-    }>;
-}
-export declare function BlocksRenderer({ blocks, customRenderers, renderProps, wrapper: Wrapper, }: BlocksRendererProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BlockRenderer.d.ts.map