@jhits/plugin-blog 0.0.8 → 0.0.10

package/dist/views/CanvasEditor/components/EditorLibrary.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Library, Image as ImageIcon, LayoutTemplate, Type, Box } from 'lucide-react';
+import { LibraryItem, CustomBlockItem } from './index';
+export function EditorLibrary({ registeredBlocks, onAddBlock }) {
+    // Get all registered blocks from state (excluding Hero block from sidebar)
+    const allBlocks = registeredBlocks.filter(block => block.type !== 'hero');
+    const textBlocks = allBlocks.filter(block => block.category === 'text');
+    const customBlocks = allBlocks.filter(block => block.category === 'custom');
+    const mediaBlocks = allBlocks.filter(block => block.category === 'media');
+    const layoutBlocks = allBlocks.filter(block => block.category === 'layout');
+    return (_jsxs("div", { className: "p-6 w-72 min-w-0 max-w-full", children: [textBlocks.length > 0 && (_jsxs("div", { className: "mb-10", children: [_jsx("h3", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black mb-6", children: "Text" }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: textBlocks.map((block) => {
+                            const IconComponent = block.icon || block.components.Icon || Type;
+                            return (_jsx(LibraryItem, { icon: _jsx(IconComponent, { size: 16 }), label: block.name, blockType: block.type, description: block.description, onAddBlock: onAddBlock }, block.type));
+                        }) })] })), mediaBlocks.length > 0 && (_jsxs("div", { className: "mb-10", children: [_jsx("h3", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black mb-6", children: "Media" }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: mediaBlocks.map((block) => {
+                            const IconComponent = block.icon || block.components.Icon || ImageIcon;
+                            return (_jsx(LibraryItem, { icon: _jsx(IconComponent, { size: 16 }), label: block.name, blockType: block.type, description: block.description, onAddBlock: onAddBlock }, block.type));
+                        }) })] })), layoutBlocks.length > 0 && (_jsxs("div", { className: "mb-10", children: [_jsx("h3", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black mb-6", children: "Layout" }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: layoutBlocks.map((block) => {
+                            const IconComponent = block.icon || block.components.Icon || LayoutTemplate;
+                            return (_jsx(LibraryItem, { icon: _jsx(IconComponent, { size: 16 }), label: block.name, blockType: block.type, description: block.description, onAddBlock: onAddBlock }, block.type));
+                        }) })] })), customBlocks.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black mb-6", children: "Custom Blocks" }), _jsx("div", { className: "space-y-3", children: customBlocks.map((block) => {
+                            const IconComponent = block.icon || block.components.Icon || Box;
+                            return (_jsx(CustomBlockItem, { blockType: block.type, name: block.name, description: block.description, icon: _jsx(IconComponent, { size: 14 }), onAddBlock: onAddBlock }, block.type));
+                        }) })] })), allBlocks.length === 0 && (_jsxs("div", { className: "text-center py-12", children: [_jsx(Library, { size: 32, className: "mx-auto text-neutral-300 dark:text-neutral-700 mb-4" }), _jsx("p", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: "No blocks registered yet." })] }))] }));
+}

package/dist/views/CanvasEditor/components/EditorSidebar.d.ts

@@ -0,0 +1,13 @@
+import type { Block } from '../../../types/block';
+import type { PostMetadata, SEOMetadata } from '../../../types/post';
+export interface EditorSidebarProps {
+    slug: string;
+    seo: SEOMetadata;
+    metadata: PostMetadata;
+    heroBlock: Block | null;
+    status: string;
+    onSEOUpdate: (seo: Partial<SEOMetadata>) => void;
+    onMetadataUpdate: (metadata: Partial<PostMetadata>) => void;
+}
+export declare function EditorSidebar({ slug, seo, metadata, heroBlock, status, onSEOUpdate, onMetadataUpdate, }: EditorSidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorSidebar.d.ts.map

package/dist/views/CanvasEditor/components/EditorSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSidebar.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/components/EditorSidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,WAAW,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,wBAAgB,aAAa,CAAC,EAC1B,IAAI,EACJ,GAAG,EACH,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,gBAAgB,GACnB,EAAE,kBAAkB,2CA0JpB"}

package/dist/views/CanvasEditor/components/EditorSidebar.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Globe, Search, Box } from 'lucide-react';
+import { FeaturedMediaSection, PrivacySettingsSection } from './index';
+export function EditorSidebar({ slug, seo, metadata, heroBlock, status, onSEOUpdate, onMetadataUpdate, }) {
+    return (_jsxs("div", { className: "p-8 w-80 min-w-0 max-w-full space-y-12 overflow-y-auto max-h-full", children: [_jsxs("section", { children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(Search, { size: 14, className: "text-neutral-500 dark:text-neutral-400" }), _jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "SEO Settings" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "SEO Title" }), _jsx("input", { type: "text", value: seo.title || '', onChange: (e) => onSEOUpdate({ title: e.target.value }), placeholder: "SEO title (defaults to post title)", className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text" }), _jsxs("p", { className: "text-[9px] text-neutral-400 dark:text-neutral-500 mt-1", children: [seo.title?.length || 0, " / 60 characters"] })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Meta Description" }), _jsx("textarea", { value: seo.description || '', onChange: (e) => onSEOUpdate({ description: e.target.value }), placeholder: "Brief description for search engines", rows: 3, className: "w-full px-3 py-2 text-xs bg-white dark:bg-neutral-900/50 border border-neutral-300 dark:border-neutral-700 rounded-lg outline-none focus:border-primary transition-all dark:text-neutral-100 resize-none" }), _jsxs("p", { className: "text-[9px] text-neutral-400 dark:text-neutral-500 mt-1", children: [seo.description?.length || 0, " / 160 characters"] })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Keywords (comma-separated)" }), _jsx("input", { type: "text", value: seo.keywords?.join(', ') || '', onChange: (e) => {
+                                            const keywords = e.target.value.split(',').map(k => k.trim()).filter(k => k);
+                                            onSEOUpdate({ keywords });
+                                        }, placeholder: "keyword1, keyword2, keyword3", className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text" })] }), _jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Open Graph Image URL" }), _jsx("input", { type: "url", value: seo.ogImage || '', onChange: (e) => onSEOUpdate({ ogImage: e.target.value }), placeholder: "https://example.com/image.jpg", className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text" })] })] })] }), _jsxs("section", { className: "pt-8 border-t border-neutral-200 dark:border-neutral-800", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(Globe, { size: 14, className: "text-neutral-500 dark:text-neutral-400" }), _jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "Publishing" })] }), _jsxs("div", { className: "bg-dashboard-bg p-5 rounded-2xl border border-dashboard-border", children: [_jsx("span", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-3", children: "Slug / Permalink" }), _jsxs("div", { className: "text-xs font-mono break-all text-neutral-600 dark:text-neutral-400 leading-relaxed", children: ["/blog/", _jsx("span", { className: "text-neutral-950 dark:text-white bg-amber-50 dark:bg-amber-900/20 px-1 rounded", children: slug || 'untitled-post' })] })] })] }), _jsxs("section", { className: "pt-8 border-t border-neutral-200 dark:border-neutral-800", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(Box, { size: 14, className: "text-neutral-500 dark:text-neutral-400" }), _jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "Category" })] }), _jsx("div", { className: "space-y-4", children: _jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-500 dark:text-neutral-400 uppercase font-bold block mb-2", children: "Category" }), _jsx("input", { type: "text", value: metadata.categories?.[0] || '', onChange: (e) => {
+                                        const category = e.target.value.trim();
+                                        onMetadataUpdate({
+                                            categories: category ? [category] : []
+                                        });
+                                    }, placeholder: "Enter category (required for publishing)", className: "w-full px-3 py-2 text-xs bg-dashboard-card border border-dashboard-border rounded-lg outline-none focus:border-primary transition-all text-dashboard-text" }), _jsx("p", { className: "text-[9px] text-neutral-400 dark:text-neutral-500 mt-1", children: metadata.categories?.[0] ? 'Category set' : 'No category set' })] }) })] }), _jsx(FeaturedMediaSection, { featuredImage: metadata.featuredImage, heroBlock: heroBlock, slug: slug, onUpdate: (image) => onMetadataUpdate({ featuredImage: image }) }), _jsx(PrivacySettingsSection, { privacy: metadata.privacy, onUpdate: (privacy) => onMetadataUpdate({ privacy }) }), _jsxs("section", { className: "pt-8 border-t border-neutral-200 dark:border-neutral-800", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "Post Status" }), _jsx("span", { className: "text-[10px] font-black text-amber-700 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 px-2.5 py-1 rounded-full uppercase tracking-tighter", children: status })] }), _jsx("p", { className: "text-[11px] text-neutral-500 dark:text-neutral-400 leading-relaxed italic", children: status === 'draft'
+                            ? 'This post is private. Only you can see it until you hit publish.'
+                            : status === 'published'
+                                ? 'This post is live and visible to everyone.'
+                                : 'This post is scheduled for publication.' })] })] }));
+}

package/dist/views/CanvasEditor/components/ErrorBanner.d.ts

@@ -0,0 +1,6 @@
+export interface ErrorBannerProps {
+    error: string | null;
+    onDismiss: () => void;
+}
+export declare function ErrorBanner({ error, onDismiss }: ErrorBannerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ErrorBanner.d.ts.map

package/dist/views/CanvasEditor/components/ErrorBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBanner.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/components/ErrorBanner.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,kDAoBjE"}

package/dist/views/CanvasEditor/components/ErrorBanner.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, X } from 'lucide-react';
+export function ErrorBanner({ error, onDismiss }) {
+    if (!error)
+        return null;
+    return (_jsxs("div", { className: "bg-red-50 dark:bg-red-900/20 border-b border-red-200 dark:border-red-800 px-6 py-3 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3 flex-1", children: [_jsx(AlertTriangle, { className: "text-red-600 dark:text-red-400 flex-shrink-0", size: 20 }), _jsx("p", { className: "text-red-800 dark:text-red-300 text-sm font-medium", children: error })] }), _jsx("button", { onClick: onDismiss, className: "text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-200 transition-colors", "aria-label": "Dismiss error", children: _jsx(X, { size: 18 }) })] }));
+}

package/dist/views/CanvasEditor/components/FeaturedMediaSection.d.ts

@@ -0,0 +1,25 @@
+import type { Block } from '../../../types/block';
+export interface FeaturedImage {
+    id?: string;
+    alt?: string;
+    brightness?: number;
+    blur?: number;
+    scale?: number;
+    positionX?: number;
+    positionY?: number;
+    isCustom?: boolean;
+}
+export interface FeaturedMediaSectionProps {
+    featuredImage?: FeaturedImage;
+    heroBlock?: Block | null;
+    slug?: string;
+    onUpdate: (image: FeaturedImage | undefined) => void;
+}
+/**
+ * Featured Media Section Component
+ * Handles featured image selection - completely independent from hero image
+ * Featured image is a thumbnail used for blog post cards
+ * Hero image is separate and managed in the hero block
+ */
+export declare function FeaturedMediaSection({ featuredImage, heroBlock, slug, onUpdate, }: FeaturedMediaSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeaturedMediaSection.d.ts.map

package/dist/views/CanvasEditor/components/FeaturedMediaSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedMediaSection.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/components/FeaturedMediaSection.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,WAAW,aAAa;IAE1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACtC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;CACxD;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,aAAa,EACb,SAAS,EACT,IAAI,EACJ,QAAQ,GACX,EAAE,yBAAyB,2CA0S3B"}

package/dist/views/CanvasEditor/components/FeaturedMediaSection.js

@@ -0,0 +1,199 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { Image as ImageIcon, Plus, X } from 'lucide-react';
+import { ImagePicker, Image } from '@jhits/plugin-images';
+/**
+ * Featured Media Section Component
+ * Handles featured image selection - completely independent from hero image
+ * Featured image is a thumbnail used for blog post cards
+ * Hero image is separate and managed in the hero block
+ */
+export function FeaturedMediaSection({ featuredImage, heroBlock, slug, onUpdate, }) {
+    const [showImagePicker, setShowImagePicker] = useState(false);
+    const [openEditorDirectly, setOpenEditorDirectly] = useState(false);
+    const [mounted, setMounted] = useState(false);
+    // Handle SSR - ensure we only render portal on client
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    // Create semantic ID for this featured image - plugin-images will handle everything
+    const semanticId = slug ? `blog-featured-${slug}` : `blog-featured-${Date.now()}`;
+    // Use semantic ID from featuredImage if it exists, otherwise use generated one
+    // IMPORTANT: Always use the actual id from featuredImage if available, otherwise the semanticId
+    // This ensures the id is stable and doesn't change on re-renders
+    const imageId = featuredImage?.id || semanticId;
+    // Ensure featuredImage always has an id when it exists
+    // This prevents the "missing featured image" issue on save
+    useEffect(() => {
+        if (featuredImage && !featuredImage.id) {
+            // If featuredImage exists but has no id, set it to the semanticId
+            onUpdate({
+                ...featuredImage,
+                id: semanticId,
+            });
+        }
+    }, [featuredImage, semanticId, onUpdate]);
+    // Get transform values from featuredImage or use defaults
+    const brightness = featuredImage?.brightness ?? 100;
+    const blur = featuredImage?.blur ?? 0;
+    const scale = featuredImage?.scale ?? 1.0;
+    const positionX = featuredImage?.positionX ?? 0;
+    const positionY = featuredImage?.positionY ?? 0;
+    // Handle image selection - create initial mapping and update blog metadata with semantic ID
+    // Plugin-images Image component will automatically resolve the semantic ID when it renders
+    const handleImageChange = useCallback(async (image) => {
+        if (image) {
+            // Extract filename from image URL for reference
+            const isUploadedImage = image.url.startsWith('/api/uploads/');
+            let filename = image.filename;
+            if (!filename && isUploadedImage) {
+                // Extract filename from URL if not provided
+                filename = image.url.split('/api/uploads/')[1]?.split('?')[0] || image.id;
+            }
+            else if (!filename) {
+                // For external URLs, use the image ID or extract from URL
+                filename = image.id || image.url.split('/').pop()?.split('?')[0] || `external-${Date.now()}`;
+            }
+            // Create initial mapping in plugin-images API immediately
+            // This ensures the semantic ID resolves correctly
+            try {
+                const saveData = {
+                    id: imageId,
+                    filename: filename,
+                    scale: 1.0,
+                    positionX: 0,
+                    positionY: 0,
+                    brightness: 100,
+                    blur: 0,
+                };
+                await fetch('/api/plugin-images/resolve', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(saveData),
+                });
+            }
+            catch (error) {
+                console.error('[FeaturedMediaSection] Failed to create initial mapping:', error);
+                // Continue anyway - the mapping might be created later
+            }
+            // Update blog metadata with semantic ID
+            onUpdate({
+                id: imageId,
+                alt: image.alt || image.filename,
+                brightness: 100,
+                blur: 0,
+                scale: 1.0,
+                positionX: 0,
+                positionY: 0,
+                isCustom: true,
+            });
+        }
+        else {
+            // If removed, set to undefined
+            onUpdate(undefined);
+        }
+        setShowImagePicker(false);
+    }, [imageId, onUpdate]);
+    // Handle editor save from ImagePicker - save to plugin-images API
+    const handleEditorSave = useCallback(async (finalScale, finalPositionX, finalPositionY, finalBrightness, finalBlur) => {
+        if (!featuredImage?.id)
+            return;
+        // Reset the auto-open flag immediately to prevent reopening
+        setOpenEditorDirectly(false);
+        // Get the actual filename from the API (resolve the semantic ID)
+        let filename = imageId; // Fallback to semantic ID
+        try {
+            const response = await fetch(`/api/plugin-images/resolve?id=${encodeURIComponent(imageId)}`);
+            if (response.ok) {
+                const data = await response.json();
+                filename = data.filename || imageId;
+            }
+        }
+        catch (error) {
+            console.error('Failed to resolve filename:', error);
+        }
+        // Normalize position values
+        const normalizedPositionX = finalPositionX === -50 ? 0 : finalPositionX;
+        const normalizedPositionY = finalPositionY === -50 ? 0 : finalPositionY;
+        const finalBrightnessValue = finalBrightness ?? brightness;
+        const finalBlurValue = finalBlur ?? blur;
+        // Save to plugin-images API
+        try {
+            const saveData = {
+                id: imageId,
+                filename: filename,
+                scale: finalScale,
+                positionX: normalizedPositionX,
+                positionY: normalizedPositionY,
+                brightness: finalBrightnessValue,
+                blur: finalBlurValue,
+            };
+            const response = await fetch('/api/plugin-images/resolve', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(saveData),
+            });
+            if (response.ok) {
+                // Update local featured image data - ensure id is preserved
+                onUpdate({
+                    ...featuredImage,
+                    id: featuredImage.id || imageId, // Ensure id is always preserved
+                    scale: finalScale,
+                    positionX: normalizedPositionX,
+                    positionY: normalizedPositionY,
+                    brightness: finalBrightnessValue,
+                    blur: finalBlurValue,
+                });
+                // Dispatch event to notify Image components
+                window.dispatchEvent(new CustomEvent('image-mapping-updated', {
+                    detail: saveData
+                }));
+            }
+        }
+        catch (error) {
+            console.error('Failed to save image transform:', error);
+        }
+    }, [imageId, featuredImage, brightness, blur, onUpdate]);
+    return (_jsxs("section", { children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(ImageIcon, { size: 14, className: "text-neutral-500 dark:text-neutral-400" }), _jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "Featured Media" })] }), featuredImage?.id ? (_jsxs("div", { className: "relative group", children: [_jsxs("div", { className: "relative aspect-[16/10] bg-dashboard-bg rounded-3xl overflow-hidden border border-dashboard-border group/image", children: [_jsx(Image, { id: imageId, alt: featuredImage?.alt || 'Featured image', fill: true, className: "object-cover w-full h-full", editable: false, ...{
+                                    brightness,
+                                    blur,
+                                    scale,
+                                    positionX,
+                                    positionY,
+                                } }), _jsx("button", { onClick: () => {
+                                    setOpenEditorDirectly(true);
+                                    setShowImagePicker(true);
+                                }, className: "absolute inset-0 z-30 flex items-center justify-center opacity-0 group-hover/image:opacity-100 transition-all duration-300 bg-neutral-900/40 dark:bg-neutral-900/60 backdrop-blur-[2px]", children: _jsxs("div", { className: "flex items-center gap-2 px-4 py-2 bg-white dark:bg-neutral-800 rounded-full shadow-xl", children: [_jsx(ImageIcon, { size: 14, className: "text-primary" }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-widest", children: "Edit" })] }) })] }), _jsxs("div", { className: "mt-2 flex items-center gap-3", children: [_jsx("button", { onClick: () => setShowImagePicker(true), className: "text-[10px] text-neutral-600 dark:text-neutral-400 hover:text-primary font-bold uppercase tracking-wider", children: "Change Image" }), _jsx("span", { className: "text-[10px] text-neutral-400", children: "\u2022" }), _jsx("button", { onClick: () => onUpdate(undefined), className: "text-[10px] text-red-500 dark:text-red-400 hover:text-red-700 dark:hover:text-red-300 font-bold uppercase tracking-wider", children: "Remove Image" })] })] })) : (_jsxs("div", { className: "group relative aspect-[16/10] bg-dashboard-bg rounded-3xl border-2 border-dashed border-dashboard-border flex flex-col items-center justify-center text-neutral-400 dark:text-neutral-500 hover:bg-dashboard-card hover:border-primary cursor-pointer transition-all duration-300", onClick: () => setShowImagePicker(true), children: [_jsx(Plus, { size: 24, strokeWidth: 1, className: "mb-3 group-hover:scale-110 transition-transform" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest", children: "Assign Image" })] })), showImagePicker && mounted && createPortal(_jsx("div", { className: "fixed inset-0 z-[100] flex items-center justify-center bg-black/50 backdrop-blur-sm", onClick: () => {
+                    setShowImagePicker(false);
+                    setOpenEditorDirectly(false); // Reset flag when closing
+                }, children: _jsxs("div", { className: "bg-white dark:bg-neutral-900 rounded-2xl w-full max-w-2xl mx-4 p-6 shadow-2xl max-h-[90vh] overflow-y-auto", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsx("h3", { className: "text-lg font-bold text-neutral-900 dark:text-neutral-100", children: openEditorDirectly ? 'Edit Featured Image' : 'Select Featured Image' }), _jsx("button", { onClick: () => {
+                                        setShowImagePicker(false);
+                                        setOpenEditorDirectly(false); // Reset flag when closing
+                                    }, className: "p-2 hover:bg-dashboard-bg dark:hover:bg-neutral-800 rounded-lg transition-colors text-neutral-700 dark:text-neutral-300 hover:text-neutral-900 dark:hover:text-white", "aria-label": "Close", children: _jsx(X, { size: 20, className: "transition-colors" }) })] }), _jsx(ImagePicker, { value: featuredImage?.id ? imageId : undefined, onChange: handleImageChange, brightness: brightness, blur: blur, ...{
+                                scale,
+                                positionX,
+                                positionY,
+                            }, onBrightnessChange: (val) => {
+                                // Update local state only - don't trigger save
+                                if (featuredImage) {
+                                    onUpdate({
+                                        ...featuredImage,
+                                        id: featuredImage.id || imageId, // Ensure id is preserved
+                                        brightness: val,
+                                    });
+                                }
+                            }, onBlurChange: (val) => {
+                                // Update local state only - don't trigger save
+                                if (featuredImage) {
+                                    onUpdate({
+                                        ...featuredImage,
+                                        id: featuredImage.id || imageId, // Ensure id is preserved
+                                        blur: val,
+                                    });
+                                }
+                            }, onEditorSave: handleEditorSave, darkMode: false, showEffects: true, aspectRatio: "16/10" // Thumbnail aspect ratio for blog cards
+                            , borderRadius: "rounded-3xl", objectFit: "cover" // Cover for thumbnails
+                            , objectPosition: "center" })] }) }), document.body)] }));
+}

package/dist/views/CanvasEditor/components/LibraryItem.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface LibraryItemProps {
+    icon: React.ReactNode;
+    label: string;
+    blockType: string;
+    description?: string;
+    onAddBlock?: (blockType: string) => void;
+}
+/**
+ * Reusable Library Item Component
+ * Makes blocks draggable from the library and clickable to add at bottom
+ */
+export declare function LibraryItem({ icon, label, blockType, description, onAddBlock }: LibraryItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LibraryItem.d.ts.map

package/dist/views/CanvasEditor/components/LibraryItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryItem.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/components/LibraryItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACb,EAAE,gBAAgB,2CAwDlB"}

package/dist/views/CanvasEditor/components/LibraryItem.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useRef } from 'react';
+/**
+ * Reusable Library Item Component
+ * Makes blocks draggable from the library and clickable to add at bottom
+ */
+export function LibraryItem({ icon, label, blockType, description, onAddBlock }) {
+    const [hasDragged, setHasDragged] = useState(false);
+    const mouseDownRef = useRef(null);
+    const handleDragStart = (e) => {
+        e.dataTransfer.setData('block-type', blockType);
+        e.dataTransfer.effectAllowed = 'move';
+        setHasDragged(true); // Mark as dragged when drag starts
+    };
+    const handleMouseDown = (e) => {
+        // Track mouse position on mousedown
+        mouseDownRef.current = { x: e.clientX, y: e.clientY };
+        setHasDragged(false); // Reset drag state
+    };
+    const handleMouseMove = (e) => {
+        // If mouse moved more than 5px, consider it a drag
+        if (mouseDownRef.current) {
+            const dx = Math.abs(e.clientX - mouseDownRef.current.x);
+            const dy = Math.abs(e.clientY - mouseDownRef.current.y);
+            if (dx > 5 || dy > 5) {
+                setHasDragged(true);
+            }
+        }
+    };
+    const handleClick = (e) => {
+        // Only add block if we didn't drag
+        if (!hasDragged && onAddBlock) {
+            e.preventDefault();
+            e.stopPropagation();
+            onAddBlock(blockType);
+        }
+        // Reset state
+        mouseDownRef.current = null;
+        setTimeout(() => setHasDragged(false), 100);
+    };
+    return (_jsxs("div", { draggable: true, onDragStart: handleDragStart, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onClick: handleClick, className: "flex flex-col items-center justify-center p-5 rounded-2xl border border-dashboard-border bg-dashboard-card hover:border-primary hover:shadow-xl hover:shadow-primary/5 transition-all cursor-pointer group", children: [_jsx("div", { className: "text-neutral-400 dark:text-neutral-500 group-hover:text-primary dark:group-hover:text-primary mb-3 transition-colors duration-300", children: React.cloneElement(icon, { strokeWidth: 1.5 }) }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-[0.15em] text-neutral-600 dark:text-neutral-400 group-hover:text-neutral-950 dark:group-hover:text-white transition-colors", children: label })] }));
+}

package/dist/views/CanvasEditor/components/PrivacySettingsSection.d.ts

@@ -0,0 +1,15 @@
+export interface PrivacySettings {
+    isPrivate?: boolean;
+    password?: string;
+    sharedWithUsers?: string[];
+}
+export interface PrivacySettingsSectionProps {
+    privacy?: PrivacySettings;
+    onUpdate: (privacy: PrivacySettings) => void;
+}
+/**
+ * Privacy Settings Section Component
+ * Handles privacy settings: private, password-protected, share with users
+ */
+export declare function PrivacySettingsSection({ privacy, onUpdate, }: PrivacySettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PrivacySettingsSection.d.ts.map

package/dist/views/CanvasEditor/components/PrivacySettingsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivacySettingsSection.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/components/PrivacySettingsSection.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,2BAA2B;IACxC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,OAAO,EACP,QAAQ,GACX,EAAE,2BAA2B,2CA2L7B"}

package/dist/views/CanvasEditor/components/PrivacySettingsSection.js

@@ -0,0 +1,70 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Shield, Key, Users } from 'lucide-react';
+/**
+ * Privacy Settings Section Component
+ * Handles privacy settings: private, password-protected, share with users
+ */
+export function PrivacySettingsSection({ privacy, onUpdate, }) {
+    const [users, setUsers] = useState([]);
+    const [loadingUsers, setLoadingUsers] = useState(false);
+    const [showPasswordInput, setShowPasswordInput] = useState(false);
+    const [passwordValue, setPasswordValue] = useState(privacy?.password || '');
+    const [showUserSelector, setShowUserSelector] = useState(false);
+    // Fetch users from plugin-users
+    useEffect(() => {
+        const fetchUsers = async () => {
+            try {
+                setLoadingUsers(true);
+                const res = await fetch('/api/users');
+                const data = await res.json();
+                if (Array.isArray(data)) {
+                    setUsers(data);
+                }
+            }
+            catch (err) {
+                console.error('Failed to load users', err);
+            }
+            finally {
+                setLoadingUsers(false);
+            }
+        };
+        fetchUsers();
+    }, []);
+    const handlePrivacyToggle = (isPrivate) => {
+        onUpdate({
+            ...privacy,
+            isPrivate,
+            // Clear password and shared users if making public
+            ...(isPrivate ? {} : { password: undefined, sharedWithUsers: undefined }),
+        });
+    };
+    const handlePasswordChange = (password) => {
+        setPasswordValue(password);
+        onUpdate({
+            ...privacy,
+            password: password || undefined,
+        });
+    };
+    const handleUserToggle = (userId) => {
+        const currentUsers = privacy?.sharedWithUsers || [];
+        const newUsers = currentUsers.includes(userId)
+            ? currentUsers.filter(id => id !== userId)
+            : [...currentUsers, userId];
+        onUpdate({
+            ...privacy,
+            sharedWithUsers: newUsers.length > 0 ? newUsers : undefined,
+        });
+    };
+    return (_jsxs("section", { className: "pt-8 border-t border-neutral-200 dark:border-neutral-800", children: [_jsxs("div", { className: "flex items-center gap-3 mb-6", children: [_jsx(Shield, { size: 14, className: "text-neutral-500 dark:text-neutral-400" }), _jsx("label", { className: "text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black", children: "Privacy Settings" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-700 dark:text-neutral-300 font-bold block mb-1", children: "Make Private" }), _jsx("p", { className: "text-[9px] text-neutral-500 dark:text-neutral-400", children: "Hide from public view" })] }), _jsx("button", { onClick: () => handlePrivacyToggle(!privacy?.isPrivate), className: `relative w-12 h-6 rounded-full transition-colors ${privacy?.isPrivate ? 'bg-primary' : 'bg-neutral-300 dark:bg-neutral-700'}`, children: _jsx("div", { className: `absolute top-1 left-1 w-4 h-4 bg-white rounded-full transition-transform ${privacy?.isPrivate ? 'translate-x-6' : 'translate-x-0'}` }) })] }), privacy?.isPrivate && (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-700 dark:text-neutral-300 font-bold block mb-1", children: "Password Protection" }), _jsx("p", { className: "text-[9px] text-neutral-500 dark:text-neutral-400", children: "Require password to view" })] }), _jsx("button", { onClick: () => {
+                                            setShowPasswordInput(!showPasswordInput);
+                                            if (!showPasswordInput && !privacy.password) {
+                                                setPasswordValue('');
+                                            }
+                                        }, className: `p-1.5 rounded-lg transition-colors ${privacy.password || showPasswordInput
+                                            ? 'bg-primary/10 text-primary'
+                                            : 'bg-neutral-100 dark:bg-neutral-800 text-neutral-400'}`, children: _jsx(Key, { size: 14 }) })] }), (showPasswordInput || privacy.password) && (_jsx("input", { type: "password", value: passwordValue, onChange: (e) => handlePasswordChange(e.target.value), placeholder: "Enter password", className: "w-full px-3 py-2 text-xs bg-white dark:bg-neutral-900/50 border border-neutral-300 dark:border-neutral-700 rounded-lg outline-none focus:border-primary transition-all dark:text-neutral-100" }))] })), privacy?.isPrivate && (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("label", { className: "text-[10px] text-neutral-700 dark:text-neutral-300 font-bold block mb-1", children: "Share with Users" }), _jsx("p", { className: "text-[9px] text-neutral-500 dark:text-neutral-400", children: "Grant access to specific users" })] }), _jsx("button", { onClick: () => setShowUserSelector(!showUserSelector), className: `p-1.5 rounded-lg transition-colors ${(privacy.sharedWithUsers?.length || 0) > 0 || showUserSelector
+                                            ? 'bg-primary/10 text-primary'
+                                            : 'bg-neutral-100 dark:bg-neutral-800 text-neutral-400'}`, children: _jsx(Users, { size: 14 }) })] }), showUserSelector && (_jsx("div", { className: "bg-dashboard-bg rounded-lg p-3 border border-dashboard-border max-h-48 overflow-y-auto", children: loadingUsers ? (_jsx("p", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: "Loading users..." })) : users.length === 0 ? (_jsx("p", { className: "text-[10px] text-neutral-500 dark:text-neutral-400", children: "No users found" })) : (_jsx("div", { className: "space-y-2", children: users.map((user) => (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer hover:bg-dashboard-bg p-2 rounded transition-colors", children: [_jsx("input", { type: "checkbox", checked: privacy.sharedWithUsers?.includes(user._id) || false, onChange: () => handleUserToggle(user._id), className: "rounded border-neutral-300 dark:border-neutral-700 text-primary focus:ring-primary" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-[10px] font-bold text-neutral-700 dark:text-neutral-300 truncate", children: user.name }), _jsx("p", { className: "text-[9px] text-neutral-500 dark:text-neutral-400 truncate", children: user.email })] })] }, user._id))) })) })), privacy.sharedWithUsers && privacy.sharedWithUsers.length > 0 && (_jsxs("p", { className: "text-[9px] text-neutral-500 dark:text-neutral-400", children: ["Shared with ", privacy.sharedWithUsers.length, " user", privacy.sharedWithUsers.length !== 1 ? 's' : ''] }))] }))] })] }));
+}

package/dist/views/CanvasEditor/components/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Canvas Editor Components
+ * Exports all components used in the Canvas Editor
+ */
+export { LibraryItem } from './LibraryItem';
+export type { LibraryItemProps } from './LibraryItem';
+export { CustomBlockItem } from './CustomBlockItem';
+export type { CustomBlockItemProps } from './CustomBlockItem';
+export { FeaturedMediaSection } from './FeaturedMediaSection';
+export type { FeaturedMediaSectionProps, FeaturedImage } from './FeaturedMediaSection';
+export { PrivacySettingsSection } from './PrivacySettingsSection';
+export type { PrivacySettingsSectionProps, PrivacySettings } from './PrivacySettingsSection';
+export { ErrorBanner } from './ErrorBanner';
+export type { ErrorBannerProps } from './ErrorBanner';
+export { EditorLibrary } from './EditorLibrary';
+export type { EditorLibraryProps } from './EditorLibrary';
+export { EditorCanvas } from './EditorCanvas';
+export type { EditorCanvasProps } from './EditorCanvas';
+export { EditorSidebar } from './EditorSidebar';
+export type { EditorSidebarProps } from './EditorSidebar';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/CanvasEditor/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE7F,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/views/CanvasEditor/components/index.js

@@ -0,0 +1,12 @@
+/**
+ * Canvas Editor Components
+ * Exports all components used in the Canvas Editor
+ */
+export { LibraryItem } from './LibraryItem';
+export { CustomBlockItem } from './CustomBlockItem';
+export { FeaturedMediaSection } from './FeaturedMediaSection';
+export { PrivacySettingsSection } from './PrivacySettingsSection';
+export { ErrorBanner } from './ErrorBanner';
+export { EditorLibrary } from './EditorLibrary';
+export { EditorCanvas } from './EditorCanvas';
+export { EditorSidebar } from './EditorSidebar';

package/dist/views/CanvasEditor/hooks/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Canvas Editor Hooks
+ * Exports all custom hooks used in the Canvas Editor
+ */
+export { usePostLoader } from './usePostLoader';
+export { useHeroBlock } from './useHeroBlock';
+export { useRegisteredBlocks } from './useRegisteredBlocks';
+export { useKeyboardShortcuts } from './useKeyboardShortcuts';
+export { useUnsavedChanges } from './useUnsavedChanges';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/CanvasEditor/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/views/CanvasEditor/hooks/index.js

@@ -0,0 +1,9 @@
+/**
+ * Canvas Editor Hooks
+ * Exports all custom hooks used in the Canvas Editor
+ */
+export { usePostLoader } from './usePostLoader';
+export { useHeroBlock } from './useHeroBlock';
+export { useRegisteredBlocks } from './useRegisteredBlocks';
+export { useKeyboardShortcuts } from './useKeyboardShortcuts';
+export { useUnsavedChanges } from './useUnsavedChanges';

package/dist/views/CanvasEditor/hooks/useHeroBlock.d.ts

@@ -0,0 +1,8 @@
+import type { Block } from '../../../types/block';
+import type { EditorState } from '../../../state/types';
+export declare function useHeroBlock(state: EditorState, registeredBlocks: any[]): {
+    heroBlock: Block | null;
+    setHeroBlock: import("react").Dispatch<import("react").SetStateAction<Block | null>>;
+    heroBlockDefinition: import("../../..").BlockTypeDefinition | undefined;
+};
+//# sourceMappingURL=useHeroBlock.d.ts.map

package/dist/views/CanvasEditor/hooks/useHeroBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeroBlock.d.ts","sourceRoot":"","sources":["../../../../src/views/CanvasEditor/hooks/useHeroBlock.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAUxD,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,EAAE;;;;EAyFvE"}