@qwanyx/ai-editor 1.3.13 → 1.4.0

package/dist/layouts/OgilvyLayout.js

@@ -0,0 +1,301 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDefaultOgilvyContent = createDefaultOgilvyContent;
+exports.OgilvyLayout = OgilvyLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const page_1 = require("../types/page");
+const index_1 = require("./index");
+const RichTextEditor_1 = require("../components/RichTextEditor");
+const RichTextViewer_1 = require("../components/RichTextViewer");
+// ============================================
+// Styles
+// ============================================
+const styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '1.5rem',
+        fontFamily: 'Georgia, serif',
+    },
+    imageContainer: {
+        width: '100%',
+        position: 'relative',
+    },
+    image: {
+        width: '100%',
+        height: 'auto',
+        display: 'block',
+    },
+    imagePlaceholder: {
+        width: '100%',
+        aspectRatio: '16/9',
+        backgroundColor: '#f0f0f0',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        color: '#999',
+        fontSize: '1rem',
+        cursor: 'pointer',
+        border: '2px dashed #ccc',
+        borderRadius: '4px',
+    },
+    legend: {
+        fontSize: '0.85rem',
+        color: '#666',
+        marginTop: '0.5rem',
+        fontStyle: 'italic',
+    },
+    titleContainer: {
+        textAlign: 'center',
+    },
+    title: {
+        fontSize: '2.5rem',
+        fontWeight: 700,
+        margin: 0,
+        lineHeight: 1.2,
+    },
+    titleInput: {
+        fontSize: '2.5rem',
+        fontWeight: 700,
+        margin: 0,
+        lineHeight: 1.2,
+        border: 'none',
+        outline: 'none',
+        width: '100%',
+        textAlign: 'center',
+        fontFamily: 'inherit',
+        backgroundColor: 'transparent',
+    },
+    subtitle: {
+        fontSize: '1.25rem',
+        fontWeight: 400,
+        color: '#555',
+        margin: '0.5rem 0 0 0',
+        fontStyle: 'italic',
+    },
+    subtitleInput: {
+        fontSize: '1.25rem',
+        fontWeight: 400,
+        color: '#555',
+        margin: '0.5rem 0 0 0',
+        fontStyle: 'italic',
+        border: 'none',
+        outline: 'none',
+        width: '100%',
+        textAlign: 'center',
+        fontFamily: 'inherit',
+        backgroundColor: 'transparent',
+    },
+    columnsContainer: {
+        display: 'grid',
+        gap: '2rem',
+    },
+    column: {
+        lineHeight: 1.7,
+        fontSize: '1rem',
+        textAlign: 'justify',
+    },
+    dropCap: {
+        float: 'left',
+        fontSize: '3em',
+        lineHeight: 1,
+        marginRight: '0.1em',
+        marginTop: '0.1em',
+    },
+    footnote: {
+        fontSize: '0.85rem',
+        color: '#666',
+        borderTop: '1px solid #ddd',
+        paddingTop: '1rem',
+        marginTop: '1rem',
+    },
+    editableField: {
+        border: '1px solid transparent',
+        borderRadius: '4px',
+        transition: 'border-color 0.2s, background-color 0.2s',
+    },
+    editableFieldHover: {
+        borderColor: '#007bff',
+        backgroundColor: 'rgba(0, 123, 255, 0.05)',
+    },
+};
+// ============================================
+// Default Content
+// ============================================
+function createDefaultOgilvyContent() {
+    return {
+        image: {
+            src: '',
+            altText: '',
+        },
+        legend: '',
+        legendAsterisk: false,
+        title: 'Titre de la section',
+        subtitle: 'Sous-titre descriptif',
+        bodyText: '',
+        columns: 2,
+        dropCap: { ...page_1.DEFAULT_DROP_CAP },
+        footnote: '',
+    };
+}
+function EditableText({ value, onChange, isEditing, placeholder = 'Cliquez pour éditer...', style = {}, inputStyle = {}, multiline = false, as: Component = 'p', }) {
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    if (!isEditing) {
+        return (0, jsx_runtime_1.jsx)(Component, { style: style, children: value || placeholder });
+    }
+    const combinedStyle = {
+        ...style,
+        ...inputStyle,
+        ...(isHovered ? styles.editableFieldHover : {}),
+    };
+    if (multiline) {
+        return ((0, jsx_runtime_1.jsx)("textarea", { value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder, style: {
+                ...combinedStyle,
+                resize: 'none',
+                minHeight: '100px',
+            }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("input", { type: "text", value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder, style: combinedStyle, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) }));
+}
+function ImagePicker({ image, onChange, isEditing }) {
+    const [showDialog, setShowDialog] = (0, react_1.useState)(false);
+    const [tempUrl, setTempUrl] = (0, react_1.useState)(image.src);
+    const handleClick = () => {
+        if (isEditing) {
+            setTempUrl(image.src);
+            setShowDialog(true);
+        }
+    };
+    const handleSave = () => {
+        onChange({ ...image, src: tempUrl });
+        setShowDialog(false);
+    };
+    if (!image.src) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: styles.imagePlaceholder, onClick: handleClick, children: isEditing ? 'Cliquez pour ajouter une image' : 'Aucune image' }), showDialog && ((0, jsx_runtime_1.jsx)(ImageDialog, { url: tempUrl, onUrlChange: setTempUrl, onSave: handleSave, onCancel: () => setShowDialog(false) }))] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: styles.imageContainer, children: (0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.altText || '', style: {
+                        ...styles.image,
+                        cursor: isEditing ? 'pointer' : 'default',
+                    }, onClick: handleClick }) }), showDialog && ((0, jsx_runtime_1.jsx)(ImageDialog, { url: tempUrl, onUrlChange: setTempUrl, onSave: handleSave, onCancel: () => setShowDialog(false) }))] }));
+}
+function ImageDialog({ url, onUrlChange, onSave, onCancel }) {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: 'rgba(0,0,0,0.5)',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            zIndex: 1000,
+        }, onClick: onCancel, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                backgroundColor: 'white',
+                padding: '1.5rem',
+                borderRadius: '8px',
+                minWidth: '400px',
+            }, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("h3", { style: { margin: '0 0 1rem 0' }, children: "URL de l'image" }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: url, onChange: (e) => onUrlChange(e.target.value), placeholder: "https://...", style: {
+                        width: '100%',
+                        padding: '0.5rem',
+                        marginBottom: '1rem',
+                        border: '1px solid #ccc',
+                        borderRadius: '4px',
+                    } }), url && ((0, jsx_runtime_1.jsx)("img", { src: url, alt: "Preview", style: {
+                        maxWidth: '100%',
+                        maxHeight: '200px',
+                        marginBottom: '1rem',
+                        display: 'block',
+                    } })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '0.5rem', justifyContent: 'flex-end' }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: onCancel, style: {
+                                padding: '0.5rem 1rem',
+                                border: '1px solid #ccc',
+                                borderRadius: '4px',
+                                backgroundColor: 'white',
+                                cursor: 'pointer',
+                            }, children: "Annuler" }), (0, jsx_runtime_1.jsx)("button", { onClick: onSave, style: {
+                                padding: '0.5rem 1rem',
+                                border: 'none',
+                                borderRadius: '4px',
+                                backgroundColor: '#007bff',
+                                color: 'white',
+                                cursor: 'pointer',
+                            }, children: "Enregistrer" })] })] }) }));
+}
+function DropCapText({ text, dropCap }) {
+    if (!text || !dropCap.enabled) {
+        return (0, jsx_runtime_1.jsx)("div", { style: styles.column, children: text });
+    }
+    const firstChar = text.charAt(0);
+    const restOfText = text.slice(1);
+    const dropCapStyle = {
+        ...styles.dropCap,
+        fontSize: `${dropCap.fontSize || 3}em`,
+        fontFamily: dropCap.fontFamily || 'inherit',
+        color: dropCap.color || 'inherit',
+    };
+    if (dropCap.type === 'icon' && dropCap.iconUrl) {
+        return ((0, jsx_runtime_1.jsxs)("div", { style: styles.column, children: [(0, jsx_runtime_1.jsx)("img", { src: dropCap.iconUrl, alt: "", style: {
+                        float: 'left',
+                        width: `${dropCap.iconSize || 48}px`,
+                        height: `${dropCap.iconSize || 48}px`,
+                        marginRight: '0.5em',
+                        marginTop: '0.1em',
+                    } }), text] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: styles.column, children: [(0, jsx_runtime_1.jsx)("span", { style: dropCapStyle, children: firstChar }), restOfText] }));
+}
+function Columns({ text, columns, dropCap }) {
+    // Pour l'instant, on divise simplement le texte en paragraphes
+    // TODO: Intégrer RichTextEditor pour l'édition du corps de texte
+    const paragraphs = text.split('\n\n').filter(Boolean);
+    // Distribuer les paragraphes dans les colonnes
+    const columnTexts = Array(columns).fill('');
+    paragraphs.forEach((para, idx) => {
+        columnTexts[idx % columns] += (columnTexts[idx % columns] ? '\n\n' : '') + para;
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            ...styles.columnsContainer,
+            gridTemplateColumns: `repeat(${columns}, 1fr)`,
+        }, children: columnTexts.map((colText, idx) => ((0, jsx_runtime_1.jsx)("div", { children: idx === 0 ? ((0, jsx_runtime_1.jsx)(DropCapText, { text: colText, dropCap: dropCap })) : ((0, jsx_runtime_1.jsx)("div", { style: styles.column, children: colText })) }, idx))) }));
+}
+// ============================================
+// Main Layout Component
+// ============================================
+function OgilvyLayout({ section, isEditing, onContentChange, }) {
+    const content = section.content;
+    const updateField = (0, react_1.useCallback)((field, value) => {
+        onContentChange({
+            ...content,
+            [field]: value,
+        });
+    }, [content, onContentChange]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: styles.container, children: [(0, jsx_runtime_1.jsx)(ImagePicker, { image: content.image, onChange: (img) => updateField('image', img), isEditing: isEditing }), (content.legend || isEditing) && ((0, jsx_runtime_1.jsxs)("div", { style: styles.legend, children: [(0, jsx_runtime_1.jsx)(EditableText, { value: content.legend, onChange: (v) => updateField('legend', v), isEditing: isEditing, placeholder: "L\u00E9gende de l'image...", style: styles.legend }), content.legendAsterisk && '*'] })), (0, jsx_runtime_1.jsxs)("div", { style: styles.titleContainer, children: [(0, jsx_runtime_1.jsx)(EditableText, { value: content.title, onChange: (v) => updateField('title', v), isEditing: isEditing, placeholder: "Titre", style: styles.title, inputStyle: styles.titleInput, as: "h1" }), (0, jsx_runtime_1.jsx)(EditableText, { value: content.subtitle, onChange: (v) => updateField('subtitle', v), isEditing: isEditing, placeholder: "Sous-titre", style: styles.subtitle, inputStyle: styles.subtitleInput, as: "h2" })] }), (0, jsx_runtime_1.jsxs)("div", { className: content.dropCap.enabled ? 'ogilvy-drop-cap' : '', style: {
+                    ['--drop-cap-size']: `${content.dropCap.fontSize || 3}em`,
+                    ['--drop-cap-color']: content.dropCap.color || 'inherit',
+                    ['--drop-cap-font']: content.dropCap.fontFamily || 'Georgia, serif',
+                }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+          .ogilvy-drop-cap .editor-paragraph:first-of-type::first-letter {
+            float: left;
+            font-size: var(--drop-cap-size, 3em);
+            font-family: var(--drop-cap-font, Georgia, serif);
+            color: var(--drop-cap-color, inherit);
+            line-height: 0.8;
+            margin-right: 0.1em;
+            margin-top: 0.1em;
+          }
+        ` }), isEditing ? ((0, jsx_runtime_1.jsx)(RichTextEditor_1.RichTextEditor, { initialContent: content.bodyText, onChange: (_html, json) => updateField('bodyText', json), placeholder: "Corps du texte...", columns: content.columns, minHeight: content.columnLines ? `calc(${content.columnLines * 1.7}em + 60px)` : "200px", autoGrow: !content.columnLines })) : ((0, jsx_runtime_1.jsx)(RichTextViewer_1.RichTextViewer, { content: content.bodyText, columns: content.columns }))] }), (content.footnote || (isEditing && content.legendAsterisk)) && ((0, jsx_runtime_1.jsx)("div", { style: styles.footnote, children: (0, jsx_runtime_1.jsx)(EditableText, { value: content.footnote || '', onChange: (v) => updateField('footnote', v), isEditing: isEditing, placeholder: "* Note explicative...", style: styles.footnote }) }))] }));
+}
+// ============================================
+// Register Layout
+// ============================================
+(0, index_1.registerLayout)({
+    type: 'ogilvy',
+    name: 'Ogilvy',
+    description: 'Image hero + légende + titre + sous-titre + texte en colonnes avec lettrine',
+    icon: '📰',
+    component: OgilvyLayout,
+    defaultContent: createDefaultOgilvyContent,
+    category: 'editorial',
+});

package/dist/layouts/RichTextLayout.d.ts

@@ -0,0 +1,7 @@
+import { LayoutComponentProps } from './index';
+export interface RichTextContent {
+    lexicalState: string;
+}
+export declare function createDefaultRichTextContent(): RichTextContent;
+export declare function RichTextLayout({ section, isEditing, onContentChange, }: LayoutComponentProps<RichTextContent>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RichTextLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/RichTextLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAQ9D,MAAM,WAAW,eAAe;IAE9B,YAAY,EAAE,MAAM,CAAA;CACrB;AAMD,wBAAgB,4BAA4B,IAAI,eAAe,CAI9D;AAMD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,SAAS,EACT,eAAe,GAChB,EAAE,oBAAoB,CAAC,eAAe,CAAC,2CA6BvC"}

package/dist/layouts/RichTextLayout.js

@@ -0,0 +1,47 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDefaultRichTextContent = createDefaultRichTextContent;
+exports.RichTextLayout = RichTextLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_1 = require("./index");
+const RichTextEditor_1 = require("../components/RichTextEditor");
+const RichTextViewer_1 = require("../components/RichTextViewer");
+// ============================================
+// Default Content
+// ============================================
+function createDefaultRichTextContent() {
+    return {
+        lexicalState: '',
+    };
+}
+// ============================================
+// Layout Component
+// ============================================
+function RichTextLayout({ section, isEditing, onContentChange, }) {
+    const content = section.content;
+    const handleChange = (0, react_1.useCallback)((_html, json) => {
+        onContentChange({
+            lexicalState: json,
+        });
+    }, [onContentChange]);
+    if (!isEditing) {
+        // Mode lecture: utiliser RichTextViewer
+        return ((0, jsx_runtime_1.jsx)(RichTextViewer_1.RichTextViewer, { content: content.lexicalState }));
+    }
+    // Mode édition: utiliser RichTextEditor
+    return ((0, jsx_runtime_1.jsx)(RichTextEditor_1.RichTextEditor, { initialContent: content.lexicalState, onChange: handleChange, placeholder: "Commencez \u00E0 \u00E9crire..." }));
+}
+// ============================================
+// Register Layout
+// ============================================
+(0, index_1.registerLayout)({
+    type: 'text-only', // On utilise 'text-only' qui est déjà dans les types
+    name: 'Texte riche',
+    description: 'Éditeur de texte riche simple (compatible avec l\'ancien format)',
+    icon: '📝',
+    component: RichTextLayout,
+    defaultContent: createDefaultRichTextContent,
+    category: 'editorial',
+});

package/dist/layouts/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Layout Registry
+ * Centralise tous les layouts disponibles pour les sections
+ */
+import React from 'react';
+import { LayoutType, Section } from '../types/page';
+export interface LayoutComponentProps<T = unknown> {
+    section: Section<T>;
+    isEditing: boolean;
+    onContentChange: (content: T) => void;
+}
+export interface LayoutRegistryEntry<T = unknown> {
+    type: LayoutType;
+    name: string;
+    description: string;
+    icon?: string;
+    component: React.ComponentType<LayoutComponentProps<T>>;
+    defaultContent: () => T;
+    category: 'editorial' | 'media' | 'grid' | 'special';
+}
+export declare function registerLayout<T>(entry: LayoutRegistryEntry<T>): void;
+export declare function getLayout(type: LayoutType): LayoutRegistryEntry | undefined;
+export declare function getAllLayouts(): LayoutRegistryEntry[];
+export declare function getLayoutsByCategory(category: LayoutRegistryEntry['category']): LayoutRegistryEntry[];
+export declare function getLayoutComponent(type: LayoutType): React.ComponentType<LayoutComponentProps> | null;
+export declare function getLayoutDefaultContent<T>(type: LayoutType): T | null;
+export * from './OgilvyLayout';
+export * from './RichTextLayout';
+export declare function initializeLayouts(): void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAMnD,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,OAAO;IAC/C,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAA;CACtC;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,OAAO;IAC9C,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA;IACvD,cAAc,EAAE,MAAM,CAAC,CAAA;IAEvB,QAAQ,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CACrD;AAQD,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAErE;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,mBAAmB,GAAG,SAAS,CAE3E;AAED,wBAAgB,aAAa,IAAI,mBAAmB,EAAE,CAErD;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAC,GAAG,mBAAmB,EAAE,CAErG;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAGrG;AAED,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,CAAC,GAAG,IAAI,CAGrE;AASD,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAUhC,wBAAgB,iBAAiB,IAAI,IAAI,CAKxC"}

package/dist/layouts/index.js

@@ -0,0 +1,71 @@
+"use strict";
+/**
+ * Layout Registry
+ * Centralise tous les layouts disponibles pour les sections
+ */
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerLayout = registerLayout;
+exports.getLayout = getLayout;
+exports.getAllLayouts = getAllLayouts;
+exports.getLayoutsByCategory = getLayoutsByCategory;
+exports.getLayoutComponent = getLayoutComponent;
+exports.getLayoutDefaultContent = getLayoutDefaultContent;
+exports.initializeLayouts = initializeLayouts;
+// ============================================
+// Registry
+// ============================================
+const layoutRegistry = new Map();
+function registerLayout(entry) {
+    layoutRegistry.set(entry.type, entry);
+}
+function getLayout(type) {
+    return layoutRegistry.get(type);
+}
+function getAllLayouts() {
+    return Array.from(layoutRegistry.values());
+}
+function getLayoutsByCategory(category) {
+    return getAllLayouts().filter((layout) => layout.category === category);
+}
+function getLayoutComponent(type) {
+    const entry = layoutRegistry.get(type);
+    return entry?.component ?? null;
+}
+function getLayoutDefaultContent(type) {
+    const entry = layoutRegistry.get(type);
+    return entry ? entry.defaultContent() : null;
+}
+// ============================================
+// Re-export des layouts individuels
+// ============================================
+// Les layouts seront importés et enregistrés automatiquement
+// quand on les importe depuis ce fichier
+__exportStar(require("./OgilvyLayout"), exports);
+__exportStar(require("./RichTextLayout"), exports);
+// export * from './HeroLayout'        // À créer plus tard
+// export * from './TwoColumnsLayout'  // À créer plus tard
+// etc.
+// ============================================
+// Initialisation des layouts par défaut
+// ============================================
+// Cette fonction sera appelée pour s'assurer que tous les layouts sont enregistrés
+function initializeLayouts() {
+    // Import dynamique pour éviter les problèmes de circular dependencies
+    // Les layouts s'enregistrent eux-mêmes lors de l'import
+    require('./OgilvyLayout');
+    require('./RichTextLayout');
+}

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Re-export all types
+ */
+export * from './page';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,QAAQ,CAAA"}

package/dist/types/index.js

@@ -0,0 +1,20 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Re-export all types
+ */
+__exportStar(require("./page"), exports);

package/dist/types/page.d.ts

@@ -0,0 +1,151 @@
+/**
+ * Types pour le système de Pages et Sections
+ * Extension de qwanyx-ai-editor
+ */
+export type PageFormat = 'web' | 'print' | 'video';
+export interface PrintSize {
+    width: number;
+    height: number;
+    unit: 'mm' | 'in';
+    name?: string;
+}
+export interface VideoSize {
+    width: number;
+    height: number;
+    name: string;
+}
+export declare const PRINT_PRESETS: Record<string, PrintSize>;
+export declare const VIDEO_PRESETS: Record<string, VideoSize>;
+export type AnimationType = 'none' | 'fade' | 'slide-left' | 'slide-right' | 'slide-up' | 'slide-down' | 'zoom-in' | 'zoom-out';
+export interface SectionAnimation {
+    entrance: AnimationType;
+    exit?: AnimationType;
+    duration: number;
+    delay?: number;
+}
+export interface DropCapConfig {
+    enabled: boolean;
+    type: 'letter' | 'icon';
+    fontSize?: number;
+    fontFamily?: string;
+    color?: string;
+    lineHeight?: number;
+    iconUrl?: string;
+    iconSize?: number;
+}
+export declare const DEFAULT_DROP_CAP: DropCapConfig;
+export interface ImageData {
+    src: string;
+    altText?: string;
+    title?: string;
+    photographer?: string;
+    copyright?: string;
+    comment?: string;
+}
+export type LayoutType = 'ogilvy' | 'hero' | 'two-columns' | 'three-columns' | 'text-only' | 'image-only' | 'gallery' | 'quote' | 'custom';
+export interface Section<T = unknown> {
+    id: string;
+    layoutType: LayoutType;
+    content: T;
+    animation?: SectionAnimation;
+    className?: string;
+    backgroundColor?: string;
+    padding?: string;
+}
+export interface OgilvyContent {
+    image: ImageData;
+    legend: string;
+    legendAsterisk: boolean;
+    title: string;
+    subtitle: string;
+    bodyText: string;
+    columns: 2 | 3;
+    columnLines?: number;
+    dropCap: DropCapConfig;
+    footnote?: string;
+}
+export interface HeroContent {
+    image: ImageData;
+    title: string;
+    subtitle?: string;
+    ctaText?: string;
+    ctaUrl?: string;
+    overlayColor?: string;
+    overlayOpacity?: number;
+    textPosition: 'center' | 'left' | 'right' | 'bottom-left' | 'bottom-right';
+}
+export interface TwoColumnsContent {
+    leftContent: string;
+    rightContent: string;
+    leftWidth: number;
+    gap?: number;
+}
+export interface ThreeColumnsContent {
+    columns: [string, string, string];
+    gap?: number;
+}
+export interface TextOnlyContent {
+    text: string;
+    maxWidth?: string;
+    alignment?: 'left' | 'center' | 'right';
+}
+export interface ImageOnlyContent {
+    image: ImageData;
+    caption?: string;
+    maxWidth?: string;
+    alignment?: 'left' | 'center' | 'right';
+}
+export interface QuoteContent {
+    quote: string;
+    author?: string;
+    source?: string;
+    style: 'simple' | 'large' | 'with-image';
+    authorImage?: ImageData;
+}
+export interface GalleryContent {
+    images: ImageData[];
+    columns: 2 | 3 | 4;
+    gap?: number;
+    style: 'grid' | 'masonry';
+}
+export interface PageDocument {
+    id: string;
+    title?: string;
+    format: PageFormat;
+    printSize?: PrintSize;
+    videoSize?: VideoSize;
+    sections: Section[];
+    createdAt?: string;
+    updatedAt?: string;
+    defaultFontFamily?: string;
+    defaultFontSize?: number;
+    backgroundColor?: string;
+}
+export interface LayoutDefinition<T = unknown> {
+    type: LayoutType;
+    name: string;
+    description: string;
+    icon?: string;
+    defaultContent: T;
+}
+export interface PageEditorProps {
+    initialDocument?: PageDocument;
+    onChange?: (document: PageDocument) => void;
+    className?: string;
+}
+export interface PageViewerProps {
+    document: PageDocument;
+    className?: string;
+}
+export interface SectionProps<T = unknown> {
+    section: Section<T>;
+    isEditing: boolean;
+    onUpdate: (content: T) => void;
+    onDelete?: () => void;
+    onMoveUp?: () => void;
+    onMoveDown?: () => void;
+}
+export declare function generateId(): string;
+export declare function createSection<T>(layoutType: LayoutType, content: T, animation?: SectionAnimation): Section<T>;
+export declare function createEmptyPage(format?: PageFormat): PageDocument;
+//# sourceMappingURL=page.d.ts.map

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

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