@jhits/plugin-blog 0.0.10 → 0.0.11

package/src/views/CanvasEditor/components/CustomBlockItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomBlockItem.d.ts","sourceRoot":"","sources":["CustomBlockItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,MAAM,WAAW,oBAAoB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC5B,SAAS,EACT,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,UAAU,EACb,EAAE,oBAAoB,2CAmEtB"}

package/src/views/CanvasEditor/components/CustomBlockItem.js

@@ -1,44 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef } from 'react';
-import { GripVertical } from 'lucide-react';
-/**
- * Custom Block Item Component
- * Draggable custom block from client registry and clickable to add at bottom
- */
-export function CustomBlockItem({ blockType, name, description, icon, 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: "p-4 rounded-xl border border-dashboard-border bg-dashboard-bg hover:border-primary cursor-pointer transition-all group", title: description, children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "text-neutral-500 dark:text-neutral-400 group-hover:text-primary dark:group-hover:text-primary transition-colors", children: icon }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider text-neutral-700 dark:text-neutral-300 group-hover:text-neutral-950 dark:group-hover:text-white transition-colors", children: name })] }), _jsx(GripVertical, { size: 12, className: "text-neutral-400 dark:text-neutral-500 group-hover:text-neutral-600 dark:group-hover:text-neutral-400" })] }), description && (_jsx("p", { className: "text-[9px] text-neutral-500 dark:text-neutral-400 leading-relaxed line-clamp-2", children: description }))] }));
-}

package/src/views/CanvasEditor/components/CustomBlockItem.tsx

@@ -1,92 +0,0 @@
-'use client';
-
-import React, { useState, useRef } from 'react';
-import { GripVertical } from 'lucide-react';
-
-export interface CustomBlockItemProps {
-    blockType: string;
-    name: string;
-    description?: string;
-    icon: React.ReactNode;
-    onAddBlock?: (blockType: string) => void;
-}
-
-/**
- * Custom Block Item Component
- * Draggable custom block from client registry and clickable to add at bottom
- */
-export function CustomBlockItem({
-    blockType,
-    name,
-    description,
-    icon,
-    onAddBlock
-}: CustomBlockItemProps) {
-    const [hasDragged, setHasDragged] = useState(false);
-    const mouseDownRef = useRef<{ x: number; y: number } | null>(null);
-
-    const handleDragStart = (e: React.DragEvent) => {
-        e.dataTransfer.setData('block-type', blockType);
-        e.dataTransfer.effectAllowed = 'move';
-        setHasDragged(true); // Mark as dragged when drag starts
-    };
-
-    const handleMouseDown = (e: React.MouseEvent) => {
-        // Track mouse position on mousedown
-        mouseDownRef.current = { x: e.clientX, y: e.clientY };
-        setHasDragged(false); // Reset drag state
-    };
-
-    const handleMouseMove = (e: React.MouseEvent) => {
-        // 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: React.MouseEvent) => {
-        // 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 (
-        <div
-            draggable
-            onDragStart={handleDragStart}
-            onMouseDown={handleMouseDown}
-            onMouseMove={handleMouseMove}
-            onClick={handleClick}
-            className="p-4 rounded-xl border border-dashboard-border bg-dashboard-bg hover:border-primary cursor-pointer transition-all group"
-            title={description}
-        >
-            <div className="flex items-center justify-between mb-2">
-                <div className="flex items-center gap-2">
-                    <div className="text-neutral-500 dark:text-neutral-400 group-hover:text-primary dark:group-hover:text-primary transition-colors">
-                        {icon}
-                    </div>
-                    <span className="text-[10px] font-bold uppercase tracking-wider text-neutral-700 dark:text-neutral-300 group-hover:text-neutral-950 dark:group-hover:text-white transition-colors">
-                        {name}
-                    </span>
-                </div>
-                <GripVertical size={12} className="text-neutral-400 dark:text-neutral-500 group-hover:text-neutral-600 dark:group-hover:text-neutral-400" />
-            </div>
-            {description && (
-                <p className="text-[9px] text-neutral-500 dark:text-neutral-400 leading-relaxed line-clamp-2">
-                    {description}
-                </p>
-            )}
-        </div>
-    );
-}
-

package/src/views/CanvasEditor/components/EditorCanvas.d.ts

@@ -1,29 +0,0 @@
-import type { Block } from '../../../types/block';
-import type { BlockTypeDefinition } from '../../../types/block';
-export interface EditorCanvasProps {
-    isPreviewMode: boolean;
-    heroBlock: Block | null;
-    heroBlockDefinition: BlockTypeDefinition | undefined;
-    contentBlocks: Block[];
-    title: string;
-    siteId: string;
-    locale: string;
-    darkMode: boolean;
-    backgroundColors?: {
-        light: string;
-        dark?: string;
-    };
-    featuredImage?: {
-        id?: string;
-        alt?: string;
-    };
-    onTitleChange: (title: string) => void;
-    onHeroBlockUpdate: (data: Partial<Block['data']>) => void;
-    onHeroBlockDelete: () => void;
-    onBlockAdd: (type: string, index: number, containerId?: string) => void;
-    onBlockUpdate: (id: string, data: Partial<Block['data']>) => void;
-    onBlockDelete: (id: string) => void;
-    onBlockMove: (id: string, newIndex: number, containerId?: string) => void;
-}
-export declare function EditorCanvas({ isPreviewMode, heroBlock, heroBlockDefinition, contentBlocks, title, siteId, locale, darkMode, backgroundColors, featuredImage, onTitleChange, onHeroBlockUpdate, onHeroBlockDelete, onBlockAdd, onBlockUpdate, onBlockDelete, onBlockMove, }: EditorCanvasProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=EditorCanvas.d.ts.map

package/src/views/CanvasEditor/components/EditorCanvas.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorCanvas.d.ts","sourceRoot":"","sources":["EditorCanvas.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC;IACxB,mBAAmB,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACrD,aAAa,EAAE,KAAK,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,aAAa,CAAC,EAAE;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1D,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC;IAClE,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7E;AAED,wBAAgB,YAAY,CAAC,EACzB,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,GACd,EAAE,iBAAiB,2CA0GnB"}

package/src/views/CanvasEditor/components/EditorCanvas.js

@@ -1,32 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useEffect } from 'react';
-import { BlockWrapper } from '../BlockWrapper';
-import { EditorBody } from '../EditorBody';
-import { BlockRenderer } from '../../../lib/blocks/BlockRenderer';
-export function EditorCanvas({ isPreviewMode, heroBlock, heroBlockDefinition, contentBlocks, title, siteId, locale, darkMode, backgroundColors, featuredImage, onTitleChange, onHeroBlockUpdate, onHeroBlockDelete, onBlockAdd, onBlockUpdate, onBlockDelete, onBlockMove, }) {
-    const titleRef = useRef(null);
-    // Handle Title Auto-resize
-    useEffect(() => {
-        if (titleRef.current) {
-            titleRef.current.style.height = 'auto';
-            titleRef.current.style.height = `${titleRef.current.scrollHeight}px`;
-        }
-    }, [title]);
-    return (_jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden pb-40 px-6 custom-scrollbar selection:bg-primary/20 dark:selection:bg-primary/30 min-h-0", style: {
-            backgroundColor: backgroundColors
-                ? (darkMode && backgroundColors.dark
-                    ? backgroundColors.dark
-                    : backgroundColors.light)
-                : undefined,
-        }, children: _jsxs("div", { className: `mx-auto transition-all duration-500 max-w-7xl w-full`, children: [!isPreviewMode && heroBlockDefinition && heroBlock && (_jsx("div", { className: "mb-12", children: _jsx(BlockWrapper, { block: heroBlock, onUpdate: onHeroBlockUpdate, onDelete: onHeroBlockDelete, onMoveUp: () => { }, onMoveDown: () => { }, allBlocks: [heroBlock] }) })), isPreviewMode ? (_jsxs("div", { className: "space-y-8", children: [heroBlockDefinition && heroBlock && (_jsx(BlockRenderer, { block: heroBlock, context: {
-                                siteId,
-                                locale,
-                                // Pass featured image as fallback for hero block
-                                // Only pass id and alt - plugin-images handles transforms
-                                fallbackImage: featuredImage ? {
-                                    id: featuredImage.id,
-                                    alt: featuredImage.alt,
-                                } : undefined,
-                            } })), !heroBlockDefinition && title && (_jsx("h1", { className: "text-5xl font-serif font-medium text-neutral-950 dark:text-white leading-tight mb-12", children: title })), contentBlocks.length > 0 ? (_jsx("div", { className: "space-y-8", children: contentBlocks.map((block) => (_jsx(BlockRenderer, { block: block, context: { siteId, locale } }, block.id))) })) : (_jsx("div", { className: "text-center py-20 text-neutral-400 dark:text-neutral-500", children: _jsx("p", { className: "text-sm", children: "No content blocks yet. Switch to Edit mode to add blocks." }) }))] })) : (_jsxs(_Fragment, { children: [!heroBlockDefinition && (_jsx("div", { className: "mb-12", children: _jsx("textarea", { ref: titleRef, rows: 1, value: title, onChange: (e) => onTitleChange(e.target.value), placeholder: "The title of your story...", className: "w-full bg-transparent border-none outline-none text-5xl font-serif font-medium placeholder:text-neutral-500 dark:placeholder:text-neutral-500 resize-none leading-tight transition-colors duration-300 text-neutral-950 dark:text-white" }) })), _jsx(EditorBody, { blocks: contentBlocks, darkMode: darkMode, backgroundColors: backgroundColors, onBlockAdd: onBlockAdd, onBlockUpdate: onBlockUpdate, onBlockDelete: onBlockDelete, onBlockMove: onBlockMove })] }))] }) }));
-}

package/src/views/CanvasEditor/components/EditorCanvas.tsx

@@ -1,160 +0,0 @@
-'use client';
-
-import React, { useRef, useEffect } from 'react';
-import { BlockWrapper } from '../BlockWrapper';
-import { EditorBody } from '../EditorBody';
-import { BlockRenderer } from '../../../lib/blocks/BlockRenderer';
-import type { Block } from '../../../types/block';
-import type { BlockTypeDefinition } from '../../../types/block';
-
-export interface EditorCanvasProps {
-    isPreviewMode: boolean;
-    heroBlock: Block | null;
-    heroBlockDefinition: BlockTypeDefinition | undefined;
-    contentBlocks: Block[];
-    title: string;
-    siteId: string;
-    locale: string;
-    darkMode: boolean;
-    backgroundColors?: {
-        light: string;
-        dark?: string;
-    };
-    featuredImage?: {
-        id?: string; // Semantic ID - plugin-images handles transforms
-        alt?: string;
-    };
-    onTitleChange: (title: string) => void;
-    onHeroBlockUpdate: (data: Partial<Block['data']>) => void;
-    onHeroBlockDelete: () => void;
-    onBlockAdd: (type: string, index: number, containerId?: string) => void;
-    onBlockUpdate: (id: string, data: Partial<Block['data']>) => void;
-    onBlockDelete: (id: string) => void;
-    onBlockMove: (id: string, newIndex: number, containerId?: string) => void;
-}
-
-export function EditorCanvas({
-    isPreviewMode,
-    heroBlock,
-    heroBlockDefinition,
-    contentBlocks,
-    title,
-    siteId,
-    locale,
-    darkMode,
-    backgroundColors,
-    featuredImage,
-    onTitleChange,
-    onHeroBlockUpdate,
-    onHeroBlockDelete,
-    onBlockAdd,
-    onBlockUpdate,
-    onBlockDelete,
-    onBlockMove,
-}: EditorCanvasProps) {
-    const titleRef = useRef<HTMLTextAreaElement>(null);
-
-    // Handle Title Auto-resize
-    useEffect(() => {
-        if (titleRef.current) {
-            titleRef.current.style.height = 'auto';
-            titleRef.current.style.height = `${titleRef.current.scrollHeight}px`;
-        }
-    }, [title]);
-
-    return (
-        <div
-            className="flex-1 overflow-y-auto overflow-x-hidden pb-40 px-6 custom-scrollbar selection:bg-primary/20 dark:selection:bg-primary/30 min-h-0"
-            style={{
-                backgroundColor: backgroundColors
-                    ? (darkMode && backgroundColors.dark
-                        ? backgroundColors.dark
-                        : backgroundColors.light)
-                    : undefined,
-            }}
-        >
-            <div className={`mx-auto transition-all duration-500 max-w-7xl w-full`}>
-                {/* Hero Block - Only show editable version when NOT in preview mode */}
-                {!isPreviewMode && heroBlockDefinition && heroBlock && (
-                    <div className="mb-12">
-                        <BlockWrapper
-                            block={heroBlock}
-                            onUpdate={onHeroBlockUpdate}
-                            onDelete={onHeroBlockDelete}
-                            onMoveUp={() => { }}
-                            onMoveDown={() => { }}
-                            allBlocks={[heroBlock]}
-                        />
-                    </div>
-                )}
-
-                {isPreviewMode ? (
-                    <div className="space-y-8">
-                        {heroBlockDefinition && heroBlock && (
-                            <BlockRenderer
-                                block={heroBlock}
-                                context={{ 
-                                    siteId, 
-                                    locale,
-                                    // Pass featured image as fallback for hero block
-                                    // Only pass id and alt - plugin-images handles transforms
-                                    fallbackImage: featuredImage ? {
-                                        id: featuredImage.id,
-                                        alt: featuredImage.alt,
-                                    } : undefined,
-                                }}
-                            />
-                        )}
-
-                        {!heroBlockDefinition && title && (
-                            <h1 className="text-5xl font-serif font-medium text-neutral-950 dark:text-white leading-tight mb-12">
-                                {title}
-                            </h1>
-                        )}
-
-                        {contentBlocks.length > 0 ? (
-                            <div className="space-y-8">
-                                {contentBlocks.map((block) => (
-                                    <BlockRenderer
-                                        key={block.id}
-                                        block={block}
-                                        context={{ siteId, locale }}
-                                    />
-                                ))}
-                            </div>
-                        ) : (
-                            <div className="text-center py-20 text-neutral-400 dark:text-neutral-500">
-                                <p className="text-sm">No content blocks yet. Switch to Edit mode to add blocks.</p>
-                            </div>
-                        )}
-                    </div>
-                ) : (
-                    <>
-                        {!heroBlockDefinition && (
-                            <div className="mb-12">
-                                <textarea
-                                    ref={titleRef}
-                                    rows={1}
-                                    value={title}
-                                    onChange={(e) => onTitleChange(e.target.value)}
-                                    placeholder="The title of your story..."
-                                    className="w-full bg-transparent border-none outline-none text-5xl font-serif font-medium placeholder:text-neutral-500 dark:placeholder:text-neutral-500 resize-none leading-tight transition-colors duration-300 text-neutral-950 dark:text-white"
-                                />
-                            </div>
-                        )}
-
-                        <EditorBody
-                            blocks={contentBlocks}
-                            darkMode={darkMode}
-                            backgroundColors={backgroundColors}
-                            onBlockAdd={onBlockAdd}
-                            onBlockUpdate={onBlockUpdate}
-                            onBlockDelete={onBlockDelete}
-                            onBlockMove={onBlockMove}
-                        />
-                    </>
-                )}
-            </div>
-        </div>
-    );
-}

package/src/views/CanvasEditor/components/EditorLibrary.d.ts

@@ -1,7 +0,0 @@
-import type { BlockTypeDefinition } from '../../../types/block';
-export interface EditorLibraryProps {
-    registeredBlocks: BlockTypeDefinition[];
-    onAddBlock: (type: string) => void;
-}
-export declare function EditorLibrary({ registeredBlocks, onAddBlock }: EditorLibraryProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=EditorLibrary.d.ts.map

package/src/views/CanvasEditor/components/EditorLibrary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorLibrary.d.ts","sourceRoot":"","sources":["EditorLibrary.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IAC/B,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,aAAa,CAAC,EAAE,gBAAgB,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CA6GjF"}

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

@@ -1,25 +0,0 @@
-'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/src/views/CanvasEditor/components/EditorLibrary.tsx

@@ -1,122 +0,0 @@
-'use client';
-
-import React from 'react';
-import { Library, Image as ImageIcon, LayoutTemplate, Type, Box } from 'lucide-react';
-import { LibraryItem, CustomBlockItem } from './index';
-import type { BlockTypeDefinition } from '../../../types/block';
-
-export interface EditorLibraryProps {
-    registeredBlocks: BlockTypeDefinition[];
-    onAddBlock: (type: string) => void;
-}
-
-export function EditorLibrary({ registeredBlocks, onAddBlock }: EditorLibraryProps) {
-    // 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 (
-        <div className="p-6 w-72 min-w-0 max-w-full">
-            {/* Text Blocks */}
-            {textBlocks.length > 0 && (
-                <div className="mb-10">
-                    <h3 className="text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black mb-6">Text</h3>
-                    <div className="grid grid-cols-2 gap-3">
-                        {textBlocks.map((block) => {
-                            const IconComponent = block.icon || block.components.Icon || Type;
-                            return (
-                                <LibraryItem
-                                    key={block.type}
-                                    icon={<IconComponent size={16} />}
-                                    label={block.name}
-                                    blockType={block.type}
-                                    description={block.description}
-                                    onAddBlock={onAddBlock}
-                                />
-                            );
-                        })}
-                    </div>
-                </div>
-            )}
-
-            {/* Media Blocks */}
-            {mediaBlocks.length > 0 && (
-                <div className="mb-10">
-                    <h3 className="text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black mb-6">Media</h3>
-                    <div className="grid grid-cols-2 gap-3">
-                        {mediaBlocks.map((block) => {
-                            const IconComponent = block.icon || block.components.Icon || ImageIcon;
-                            return (
-                                <LibraryItem
-                                    key={block.type}
-                                    icon={<IconComponent size={16} />}
-                                    label={block.name}
-                                    blockType={block.type}
-                                    description={block.description}
-                                    onAddBlock={onAddBlock}
-                                />
-                            );
-                        })}
-                    </div>
-                </div>
-            )}
-
-            {/* Layout Blocks */}
-            {layoutBlocks.length > 0 && (
-                <div className="mb-10">
-                    <h3 className="text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black mb-6">Layout</h3>
-                    <div className="grid grid-cols-2 gap-3">
-                        {layoutBlocks.map((block) => {
-                            const IconComponent = block.icon || block.components.Icon || LayoutTemplate;
-                            return (
-                                <LibraryItem
-                                    key={block.type}
-                                    icon={<IconComponent size={16} />}
-                                    label={block.name}
-                                    blockType={block.type}
-                                    description={block.description}
-                                    onAddBlock={onAddBlock}
-                                />
-                            );
-                        })}
-                    </div>
-                </div>
-            )}
-
-            {/* Custom Blocks */}
-            {customBlocks.length > 0 && (
-                <div>
-                    <h3 className="text-[10px] uppercase tracking-[0.2em] text-neutral-500 dark:text-neutral-400 font-black mb-6">Custom Blocks</h3>
-                    <div className="space-y-3">
-                        {customBlocks.map((block) => {
-                            const IconComponent = block.icon || block.components.Icon || Box;
-                            return (
-                                <CustomBlockItem
-                                    key={block.type}
-                                    blockType={block.type}
-                                    name={block.name}
-                                    description={block.description}
-                                    icon={<IconComponent size={14} />}
-                                    onAddBlock={onAddBlock}
-                                />
-                            );
-                        })}
-                    </div>
-                </div>
-            )}
-
-            {/* Empty State */}
-            {allBlocks.length === 0 && (
-                <div className="text-center py-12">
-                    <Library size={32} className="mx-auto text-neutral-300 dark:text-neutral-700 mb-4" />
-                    <p className="text-xs text-neutral-500 dark:text-neutral-400">
-                        No blocks registered yet.
-                    </p>
-                </div>
-            )}
-        </div>
-    );
-}

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

@@ -1,13 +0,0 @@
-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/src/views/CanvasEditor/components/EditorSidebar.d.ts.map

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

@@ -1,20 +0,0 @@
-'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, }) {
-    var _a, _b, _c, _d, _e;
-    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: [((_a = seo.title) === null || _a === void 0 ? void 0 : _a.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: [((_b = seo.description) === null || _b === void 0 ? void 0 : _b.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: ((_c = seo.keywords) === null || _c === void 0 ? void 0 : _c.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: ((_d = metadata.categories) === null || _d === void 0 ? void 0 : _d[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: ((_e = metadata.categories) === null || _e === void 0 ? void 0 : _e[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.' })] })] }));
-}