@qwanyx/ai-editor 1.4.5 → 1.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ImageMetadataDialog.d.ts +18 -0
- package/dist/components/ImageMetadataDialog.d.ts.map +1 -0
- package/dist/components/ImageMetadataDialog.js +182 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -2
- package/dist/layouts/GalleryLayout.d.ts.map +1 -1
- package/dist/layouts/GalleryLayout.js +34 -78
- package/dist/types/page.d.ts +4 -1
- package/dist/types/page.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface ImageMetadata {
|
|
2
|
+
src: string;
|
|
3
|
+
alt?: string;
|
|
4
|
+
title?: string;
|
|
5
|
+
photographer?: string;
|
|
6
|
+
copyright?: string;
|
|
7
|
+
comment?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface ImageMetadataDialogProps {
|
|
10
|
+
isOpen: boolean;
|
|
11
|
+
onClose: () => void;
|
|
12
|
+
onSave: (metadata: ImageMetadata) => void;
|
|
13
|
+
initialData?: Partial<ImageMetadata>;
|
|
14
|
+
title?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function ImageMetadataDialog({ isOpen, onClose, onSave, initialData, title, }: ImageMetadataDialogProps): import("react/jsx-runtime").JSX.Element | null;
|
|
17
|
+
export default ImageMetadataDialog;
|
|
18
|
+
//# sourceMappingURL=ImageMetadataDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageMetadataDialog.d.ts","sourceRoot":"","sources":["../../src/components/ImageMetadataDialog.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAmID,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,MAAM,EACN,WAAW,EACX,KAAgC,GACjC,EAAE,wBAAwB,kDAkM1B;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.ImageMetadataDialog = ImageMetadataDialog;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
// ============================================
|
|
8
|
+
// Styles
|
|
9
|
+
// ============================================
|
|
10
|
+
const styles = {
|
|
11
|
+
overlay: {
|
|
12
|
+
position: 'fixed',
|
|
13
|
+
top: 0,
|
|
14
|
+
left: 0,
|
|
15
|
+
right: 0,
|
|
16
|
+
bottom: 0,
|
|
17
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
18
|
+
display: 'flex',
|
|
19
|
+
alignItems: 'center',
|
|
20
|
+
justifyContent: 'center',
|
|
21
|
+
zIndex: 100000,
|
|
22
|
+
},
|
|
23
|
+
dialog: {
|
|
24
|
+
backgroundColor: 'white',
|
|
25
|
+
borderRadius: '12px',
|
|
26
|
+
boxShadow: '0 25px 50px rgba(0,0,0,0.25)',
|
|
27
|
+
width: '480px',
|
|
28
|
+
maxWidth: '90vw',
|
|
29
|
+
maxHeight: '90vh',
|
|
30
|
+
display: 'flex',
|
|
31
|
+
flexDirection: 'column',
|
|
32
|
+
overflow: 'hidden',
|
|
33
|
+
},
|
|
34
|
+
header: {
|
|
35
|
+
padding: '20px 24px 16px 24px',
|
|
36
|
+
borderBottom: '1px solid #e5e7eb',
|
|
37
|
+
},
|
|
38
|
+
headerTitle: {
|
|
39
|
+
margin: 0,
|
|
40
|
+
fontSize: '18px',
|
|
41
|
+
fontWeight: 600,
|
|
42
|
+
color: '#111827',
|
|
43
|
+
},
|
|
44
|
+
content: {
|
|
45
|
+
padding: '20px 24px',
|
|
46
|
+
overflowY: 'auto',
|
|
47
|
+
flex: 1,
|
|
48
|
+
},
|
|
49
|
+
field: {
|
|
50
|
+
marginBottom: '16px',
|
|
51
|
+
},
|
|
52
|
+
label: {
|
|
53
|
+
display: 'flex',
|
|
54
|
+
alignItems: 'center',
|
|
55
|
+
gap: '8px',
|
|
56
|
+
marginBottom: '6px',
|
|
57
|
+
fontSize: '14px',
|
|
58
|
+
fontWeight: 500,
|
|
59
|
+
color: '#374151',
|
|
60
|
+
},
|
|
61
|
+
labelIcon: {
|
|
62
|
+
fontSize: '18px',
|
|
63
|
+
color: '#6b7280',
|
|
64
|
+
},
|
|
65
|
+
input: {
|
|
66
|
+
width: '100%',
|
|
67
|
+
padding: '10px 12px',
|
|
68
|
+
border: '1px solid #d1d5db',
|
|
69
|
+
borderRadius: '8px',
|
|
70
|
+
fontSize: '14px',
|
|
71
|
+
boxSizing: 'border-box',
|
|
72
|
+
outline: 'none',
|
|
73
|
+
},
|
|
74
|
+
textarea: {
|
|
75
|
+
width: '100%',
|
|
76
|
+
padding: '10px 12px',
|
|
77
|
+
border: '1px solid #d1d5db',
|
|
78
|
+
borderRadius: '8px',
|
|
79
|
+
fontSize: '14px',
|
|
80
|
+
resize: 'vertical',
|
|
81
|
+
boxSizing: 'border-box',
|
|
82
|
+
outline: 'none',
|
|
83
|
+
fontFamily: 'inherit',
|
|
84
|
+
},
|
|
85
|
+
preview: {
|
|
86
|
+
maxWidth: '100%',
|
|
87
|
+
maxHeight: '150px',
|
|
88
|
+
marginBottom: '16px',
|
|
89
|
+
display: 'block',
|
|
90
|
+
borderRadius: '8px',
|
|
91
|
+
objectFit: 'contain',
|
|
92
|
+
},
|
|
93
|
+
separator: {
|
|
94
|
+
border: 'none',
|
|
95
|
+
borderTop: '1px solid #e5e7eb',
|
|
96
|
+
margin: '20px 0',
|
|
97
|
+
},
|
|
98
|
+
footer: {
|
|
99
|
+
padding: '16px 24px',
|
|
100
|
+
borderTop: '1px solid #e5e7eb',
|
|
101
|
+
display: 'flex',
|
|
102
|
+
gap: '12px',
|
|
103
|
+
justifyContent: 'flex-end',
|
|
104
|
+
},
|
|
105
|
+
cancelButton: {
|
|
106
|
+
padding: '10px 20px',
|
|
107
|
+
border: '1px solid #d1d5db',
|
|
108
|
+
backgroundColor: 'white',
|
|
109
|
+
borderRadius: '8px',
|
|
110
|
+
fontSize: '14px',
|
|
111
|
+
fontWeight: 500,
|
|
112
|
+
cursor: 'pointer',
|
|
113
|
+
color: '#374151',
|
|
114
|
+
},
|
|
115
|
+
saveButton: {
|
|
116
|
+
padding: '10px 20px',
|
|
117
|
+
border: 'none',
|
|
118
|
+
backgroundColor: '#3b82f6',
|
|
119
|
+
color: 'white',
|
|
120
|
+
borderRadius: '8px',
|
|
121
|
+
fontSize: '14px',
|
|
122
|
+
fontWeight: 500,
|
|
123
|
+
cursor: 'pointer',
|
|
124
|
+
},
|
|
125
|
+
saveButtonDisabled: {
|
|
126
|
+
backgroundColor: '#9ca3af',
|
|
127
|
+
cursor: 'not-allowed',
|
|
128
|
+
},
|
|
129
|
+
};
|
|
130
|
+
// ============================================
|
|
131
|
+
// Component
|
|
132
|
+
// ============================================
|
|
133
|
+
function ImageMetadataDialog({ isOpen, onClose, onSave, initialData, title = 'Propriétés de l\'image', }) {
|
|
134
|
+
const [src, setSrc] = (0, react_1.useState)(initialData?.src || '');
|
|
135
|
+
const [alt, setAlt] = (0, react_1.useState)(initialData?.alt || '');
|
|
136
|
+
const [imageTitle, setImageTitle] = (0, react_1.useState)(initialData?.title || '');
|
|
137
|
+
const [photographer, setPhotographer] = (0, react_1.useState)(initialData?.photographer || '');
|
|
138
|
+
const [copyright, setCopyright] = (0, react_1.useState)(initialData?.copyright || '');
|
|
139
|
+
const [comment, setComment] = (0, react_1.useState)(initialData?.comment || '');
|
|
140
|
+
const [previewError, setPreviewError] = (0, react_1.useState)(false);
|
|
141
|
+
// Reset form when initialData changes
|
|
142
|
+
(0, react_1.useEffect)(() => {
|
|
143
|
+
if (isOpen) {
|
|
144
|
+
setSrc(initialData?.src || '');
|
|
145
|
+
setAlt(initialData?.alt || '');
|
|
146
|
+
setImageTitle(initialData?.title || '');
|
|
147
|
+
setPhotographer(initialData?.photographer || '');
|
|
148
|
+
setCopyright(initialData?.copyright || '');
|
|
149
|
+
setComment(initialData?.comment || '');
|
|
150
|
+
setPreviewError(false);
|
|
151
|
+
}
|
|
152
|
+
}, [isOpen, initialData]);
|
|
153
|
+
const handleSave = () => {
|
|
154
|
+
if (src.trim()) {
|
|
155
|
+
onSave({
|
|
156
|
+
src: src.trim(),
|
|
157
|
+
alt: alt.trim() || undefined,
|
|
158
|
+
title: imageTitle.trim() || undefined,
|
|
159
|
+
photographer: photographer.trim() || undefined,
|
|
160
|
+
copyright: copyright.trim() || undefined,
|
|
161
|
+
comment: comment.trim() || undefined,
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
};
|
|
165
|
+
const handleInputFocus = (e) => {
|
|
166
|
+
e.target.style.borderColor = '#3b82f6';
|
|
167
|
+
};
|
|
168
|
+
const handleInputBlur = (e) => {
|
|
169
|
+
e.target.style.borderColor = '#d1d5db';
|
|
170
|
+
};
|
|
171
|
+
if (!isOpen)
|
|
172
|
+
return null;
|
|
173
|
+
const canSave = src.trim().length > 0;
|
|
174
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: styles.overlay, onClick: onClose, children: (0, jsx_runtime_1.jsxs)("div", { style: styles.dialog, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("div", { style: styles.header, children: (0, jsx_runtime_1.jsx)("h3", { style: styles.headerTitle, children: title }) }), (0, jsx_runtime_1.jsxs)("div", { style: styles.content, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "link" }), "URL de l'image *"] }), (0, jsx_runtime_1.jsx)("input", { type: "url", value: src, onChange: (e) => {
|
|
175
|
+
setSrc(e.target.value);
|
|
176
|
+
setPreviewError(false);
|
|
177
|
+
}, placeholder: "https://example.com/image.jpg", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur })] }), src && !previewError && ((0, jsx_runtime_1.jsx)("img", { src: src, alt: "Preview", style: styles.preview, onError: () => setPreviewError(true) })), (0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "title" }), "Titre"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: imageTitle, onChange: (e) => setImageTitle(e.target.value), placeholder: "Titre de l'image", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "description" }), "Texte alternatif"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: alt, onChange: (e) => setAlt(e.target.value), placeholder: "Description de l'image", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur })] }), (0, jsx_runtime_1.jsx)("hr", { style: styles.separator }), (0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "photo_camera" }), "Photographe"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: photographer, onChange: (e) => setPhotographer(e.target.value), placeholder: "Nom du photographe", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.field, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "copyright" }), "Copyright"] }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: copyright, onChange: (e) => setCopyright(e.target.value), placeholder: "Ex: \u00A9 2024 Nom", style: styles.input, onFocus: handleInputFocus, onBlur: handleInputBlur })] }), (0, jsx_runtime_1.jsxs)("div", { style: { ...styles.field, marginBottom: 0 }, children: [(0, jsx_runtime_1.jsxs)("label", { style: styles.label, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: styles.labelIcon, children: "chat" }), "Commentaire / L\u00E9gende"] }), (0, jsx_runtime_1.jsx)("textarea", { value: comment, onChange: (e) => setComment(e.target.value), placeholder: "L\u00E9gende ou commentaire affich\u00E9 sous l'image", rows: 3, style: styles.textarea, onFocus: handleInputFocus, onBlur: handleInputBlur })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.footer, children: [(0, jsx_runtime_1.jsx)("button", { onClick: onClose, style: styles.cancelButton, children: "Annuler" }), (0, jsx_runtime_1.jsx)("button", { onClick: handleSave, disabled: !canSave, style: {
|
|
178
|
+
...styles.saveButton,
|
|
179
|
+
...(canSave ? {} : styles.saveButtonDisabled),
|
|
180
|
+
}, children: "Enregistrer" })] })] }) }));
|
|
181
|
+
}
|
|
182
|
+
exports.default = ImageMetadataDialog;
|
package/dist/index.d.ts
CHANGED
|
@@ -22,6 +22,8 @@ export type { PageViewerProps } from './components/PageViewer';
|
|
|
22
22
|
export { SectionComponent } from './components/Section';
|
|
23
23
|
export { SmartEditor, SmartViewer } from './components/SmartEditor';
|
|
24
24
|
export type { SmartEditorProps, SmartViewerProps } from './components/SmartEditor';
|
|
25
|
+
export { ImageMetadataDialog } from './components/ImageMetadataDialog';
|
|
26
|
+
export type { ImageMetadata, ImageMetadataDialogProps } from './components/ImageMetadataDialog';
|
|
25
27
|
export { registerLayout, getLayout, getAllLayouts, getLayoutsByCategory, getLayoutComponent, getLayoutDefaultContent, initializeLayouts, } from './layouts';
|
|
26
28
|
export type { LayoutComponentProps, LayoutRegistryEntry } from './layouts';
|
|
27
29
|
export { OgilvyLayout, createDefaultOgilvyContent } from './layouts/OgilvyLayout';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.AIEditor = exports.createEmptyPage = exports.createSection = exports.generateId = exports.DEFAULT_DROP_CAP = exports.VIDEO_PRESETS = exports.PRINT_PRESETS = exports.prepareForSave = void 0;
|
|
3
|
+
exports.ensurePageDocument = exports.pageDocumentToLexical = exports.lexicalToPageDocument = exports.isLexicalState = exports.isPageDocument = exports.detectFormat = exports.createDefaultGalleryContent = exports.GalleryLayout = exports.createDefaultRichTextContent = exports.RichTextLayout = exports.createDefaultOgilvyContent = exports.OgilvyLayout = exports.initializeLayouts = exports.getLayoutDefaultContent = exports.getLayoutComponent = exports.getLayoutsByCategory = exports.getAllLayouts = exports.getLayout = exports.registerLayout = exports.ImageMetadataDialog = 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;
|
|
4
|
+
exports.AIEditor = exports.createEmptyPage = exports.createSection = exports.generateId = exports.DEFAULT_DROP_CAP = exports.VIDEO_PRESETS = exports.PRINT_PRESETS = exports.prepareForSave = exports.isSimpleDocument = void 0;
|
|
5
5
|
// Main WYSIWYG editor component
|
|
6
6
|
var RichTextEditor_1 = require("./components/RichTextEditor");
|
|
7
7
|
Object.defineProperty(exports, "RichTextEditor", { enumerable: true, get: function () { return RichTextEditor_1.RichTextEditor; } });
|
|
@@ -58,6 +58,9 @@ Object.defineProperty(exports, "SectionComponent", { enumerable: true, get: func
|
|
|
58
58
|
var SmartEditor_1 = require("./components/SmartEditor");
|
|
59
59
|
Object.defineProperty(exports, "SmartEditor", { enumerable: true, get: function () { return SmartEditor_1.SmartEditor; } });
|
|
60
60
|
Object.defineProperty(exports, "SmartViewer", { enumerable: true, get: function () { return SmartEditor_1.SmartViewer; } });
|
|
61
|
+
// Reusable dialogs
|
|
62
|
+
var ImageMetadataDialog_1 = require("./components/ImageMetadataDialog");
|
|
63
|
+
Object.defineProperty(exports, "ImageMetadataDialog", { enumerable: true, get: function () { return ImageMetadataDialog_1.ImageMetadataDialog; } });
|
|
61
64
|
// Layouts
|
|
62
65
|
var layouts_1 = require("./layouts");
|
|
63
66
|
Object.defineProperty(exports, "registerLayout", { enumerable: true, get: function () { return layouts_1.registerLayout; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalleryLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/GalleryLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAgB,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAkB,oBAAoB,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"GalleryLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/GalleryLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAgB,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAkB,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAoG9D,wBAAgB,2BAA2B,IAAI,cAAc,CAU5D;AA0HD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,eAAe,GAChB,EAAE,oBAAoB,CAAC,cAAc,CAAC,2CAkMtC"}
|
|
@@ -6,6 +6,7 @@ exports.GalleryLayout = GalleryLayout;
|
|
|
6
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const index_1 = require("./index");
|
|
9
|
+
const ImageMetadataDialog_1 = require("../components/ImageMetadataDialog");
|
|
9
10
|
// ============================================
|
|
10
11
|
// Styles
|
|
11
12
|
// ============================================
|
|
@@ -50,6 +51,17 @@ const styles = {
|
|
|
50
51
|
padding: '2px 0',
|
|
51
52
|
lineHeight: 1.3,
|
|
52
53
|
},
|
|
54
|
+
captionTitle: {
|
|
55
|
+
fontWeight: 600,
|
|
56
|
+
display: 'block',
|
|
57
|
+
},
|
|
58
|
+
captionMeta: {
|
|
59
|
+
display: 'flex',
|
|
60
|
+
alignItems: 'center',
|
|
61
|
+
gap: '3px',
|
|
62
|
+
fontSize: '0.65rem',
|
|
63
|
+
opacity: 0.8,
|
|
64
|
+
},
|
|
53
65
|
// Edit mode
|
|
54
66
|
addButton: {
|
|
55
67
|
display: 'flex',
|
|
@@ -119,77 +131,15 @@ function getAlignmentStyle(alignment) {
|
|
|
119
131
|
}
|
|
120
132
|
function ImageItem({ image, index, isEditing, showCaption, captionAlign, imageHeight, onDelete, onEdit, containerStyle, }) {
|
|
121
133
|
const [isHovered, setIsHovered] = (0, react_1.useState)(false);
|
|
122
|
-
|
|
134
|
+
// Build caption content from metadata
|
|
135
|
+
const hasCaption = showCaption && (image.title || image.comment || image.photographer || image.copyright);
|
|
136
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: { ...styles.imageWrapper, ...containerStyle }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [(0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt || '', title: image.comment || image.title || undefined, style: {
|
|
123
137
|
...styles.gridImage,
|
|
124
138
|
height: `${imageHeight}px`,
|
|
125
|
-
} }),
|
|
139
|
+
} }), hasCaption && ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
126
140
|
...styles.caption,
|
|
127
141
|
textAlign: captionAlign,
|
|
128
|
-
}, children: image.
|
|
129
|
-
}
|
|
130
|
-
function AddImageDialog({ onAdd, onClose, editImage }) {
|
|
131
|
-
const [url, setUrl] = (0, react_1.useState)(editImage?.src || '');
|
|
132
|
-
const [alt, setAlt] = (0, react_1.useState)(editImage?.alt || '');
|
|
133
|
-
const [caption, setCaption] = (0, react_1.useState)(editImage?.caption || '');
|
|
134
|
-
const handleSubmit = () => {
|
|
135
|
-
if (url.trim()) {
|
|
136
|
-
onAdd({ src: url.trim(), alt: alt.trim(), caption: caption.trim() });
|
|
137
|
-
}
|
|
138
|
-
};
|
|
139
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
140
|
-
position: 'fixed',
|
|
141
|
-
top: 0,
|
|
142
|
-
left: 0,
|
|
143
|
-
right: 0,
|
|
144
|
-
bottom: 0,
|
|
145
|
-
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
146
|
-
display: 'flex',
|
|
147
|
-
alignItems: 'center',
|
|
148
|
-
justifyContent: 'center',
|
|
149
|
-
zIndex: 1000,
|
|
150
|
-
}, onClick: onClose, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
151
|
-
backgroundColor: 'white',
|
|
152
|
-
padding: '1.5rem',
|
|
153
|
-
borderRadius: '8px',
|
|
154
|
-
minWidth: '400px',
|
|
155
|
-
maxWidth: '90%',
|
|
156
|
-
}, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)("h3", { style: { margin: '0 0 1rem 0' }, children: editImage ? 'Modifier l\'image' : 'Ajouter une image' }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '1rem' }, children: [(0, jsx_runtime_1.jsx)("label", { style: { display: 'block', marginBottom: '0.25rem', fontSize: '0.875rem' }, children: "URL de l'image *" }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: url, onChange: (e) => setUrl(e.target.value), placeholder: "https://...", style: {
|
|
157
|
-
width: '100%',
|
|
158
|
-
padding: '0.5rem',
|
|
159
|
-
border: '1px solid #ccc',
|
|
160
|
-
borderRadius: '4px',
|
|
161
|
-
} })] }), url && ((0, jsx_runtime_1.jsx)("img", { src: url, alt: "Preview", style: {
|
|
162
|
-
maxWidth: '100%',
|
|
163
|
-
maxHeight: '150px',
|
|
164
|
-
marginBottom: '1rem',
|
|
165
|
-
display: 'block',
|
|
166
|
-
borderRadius: '4px',
|
|
167
|
-
}, onError: (e) => {
|
|
168
|
-
e.target.style.display = 'none';
|
|
169
|
-
} })), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '1rem' }, children: [(0, jsx_runtime_1.jsx)("label", { style: { display: 'block', marginBottom: '0.25rem', fontSize: '0.875rem' }, children: "Texte alternatif" }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: alt, onChange: (e) => setAlt(e.target.value), placeholder: "Description de l'image", style: {
|
|
170
|
-
width: '100%',
|
|
171
|
-
padding: '0.5rem',
|
|
172
|
-
border: '1px solid #ccc',
|
|
173
|
-
borderRadius: '4px',
|
|
174
|
-
} })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '1rem' }, children: [(0, jsx_runtime_1.jsx)("label", { style: { display: 'block', marginBottom: '0.25rem', fontSize: '0.875rem' }, children: "L\u00E9gende" }), (0, jsx_runtime_1.jsx)("input", { type: "text", value: caption, onChange: (e) => setCaption(e.target.value), placeholder: "L\u00E9gende affich\u00E9e sous l'image", style: {
|
|
175
|
-
width: '100%',
|
|
176
|
-
padding: '0.5rem',
|
|
177
|
-
border: '1px solid #ccc',
|
|
178
|
-
borderRadius: '4px',
|
|
179
|
-
} })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '0.5rem', justifyContent: 'flex-end' }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: onClose, style: {
|
|
180
|
-
padding: '0.5rem 1rem',
|
|
181
|
-
border: '1px solid #ccc',
|
|
182
|
-
borderRadius: '4px',
|
|
183
|
-
backgroundColor: 'white',
|
|
184
|
-
cursor: 'pointer',
|
|
185
|
-
}, children: "Annuler" }), (0, jsx_runtime_1.jsx)("button", { onClick: handleSubmit, disabled: !url.trim(), style: {
|
|
186
|
-
padding: '0.5rem 1rem',
|
|
187
|
-
border: 'none',
|
|
188
|
-
borderRadius: '4px',
|
|
189
|
-
backgroundColor: url.trim() ? '#007bff' : '#ccc',
|
|
190
|
-
color: 'white',
|
|
191
|
-
cursor: url.trim() ? 'pointer' : 'not-allowed',
|
|
192
|
-
}, children: editImage ? 'Modifier' : 'Ajouter' })] })] }) }));
|
|
142
|
+
}, children: [image.title && (0, jsx_runtime_1.jsx)("span", { style: styles.captionTitle, children: image.title }), image.comment && (0, jsx_runtime_1.jsx)("span", { style: { display: 'block' }, children: image.comment }), (image.photographer || image.copyright) && ((0, jsx_runtime_1.jsxs)("div", { style: { ...styles.captionMeta, justifyContent: captionAlign === 'right' ? 'flex-end' : 'flex-start' }, children: [image.copyright && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'flex', alignItems: 'center', gap: '2px' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '10px' }, children: "copyright" }), image.copyright] })), image.photographer && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'flex', alignItems: 'center', gap: '2px', marginLeft: image.copyright ? '8px' : 0 }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '10px' }, children: "photo_camera" }), image.photographer] }))] }))] })), isEditing && ((0, jsx_runtime_1.jsxs)("div", { style: { ...styles.editOverlay, opacity: isHovered ? 1 : 0 }, children: [(0, jsx_runtime_1.jsx)("button", { style: styles.editButton, onClick: () => onEdit(index), title: "Modifier", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px' }, children: "edit" }) }), (0, jsx_runtime_1.jsx)("button", { style: styles.editButton, onClick: () => onDelete(index), title: "Supprimer", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '18px' }, children: "delete" }) })] }))] }));
|
|
193
143
|
}
|
|
194
144
|
// ============================================
|
|
195
145
|
// Main Layout Component
|
|
@@ -201,17 +151,25 @@ function GalleryLayout({ section, isEditing, onContentChange, }) {
|
|
|
201
151
|
const gap = content.gap || 8;
|
|
202
152
|
const imageHeight = content.imageHeight || 200;
|
|
203
153
|
const captionAlign = content.captionAlign || 'left';
|
|
204
|
-
const
|
|
154
|
+
const handleSaveImage = (0, react_1.useCallback)((metadata) => {
|
|
155
|
+
const galleryImage = {
|
|
156
|
+
src: metadata.src,
|
|
157
|
+
alt: metadata.alt,
|
|
158
|
+
title: metadata.title,
|
|
159
|
+
photographer: metadata.photographer,
|
|
160
|
+
copyright: metadata.copyright,
|
|
161
|
+
comment: metadata.comment,
|
|
162
|
+
};
|
|
205
163
|
if (editingIndex !== null) {
|
|
206
164
|
// Editing existing image
|
|
207
165
|
const newImages = [...content.images];
|
|
208
|
-
newImages[editingIndex] =
|
|
166
|
+
newImages[editingIndex] = galleryImage;
|
|
209
167
|
onContentChange({ ...content, images: newImages });
|
|
210
168
|
setEditingIndex(null);
|
|
211
169
|
}
|
|
212
170
|
else {
|
|
213
171
|
// Adding new image
|
|
214
|
-
onContentChange({ ...content, images: [...content.images,
|
|
172
|
+
onContentChange({ ...content, images: [...content.images, galleryImage] });
|
|
215
173
|
}
|
|
216
174
|
setShowAddDialog(false);
|
|
217
175
|
}, [content, onContentChange, editingIndex]);
|
|
@@ -237,10 +195,10 @@ function GalleryLayout({ section, isEditing, onContentChange, }) {
|
|
|
237
195
|
}, children: content.images.map((image, index) => ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
238
196
|
...styles.masonryItem,
|
|
239
197
|
marginBottom: `${gap}px`,
|
|
240
|
-
}, children: (0, jsx_runtime_1.jsxs)("div", { style: styles.imageWrapper, onMouseEnter: () => { }, onMouseLeave: () => { }, children: [(0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt || '', style: styles.masonryImage }), content.showCaptions && image.
|
|
198
|
+
}, children: (0, jsx_runtime_1.jsxs)("div", { style: styles.imageWrapper, onMouseEnter: () => { }, onMouseLeave: () => { }, children: [(0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt || '', title: image.comment || image.title || undefined, style: styles.masonryImage }), content.showCaptions && (image.title || image.comment || image.photographer || image.copyright) && ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
241
199
|
...styles.caption,
|
|
242
200
|
textAlign: captionAlign,
|
|
243
|
-
}, children: image.
|
|
201
|
+
}, children: [image.title && (0, jsx_runtime_1.jsx)("span", { style: styles.captionTitle, children: image.title }), image.comment && (0, jsx_runtime_1.jsx)("span", { style: { display: 'block' }, children: image.comment }), (image.photographer || image.copyright) && ((0, jsx_runtime_1.jsxs)("div", { style: { ...styles.captionMeta, justifyContent: captionAlign === 'right' ? 'flex-end' : 'flex-start' }, children: [image.copyright && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'flex', alignItems: 'center', gap: '2px' }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '10px' }, children: "copyright" }), image.copyright] })), image.photographer && ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'flex', alignItems: 'center', gap: '2px', marginLeft: image.copyright ? '8px' : 0 }, children: [(0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '10px' }, children: "photo_camera" }), image.photographer] }))] }))] })), isEditing && ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
244
202
|
position: 'absolute',
|
|
245
203
|
top: '4px',
|
|
246
204
|
right: '4px',
|
|
@@ -249,19 +207,17 @@ function GalleryLayout({ section, isEditing, onContentChange, }) {
|
|
|
249
207
|
}, children: [(0, jsx_runtime_1.jsx)("button", { style: {
|
|
250
208
|
...styles.editButton,
|
|
251
209
|
padding: '0.25rem',
|
|
252
|
-
|
|
253
|
-
}, onClick: () => handleEditImage(index), title: "Modifier", children: "\u270F\uFE0F" }), (0, jsx_runtime_1.jsx)("button", { style: {
|
|
210
|
+
}, onClick: () => handleEditImage(index), title: "Modifier", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '16px' }, children: "edit" }) }), (0, jsx_runtime_1.jsx)("button", { style: {
|
|
254
211
|
...styles.editButton,
|
|
255
212
|
padding: '0.25rem',
|
|
256
|
-
|
|
257
|
-
}, onClick: () => handleDeleteImage(index), title: "Supprimer", children: "\uD83D\uDDD1\uFE0F" })] }))] }) }, index))) }));
|
|
213
|
+
}, onClick: () => handleDeleteImage(index), title: "Supprimer", children: (0, jsx_runtime_1.jsx)("span", { className: "material-icons", style: { fontSize: '16px' }, children: "delete" }) })] }))] }) }, index))) }));
|
|
258
214
|
return ((0, jsx_runtime_1.jsxs)("div", { style: styles.container, children: [content.images.length === 0 && !isEditing ? ((0, jsx_runtime_1.jsx)("div", { style: { textAlign: 'center', padding: '2rem', color: '#999' }, children: "Aucune image" })) : (content.layout === 'masonry' ? renderMasonry() : renderGrid()), isEditing && ((0, jsx_runtime_1.jsx)("div", { style: styles.addButton, onClick: () => {
|
|
259
215
|
setEditingIndex(null);
|
|
260
216
|
setShowAddDialog(true);
|
|
261
|
-
}, children: "+ Ajouter une image" })),
|
|
217
|
+
}, children: "+ Ajouter une image" })), (0, jsx_runtime_1.jsx)(ImageMetadataDialog_1.ImageMetadataDialog, { isOpen: showAddDialog, onClose: () => {
|
|
262
218
|
setShowAddDialog(false);
|
|
263
219
|
setEditingIndex(null);
|
|
264
|
-
},
|
|
220
|
+
}, onSave: handleSaveImage, initialData: editingIndex !== null ? content.images[editingIndex] : undefined, title: editingIndex !== null ? "Modifier l'image" : "Ajouter une image" })] }));
|
|
265
221
|
}
|
|
266
222
|
// ============================================
|
|
267
223
|
// Register Layout
|
package/dist/types/page.d.ts
CHANGED
|
@@ -76,7 +76,10 @@ export interface GalleryContent {
|
|
|
76
76
|
export interface GalleryImage {
|
|
77
77
|
src: string;
|
|
78
78
|
alt?: string;
|
|
79
|
-
|
|
79
|
+
title?: string;
|
|
80
|
+
photographer?: string;
|
|
81
|
+
copyright?: string;
|
|
82
|
+
comment?: string;
|
|
80
83
|
}
|
|
81
84
|
export interface HeroContent {
|
|
82
85
|
image: ImageData;
|
package/dist/types/page.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/types/page.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/types/page.ts"],"names":[],"mappings":"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"}
|