@jhits/plugin-newsletter 0.0.4 → 0.0.6

package/dist/types/block.d.ts

@@ -0,0 +1,230 @@
+/**
+ * Core Block Types for Newsletter Plugin
+ * Foundation for the Block-Based Architecture
+ * Multi-Tenant Plugin Architecture - Blocks are provided by client applications
+ *
+ * This is a headless implementation - no styling dependencies
+ */
+import React from 'react';
+/**
+ * Base Block Interface
+ * Every block in the system extends this structure
+ */
+export interface Block {
+    /** Unique identifier for the block */
+    id: string;
+    /** Block type identifier (e.g., 'heading', 'paragraph', 'image') */
+    type: string;
+    /** Block-specific data (varies by type) */
+    data: Record<string, unknown>;
+    /**
+     * Child blocks (for container blocks like Section, Columns)
+     * Can be an array of Block IDs (for flat storage) or Block objects (for nested structure)
+     */
+    children?: string[] | Block[];
+    /** Optional metadata for editor state, styling, etc. */
+    meta?: {
+        /** Visual order in the editor */
+        order?: number;
+        /** Whether block is collapsed in editor */
+        collapsed?: boolean;
+        /** Custom styling overrides */
+        style?: Record<string, string>;
+        /** Editor-specific flags */
+        flags?: string[];
+        /** Column index (for column container blocks) */
+        columnIndex?: number;
+        /** Additional custom metadata */
+        [key: string]: unknown;
+    };
+}
+/**
+ * Block Edit Component Props
+ * Props passed to the Edit component in the dashboard editor
+ */
+export interface BlockEditProps {
+    /** The block being edited */
+    block: Block;
+    /** Update handler - call this to update the block's data */
+    onUpdate: (data: Partial<Block['data']>) => void;
+    /** Delete handler - call this to remove the block */
+    onDelete?: () => void;
+    /** Duplicate handler - call this to duplicate the block */
+    onDuplicate?: () => void;
+    /** Whether the block is currently selected */
+    isSelected?: boolean;
+    /** Whether the block is currently being dragged */
+    isDragging?: boolean;
+    /** Focus mode state */
+    focusMode?: boolean;
+    /** Child blocks (for container blocks like Section, Columns) */
+    childBlocks?: Block[];
+    /** Add a child block (for container blocks) */
+    onChildBlockAdd?: (type: string, index?: number, containerId?: string) => void;
+    /** Update a child block (for container blocks) */
+    onChildBlockUpdate?: (id: string, data: Partial<Block['data']>, containerId?: string) => void;
+    /** Delete a child block (for container blocks) */
+    onChildBlockDelete?: (id: string, containerId?: string) => void;
+    /** Move a child block (for container blocks) */
+    onChildBlockMove?: (id: string, newIndex: number, containerId?: string) => void;
+}
+/**
+ * Block Preview Component Props
+ * Props passed to the Preview component for headless rendering
+ */
+export interface BlockPreviewProps {
+    /** The block to render */
+    block: Block;
+    /** Additional rendering context */
+    context?: {
+        /** Site ID */
+        siteId?: string;
+        /** Locale */
+        locale?: string;
+        /** Custom render props */
+        [key: string]: unknown;
+    };
+    /** Child blocks (for container blocks like Section, Columns) */
+    childBlocks?: Block[];
+    /** Render a child block (for container blocks) */
+    renderChild?: (childBlock: Block) => React.ReactElement;
+}
+/**
+ * Block Email Component Props
+ * Props passed to the Email component for email rendering
+ */
+export interface BlockEmailProps {
+    /** The block to render */
+    block: Block;
+    /** Additional rendering context */
+    context?: {
+        /** Site ID */
+        siteId?: string;
+        /** Locale */
+        locale?: string;
+        /** Base URL for images and links */
+        baseUrl?: string;
+        /** Custom render props */
+        [key: string]: unknown;
+    };
+    /** Child blocks (for container blocks) */
+    childBlocks?: Block[];
+    /** Render a child block to email HTML (for container blocks) */
+    renderChild?: (childBlock: Block) => string;
+}
+/**
+ * Strict Block Component Interface
+ * Every client-provided block MUST implement this interface
+ */
+export interface IBlockComponent {
+    /**
+     * Edit Component - Rendered in the dashboard editor
+     * Must use dashboard design system
+     */
+    Edit: React.ComponentType<BlockEditProps>;
+    /**
+     * Preview Component - Rendered in headless/frontend context
+     * Can use client's own design system
+     */
+    Preview: React.ComponentType<BlockPreviewProps>;
+    /**
+     * Email Component - OPTIONAL - Renders block as email-safe HTML string
+     * If not provided, EmailRenderer will use fallback conversion
+     * Should return email-safe HTML with inline styles
+     */
+    Email?: (props: BlockEmailProps) => string;
+    /**
+     * Icon Component - Shown in block palette
+     * Should be a simple icon (lucide-react recommended)
+     */
+    Icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+/**
+ * Block Type Definition
+ * Complete definition of a block type for the registry
+ */
+export interface BlockTypeDefinition {
+    /** Unique type identifier */
+    type: string;
+    /** Human-readable name */
+    name: string;
+    /** Description of the block (shown in tooltips) */
+    description: string;
+    /** Icon component (React component) - Optional, falls back to block component's Icon */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Default data structure for this block type */
+    defaultData: Record<string, unknown>;
+    /** Validation schema (optional, for runtime validation) */
+    validate?: (data: Record<string, unknown>) => boolean;
+    /** Whether this block can contain nested blocks */
+    isContainer?: boolean;
+    /** Allowed child block types (if container) */
+    allowedChildren?: string[];
+    /** Category for grouping in block palette */
+    category?: 'text' | 'media' | 'layout' | 'interactive' | 'custom';
+    /**
+     * Block Components - REQUIRED for client-provided blocks
+     * Edit and Preview components must be provided
+     */
+    components: IBlockComponent;
+}
+/**
+ * Rich Text Formatting Configuration
+ * Optional configuration for rich text formatting in text blocks
+ */
+export interface RichTextFormattingConfig {
+    /** Whether bold formatting is available */
+    bold?: boolean;
+    /** Whether italic formatting is available */
+    italic?: boolean;
+    /** Whether underline formatting is available */
+    underline?: boolean;
+    /** Whether links are available */
+    links?: boolean;
+    /** Available colors (array of color values or Tailwind classes) */
+    colors?: string[];
+    /** Custom CSS classes for formatted text */
+    styles?: {
+        bold?: string;
+        italic?: string;
+        underline?: string;
+        link?: string;
+        /** Color classes mapped by color value */
+        colorClasses?: Record<string, string>;
+    };
+}
+/**
+ * Client Block Definition
+ * Simplified interface for client apps to provide blocks
+ */
+export interface ClientBlockDefinition {
+    /** Unique type identifier */
+    type: string;
+    /** Human-readable name */
+    name: string;
+    /** Description of the block */
+    description: string;
+    /** Icon component (optional) */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Default data structure */
+    defaultData: Record<string, unknown>;
+    /** Validation function (optional) */
+    validate?: (data: Record<string, unknown>) => boolean;
+    /** Whether this block can contain nested blocks */
+    isContainer?: boolean;
+    /** Allowed child block types (if container) */
+    allowedChildren?: string[];
+    /** Category for grouping */
+    category?: 'text' | 'media' | 'layout' | 'interactive' | 'custom';
+    /** Block components - REQUIRED */
+    components: IBlockComponent;
+    /** Rich text formatting configuration (optional) */
+    richTextFormatting?: RichTextFormattingConfig;
+}
+//# sourceMappingURL=block.d.ts.map

package/dist/types/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../src/types/block.ts"],"names":[],"mappings":"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"}

package/dist/types/block.js

@@ -0,0 +1,8 @@
+/**
+ * Core Block Types for Newsletter Plugin
+ * Foundation for the Block-Based Architecture
+ * Multi-Tenant Plugin Architecture - Blocks are provided by client applications
+ *
+ * This is a headless implementation - no styling dependencies
+ */
+export {};

package/dist/types/newsletter.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Newsletter Plugin Types
+ */
+import { Block } from './block';
+export interface Subscriber {
+    _id?: string;
+    email: string;
+    language: string;
+    subscribedAt: Date | string;
+    unsubscribedAt?: Date | string;
+    status?: 'active' | 'unsubscribed';
+}
+export interface NewsletterSettings {
+    id: string;
+    languages: {
+        [key: string]: {
+            title: string;
+            message: string;
+        };
+    };
+    updatedAt?: Date;
+}
+/**
+ * Newsletter Status
+ */
+export type NewsletterStatus = 'draft' | 'scheduled' | 'sent' | 'archived';
+/**
+ * Newsletter Publication Data
+ */
+export interface NewsletterPublicationData {
+    /** Publication status */
+    status: NewsletterStatus;
+    /** Scheduled send date (ISO string) */
+    scheduledDate?: string;
+    /** Actual send date (ISO string) */
+    sentDate?: string;
+    /** Author ID */
+    authorId?: string;
+    /** Last modified date */
+    updatedAt?: string;
+}
+/**
+ * Newsletter Metadata
+ */
+export interface NewsletterMetadata {
+    /** Subject line */
+    subject: string;
+    /** Preview text */
+    previewText?: string;
+    /** Language code */
+    lang?: string;
+    /** Recipient filter (all, specific language, etc.) */
+    recipientFilter?: {
+        type: 'all' | 'language' | 'custom';
+        value?: string;
+    };
+}
+/**
+ * Complete Newsletter Structure
+ * This is the headless JSON structure stored in the database
+ */
+export interface Newsletter {
+    /** Unique newsletter identifier */
+    id: string;
+    /** Newsletter title */
+    title: string;
+    /** URL slug (unique, auto-generated from title) */
+    slug: string;
+    /** Array of content blocks */
+    blocks: Block[];
+    /** Publication data */
+    publication: NewsletterPublicationData;
+    /** Additional metadata */
+    metadata: NewsletterMetadata;
+    /** Creation timestamp */
+    createdAt: string;
+    /** Last update timestamp */
+    updatedAt: string;
+    /** Version number for revision tracking */
+    version?: number;
+}
+/**
+ * Newsletter List Item (for list views)
+ * Lightweight version of Newsletter for performance
+ */
+export interface NewsletterListItem {
+    id: string;
+    title: string;
+    slug: string;
+    status: NewsletterStatus;
+    subject: string;
+    scheduledDate?: string;
+    sentDate?: string;
+    authorId?: string;
+    updatedAt: string;
+    recipientCount?: number;
+}
+/**
+ * Newsletter Filter Options
+ */
+export interface NewsletterFilterOptions {
+    status?: NewsletterStatus | NewsletterStatus[];
+    language?: string;
+    authorId?: string;
+    search?: string;
+    dateFrom?: string;
+    dateTo?: string;
+    limit?: number;
+    skip?: number;
+    sortBy?: 'date' | 'title' | 'updatedAt' | 'sentDate';
+    sortOrder?: 'asc' | 'desc';
+}
+export interface NewsletterApiConfig {
+    getDb: () => Promise<{
+        db: () => any;
+    }>;
+    getUserId?: (req: any) => Promise<string | null>;
+    emailConfig?: {
+        host: string;
+        port: number;
+        user: string;
+        password: string;
+        from: string;
+    };
+    baseUrl?: string;
+    collectionName?: string;
+    [key: string]: any;
+}
+//# sourceMappingURL=newsletter.d.ts.map

package/dist/types/newsletter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"newsletter.d.ts","sourceRoot":"","sources":["../../src/types/newsletter.ts"],"names":[],"mappings":"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"}

package/dist/types/newsletter.js

@@ -0,0 +1,4 @@
+/**
+ * Newsletter Plugin Types
+ */
+export {};

package/dist/types/registry.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Registry types for newsletter plugin
+ */
+export interface BlockRegistry {
+    register(definition: any): void;
+    get(type: string): any | undefined;
+    getAll(): any[];
+    has(type: string): boolean;
+    clear(): void;
+}
+export type BlockTypeDefinition = any;
+export type ClientBlockDefinition = any;
+//# sourceMappingURL=registry.d.ts.map

package/dist/types/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/types/registry.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,aAAa;IAC1B,QAAQ,CAAC,UAAU,EAAE,GAAG,GAAG,IAAI,CAAC;IAChC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,CAAC;IACnC,MAAM,IAAI,GAAG,EAAE,CAAC;IAChB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,KAAK,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACtC,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC"}

package/dist/types/registry.js

@@ -0,0 +1,4 @@
+/**
+ * Registry types for newsletter plugin
+ */
+export {};

package/dist/views/CanvasEditor/BlockWrapper.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Block Wrapper Component
+ * Notion-style minimal block wrapper with simple hover controls
+ */
+import { Block } from '../../types/block';
+import type { useSlashCommand } from './hooks/useSlashCommand';
+export interface BlockWrapperProps {
+    block: Block;
+    onUpdate: (data: Partial<Block['data']>) => void;
+    onDelete: () => void;
+    onMoveUp?: () => void;
+    onMoveDown?: () => void;
+    /** All blocks in the editor (for resolving child block IDs) */
+    allBlocks?: Block[];
+    /** Slash command handler */
+    slashCommand?: ReturnType<typeof useSlashCommand>;
+    /** Index of this block */
+    blockIndex?: number;
+    /** Callback to add a new block below this one */
+    onAddBlockBelow?: (blockType: string) => void;
+}
+export declare function BlockWrapper({ block, onUpdate, onDelete, onMoveUp, onMoveDown, allBlocks, slashCommand, blockIndex, onAddBlockBelow, }: BlockWrapperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BlockWrapper.d.ts.map

package/dist/views/CanvasEditor/BlockWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockWrapper.d.ts","sourceRoot":"","sources":["../../../src/views/CanvasEditor/BlockWrapper.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;IACpB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;IAClD,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,SAAc,EACd,YAAY,EACZ,UAAU,EACV,eAAe,GAClB,EAAE,iBAAiB,2CAoGnB"}

package/dist/views/CanvasEditor/BlockWrapper.js

@@ -0,0 +1,44 @@
+/**
+ * Block Wrapper Component
+ * Notion-style minimal block wrapper with simple hover controls
+ */
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Trash2 } from 'lucide-react';
+import { blockRegistry } from '../../registry/BlockRegistry';
+import { getChildBlocks, isContainerBlock } from '../../lib/utils/blockHelpers';
+import { useEditor } from '../../state/EditorContext';
+import { SlashCommandDetector } from './components/SlashCommandDetector';
+export function BlockWrapper({ block, onUpdate, onDelete, onMoveUp, onMoveDown, allBlocks = [], slashCommand, blockIndex, onAddBlockBelow, }) {
+    const [isHovered, setIsHovered] = useState(false);
+    const { state } = useEditor();
+    const blockDefinition = blockRegistry.get(block.type);
+    // Check if this is a container block
+    const isContainer = isContainerBlock(block, blockRegistry);
+    const childBlocks = isContainer && block.children && Array.isArray(block.children) && block.children.length > 0
+        ? (typeof block.children[0] === 'object'
+            ? block.children
+            : getChildBlocks(block, state.blocks))
+        : [];
+    if (!blockDefinition) {
+        return (_jsx("div", { className: "p-4 border border-red-300 dark:border-red-700 rounded-lg bg-red-50 dark:bg-red-900/20", children: _jsxs("p", { className: "text-sm text-red-600 dark:text-red-400", children: ["Unknown block type: ", block.type] }) }));
+    }
+    const EditComponent = blockDefinition.components.Edit;
+    // Store block ID when hovering for paste context
+    useEffect(() => {
+        if (isHovered) {
+            if (typeof window !== 'undefined') {
+                window.__NEWSLETTER_EDITOR_HOVERED_BLOCK_ID__ = block.id;
+            }
+        }
+    }, [isHovered, block.id]);
+    return (_jsxs("div", { className: "group relative flex items-start gap-1 py-0.5", onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), "data-block-wrapper": true, "data-block-id": block.id, children: [_jsx("div", { className: "flex-1 min-w-0 email-block-content", children: block.type === 'paragraph' && slashCommand ? (_jsx(SlashCommandDetector, { blockId: block.id, blockIndex: blockIndex || 0, blockType: block.type, content: block.data.html || block.data.text || '', onContentChange: (content) => {
+                        onUpdate({ html: content, text: content.replace(/<[^>]*>/g, '') });
+                    }, slashCommand: slashCommand, onAddBlockBelow: onAddBlockBelow, children: _jsx("div", { className: "email-block-wrapper", children: _jsx(EditComponent, { block: block, onUpdate: onUpdate, onDelete: onDelete, isSelected: state.selectedBlockId === block.id, childBlocks: childBlocks }) }) })) : (_jsx("div", { className: "email-block-wrapper", children: _jsx(EditComponent, { block: block, onUpdate: onUpdate, onDelete: onDelete, isSelected: state.selectedBlockId === block.id, childBlocks: childBlocks }) })) }), _jsx("div", { className: `flex-shrink-0 w-6 flex items-start justify-center pt-1 transition-opacity duration-150 ${isHovered ? 'opacity-100' : 'opacity-0'}`, children: _jsx("button", { onClick: (e) => {
+                        e.stopPropagation();
+                        if (confirm('Delete this block?')) {
+                            onDelete();
+                        }
+                    }, className: "p-1 -mr-1 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors", title: "Delete block", children: _jsx(Trash2, { size: 16, className: "text-neutral-400 dark:text-neutral-500 hover:text-red-500 dark:hover:text-red-400 transition-colors" }) }) })] }));
+}

package/dist/views/CanvasEditor/CanvasEditorView.d.ts

@@ -0,0 +1,14 @@
+export interface CanvasEditorViewProps {
+    newsletterSlug?: string;
+    siteId: string;
+    locale: string;
+    /** Enable dark mode for content area and wrappers (default: true) */
+    darkMode?: boolean;
+    /** Background colors for the editor */
+    backgroundColors?: {
+        light: string;
+        dark?: string;
+    };
+}
+export declare function CanvasEditorView({ newsletterSlug, darkMode, backgroundColors: propsBackgroundColors, siteId, locale }: CanvasEditorViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CanvasEditorView.d.ts.map

package/dist/views/CanvasEditor/CanvasEditorView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasEditorView.d.ts","sourceRoot":"","sources":["../../../src/views/CanvasEditor/CanvasEditorView.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,qBAAqB;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CA4N5I"}

package/dist/views/CanvasEditor/CanvasEditorView.js

@@ -0,0 +1,139 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { useEditor } from '../../state/EditorContext';
+import { EditorHeader } from './EditorHeader';
+import { ErrorBanner } from './components/ErrorBanner';
+import { EditorCanvas } from './components/EditorCanvas';
+import { EditorSidebar } from './components/EditorSidebar';
+import { SlashCommandMenu } from './components/SlashCommandMenu';
+import { useSlashCommand } from './hooks/useSlashCommand';
+import { useNewsletterLoader, useRegisteredBlocks, useKeyboardShortcuts } from './hooks';
+import { blockRegistry } from '../../registry';
+export function CanvasEditorView({ newsletterSlug, darkMode, backgroundColors: propsBackgroundColors, siteId, locale }) {
+    const { state, helpers, dispatch, darkMode: contextDarkMode, backgroundColors: contextBackgroundColors, canUndo, canRedo } = useEditor();
+    const effectiveDarkMode = darkMode !== undefined ? darkMode : contextDarkMode;
+    const effectiveBackgroundColors = propsBackgroundColors || contextBackgroundColors;
+    const [isSidebarOpen, setSidebarOpen] = useState(true);
+    const [isPreviewMode, setIsPreviewMode] = useState(false);
+    const [isSaving, setIsSaving] = useState(false);
+    const [saveError, setSaveError] = useState(null);
+    // Get registered blocks
+    const registeredBlocks = useRegisteredBlocks();
+    // Newsletter loading
+    const { isLoadingNewsletter } = useNewsletterLoader(newsletterSlug, state.newsletterId, (newsletter) => {
+        helpers.loadNewsletter(newsletter);
+        setTimeout(() => {
+            dispatch({ type: 'MARK_CLEAN' });
+        }, 0);
+    });
+    // Ensure at least one paragraph block exists when creating new newsletter
+    useEffect(() => {
+        if (!newsletterSlug && state.blocks.length === 0 && !isLoadingNewsletter) {
+            helpers.addBlock('paragraph', 0, undefined);
+        }
+    }, [newsletterSlug, state.blocks.length, isLoadingNewsletter, helpers]);
+    // Track if we just loaded a newsletter to prevent marking as dirty during cleanup
+    const justLoadedRef = useRef(false);
+    const previousIsLoadingRef = useRef(false);
+    const loadingCleanupTimerRef = useRef(null);
+    // Mark when newsletter loading completes and ensure it stays clean after all effects
+    useEffect(() => {
+        const loadingJustFinished = previousIsLoadingRef.current && !isLoadingNewsletter && state.newsletterId;
+        if (loadingJustFinished) {
+            justLoadedRef.current = true;
+            if (loadingCleanupTimerRef.current) {
+                clearTimeout(loadingCleanupTimerRef.current);
+            }
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    loadingCleanupTimerRef.current = setTimeout(() => {
+                        console.log('[CanvasEditorView] Newsletter loading complete - ensuring clean state');
+                        dispatch({ type: 'MARK_CLEAN' });
+                        justLoadedRef.current = false;
+                        loadingCleanupTimerRef.current = null;
+                    }, 500);
+                });
+            });
+        }
+        previousIsLoadingRef.current = isLoadingNewsletter;
+        return () => {
+            if (loadingCleanupTimerRef.current) {
+                clearTimeout(loadingCleanupTimerRef.current);
+                loadingCleanupTimerRef.current = null;
+            }
+        };
+    }, [isLoadingNewsletter, state.newsletterId, dispatch]);
+    // Keyboard shortcuts
+    useKeyboardShortcuts(state, dispatch, canUndo, canRedo, helpers.undo, helpers.redo);
+    // Slash command handler - always replaces the current paragraph block
+    const handleSlashCommandSelect = useCallback((blockType, replaceBlockId) => {
+        if (replaceBlockId) {
+            // Replace existing block (the paragraph that triggered the slash command)
+            const blockIndex = state.blocks.findIndex(b => b.id === replaceBlockId);
+            if (blockIndex === -1) {
+                console.warn(`[CanvasEditorView] Block with ID "${replaceBlockId}" not found. Available blocks:`, state.blocks.map(b => b.id));
+                return;
+            }
+            const blockDefinition = blockRegistry.get(blockType);
+            if (!blockDefinition) {
+                console.warn(`[CanvasEditorView] Block type "${blockType}" not found in registry`);
+                return;
+            }
+            // Replace the block in place by updating the blocks array directly
+            // This preserves the position and ID
+            const newBlocks = state.blocks.map((block, idx) => {
+                if (idx === blockIndex) {
+                    // Replace this block with the new type
+                    return {
+                        ...block,
+                        type: blockType,
+                        data: { ...blockDefinition.defaultData },
+                    };
+                }
+                // Keep all other blocks unchanged
+                return block;
+            });
+            dispatch({ type: 'SET_BLOCKS', payload: newBlocks });
+        }
+        else {
+            console.warn('[CanvasEditorView] No replaceBlockId provided to handleSlashCommandSelect');
+        }
+    }, [state.blocks, dispatch]);
+    // Slash command hook
+    const slashCommand = useSlashCommand(registeredBlocks, handleSlashCommandSelect);
+    // Handle save
+    const handleSave = async () => {
+        setIsSaving(true);
+        setSaveError(null);
+        try {
+            await helpers.save();
+            setIsSaving(false);
+        }
+        catch (error) {
+            console.error('[CanvasEditorView] Save error:', error);
+            let errorMessage = error.message || 'Failed to save newsletter';
+            if (errorMessage.includes('Unauthorized')) {
+                errorMessage = 'You are not authorized to save. Please log in again.';
+            }
+            setSaveError(errorMessage);
+            setIsSaving(false);
+            throw error;
+        }
+    };
+    if (isLoadingNewsletter) {
+        return (_jsx("div", { className: "h-full w-full bg-dashboard-card text-dashboard-text flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "w-8 h-8 border-4 border-primary/20 border-t-primary rounded-full animate-spin mx-auto mb-4" }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: "Loading newsletter..." })] }) }));
+    }
+    return (_jsx("div", { className: "h-full rounded-[2.5rem] w-full bg-dashboard-card text-dashboard-text flex flex-col font-sans transition-colors duration-300 overflow-hidden relative", children: _jsxs("main", { className: "flex flex-1 flex-col relative min-h-0", children: [_jsx(ErrorBanner, { error: saveError, onDismiss: () => setSaveError(null) }), _jsx(EditorHeader, { isPreviewMode: isPreviewMode, onPreviewToggle: () => setIsPreviewMode(!isPreviewMode), isSidebarOpen: isSidebarOpen, onSidebarToggle: () => setSidebarOpen(!isSidebarOpen), isSaving: isSaving, onSave: handleSave, onSaveError: (error) => {
+                        if (error) {
+                            setSaveError(error);
+                        }
+                        else {
+                            setSaveError(null);
+                        }
+                    }, isDirty: state.isDirty }), _jsxs("div", { className: "flex flex-1 relative overflow-hidden min-h-0 flex-nowrap", children: [_jsx(EditorCanvas, { isPreviewMode: isPreviewMode, contentBlocks: state.blocks, title: state.title, siteId: siteId, locale: locale, darkMode: effectiveDarkMode, backgroundColors: effectiveBackgroundColors, metadata: state.metadata, onTitleChange: (title) => dispatch({ type: 'SET_TITLE', payload: title }), onMetadataChange: (metadata) => dispatch({ type: 'SET_METADATA', payload: metadata }), onBlockAdd: (type, index, containerId) => helpers.addBlock(type, index, containerId), onBlockUpdate: (id, data) => helpers.updateBlock(id, data), onBlockDelete: (id) => helpers.deleteBlock(id), onBlockMove: (id, newIndex, containerId) => helpers.moveBlock(id, newIndex, containerId), slashCommand: slashCommand }), !isPreviewMode && (_jsx("aside", { className: `transition-all duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] border-l border-dashboard-border bg-dashboard-sidebar overflow-y-auto overflow-x-hidden h-full ${isSidebarOpen ? 'w-80' : 'w-0 opacity-0 pointer-events-none'}`, children: _jsx(EditorSidebar, { slug: state.slug, metadata: state.metadata, status: state.status, onMetadataUpdate: (metadata) => dispatch({ type: 'SET_METADATA', payload: metadata }) }) }))] }), slashCommand.isOpen && slashCommand.position && (_jsx(SlashCommandMenu, { blocks: slashCommand.filteredBlocks, query: slashCommand.query, selectedIndex: slashCommand.selectedIndex, onSelect: (replaceBlockId) => {
+                        // Use the replaceBlockId passed from the menu (which comes from state)
+                        // This ensures we use the correct block ID that was set when the menu opened
+                        slashCommand.selectCurrent(replaceBlockId);
+                    }, position: slashCommand.position, onClose: slashCommand.closeMenu, replaceBlockId: slashCommand.replaceBlockId }))] }) }));
+}