@qwanyx/ai-editor 1.3.13 → 1.4.0

package/dist/components/SmartEditor.d.ts

@@ -0,0 +1,58 @@
+import { PageDocument } from '../types/page';
+import { RichTextEditorProps } from './RichTextEditor';
+export interface SmartEditorProps {
+    /**
+     * Contenu initial - peut être:
+     * - Du JSON Lexical brut (ancien format)
+     * - Un PageDocument (nouveau format)
+     * - Vide
+     */
+    initialContent?: string | PageDocument;
+    /**
+     * Callback appelé quand le contenu change
+     * Reçoit le contenu dans le format approprié
+     */
+    onChange?: (content: string, document: PageDocument) => void;
+    /**
+     * Callback spécifique pour les requêtes AI (passé au RichTextEditor)
+     */
+    onAIRequest?: RichTextEditorProps['onAIRequest'];
+    /**
+     * Si true, sauvegarde en Lexical brut quand possible (rétrocompatibilité)
+     * @default true
+     */
+    preferLegacyFormat?: boolean;
+    /**
+     * Mode de l'éditeur
+     * - 'auto': Détecte automatiquement (Lexical simple → RichTextEditor, sinon PageEditor)
+     * - 'simple': Force le RichTextEditor classique
+     * - 'page': Force le PageEditor
+     * @default 'auto'
+     */
+    mode?: 'auto' | 'simple' | 'page';
+    /**
+     * Permet de passer en mode page depuis le mode simple
+     * @default true
+     */
+    allowUpgrade?: boolean;
+    /**
+     * Placeholder pour le mode simple
+     */
+    placeholder?: string;
+    /**
+     * Classe CSS
+     */
+    className?: string;
+    /**
+     * Hauteur minimale pour le mode simple
+     */
+    minHeight?: string;
+}
+export declare function SmartEditor({ initialContent, onChange, onAIRequest, preferLegacyFormat, mode, allowUpgrade, placeholder, className, minHeight, }: SmartEditorProps): import("react/jsx-runtime").JSX.Element;
+export interface SmartViewerProps {
+    content?: string | PageDocument;
+    className?: string;
+}
+export declare function SmartViewer({ content, className }: SmartViewerProps): import("react/jsx-runtime").JSX.Element;
+export default SmartEditor;
+//# sourceMappingURL=SmartEditor.d.ts.map

package/dist/components/SmartEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartEditor.d.ts","sourceRoot":"","sources":["../../src/components/SmartEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAetE,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAEtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAA;IAE5D;;OAEG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAEhD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAE5B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IAEjC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAkED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,QAAQ,EACR,WAAW,EACX,kBAAyB,EACzB,IAAa,EACb,YAAmB,EACnB,WAAW,EACX,SAAS,EACT,SAAS,GACV,EAAE,gBAAgB,2CAkGlB;AAMD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAcnE;AAED,eAAe,WAAW,CAAA"}

package/dist/components/SmartEditor.js

@@ -0,0 +1,123 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartEditor = SmartEditor;
+exports.SmartViewer = SmartViewer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const RichTextEditor_1 = require("./RichTextEditor");
+const PageEditor_1 = require("./PageEditor");
+const format_1 = require("../utils/format");
+// ============================================
+// Styles
+// ============================================
+const styles = {
+    upgradeBar: {
+        display: 'flex',
+        justifyContent: 'flex-end',
+        padding: '0.5rem',
+        backgroundColor: '#f8f9fa',
+        borderBottom: '1px solid #e9ecef',
+    },
+    upgradeButton: {
+        padding: '0.5rem 1rem',
+        backgroundColor: 'transparent',
+        border: '1px solid #007bff',
+        color: '#007bff',
+        borderRadius: '4px',
+        cursor: 'pointer',
+        fontSize: '0.875rem',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '0.5rem',
+    },
+    upgradeButtonHover: {
+        backgroundColor: '#007bff',
+        color: 'white',
+    },
+};
+function UpgradeButton({ onClick }) {
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsx)("div", { style: styles.upgradeBar, children: (0, jsx_runtime_1.jsxs)("button", { onClick: onClick, style: {
+                ...styles.upgradeButton,
+                ...(isHovered ? styles.upgradeButtonHover : {}),
+            }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), title: "Passer en mode page pour ajouter des sections, images hero, colonnes, etc.", children: [(0, jsx_runtime_1.jsx)("span", { children: "+" }), "Ajouter des sections"] }) }));
+}
+// ============================================
+// Smart Editor Component
+// ============================================
+function SmartEditor({ initialContent, onChange, onAIRequest, preferLegacyFormat = true, mode = 'auto', allowUpgrade = true, placeholder, className, minHeight, }) {
+    // Détecter le format initial
+    const initialDetection = (0, react_1.useMemo)(() => (0, format_1.detectFormat)(initialContent), [initialContent]);
+    // État pour savoir si on a "upgradé" vers le mode page
+    const [hasUpgraded, setHasUpgraded] = (0, react_1.useState)(false);
+    // Document de travail (toujours un PageDocument en interne)
+    const [document, setDocument] = (0, react_1.useState)(() => (0, format_1.ensurePageDocument)(initialContent));
+    // Déterminer le mode effectif
+    const effectiveMode = (0, react_1.useMemo)(() => {
+        if (mode === 'simple')
+            return 'simple';
+        if (mode === 'page')
+            return 'page';
+        // Mode auto
+        if (hasUpgraded)
+            return 'page';
+        // Si le format initial était Lexical ou vide, et qu'on n'a pas encore upgradé
+        if (initialDetection.format === 'lexical' || initialDetection.format === 'empty') {
+            // Vérifier si le document actuel est toujours simple
+            if ((0, format_1.isSimpleDocument)(document)) {
+                return 'simple';
+            }
+        }
+        return 'page';
+    }, [mode, hasUpgraded, initialDetection.format, document]);
+    // Handler pour le RichTextEditor (mode simple)
+    const handleSimpleChange = (0, react_1.useCallback)((_html, json) => {
+        // Mettre à jour le document interne
+        const newDoc = (0, format_1.ensurePageDocument)(json);
+        setDocument(newDoc);
+        // Notifier le parent
+        if (onChange) {
+            const output = preferLegacyFormat ? json : (0, format_1.prepareForSave)(newDoc);
+            onChange(output, newDoc);
+        }
+    }, [onChange, preferLegacyFormat]);
+    // Handler pour le PageEditor
+    const handlePageChange = (0, react_1.useCallback)((newDoc) => {
+        setDocument(newDoc);
+        if (onChange) {
+            const output = (0, format_1.prepareForSave)(newDoc, { preferLegacyFormat });
+            onChange(output, newDoc);
+        }
+    }, [onChange, preferLegacyFormat]);
+    // Handler pour l'upgrade vers le mode page
+    const handleUpgrade = (0, react_1.useCallback)(() => {
+        setHasUpgraded(true);
+    }, []);
+    // Contenu Lexical pour le mode simple
+    const simpleLexicalContent = (0, react_1.useMemo)(() => {
+        if (effectiveMode !== 'simple')
+            return '';
+        return (0, format_1.pageDocumentToLexical)(document) || '';
+    }, [effectiveMode, document]);
+    // Mode simple: RichTextEditor classique
+    if (effectiveMode === 'simple') {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [allowUpgrade && mode === 'auto' && ((0, jsx_runtime_1.jsx)(UpgradeButton, { onClick: handleUpgrade })), (0, jsx_runtime_1.jsx)(RichTextEditor_1.RichTextEditor, { initialContent: simpleLexicalContent, onChange: handleSimpleChange, onAIRequest: onAIRequest, placeholder: placeholder, minHeight: minHeight })] }));
+    }
+    // Mode page: PageEditor complet
+    return ((0, jsx_runtime_1.jsx)(PageEditor_1.PageEditor, { initialDocument: document, onChange: handlePageChange, className: className, isEditing: true }));
+}
+function SmartViewer({ content, className }) {
+    const document = (0, react_1.useMemo)(() => (0, format_1.ensurePageDocument)(content), [content]);
+    const detection = (0, react_1.useMemo)(() => (0, format_1.detectFormat)(content), [content]);
+    // Si c'est du Lexical simple, utiliser RichTextViewer
+    if (detection.format === 'lexical' || (0, format_1.isSimpleDocument)(document)) {
+        const { RichTextViewer } = require('./RichTextViewer');
+        const lexicalContent = (0, format_1.pageDocumentToLexical)(document) || '';
+        return (0, jsx_runtime_1.jsx)(RichTextViewer, { content: lexicalContent, className: className });
+    }
+    // Sinon, utiliser PageViewer
+    const { PageViewer } = require('./PageViewer');
+    return (0, jsx_runtime_1.jsx)(PageViewer, { document: document, className: className });
+}
+exports.default = SmartEditor;

package/dist/context/PageContext.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { PageDocument, PageFormat, Section, LayoutType, PrintSize, VideoSize } from '../types/page';
+interface PageContextValue {
+    document: PageDocument;
+    isEditing: boolean;
+    selectedSectionId: string | null;
+    setDocument: (doc: PageDocument) => void;
+    setFormat: (format: PageFormat) => void;
+    setPrintSize: (size: PrintSize) => void;
+    setVideoSize: (size: VideoSize) => void;
+    setTitle: (title: string) => void;
+    addSection: (layoutType: LayoutType, content: unknown, index?: number) => void;
+    updateSection: (id: string, content: unknown) => void;
+    updateSectionSettings: (id: string, settings: Partial<Section>) => void;
+    deleteSection: (id: string) => void;
+    moveSection: (id: string, direction: 'up' | 'down') => void;
+    reorderSections: (ids: string[]) => void;
+    duplicateSection: (id: string) => void;
+    selectSection: (id: string | null) => void;
+    getSectionById: (id: string) => Section | undefined;
+    getSectionIndex: (id: string) => number;
+    getSelectedSection: () => Section | undefined;
+}
+declare const PageContext: React.Context<PageContextValue | null>;
+export declare function usePageContext(): PageContextValue;
+export declare function usePageContextSafe(): PageContextValue | null;
+interface PageProviderProps {
+    children: React.ReactNode;
+    initialDocument?: PageDocument;
+    isEditing?: boolean;
+    onChange?: (document: PageDocument) => void;
+}
+export declare function PageProvider({ children, initialDocument, isEditing, onChange, }: PageProviderProps): import("react/jsx-runtime").JSX.Element;
+export { PageContext };
+//# sourceMappingURL=PageContext.d.ts.map

package/dist/context/PageContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContext.d.ts","sourceRoot":"","sources":["../../src/context/PageContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAC1F,OAAO,EACL,YAAY,EACZ,UAAU,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EAIV,MAAM,eAAe,CAAA;AAqKtB,UAAU,gBAAgB;IAExB,QAAQ,EAAE,YAAY,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAGhC,WAAW,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,SAAS,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,UAAU,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9E,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrD,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACvE,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IAC3D,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACxC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAG1C,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,SAAS,CAAA;IACnD,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,kBAAkB,EAAE,MAAM,OAAO,GAAG,SAAS,CAAA;CAC9C;AAED,QAAA,MAAM,WAAW,wCAA+C,CAAA;AAMhE,wBAAgB,cAAc,qBAM7B;AAGD,wBAAgB,kBAAkB,4BAEjC;AAMD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,YAAY,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,eAAe,EACf,SAAgB,EAChB,QAAQ,GACT,EAAE,iBAAiB,2CAwInB;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/context/PageContext.js

@@ -0,0 +1,277 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageContext = void 0;
+exports.usePageContext = usePageContext;
+exports.usePageContextSafe = usePageContextSafe;
+exports.PageProvider = PageProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const page_1 = require("../types/page");
+// ============================================
+// Reducer
+// ============================================
+function pageReducer(state, action) {
+    const now = new Date().toISOString();
+    switch (action.type) {
+        case 'SET_DOCUMENT':
+            return action.payload;
+        case 'SET_FORMAT':
+            return {
+                ...state,
+                format: action.payload,
+                updatedAt: now,
+            };
+        case 'SET_PRINT_SIZE':
+            return {
+                ...state,
+                printSize: action.payload,
+                updatedAt: now,
+            };
+        case 'SET_VIDEO_SIZE':
+            return {
+                ...state,
+                videoSize: action.payload,
+                updatedAt: now,
+            };
+        case 'SET_TITLE':
+            return {
+                ...state,
+                title: action.payload,
+                updatedAt: now,
+            };
+        case 'ADD_SECTION': {
+            const newSection = (0, page_1.createSection)(action.payload.layoutType, action.payload.content);
+            const sections = [...state.sections];
+            const index = action.payload.index ?? sections.length;
+            sections.splice(index, 0, newSection);
+            return {
+                ...state,
+                sections,
+                updatedAt: now,
+            };
+        }
+        case 'UPDATE_SECTION':
+            return {
+                ...state,
+                sections: state.sections.map((section) => section.id === action.payload.id
+                    ? { ...section, content: action.payload.content }
+                    : section),
+                updatedAt: now,
+            };
+        case 'UPDATE_SECTION_SETTINGS':
+            return {
+                ...state,
+                sections: state.sections.map((section) => section.id === action.payload.id
+                    ? { ...section, ...action.payload.settings }
+                    : section),
+                updatedAt: now,
+            };
+        case 'DELETE_SECTION':
+            return {
+                ...state,
+                sections: state.sections.filter((section) => section.id !== action.payload),
+                updatedAt: now,
+            };
+        case 'MOVE_SECTION': {
+            const { id, direction } = action.payload;
+            const sections = [...state.sections];
+            const index = sections.findIndex((s) => s.id === id);
+            if (index === -1)
+                return state;
+            const newIndex = direction === 'up' ? index - 1 : index + 1;
+            if (newIndex < 0 || newIndex >= sections.length)
+                return state;
+            [sections[index], sections[newIndex]] = [sections[newIndex], sections[index]];
+            return {
+                ...state,
+                sections,
+                updatedAt: now,
+            };
+        }
+        case 'REORDER_SECTIONS': {
+            const orderMap = new Map(action.payload.map((id, index) => [id, index]));
+            const sections = [...state.sections].sort((a, b) => {
+                const aIndex = orderMap.get(a.id) ?? 0;
+                const bIndex = orderMap.get(b.id) ?? 0;
+                return aIndex - bIndex;
+            });
+            return {
+                ...state,
+                sections,
+                updatedAt: now,
+            };
+        }
+        case 'DUPLICATE_SECTION': {
+            const sectionToDupe = state.sections.find((s) => s.id === action.payload);
+            if (!sectionToDupe)
+                return state;
+            const duplicated = {
+                ...sectionToDupe,
+                id: (0, page_1.generateId)(),
+                content: JSON.parse(JSON.stringify(sectionToDupe.content)), // Deep clone
+            };
+            const index = state.sections.findIndex((s) => s.id === action.payload);
+            const sections = [...state.sections];
+            sections.splice(index + 1, 0, duplicated);
+            return {
+                ...state,
+                sections,
+                updatedAt: now,
+            };
+        }
+        default:
+            return state;
+    }
+}
+const PageContext = (0, react_1.createContext)(null);
+exports.PageContext = PageContext;
+// ============================================
+// Hook
+// ============================================
+function usePageContext() {
+    const context = (0, react_1.useContext)(PageContext);
+    if (!context) {
+        throw new Error('usePageContext must be used within a PageProvider');
+    }
+    return context;
+}
+// Optionnel: version qui ne throw pas (pour les composants qui peuvent être hors contexte)
+function usePageContextSafe() {
+    return (0, react_1.useContext)(PageContext);
+}
+function PageProvider({ children, initialDocument, isEditing = true, onChange, }) {
+    const [document, dispatch] = (0, react_1.useReducer)(pageReducer, initialDocument ?? (0, page_1.createEmptyPage)('web'));
+    const [selectedSectionId, setSelectedSectionId] = react_1.default.useState(null);
+    // Notify parent of changes
+    react_1.default.useEffect(() => {
+        if (onChange) {
+            onChange(document);
+        }
+    }, [document, onChange]);
+    // Clear selection if selected section is deleted
+    react_1.default.useEffect(() => {
+        if (selectedSectionId && !document.sections.find(s => s.id === selectedSectionId)) {
+            setSelectedSectionId(null);
+        }
+    }, [document.sections, selectedSectionId]);
+    // Actions
+    const setDocument = (0, react_1.useCallback)((doc) => {
+        dispatch({ type: 'SET_DOCUMENT', payload: doc });
+    }, []);
+    const setFormat = (0, react_1.useCallback)((format) => {
+        dispatch({ type: 'SET_FORMAT', payload: format });
+    }, []);
+    const setPrintSize = (0, react_1.useCallback)((size) => {
+        dispatch({ type: 'SET_PRINT_SIZE', payload: size });
+    }, []);
+    const setVideoSize = (0, react_1.useCallback)((size) => {
+        dispatch({ type: 'SET_VIDEO_SIZE', payload: size });
+    }, []);
+    const setTitle = (0, react_1.useCallback)((title) => {
+        dispatch({ type: 'SET_TITLE', payload: title });
+    }, []);
+    const addSection = (0, react_1.useCallback)((layoutType, content, index) => {
+        dispatch({ type: 'ADD_SECTION', payload: { layoutType, content, index } });
+    }, []);
+    const updateSection = (0, react_1.useCallback)((id, content) => {
+        dispatch({ type: 'UPDATE_SECTION', payload: { id, content } });
+    }, []);
+    const updateSectionSettings = (0, react_1.useCallback)((id, settings) => {
+        dispatch({ type: 'UPDATE_SECTION_SETTINGS', payload: { id, settings } });
+    }, []);
+    const selectSection = (0, react_1.useCallback)((id) => {
+        setSelectedSectionId(id);
+    }, []);
+    const deleteSection = (0, react_1.useCallback)((id) => {
+        dispatch({ type: 'DELETE_SECTION', payload: id });
+    }, []);
+    const moveSection = (0, react_1.useCallback)((id, direction) => {
+        dispatch({ type: 'MOVE_SECTION', payload: { id, direction } });
+    }, []);
+    const reorderSections = (0, react_1.useCallback)((ids) => {
+        dispatch({ type: 'REORDER_SECTIONS', payload: ids });
+    }, []);
+    const duplicateSection = (0, react_1.useCallback)((id) => {
+        dispatch({ type: 'DUPLICATE_SECTION', payload: id });
+    }, []);
+    // Helpers
+    const getSectionById = (0, react_1.useCallback)((id) => document.sections.find((s) => s.id === id), [document.sections]);
+    const getSectionIndex = (0, react_1.useCallback)((id) => document.sections.findIndex((s) => s.id === id), [document.sections]);
+    const getSelectedSection = (0, react_1.useCallback)(() => selectedSectionId ? document.sections.find((s) => s.id === selectedSectionId) : undefined, [document.sections, selectedSectionId]);
+    const value = (0, react_1.useMemo)(() => ({
+        document,
+        isEditing,
+        selectedSectionId,
+        setDocument,
+        setFormat,
+        setPrintSize,
+        setVideoSize,
+        setTitle,
+        addSection,
+        updateSection,
+        updateSectionSettings,
+        deleteSection,
+        moveSection,
+        reorderSections,
+        duplicateSection,
+        selectSection,
+        getSectionById,
+        getSectionIndex,
+        getSelectedSection,
+    }), [
+        document,
+        isEditing,
+        selectedSectionId,
+        setDocument,
+        setFormat,
+        setPrintSize,
+        setVideoSize,
+        setTitle,
+        addSection,
+        updateSection,
+        updateSectionSettings,
+        deleteSection,
+        moveSection,
+        reorderSections,
+        duplicateSection,
+        selectSection,
+        getSectionById,
+        getSectionIndex,
+        getSelectedSection,
+    ]);
+    return (0, jsx_runtime_1.jsx)(PageContext.Provider, { value: value, children: children });
+}

package/dist/index.d.ts

@@ -14,5 +14,22 @@ export { InsertObjectPlugin, INSERT_OBJECT_COMMAND } from './plugins/InsertObjec
 export { ImageLinkPlugin } from './plugins/ImageLinkPlugin';
 export { SimpleLinkPlugin } from './plugins/LinkPlugin';
 export { EditorModeContext, EditorModeProvider, useEditorMode } from './context/EditorModeContext';
+export { PageContext, PageProvider, usePageContext, usePageContextSafe } from './context/PageContext';
+export { PageEditor } from './components/PageEditor';
+export type { PageEditorProps } from './components/PageEditor';
+export { PageViewer } from './components/PageViewer';
+export type { PageViewerProps } from './components/PageViewer';
+export { SectionComponent } from './components/Section';
+export { SmartEditor, SmartViewer } from './components/SmartEditor';
+export type { SmartEditorProps, SmartViewerProps } from './components/SmartEditor';
+export { registerLayout, getLayout, getAllLayouts, getLayoutsByCategory, getLayoutComponent, getLayoutDefaultContent, initializeLayouts, } from './layouts';
+export type { LayoutComponentProps, LayoutRegistryEntry } from './layouts';
+export { OgilvyLayout, createDefaultOgilvyContent } from './layouts/OgilvyLayout';
+export { RichTextLayout, createDefaultRichTextContent } from './layouts/RichTextLayout';
+export type { RichTextContent } from './layouts/RichTextLayout';
+export { detectFormat, isPageDocument, isLexicalState, lexicalToPageDocument, pageDocumentToLexical, ensurePageDocument, isSimpleDocument, prepareForSave, } from './utils/format';
+export type { ContentFormat, FormatDetectionResult, SaveOptions } from './utils/format';
+export type { PageDocument, PageFormat, Section, LayoutType, PrintSize, VideoSize, SectionAnimation, AnimationType, DropCapConfig, ImageData, OgilvyContent, HeroContent, TwoColumnsContent, ThreeColumnsContent, TextOnlyContent, ImageOnlyContent, QuoteContent, GalleryContent, LayoutDefinition, SectionProps, } from './types/page';
+export { PRINT_PRESETS, VIDEO_PRESETS, DEFAULT_DROP_CAP, generateId, createSection, createEmptyPage, } from './types/page';
 export { RichTextEditor as AIEditor } from './components/RichTextEditor';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGtE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGtE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAGpE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC7E,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AACxH,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAA;AACvH,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGzD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAGvD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAGlG,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AIEditor = exports.useEditorMode = exports.EditorModeProvider = exports.EditorModeContext = exports.SimpleLinkPlugin = exports.ImageLinkPlugin = exports.INSERT_OBJECT_COMMAND = exports.InsertObjectPlugin = exports.$wrapSelectionInSimpleLink = exports.$isSimpleLinkNode = exports.$createSimpleLinkNode = exports.SimpleLinkNode = exports.$wrapSelectionInImageLink = exports.$isImageLinkNode = exports.$createImageLinkNode = exports.ImageLinkNode = exports.$isImageNode = exports.$createImageNode = exports.ImageNode = exports.EditorToolbar = exports.RichTextViewer = exports.RichTextEditor = void 0;
+exports.PRINT_PRESETS = exports.prepareForSave = exports.isSimpleDocument = exports.ensurePageDocument = exports.pageDocumentToLexical = exports.lexicalToPageDocument = exports.isLexicalState = exports.isPageDocument = exports.detectFormat = exports.createDefaultRichTextContent = exports.RichTextLayout = exports.createDefaultOgilvyContent = exports.OgilvyLayout = exports.initializeLayouts = exports.getLayoutDefaultContent = exports.getLayoutComponent = exports.getLayoutsByCategory = exports.getAllLayouts = exports.getLayout = exports.registerLayout = exports.SmartViewer = exports.SmartEditor = exports.SectionComponent = exports.PageViewer = exports.PageEditor = exports.usePageContextSafe = exports.usePageContext = exports.PageProvider = exports.PageContext = exports.useEditorMode = exports.EditorModeProvider = exports.EditorModeContext = exports.SimpleLinkPlugin = exports.ImageLinkPlugin = exports.INSERT_OBJECT_COMMAND = exports.InsertObjectPlugin = exports.$wrapSelectionInSimpleLink = exports.$isSimpleLinkNode = exports.$createSimpleLinkNode = exports.SimpleLinkNode = exports.$wrapSelectionInImageLink = exports.$isImageLinkNode = exports.$createImageLinkNode = exports.ImageLinkNode = exports.$isImageNode = exports.$createImageNode = exports.ImageNode = exports.EditorToolbar = exports.RichTextViewer = exports.RichTextEditor = void 0;
+exports.AIEditor = exports.createEmptyPage = exports.createSection = exports.generateId = exports.DEFAULT_DROP_CAP = exports.VIDEO_PRESETS = void 0;
 // Main WYSIWYG editor component
 var RichTextEditor_1 = require("./components/RichTextEditor");
 Object.defineProperty(exports, "RichTextEditor", { enumerable: true, get: function () { return RichTextEditor_1.RichTextEditor; } });
@@ -38,6 +39,58 @@ var EditorModeContext_1 = require("./context/EditorModeContext");
 Object.defineProperty(exports, "EditorModeContext", { enumerable: true, get: function () { return EditorModeContext_1.EditorModeContext; } });
 Object.defineProperty(exports, "EditorModeProvider", { enumerable: true, get: function () { return EditorModeContext_1.EditorModeProvider; } });
 Object.defineProperty(exports, "useEditorMode", { enumerable: true, get: function () { return EditorModeContext_1.useEditorMode; } });
+var PageContext_1 = require("./context/PageContext");
+Object.defineProperty(exports, "PageContext", { enumerable: true, get: function () { return PageContext_1.PageContext; } });
+Object.defineProperty(exports, "PageProvider", { enumerable: true, get: function () { return PageContext_1.PageProvider; } });
+Object.defineProperty(exports, "usePageContext", { enumerable: true, get: function () { return PageContext_1.usePageContext; } });
+Object.defineProperty(exports, "usePageContextSafe", { enumerable: true, get: function () { return PageContext_1.usePageContextSafe; } });
+// ============================================
+// Page Editor System (NEW)
+// ============================================
+// Page Editor components
+var PageEditor_1 = require("./components/PageEditor");
+Object.defineProperty(exports, "PageEditor", { enumerable: true, get: function () { return PageEditor_1.PageEditor; } });
+var PageViewer_1 = require("./components/PageViewer");
+Object.defineProperty(exports, "PageViewer", { enumerable: true, get: function () { return PageViewer_1.PageViewer; } });
+var Section_1 = require("./components/Section");
+Object.defineProperty(exports, "SectionComponent", { enumerable: true, get: function () { return Section_1.SectionComponent; } });
+// Smart Editor (auto-détection du format)
+var SmartEditor_1 = require("./components/SmartEditor");
+Object.defineProperty(exports, "SmartEditor", { enumerable: true, get: function () { return SmartEditor_1.SmartEditor; } });
+Object.defineProperty(exports, "SmartViewer", { enumerable: true, get: function () { return SmartEditor_1.SmartViewer; } });
+// Layouts
+var layouts_1 = require("./layouts");
+Object.defineProperty(exports, "registerLayout", { enumerable: true, get: function () { return layouts_1.registerLayout; } });
+Object.defineProperty(exports, "getLayout", { enumerable: true, get: function () { return layouts_1.getLayout; } });
+Object.defineProperty(exports, "getAllLayouts", { enumerable: true, get: function () { return layouts_1.getAllLayouts; } });
+Object.defineProperty(exports, "getLayoutsByCategory", { enumerable: true, get: function () { return layouts_1.getLayoutsByCategory; } });
+Object.defineProperty(exports, "getLayoutComponent", { enumerable: true, get: function () { return layouts_1.getLayoutComponent; } });
+Object.defineProperty(exports, "getLayoutDefaultContent", { enumerable: true, get: function () { return layouts_1.getLayoutDefaultContent; } });
+Object.defineProperty(exports, "initializeLayouts", { enumerable: true, get: function () { return layouts_1.initializeLayouts; } });
+var OgilvyLayout_1 = require("./layouts/OgilvyLayout");
+Object.defineProperty(exports, "OgilvyLayout", { enumerable: true, get: function () { return OgilvyLayout_1.OgilvyLayout; } });
+Object.defineProperty(exports, "createDefaultOgilvyContent", { enumerable: true, get: function () { return OgilvyLayout_1.createDefaultOgilvyContent; } });
+var RichTextLayout_1 = require("./layouts/RichTextLayout");
+Object.defineProperty(exports, "RichTextLayout", { enumerable: true, get: function () { return RichTextLayout_1.RichTextLayout; } });
+Object.defineProperty(exports, "createDefaultRichTextContent", { enumerable: true, get: function () { return RichTextLayout_1.createDefaultRichTextContent; } });
+// Format utilities (detection & conversion)
+var format_1 = require("./utils/format");
+Object.defineProperty(exports, "detectFormat", { enumerable: true, get: function () { return format_1.detectFormat; } });
+Object.defineProperty(exports, "isPageDocument", { enumerable: true, get: function () { return format_1.isPageDocument; } });
+Object.defineProperty(exports, "isLexicalState", { enumerable: true, get: function () { return format_1.isLexicalState; } });
+Object.defineProperty(exports, "lexicalToPageDocument", { enumerable: true, get: function () { return format_1.lexicalToPageDocument; } });
+Object.defineProperty(exports, "pageDocumentToLexical", { enumerable: true, get: function () { return format_1.pageDocumentToLexical; } });
+Object.defineProperty(exports, "ensurePageDocument", { enumerable: true, get: function () { return format_1.ensurePageDocument; } });
+Object.defineProperty(exports, "isSimpleDocument", { enumerable: true, get: function () { return format_1.isSimpleDocument; } });
+Object.defineProperty(exports, "prepareForSave", { enumerable: true, get: function () { return format_1.prepareForSave; } });
+// Helpers & Presets
+var page_1 = require("./types/page");
+Object.defineProperty(exports, "PRINT_PRESETS", { enumerable: true, get: function () { return page_1.PRINT_PRESETS; } });
+Object.defineProperty(exports, "VIDEO_PRESETS", { enumerable: true, get: function () { return page_1.VIDEO_PRESETS; } });
+Object.defineProperty(exports, "DEFAULT_DROP_CAP", { enumerable: true, get: function () { return page_1.DEFAULT_DROP_CAP; } });
+Object.defineProperty(exports, "generateId", { enumerable: true, get: function () { return page_1.generateId; } });
+Object.defineProperty(exports, "createSection", { enumerable: true, get: function () { return page_1.createSection; } });
+Object.defineProperty(exports, "createEmptyPage", { enumerable: true, get: function () { return page_1.createEmptyPage; } });
 // Alias for backwards compatibility
 var RichTextEditor_2 = require("./components/RichTextEditor");
 Object.defineProperty(exports, "AIEditor", { enumerable: true, get: function () { return RichTextEditor_2.RichTextEditor; } });

package/dist/layouts/OgilvyLayout.d.ts

@@ -0,0 +1,5 @@
+import { OgilvyContent } from '../types/page';
+import { LayoutComponentProps } from './index';
+export declare function createDefaultOgilvyContent(): OgilvyContent;
+export declare function OgilvyLayout({ section, isEditing, onContentChange, }: LayoutComponentProps<OgilvyContent>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OgilvyLayout.d.ts.map

package/dist/layouts/OgilvyLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OgilvyLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/OgilvyLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,aAAa,EAId,MAAM,eAAe,CAAA;AACtB,OAAO,EAAkB,oBAAoB,EAAE,MAAM,SAAS,CAAA;AA0H9D,wBAAgB,0BAA0B,IAAI,aAAa,CAe1D;AAiUD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,eAAe,GAChB,EAAE,oBAAoB,CAAC,aAAa,CAAC,2CA8GrC"}