use-vibes 0.11.0 → 0.12.0-dev-preview
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/README.md +3 -58
- package/index.d.ts +1 -20
- package/index.js +1 -20
- package/index.js.map +1 -1
- package/package.json +5 -27
- package/tsconfig.json +4 -0
- package/components/ControlsBar.d.ts +0 -20
- package/components/ControlsBar.js +0 -80
- package/components/ControlsBar.js.map +0 -1
- package/components/ImgGen.css +0 -675
- package/components/ImgGen.d.ts +0 -25
- package/components/ImgGen.js +0 -257
- package/components/ImgGen.js.map +0 -1
- package/components/ImgGenUtils/ImgGenDisplay.d.ts +0 -3
- package/components/ImgGenUtils/ImgGenDisplay.js +0 -192
- package/components/ImgGenUtils/ImgGenDisplay.js.map +0 -1
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.d.ts +0 -3
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js +0 -107
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js.map +0 -1
- package/components/ImgGenUtils/ImgGenDisplayUtils.d.ts +0 -27
- package/components/ImgGenUtils/ImgGenDisplayUtils.js +0 -95
- package/components/ImgGenUtils/ImgGenDisplayUtils.js.map +0 -1
- package/components/ImgGenUtils/ImgGenError.d.ts +0 -3
- package/components/ImgGenUtils/ImgGenError.js +0 -6
- package/components/ImgGenUtils/ImgGenError.js.map +0 -1
- package/components/ImgGenUtils/ImgGenFileDrop.d.ts +0 -12
- package/components/ImgGenUtils/ImgGenFileDrop.js +0 -50
- package/components/ImgGenUtils/ImgGenFileDrop.js.map +0 -1
- package/components/ImgGenUtils/ImgGenModal.d.ts +0 -24
- package/components/ImgGenUtils/ImgGenModal.js +0 -28
- package/components/ImgGenUtils/ImgGenModal.js.map +0 -1
- package/components/ImgGenUtils/ImgGenModeUtils.d.ts +0 -9
- package/components/ImgGenUtils/ImgGenModeUtils.js +0 -48
- package/components/ImgGenUtils/ImgGenModeUtils.js.map +0 -1
- package/components/ImgGenUtils/ImgGenPromptWaiting.d.ts +0 -12
- package/components/ImgGenUtils/ImgGenPromptWaiting.js +0 -37
- package/components/ImgGenUtils/ImgGenPromptWaiting.js.map +0 -1
- package/components/ImgGenUtils/ImgGenUploadWaiting.d.ts +0 -17
- package/components/ImgGenUtils/ImgGenUploadWaiting.js +0 -132
- package/components/ImgGenUtils/ImgGenUploadWaiting.js.map +0 -1
- package/components/ImgGenUtils/index.d.ts +0 -6
- package/components/ImgGenUtils/index.js +0 -7
- package/components/ImgGenUtils/index.js.map +0 -1
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.d.ts +0 -9
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js +0 -30
- package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map +0 -1
- package/components/ImgGenUtils/overlays/ImageOverlay.d.ts +0 -22
- package/components/ImgGenUtils/overlays/ImageOverlay.js +0 -8
- package/components/ImgGenUtils/overlays/ImageOverlay.js.map +0 -1
- package/components/ImgGenUtils/types.d.ts +0 -29
- package/components/ImgGenUtils/types.js +0 -2
- package/components/ImgGenUtils/types.js.map +0 -1
- package/components/ImgGenUtils.d.ts +0 -2
- package/components/ImgGenUtils.js +0 -3
- package/components/ImgGenUtils.js.map +0 -1
- package/components/PromptBar.d.ts +0 -11
- package/components/PromptBar.js +0 -16
- package/components/PromptBar.js.map +0 -1
- package/hooks/image-gen/image-generator.d.ts +0 -11
- package/hooks/image-gen/image-generator.js +0 -136
- package/hooks/image-gen/image-generator.js.map +0 -1
- package/hooks/image-gen/index.d.ts +0 -7
- package/hooks/image-gen/index.js +0 -6
- package/hooks/image-gen/index.js.map +0 -1
- package/hooks/image-gen/types.d.ts +0 -66
- package/hooks/image-gen/types.js +0 -2
- package/hooks/image-gen/types.js.map +0 -1
- package/hooks/image-gen/use-image-gen.d.ts +0 -4
- package/hooks/image-gen/use-image-gen.js +0 -544
- package/hooks/image-gen/use-image-gen.js.map +0 -1
- package/hooks/image-gen/utils.d.ts +0 -20
- package/hooks/image-gen/utils.js +0 -159
- package/hooks/image-gen/utils.js.map +0 -1
- package/hooks/use-image-gen.d.ts +0 -1
- package/hooks/use-image-gen.js +0 -2
- package/hooks/use-image-gen.js.map +0 -1
- package/style-loader.d.ts +0 -1
- package/style-loader.js +0 -23
- package/style-loader.js.map +0 -1
- package/utils/base64.d.ts +0 -1
- package/utils/base64.js +0 -13
- package/utils/base64.js.map +0 -1
- package/utils/debug.d.ts +0 -2
- package/utils/debug.js +0 -8
- package/utils/debug.js.map +0 -1
- package/utils/style-utils.d.ts +0 -17
- package/utils/style-utils.js +0 -15
- package/utils/style-utils.js.map +0 -1
package/components/ImgGen.js
DELETED
|
@@ -1,257 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { v4 as uuid } from 'uuid';
|
|
3
|
-
import { useImageGen as defaultUseImageGen } from '../hooks/image-gen/use-image-gen.js';
|
|
4
|
-
import { useFireproof } from 'use-fireproof';
|
|
5
|
-
import { ImgGenPromptWaiting, ImgGenDisplayPlaceholder, ImgGenDisplay, ImgGenError, } from './ImgGenUtils.js';
|
|
6
|
-
import { ImgGenUploadWaiting } from './ImgGenUtils/ImgGenUploadWaiting.js';
|
|
7
|
-
import { getImgGenMode } from './ImgGenUtils/ImgGenModeUtils.js';
|
|
8
|
-
import { defaultClasses } from '../utils/style-utils.js';
|
|
9
|
-
import { logDebug } from '../utils/debug.js';
|
|
10
|
-
import './ImgGen.css';
|
|
11
|
-
function ImgGenCore(props) {
|
|
12
|
-
const { prompt, _id, className, alt, images, options, database, onComplete, onError, onDelete, onPromptEdit, onDocumentCreated, classes = defaultClasses, debug, useImageGen, } = props;
|
|
13
|
-
const { database: db } = useFireproof(database || 'ImgGen');
|
|
14
|
-
const [generationId, setGenerationId] = React.useState(undefined);
|
|
15
|
-
const [currentEditedPrompt, setCurrentEditedPrompt] = React.useState(undefined);
|
|
16
|
-
const [imageGenDocument, setImageGenDocument] = React.useState(null);
|
|
17
|
-
const mergedOptions = React.useMemo(() => (images ? { ...options, images } : options), [options, images]);
|
|
18
|
-
const effectivePrompt = currentEditedPrompt || prompt || '';
|
|
19
|
-
const shouldSkipGeneration = !effectivePrompt && !_id;
|
|
20
|
-
const { imageData, loading, error, progress, document } = (useImageGen || defaultUseImageGen)({
|
|
21
|
-
prompt: effectivePrompt,
|
|
22
|
-
_id: _id,
|
|
23
|
-
options: {
|
|
24
|
-
...mergedOptions,
|
|
25
|
-
...(imageGenDocument ? { document: imageGenDocument } : {}),
|
|
26
|
-
},
|
|
27
|
-
database,
|
|
28
|
-
generationId,
|
|
29
|
-
skip: shouldSkipGeneration,
|
|
30
|
-
});
|
|
31
|
-
const mode = React.useMemo(() => {
|
|
32
|
-
return getImgGenMode({
|
|
33
|
-
document,
|
|
34
|
-
prompt: effectivePrompt, // Use effectivePrompt instead of just props.prompt
|
|
35
|
-
loading,
|
|
36
|
-
error: error || undefined,
|
|
37
|
-
debug,
|
|
38
|
-
});
|
|
39
|
-
}, [document, effectivePrompt, loading, error, debug]);
|
|
40
|
-
if (debug) {
|
|
41
|
-
logDebug('[ImgGenCore] Current mode:', mode, {
|
|
42
|
-
document: !!document,
|
|
43
|
-
documentId: document?._id,
|
|
44
|
-
prompt: !!prompt,
|
|
45
|
-
loading,
|
|
46
|
-
error: !!error,
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
React.useEffect(() => {
|
|
50
|
-
if (onComplete && imageData && !loading && !error) {
|
|
51
|
-
onComplete();
|
|
52
|
-
}
|
|
53
|
-
}, [onComplete, imageData, loading, error]);
|
|
54
|
-
React.useEffect(() => {
|
|
55
|
-
if (onError && error) {
|
|
56
|
-
onError(error);
|
|
57
|
-
}
|
|
58
|
-
}, [onError, error]);
|
|
59
|
-
const handleRegen = React.useCallback(() => {
|
|
60
|
-
if (document?._id || _id || prompt) {
|
|
61
|
-
const newGenId = crypto.randomUUID();
|
|
62
|
-
setGenerationId(newGenId);
|
|
63
|
-
}
|
|
64
|
-
}, [document, _id, prompt]);
|
|
65
|
-
const handlePromptEdit = React.useCallback(async (id, newPrompt) => {
|
|
66
|
-
setCurrentEditedPrompt(newPrompt);
|
|
67
|
-
try {
|
|
68
|
-
const doc = await db.get(id);
|
|
69
|
-
if (!doc) {
|
|
70
|
-
logDebug('Document not found:', id);
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
const updatedDoc = { ...doc };
|
|
74
|
-
if (updatedDoc.prompts) {
|
|
75
|
-
const promptKey = `p${Date.now()}`;
|
|
76
|
-
updatedDoc.prompts = {
|
|
77
|
-
...updatedDoc.prompts,
|
|
78
|
-
[promptKey]: { text: newPrompt },
|
|
79
|
-
};
|
|
80
|
-
updatedDoc.currentPromptKey = promptKey;
|
|
81
|
-
}
|
|
82
|
-
else {
|
|
83
|
-
updatedDoc.prompt = newPrompt;
|
|
84
|
-
}
|
|
85
|
-
await db.put(updatedDoc);
|
|
86
|
-
if (onPromptEdit) {
|
|
87
|
-
onPromptEdit(id, newPrompt);
|
|
88
|
-
}
|
|
89
|
-
const refreshedDoc = await db.get(id);
|
|
90
|
-
if (refreshedDoc) {
|
|
91
|
-
setImageGenDocument(refreshedDoc);
|
|
92
|
-
if (debug) {
|
|
93
|
-
logDebug('[ImgGen] Setting document for image generation:', refreshedDoc._id, 'with files:', Object.keys(refreshedDoc._files || {}).filter((key) => key.startsWith('in')));
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
handleRegen();
|
|
97
|
-
}
|
|
98
|
-
catch (error) {
|
|
99
|
-
logDebug('Error updating prompt:', error);
|
|
100
|
-
}
|
|
101
|
-
}, [db, handleRegen, onPromptEdit]);
|
|
102
|
-
const handleDelete = React.useCallback(async (id) => {
|
|
103
|
-
logDebug('[ImgGen] Attempting to delete document:', id);
|
|
104
|
-
try {
|
|
105
|
-
const result = await db.del(id);
|
|
106
|
-
if (debug) {
|
|
107
|
-
logDebug('[ImgGen] Document deletion result:', result);
|
|
108
|
-
}
|
|
109
|
-
if (onDelete) {
|
|
110
|
-
if (debug) {
|
|
111
|
-
logDebug('[ImgGen] Calling onDelete callback with id:', id);
|
|
112
|
-
}
|
|
113
|
-
onDelete(id);
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
catch (error) {
|
|
117
|
-
logDebug('Error deleting document:', error);
|
|
118
|
-
}
|
|
119
|
-
}, [db, onDelete, debug]);
|
|
120
|
-
const handleDocCreated = React.useCallback((docId) => {
|
|
121
|
-
if (debug) {
|
|
122
|
-
logDebug('[ImgGenCore] Document created:', docId);
|
|
123
|
-
}
|
|
124
|
-
if (onDocumentCreated) {
|
|
125
|
-
onDocumentCreated(docId);
|
|
126
|
-
}
|
|
127
|
-
}, [onDocumentCreated, debug]);
|
|
128
|
-
function renderContent() {
|
|
129
|
-
if (debug) {
|
|
130
|
-
logDebug('[ImgGen Debug] Render state:', {
|
|
131
|
-
mode,
|
|
132
|
-
document: document?._id,
|
|
133
|
-
loading,
|
|
134
|
-
error: error?.message,
|
|
135
|
-
currentEditedPrompt: currentEditedPrompt || null,
|
|
136
|
-
imageData: !!imageData,
|
|
137
|
-
});
|
|
138
|
-
}
|
|
139
|
-
switch (mode) {
|
|
140
|
-
case 'placeholder': {
|
|
141
|
-
return (React.createElement(ImgGenUploadWaiting, { className: className, classes: classes, debug: debug, database: database, onDocumentCreated: handleDocCreated, onPromptSubmit: (newPrompt) => {
|
|
142
|
-
if (debug) {
|
|
143
|
-
logDebug('[ImgGenCore] Prompt submitted from initial view:', newPrompt);
|
|
144
|
-
}
|
|
145
|
-
setCurrentEditedPrompt(newPrompt);
|
|
146
|
-
setGenerationId(uuid());
|
|
147
|
-
} }));
|
|
148
|
-
}
|
|
149
|
-
case 'uploadWaiting': {
|
|
150
|
-
if (!document || !document._id) {
|
|
151
|
-
return React.createElement(ImgGenPromptWaiting, { className: className, classes: classes });
|
|
152
|
-
}
|
|
153
|
-
if (loading) {
|
|
154
|
-
const displayPrompt = currentEditedPrompt || prompt;
|
|
155
|
-
return (React.createElement(ImgGenDisplayPlaceholder, { prompt: displayPrompt || '', loading: loading, progress: progress, error: error, className: className, classes: classes }));
|
|
156
|
-
}
|
|
157
|
-
return (React.createElement(React.Fragment, null, React.createElement(ImgGenUploadWaiting, { document: document, className: className, classes: classes, debug: debug, database: database, onFilesAdded: () => {
|
|
158
|
-
if (debug) {
|
|
159
|
-
logDebug('[ImgGenCore] Files added to existing document:', document._id);
|
|
160
|
-
}
|
|
161
|
-
}, onPromptSubmit: (newPrompt, docId) => {
|
|
162
|
-
const targetDocId = docId || (document && document._id);
|
|
163
|
-
if (debug) {
|
|
164
|
-
logDebug('[ImgGenCore] Prompt submitted for existing uploads:', newPrompt);
|
|
165
|
-
logDebug('[ImgGenCore] Using document ID:', targetDocId);
|
|
166
|
-
}
|
|
167
|
-
if (targetDocId) {
|
|
168
|
-
handlePromptEdit(targetDocId, newPrompt);
|
|
169
|
-
}
|
|
170
|
-
} })));
|
|
171
|
-
}
|
|
172
|
-
case 'generating': {
|
|
173
|
-
let displayPrompt = currentEditedPrompt || prompt;
|
|
174
|
-
if (!displayPrompt &&
|
|
175
|
-
document &&
|
|
176
|
-
'prompt' in document &&
|
|
177
|
-
typeof document.prompt === 'string') {
|
|
178
|
-
displayPrompt = document.prompt;
|
|
179
|
-
}
|
|
180
|
-
if (debug) {
|
|
181
|
-
logDebug('[ImgGen Debug] Generating state prompt sources:', {
|
|
182
|
-
currentEditedPrompt: currentEditedPrompt || null,
|
|
183
|
-
propPrompt: prompt || null,
|
|
184
|
-
documentPrompt: document?.prompt || null,
|
|
185
|
-
finalDisplayPrompt: displayPrompt || null,
|
|
186
|
-
});
|
|
187
|
-
}
|
|
188
|
-
return (React.createElement(ImgGenDisplayPlaceholder, { prompt: displayPrompt || '', loading: loading, progress: progress, error: error, className: className, classes: classes }));
|
|
189
|
-
}
|
|
190
|
-
case 'display': {
|
|
191
|
-
if (!document || !document._id) {
|
|
192
|
-
return React.createElement(ImgGenError, { message: "Missing document" });
|
|
193
|
-
}
|
|
194
|
-
return (React.createElement(React.Fragment, null, React.createElement(ImgGenDisplay, { document: document, loading: loading, progress: progress, onPromptEdit: handlePromptEdit, onDelete: handleDelete, onRegen: handleRegen, alt: alt || '', className: className, classes: classes, debug: debug, error: error })));
|
|
195
|
-
}
|
|
196
|
-
case 'error': {
|
|
197
|
-
return (React.createElement(ImgGenError, { message: error ? error.message : 'Unknown error', className: className }));
|
|
198
|
-
}
|
|
199
|
-
default: {
|
|
200
|
-
return React.createElement(ImgGenError, { message: "Unknown state" });
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
return renderContent();
|
|
205
|
-
}
|
|
206
|
-
export function ImgGen(props) {
|
|
207
|
-
const { _id, prompt, debug, onDocumentCreated } = props;
|
|
208
|
-
const [mountKey, setMountKey] = React.useState(() => uuid());
|
|
209
|
-
const [uploadedDocId, setUploadedDocId] = React.useState(undefined);
|
|
210
|
-
const handleDocCreated = React.useCallback((docId) => {
|
|
211
|
-
if (debug)
|
|
212
|
-
logDebug('[ImgGen] Document created:', docId);
|
|
213
|
-
setUploadedDocId(docId);
|
|
214
|
-
if (onDocumentCreated) {
|
|
215
|
-
if (debug)
|
|
216
|
-
logDebug('[ImgGen] Calling onDocumentCreated callback');
|
|
217
|
-
onDocumentCreated(docId);
|
|
218
|
-
}
|
|
219
|
-
}, [debug, onDocumentCreated]);
|
|
220
|
-
const prevIdRef = React.useRef(_id);
|
|
221
|
-
const prevPromptRef = React.useRef(prompt);
|
|
222
|
-
const prevUploadedDocIdRef = React.useRef(uploadedDocId);
|
|
223
|
-
React.useEffect(() => {
|
|
224
|
-
const idChanged = _id !== prevIdRef.current;
|
|
225
|
-
const promptChanged = prompt && prompt !== prevPromptRef.current;
|
|
226
|
-
const uploadedDocIdChanged = uploadedDocId !== prevUploadedDocIdRef.current;
|
|
227
|
-
if (idChanged || (!_id && promptChanged) || uploadedDocIdChanged) {
|
|
228
|
-
if (debug) {
|
|
229
|
-
logDebug('[ImgGen] Identity change detected, generating new mountKey:', {
|
|
230
|
-
idChanged,
|
|
231
|
-
_id,
|
|
232
|
-
prevId: prevIdRef.current,
|
|
233
|
-
promptChanged: !_id && promptChanged,
|
|
234
|
-
prompt,
|
|
235
|
-
prevPrompt: prevPromptRef.current,
|
|
236
|
-
uploadedDocIdChanged,
|
|
237
|
-
uploadedDocId,
|
|
238
|
-
prevUploadedDocId: prevUploadedDocIdRef.current,
|
|
239
|
-
});
|
|
240
|
-
}
|
|
241
|
-
setMountKey(uuid());
|
|
242
|
-
}
|
|
243
|
-
prevIdRef.current = _id;
|
|
244
|
-
prevPromptRef.current = prompt;
|
|
245
|
-
prevUploadedDocIdRef.current = uploadedDocId;
|
|
246
|
-
}, [_id, prompt, uploadedDocId, debug]);
|
|
247
|
-
const coreProps = {
|
|
248
|
-
...props,
|
|
249
|
-
onDocumentCreated: handleDocCreated,
|
|
250
|
-
};
|
|
251
|
-
if (uploadedDocId && !_id) {
|
|
252
|
-
coreProps._id = uploadedDocId;
|
|
253
|
-
}
|
|
254
|
-
return React.createElement(ImgGenCore, { ...coreProps, key: mountKey });
|
|
255
|
-
}
|
|
256
|
-
export default ImgGen;
|
|
257
|
-
//# sourceMappingURL=ImgGen.js.map
|
package/components/ImgGen.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImgGen.js","sourceRoot":"","sources":["../../jsr/components/ImgGen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ImgGenDisplayProps } from './types.js';
|
|
3
|
-
export declare function ImgGenDisplay({ document, className, alt, onDelete, onRegen, onPromptEdit, classes, loading, progress, error, debug }: Partial<ImgGenDisplayProps>): React.JSX.Element;
|
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ImgFile } from 'use-fireproof';
|
|
3
|
-
import { ImgGenError } from './ImgGenError.js';
|
|
4
|
-
import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
|
|
5
|
-
import { getCurrentFileKey, getPromptInfo, getVersionInfo } from './ImgGenDisplayUtils.js';
|
|
6
|
-
import { ImgGenModal } from './ImgGenModal.js';
|
|
7
|
-
import { logDebug } from '../../utils/debug.js';
|
|
8
|
-
export function ImgGenDisplay({ document, className, alt, onDelete, onRegen, onPromptEdit, classes = defaultClasses, loading, progress, error, debug, }) {
|
|
9
|
-
const [editedPrompt, setEditedPrompt] = React.useState(null);
|
|
10
|
-
const [generatingPrompt, setGeneratingPrompt] = React.useState(null);
|
|
11
|
-
const [isFullscreen, setIsFullscreen] = React.useState(false);
|
|
12
|
-
const openFullscreen = () => setIsFullscreen(true);
|
|
13
|
-
const closeFullscreen = () => setIsFullscreen(false);
|
|
14
|
-
const { versions, currentVersion } = getVersionInfo(document);
|
|
15
|
-
const initialVersionIndex = React.useMemo(() => {
|
|
16
|
-
return typeof currentVersion === 'number'
|
|
17
|
-
? currentVersion
|
|
18
|
-
: versions?.length
|
|
19
|
-
? versions.length - 1
|
|
20
|
-
: 0;
|
|
21
|
-
}, [currentVersion, versions]);
|
|
22
|
-
const prevVersionsCountRef = React.useRef(versions.length);
|
|
23
|
-
React.useEffect(() => {
|
|
24
|
-
if (versions.length > prevVersionsCountRef.current) {
|
|
25
|
-
setVersionFlash(true);
|
|
26
|
-
const timer = setTimeout(() => {
|
|
27
|
-
setVersionFlash(false);
|
|
28
|
-
}, 2000);
|
|
29
|
-
return () => clearTimeout(timer);
|
|
30
|
-
}
|
|
31
|
-
prevVersionsCountRef.current = versions.length;
|
|
32
|
-
}, [versions.length]);
|
|
33
|
-
const [userSelectedIndex, setUserSelectedIndex] = React.useState(null);
|
|
34
|
-
const [versionFlash, setVersionFlash] = React.useState(false);
|
|
35
|
-
const [pendingRegeneration, setPendingRegeneration] = React.useState(false);
|
|
36
|
-
const pendingRegenerationRef = React.useRef(false);
|
|
37
|
-
const versionIndex = userSelectedIndex !== null ? userSelectedIndex : initialVersionIndex;
|
|
38
|
-
const setVersionIndex = React.useCallback((index) => {
|
|
39
|
-
setUserSelectedIndex(index);
|
|
40
|
-
}, []);
|
|
41
|
-
const fileKey = getCurrentFileKey(document, versionIndex, versions);
|
|
42
|
-
const totalVersions = versions ? versions.length : 0;
|
|
43
|
-
function handlePrevVersion() {
|
|
44
|
-
if (versionIndex > 0) {
|
|
45
|
-
setVersionIndex(versionIndex - 1);
|
|
46
|
-
setEditedPrompt(null);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
function handleNextVersion() {
|
|
50
|
-
if (versionIndex < totalVersions - 1) {
|
|
51
|
-
setVersionIndex(versionIndex + 1);
|
|
52
|
-
setEditedPrompt(null);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
const currentFile = fileKey && document?._files
|
|
56
|
-
? document._files[fileKey]
|
|
57
|
-
: document?._files?.image;
|
|
58
|
-
const promptInfo = getPromptInfo(document, versionIndex);
|
|
59
|
-
const promptText = promptInfo.currentPrompt || alt || 'Generated image';
|
|
60
|
-
function handleDeleteConfirm() {
|
|
61
|
-
if (debug) {
|
|
62
|
-
logDebug('[ImgGenDisplay] handleDeleteConfirm called, document ID:', document?._id);
|
|
63
|
-
}
|
|
64
|
-
if (onDelete && document && document._id) {
|
|
65
|
-
if (debug) {
|
|
66
|
-
logDebug('[ImgGenDisplay] Calling onDelete with ID:', document._id);
|
|
67
|
-
}
|
|
68
|
-
onDelete(document._id);
|
|
69
|
-
}
|
|
70
|
-
else {
|
|
71
|
-
console.error('[ImgGenDisplay] Cannot delete - missing onDelete handler or document ID');
|
|
72
|
-
if (debug) {
|
|
73
|
-
logDebug('[ImgGenDisplay] Delete details:', {
|
|
74
|
-
hasOnDelete: !!onDelete,
|
|
75
|
-
documentId: document?._id,
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
function handleRegen() {
|
|
81
|
-
setPendingRegeneration(true);
|
|
82
|
-
pendingRegenerationRef.current = true;
|
|
83
|
-
if (document) {
|
|
84
|
-
if (editedPrompt !== null) {
|
|
85
|
-
const newPrompt = editedPrompt.trim();
|
|
86
|
-
if (newPrompt) {
|
|
87
|
-
onPromptEdit?.(document._id, newPrompt);
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
onRegen?.(document._id);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
else {
|
|
94
|
-
onRegen?.(document._id);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
setUserSelectedIndex(null);
|
|
98
|
-
let promptToGenerate = '';
|
|
99
|
-
if (editedPrompt !== null) {
|
|
100
|
-
promptToGenerate = editedPrompt.trim();
|
|
101
|
-
}
|
|
102
|
-
else {
|
|
103
|
-
const { currentPrompt } = getPromptInfo(document, versionIndex);
|
|
104
|
-
promptToGenerate = currentPrompt;
|
|
105
|
-
}
|
|
106
|
-
setGeneratingPrompt(promptToGenerate);
|
|
107
|
-
setEditedPrompt(null);
|
|
108
|
-
}
|
|
109
|
-
function handlePromptEdit(newPrompt) {
|
|
110
|
-
const { currentPrompt } = getPromptInfo(document, versionIndex);
|
|
111
|
-
const trimmedPrompt = newPrompt.trim();
|
|
112
|
-
if (trimmedPrompt && trimmedPrompt !== currentPrompt) {
|
|
113
|
-
setEditedPrompt(trimmedPrompt);
|
|
114
|
-
handleRegen();
|
|
115
|
-
}
|
|
116
|
-
else {
|
|
117
|
-
setEditedPrompt(null);
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
const documentLoading = document.loading ?? false;
|
|
121
|
-
React.useEffect(() => {
|
|
122
|
-
if (!documentLoading && pendingRegenerationRef.current) {
|
|
123
|
-
pendingRegenerationRef.current = false;
|
|
124
|
-
setPendingRegeneration(false);
|
|
125
|
-
setTimeout(() => {
|
|
126
|
-
setGeneratingPrompt(null);
|
|
127
|
-
}, 500);
|
|
128
|
-
}
|
|
129
|
-
}, [documentLoading]);
|
|
130
|
-
const documentIdRef = React.useRef(document?._id);
|
|
131
|
-
const versionsLengthRef = React.useRef(versions?.length || 0);
|
|
132
|
-
React.useEffect(() => {
|
|
133
|
-
if (versions?.length > versionsLengthRef.current) {
|
|
134
|
-
pendingRegenerationRef.current = false;
|
|
135
|
-
setPendingRegeneration(false);
|
|
136
|
-
}
|
|
137
|
-
versionsLengthRef.current = versions?.length || 0;
|
|
138
|
-
documentIdRef.current = document?._id;
|
|
139
|
-
}, [document?._id, versions?.length]);
|
|
140
|
-
const effectiveProgress = loading ? progress || 0 : 100;
|
|
141
|
-
const isRegenerating = pendingRegeneration || documentLoading === true || loading === true;
|
|
142
|
-
if (debug) {
|
|
143
|
-
logDebug('[ImgGenDisplay Debug] Render state:', {
|
|
144
|
-
documentId: document?._id,
|
|
145
|
-
hasFiles: !!document?._files,
|
|
146
|
-
fileKey,
|
|
147
|
-
versions,
|
|
148
|
-
versionIndex,
|
|
149
|
-
hasDefaultImage: !!document?._files?.image,
|
|
150
|
-
isRegenerating,
|
|
151
|
-
loading,
|
|
152
|
-
error: error?.message,
|
|
153
|
-
totalVersions,
|
|
154
|
-
promptText,
|
|
155
|
-
});
|
|
156
|
-
}
|
|
157
|
-
if (!document?._files || (!fileKey && !document._files.image)) {
|
|
158
|
-
if (debug) {
|
|
159
|
-
logDebug('[ImgGenDisplay Debug] Missing image file - showing error', {
|
|
160
|
-
hasFiles: !!document?._files,
|
|
161
|
-
fileKey,
|
|
162
|
-
defaultImageExists: !!document?._files?.image,
|
|
163
|
-
loading,
|
|
164
|
-
});
|
|
165
|
-
}
|
|
166
|
-
return React.createElement(ImgGenError, { message: "Missing image file" });
|
|
167
|
-
}
|
|
168
|
-
const displayPrompt = editedPrompt !== null
|
|
169
|
-
? editedPrompt
|
|
170
|
-
: pendingRegeneration && generatingPrompt !== null
|
|
171
|
-
? generatingPrompt
|
|
172
|
-
: promptText;
|
|
173
|
-
return (React.createElement("div", { className: combineClasses('imggen-root', className, classes.root), title: displayPrompt }, React.createElement("div", { className: "imggen-image-container", style: { position: 'relative', width: '100%' } }, React.createElement("button", { className: "imggen-expand-button", onClick: (e) => {
|
|
174
|
-
e.stopPropagation();
|
|
175
|
-
openFullscreen();
|
|
176
|
-
}, title: "Expand image", "aria-label": "Expand image" }, React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, React.createElement("polyline", { points: "15,5 20,5 20,10" }), React.createElement("polyline", { points: "9,19 4,19 4,14" }), React.createElement("line", { x1: "20", y1: "5", x2: "14", y2: "11" }), React.createElement("line", { x1: "4", y1: "19", x2: "10", y2: "13" }))), React.createElement(ImgFile, { file: currentFile, className: combineClasses('imggen-image', classes.image), alt: alt || 'Generated image', style: { width: '100%' } }), isRegenerating && (React.createElement("div", { className: "imggen-progress-container", style: {
|
|
177
|
-
position: 'absolute',
|
|
178
|
-
top: 0,
|
|
179
|
-
left: 0,
|
|
180
|
-
width: '100%',
|
|
181
|
-
height: '6px',
|
|
182
|
-
overflow: 'hidden',
|
|
183
|
-
backgroundColor: 'rgba(0, 0, 0, 0.1)',
|
|
184
|
-
zIndex: 10,
|
|
185
|
-
} }, React.createElement("div", { className: combineClasses('imggen-progress', classes.progress), style: {
|
|
186
|
-
width: `${effectiveProgress}%`,
|
|
187
|
-
height: '100%',
|
|
188
|
-
backgroundColor: 'var(--imggen-accent-color, #0074d9)',
|
|
189
|
-
transition: 'width 0.5s ease-out',
|
|
190
|
-
}, "aria-hidden": "true" })))), React.createElement(ImgGenModal, { isOpen: isFullscreen, onClose: closeFullscreen, currentFile: currentFile, alt: alt, promptText: displayPrompt, editedPrompt: editedPrompt, setEditedPrompt: setEditedPrompt, handlePromptEdit: handlePromptEdit, handleDeleteConfirm: handleDeleteConfirm, handlePrevVersion: handlePrevVersion, handleNextVersion: handleNextVersion, handleRegen: handleRegen, versionIndex: versionIndex, totalVersions: totalVersions, progress: effectiveProgress, classes: classes, versionFlash: versionFlash, isRegenerating: isRegenerating, error: error })));
|
|
191
|
-
}
|
|
192
|
-
//# sourceMappingURL=ImgGenDisplay.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImgGenDisplay.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
|
|
3
|
-
import { ImageOverlay } from './overlays/ImageOverlay.js';
|
|
4
|
-
export function ImgGenDisplayPlaceholder({ className, alt, prompt, progress, error, classes = defaultClasses, }) {
|
|
5
|
-
const [visibleProgress, setVisibleProgress] = React.useState(0);
|
|
6
|
-
React.useEffect(() => {
|
|
7
|
-
if (progress === 0) {
|
|
8
|
-
setVisibleProgress(0);
|
|
9
|
-
}
|
|
10
|
-
const timer = setTimeout(() => {
|
|
11
|
-
setVisibleProgress(Math.max(5, progress));
|
|
12
|
-
}, 20);
|
|
13
|
-
return () => clearTimeout(timer);
|
|
14
|
-
}, [progress]);
|
|
15
|
-
const parseErrorInfo = (error) => {
|
|
16
|
-
const errorMsg = error.message;
|
|
17
|
-
let title = 'Image Generation Failed';
|
|
18
|
-
let body = errorMsg;
|
|
19
|
-
let code = '';
|
|
20
|
-
if (errorMsg.includes('{')) {
|
|
21
|
-
try {
|
|
22
|
-
const jsonStart = errorMsg.indexOf('{');
|
|
23
|
-
const jsonStr = errorMsg.substring(jsonStart);
|
|
24
|
-
const jsonObj = JSON.parse(jsonStr);
|
|
25
|
-
if (errorMsg.match(/\d{3}/)) {
|
|
26
|
-
code = errorMsg.match(/\d{3}/)?.[0] || '';
|
|
27
|
-
}
|
|
28
|
-
if (jsonObj.details?.error?.code === 'moderation_blocked' ||
|
|
29
|
-
jsonObj.code === 'moderation_blocked') {
|
|
30
|
-
title = code ? `${code} - Failed to generate image` : 'Failed to generate image';
|
|
31
|
-
body =
|
|
32
|
-
'Your request was rejected as a result of our safety system. Your request may contain content that is not allowed by our safety system.';
|
|
33
|
-
return { title, body, code };
|
|
34
|
-
}
|
|
35
|
-
if (jsonObj.error) {
|
|
36
|
-
title = jsonObj.error;
|
|
37
|
-
}
|
|
38
|
-
if (jsonObj.details?.error?.message) {
|
|
39
|
-
body = jsonObj.details.error.message;
|
|
40
|
-
}
|
|
41
|
-
else if (jsonObj.error?.details?.error?.message) {
|
|
42
|
-
body = jsonObj.error.details.error.message;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
catch {
|
|
46
|
-
/* */
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
return { title, body, code };
|
|
50
|
-
};
|
|
51
|
-
if (error) {
|
|
52
|
-
return (React.createElement("div", { className: combineClasses('imggen-placeholder', 'imggen-error-container', className, classes.placeholder), style: {
|
|
53
|
-
backgroundColor: '#222', // Dark gray background
|
|
54
|
-
width: '100%',
|
|
55
|
-
height: '100%',
|
|
56
|
-
minHeight: '512px', // Standard image height
|
|
57
|
-
aspectRatio: '1 / 1',
|
|
58
|
-
}, "aria-label": alt || 'Error display', role: "img" }, React.createElement("div", { className: combineClasses('imggen-error', classes.error) }, (() => {
|
|
59
|
-
const { title, body } = parseErrorInfo(error);
|
|
60
|
-
return (React.createElement(React.Fragment, null, React.createElement("h3", { className: "imggen-error-title", style: { color: '#ff4d4d', margin: '0 0 0.75rem 0' } }, title), React.createElement("p", { className: "imggen-error-message", style: { color: '#e0e0e0', margin: '0' } }, body)));
|
|
61
|
-
})())));
|
|
62
|
-
}
|
|
63
|
-
return (React.createElement("div", { className: combineClasses('imggen-placeholder', className, classes.placeholder), "aria-label": alt || prompt || 'Image placeholder', role: "img", style: {
|
|
64
|
-
display: 'flex',
|
|
65
|
-
flexDirection: 'column',
|
|
66
|
-
justifyContent: 'center',
|
|
67
|
-
alignItems: 'center',
|
|
68
|
-
textAlign: 'center',
|
|
69
|
-
minHeight: '200px',
|
|
70
|
-
position: 'relative',
|
|
71
|
-
backgroundColor: '#222', // Ensure dark background
|
|
72
|
-
color: '#eee',
|
|
73
|
-
} }, prompt && (React.createElement("div", { className: "imggen-progress-container", style: {
|
|
74
|
-
position: 'absolute',
|
|
75
|
-
top: 0,
|
|
76
|
-
left: 0,
|
|
77
|
-
width: '100%',
|
|
78
|
-
height: '6px',
|
|
79
|
-
overflow: 'hidden',
|
|
80
|
-
backgroundColor: 'rgba(0, 0, 0, 0.1)',
|
|
81
|
-
zIndex: 10,
|
|
82
|
-
} }, React.createElement("div", { className: combineClasses('imggen-progress', classes.progress), style: {
|
|
83
|
-
width: `${visibleProgress}%`,
|
|
84
|
-
height: '100%',
|
|
85
|
-
backgroundColor: 'var(--imggen-accent-color, #0074d9)',
|
|
86
|
-
transition: 'width 0.5s ease-out',
|
|
87
|
-
}, "aria-hidden": "true" }))), !prompt && (React.createElement("div", { style: {
|
|
88
|
-
color: '#eee',
|
|
89
|
-
fontSize: 'var(--imggen-font-size)',
|
|
90
|
-
padding: '20px',
|
|
91
|
-
} }, "Waiting for promp")), prompt && !error && (React.createElement(React.Fragment, null, React.createElement("div", { style: {
|
|
92
|
-
color: '#eee',
|
|
93
|
-
fontSize: 'var(--imggen-font-size)',
|
|
94
|
-
padding: '20px',
|
|
95
|
-
maxWidth: '90%',
|
|
96
|
-
wordBreak: 'break-word',
|
|
97
|
-
fontWeight: 'bold',
|
|
98
|
-
textAlign: 'center',
|
|
99
|
-
} }, prompt), React.createElement("div", { style: { display: 'none' } }, React.createElement(ImageOverlay, { promptText: prompt || '', editedPrompt: null, setEditedPrompt: () => {
|
|
100
|
-
}, handlePromptEdit: () => {
|
|
101
|
-
}, handleDeleteConfirm: () => {
|
|
102
|
-
}, handlePrevVersion: () => {
|
|
103
|
-
}, handleNextVersion: () => {
|
|
104
|
-
}, handleRegen: () => {
|
|
105
|
-
}, versionIndex: 0, totalVersions: 1, classes: classes, showControls: false, showDelete: false }))))));
|
|
106
|
-
}
|
|
107
|
-
//# sourceMappingURL=ImgGenDisplayPlaceholder.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImgGenDisplayPlaceholder.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenDisplayPlaceholder.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { PartialImageDocument } from '../../hooks/image-gen/types.js';
|
|
2
|
-
export interface EnhancedVersionInfo {
|
|
3
|
-
id: string;
|
|
4
|
-
created?: number;
|
|
5
|
-
promptKey?: string;
|
|
6
|
-
prompt?: string;
|
|
7
|
-
}
|
|
8
|
-
interface VersionInfoResult {
|
|
9
|
-
versions: EnhancedVersionInfo[];
|
|
10
|
-
currentVersion: number;
|
|
11
|
-
}
|
|
12
|
-
export declare function getVersionInfo(document?: PartialImageDocument): VersionInfoResult;
|
|
13
|
-
export declare function getPromptInfo(document?: PartialImageDocument, versionIndex?: number): {
|
|
14
|
-
currentPrompt: string;
|
|
15
|
-
prompts: Record<string, import("../../hooks/image-gen/types.js").PromptEntry>;
|
|
16
|
-
currentPromptKey: string;
|
|
17
|
-
} | {
|
|
18
|
-
currentPrompt: string;
|
|
19
|
-
prompts: {
|
|
20
|
-
legacy: {
|
|
21
|
-
text: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
currentPromptKey: string;
|
|
25
|
-
};
|
|
26
|
-
export declare function getCurrentFileKey(document: PartialImageDocument | null | undefined, versionIndex: number, versions: EnhancedVersionInfo[]): string | null;
|
|
27
|
-
export {};
|