@vibes.diy/use-vibes-base 2.0.1 → 2.0.6
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 +44 -44
- package/hooks/vibes-gen/IframeVibesComponent.js +1 -1
- package/hooks/vibes-gen/IframeVibesComponent.js.map +1 -1
- package/hooks/vibes-gen/use-vibes.js +6 -12
- package/hooks/vibes-gen/use-vibes.js.map +1 -1
- package/index.d.ts +2 -13
- package/index.js +0 -10
- package/index.js.map +1 -1
- package/package.json +13 -11
- package/components/ControlsBar.d.ts +0 -20
- package/components/ControlsBar.js +0 -104
- package/components/ControlsBar.js.map +0 -1
- package/components/ImgGen.d.ts +0 -23
- package/components/ImgGen.js +0 -257
- package/components/ImgGen.js.map +0 -1
- package/components/ImgGenUtils/AsyncImg.d.ts +0 -7
- package/components/ImgGenUtils/AsyncImg.js +0 -41
- package/components/ImgGenUtils/AsyncImg.js.map +0 -1
- package/components/ImgGenUtils/ImgGenDisplay.d.ts +0 -3
- package/components/ImgGenUtils/ImgGenDisplay.js +0 -230
- package/components/ImgGenUtils/ImgGenDisplay.js.map +0 -1
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.d.ts +0 -3
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js +0 -97
- package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js.map +0 -1
- package/components/ImgGenUtils/ImgGenDisplayUtils.d.ts +0 -27
- package/components/ImgGenUtils/ImgGenDisplayUtils.js +0 -90
- package/components/ImgGenUtils/ImgGenDisplayUtils.js.map +0 -1
- package/components/ImgGenUtils/ImgGenError.d.ts +0 -3
- package/components/ImgGenUtils/ImgGenError.js +0 -9
- package/components/ImgGenUtils/ImgGenError.js.map +0 -1
- package/components/ImgGenUtils/ImgGenFileDrop.d.ts +0 -11
- package/components/ImgGenUtils/ImgGenFileDrop.js +0 -56
- package/components/ImgGenUtils/ImgGenFileDrop.js.map +0 -1
- package/components/ImgGenUtils/ImgGenModal.d.ts +0 -25
- package/components/ImgGenUtils/ImgGenModal.js +0 -67
- package/components/ImgGenUtils/ImgGenModal.js.map +0 -1
- package/components/ImgGenUtils/ImgGenModeUtils.d.ts +0 -9
- package/components/ImgGenUtils/ImgGenModeUtils.js +0 -58
- package/components/ImgGenUtils/ImgGenModeUtils.js.map +0 -1
- package/components/ImgGenUtils/ImgGenPromptWaiting.d.ts +0 -11
- package/components/ImgGenUtils/ImgGenPromptWaiting.js +0 -40
- package/components/ImgGenUtils/ImgGenPromptWaiting.js.map +0 -1
- package/components/ImgGenUtils/ImgGenUploadWaiting.d.ts +0 -16
- package/components/ImgGenUtils/ImgGenUploadWaiting.js +0 -154
- 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 -31
- 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 -11
- 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 -24
- 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 -146
- 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/use-image-gen.d.ts +0 -2
- package/hooks/image-gen/use-image-gen.js +0 -537
- package/hooks/image-gen/use-image-gen.js.map +0 -1
- package/hooks/image-gen/utils.d.ts +0 -19
- package/hooks/image-gen/utils.js +0 -150
- package/hooks/image-gen/utils.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 -4
- package/utils/style-utils.js +0 -15
- package/utils/style-utils.js.map +0 -1
- package/utils/styles.d.ts +0 -325
- package/utils/styles.js +0 -328
- package/utils/styles.js.map +0 -1
|
@@ -1,230 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { AsyncImg } from "./AsyncImg.js";
|
|
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" ? currentVersion : versions?.length ? versions.length - 1 : 0;
|
|
17
|
-
}, [currentVersion, versions]);
|
|
18
|
-
const prevVersionsCountRef = React.useRef(versions.length);
|
|
19
|
-
React.useEffect(() => {
|
|
20
|
-
if (versions.length > prevVersionsCountRef.current) {
|
|
21
|
-
setVersionFlash(true);
|
|
22
|
-
const timer = setTimeout(() => {
|
|
23
|
-
setVersionFlash(false);
|
|
24
|
-
}, 2000);
|
|
25
|
-
return () => clearTimeout(timer);
|
|
26
|
-
}
|
|
27
|
-
prevVersionsCountRef.current = versions.length;
|
|
28
|
-
}, [versions.length]);
|
|
29
|
-
const [userSelectedIndex, setUserSelectedIndex] = React.useState(null);
|
|
30
|
-
const [versionFlash, setVersionFlash] = React.useState(false);
|
|
31
|
-
const [pendingRegeneration, setPendingRegeneration] = React.useState(false);
|
|
32
|
-
const pendingRegenerationRef = React.useRef(false);
|
|
33
|
-
const versionIndex = userSelectedIndex !== null ? userSelectedIndex : initialVersionIndex;
|
|
34
|
-
const setVersionIndex = React.useCallback((index) => {
|
|
35
|
-
setUserSelectedIndex(index);
|
|
36
|
-
}, []);
|
|
37
|
-
const fileKey = getCurrentFileKey(document, versionIndex, versions);
|
|
38
|
-
const totalVersions = versions ? versions.length : 0;
|
|
39
|
-
function handlePrevVersion() {
|
|
40
|
-
if (versionIndex > 0) {
|
|
41
|
-
setVersionIndex(versionIndex - 1);
|
|
42
|
-
setEditedPrompt(null);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
function handleNextVersion() {
|
|
46
|
-
if (versionIndex < totalVersions - 1) {
|
|
47
|
-
setVersionIndex(versionIndex + 1);
|
|
48
|
-
setEditedPrompt(null);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
const currentFile = fileKey && document?._files ? document._files[fileKey] : document?._files?.image;
|
|
52
|
-
const promptInfo = getPromptInfo(document, versionIndex);
|
|
53
|
-
const promptText = promptInfo.currentPrompt || alt || "Generated image";
|
|
54
|
-
function handleDeleteConfirm() {
|
|
55
|
-
if (debug) {
|
|
56
|
-
logDebug("[ImgGenDisplay] handleDeleteConfirm called, document ID:", document?._id);
|
|
57
|
-
}
|
|
58
|
-
if (onDelete && document && document._id) {
|
|
59
|
-
if (debug) {
|
|
60
|
-
logDebug("[ImgGenDisplay] Calling onDelete with ID:", document._id);
|
|
61
|
-
}
|
|
62
|
-
onDelete(document._id);
|
|
63
|
-
}
|
|
64
|
-
else {
|
|
65
|
-
console.error("[ImgGenDisplay] Cannot delete - missing onDelete handler or document ID");
|
|
66
|
-
if (debug) {
|
|
67
|
-
logDebug("[ImgGenDisplay] Delete details:", {
|
|
68
|
-
hasOnDelete: !!onDelete,
|
|
69
|
-
documentId: document?._id,
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
function handleRegen() {
|
|
75
|
-
setPendingRegeneration(true);
|
|
76
|
-
pendingRegenerationRef.current = true;
|
|
77
|
-
if (document) {
|
|
78
|
-
if (editedPrompt !== null) {
|
|
79
|
-
const newPrompt = editedPrompt.trim();
|
|
80
|
-
if (newPrompt) {
|
|
81
|
-
onPromptEdit?.(document._id, newPrompt);
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
onRegen?.(document._id);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
else {
|
|
88
|
-
onRegen?.(document._id);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
setUserSelectedIndex(null);
|
|
92
|
-
let promptToGenerate;
|
|
93
|
-
if (editedPrompt !== null) {
|
|
94
|
-
promptToGenerate = editedPrompt.trim();
|
|
95
|
-
}
|
|
96
|
-
else {
|
|
97
|
-
const { currentPrompt } = getPromptInfo(document, versionIndex);
|
|
98
|
-
promptToGenerate = currentPrompt;
|
|
99
|
-
}
|
|
100
|
-
setGeneratingPrompt(promptToGenerate);
|
|
101
|
-
setEditedPrompt(null);
|
|
102
|
-
}
|
|
103
|
-
function handlePromptEdit(newPrompt) {
|
|
104
|
-
const { currentPrompt } = getPromptInfo(document, versionIndex);
|
|
105
|
-
const trimmedPrompt = newPrompt.trim();
|
|
106
|
-
if (trimmedPrompt && trimmedPrompt !== currentPrompt) {
|
|
107
|
-
setEditedPrompt(trimmedPrompt);
|
|
108
|
-
handleRegen();
|
|
109
|
-
}
|
|
110
|
-
else {
|
|
111
|
-
setEditedPrompt(null);
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
const documentLoading = document.loading ?? false;
|
|
115
|
-
React.useEffect(() => {
|
|
116
|
-
if (!documentLoading && pendingRegenerationRef.current) {
|
|
117
|
-
pendingRegenerationRef.current = false;
|
|
118
|
-
setPendingRegeneration(false);
|
|
119
|
-
setTimeout(() => {
|
|
120
|
-
setGeneratingPrompt(null);
|
|
121
|
-
}, 500);
|
|
122
|
-
}
|
|
123
|
-
}, [documentLoading]);
|
|
124
|
-
const documentIdRef = React.useRef(document?._id);
|
|
125
|
-
const versionsLengthRef = React.useRef(versions?.length || 0);
|
|
126
|
-
React.useEffect(() => {
|
|
127
|
-
if (versions?.length > versionsLengthRef.current) {
|
|
128
|
-
pendingRegenerationRef.current = false;
|
|
129
|
-
setPendingRegeneration(false);
|
|
130
|
-
}
|
|
131
|
-
versionsLengthRef.current = versions?.length || 0;
|
|
132
|
-
documentIdRef.current = document?._id;
|
|
133
|
-
}, [document?._id, versions?.length]);
|
|
134
|
-
const effectiveProgress = loading ? progress || 0 : 100;
|
|
135
|
-
const isRegenerating = pendingRegeneration || documentLoading === true || loading === true;
|
|
136
|
-
if (debug) {
|
|
137
|
-
logDebug("[ImgGenDisplay Debug] Render state:", {
|
|
138
|
-
documentId: document?._id,
|
|
139
|
-
hasFiles: !!document?._files,
|
|
140
|
-
fileKey,
|
|
141
|
-
versions,
|
|
142
|
-
versionIndex,
|
|
143
|
-
hasDefaultImage: !!document?._files?.image,
|
|
144
|
-
isRegenerating,
|
|
145
|
-
loading,
|
|
146
|
-
error: error?.message,
|
|
147
|
-
totalVersions,
|
|
148
|
-
promptText,
|
|
149
|
-
});
|
|
150
|
-
}
|
|
151
|
-
if (!document?._files || (!fileKey && !document._files.image)) {
|
|
152
|
-
if (debug) {
|
|
153
|
-
logDebug("[ImgGenDisplay Debug] Missing image file - showing error", {
|
|
154
|
-
hasFiles: !!document?._files,
|
|
155
|
-
fileKey,
|
|
156
|
-
defaultImageExists: !!document?._files?.image,
|
|
157
|
-
loading,
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
return React.createElement(ImgGenError, { message: "Missing image file" });
|
|
161
|
-
}
|
|
162
|
-
const displayPrompt = editedPrompt !== null ? editedPrompt : pendingRegeneration && generatingPrompt !== null ? generatingPrompt : promptText;
|
|
163
|
-
return (React.createElement("div", { className: combineClasses("imggen-root", className, classes.root), title: displayPrompt },
|
|
164
|
-
React.createElement("div", { className: "imggen-image-container", style: { position: "relative", width: "100%" }, onMouseEnter: (e) => {
|
|
165
|
-
const expandButton = e.currentTarget.querySelector("button");
|
|
166
|
-
if (expandButton && expandButton.style.opacity === "0") {
|
|
167
|
-
expandButton.style.opacity = "0.5";
|
|
168
|
-
}
|
|
169
|
-
}, onMouseLeave: (e) => {
|
|
170
|
-
const expandButton = e.currentTarget.querySelector("button");
|
|
171
|
-
if (expandButton && !expandButton.matches(":hover")) {
|
|
172
|
-
expandButton.style.opacity = "0";
|
|
173
|
-
}
|
|
174
|
-
} },
|
|
175
|
-
React.createElement("button", { onClick: (e) => {
|
|
176
|
-
e.stopPropagation();
|
|
177
|
-
openFullscreen();
|
|
178
|
-
}, title: "Expand image", "aria-label": "Expand image", style: {
|
|
179
|
-
position: "absolute",
|
|
180
|
-
top: "10px",
|
|
181
|
-
left: "10px",
|
|
182
|
-
zIndex: 20,
|
|
183
|
-
backgroundColor: "rgba(255, 255, 255, 0.7)",
|
|
184
|
-
borderRadius: "50%",
|
|
185
|
-
width: "28px",
|
|
186
|
-
height: "28px",
|
|
187
|
-
display: "flex",
|
|
188
|
-
alignItems: "center",
|
|
189
|
-
justifyContent: "center",
|
|
190
|
-
border: "none",
|
|
191
|
-
cursor: "pointer",
|
|
192
|
-
opacity: 0,
|
|
193
|
-
transition: "opacity 0.2s ease, transform 0.2s ease",
|
|
194
|
-
padding: 0,
|
|
195
|
-
color: "#333",
|
|
196
|
-
boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)",
|
|
197
|
-
}, onMouseEnter: (e) => {
|
|
198
|
-
e.currentTarget.style.opacity = "1";
|
|
199
|
-
e.currentTarget.style.transform = "scale(1.1)";
|
|
200
|
-
}, onMouseLeave: (e) => {
|
|
201
|
-
const container = e.currentTarget.closest(".imggen-image-container");
|
|
202
|
-
const isContainerHovered = container?.matches(":hover");
|
|
203
|
-
e.currentTarget.style.opacity = isContainerHovered ? "0.5" : "0";
|
|
204
|
-
e.currentTarget.style.transform = "scale(1)";
|
|
205
|
-
} },
|
|
206
|
-
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "20", height: "20", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" },
|
|
207
|
-
React.createElement("polyline", { points: "15,5 20,5 20,10" }),
|
|
208
|
-
React.createElement("polyline", { points: "9,19 4,19 4,14" }),
|
|
209
|
-
React.createElement("line", { x1: "20", y1: "5", x2: "14", y2: "11" }),
|
|
210
|
-
React.createElement("line", { x1: "4", y1: "19", x2: "10", y2: "13" }))),
|
|
211
|
-
React.createElement(AsyncImg, { file: currentFile, className: combineClasses("imggen-image", classes.image), alt: alt || "Generated image", style: { width: "100%" } }),
|
|
212
|
-
isRegenerating && (React.createElement("div", { className: "imggen-progress-container", style: {
|
|
213
|
-
position: "absolute",
|
|
214
|
-
top: 0,
|
|
215
|
-
left: 0,
|
|
216
|
-
width: "100%",
|
|
217
|
-
height: "6px",
|
|
218
|
-
overflow: "hidden",
|
|
219
|
-
backgroundColor: "rgba(0, 0, 0, 0.1)",
|
|
220
|
-
zIndex: 10,
|
|
221
|
-
} },
|
|
222
|
-
React.createElement("div", { className: combineClasses("imggen-progress", classes.progress), style: {
|
|
223
|
-
width: `${effectiveProgress}%`,
|
|
224
|
-
height: "100%",
|
|
225
|
-
backgroundColor: "var(--imggen-accent-color, #0074d9)",
|
|
226
|
-
transition: "width 0.5s ease-out",
|
|
227
|
-
}, "aria-hidden": "true" })))),
|
|
228
|
-
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 })));
|
|
229
|
-
}
|
|
230
|
-
//# 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,97 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { combineClasses, defaultClasses } from "../../utils/style-utils.js";
|
|
3
|
-
import { imgGenStyles, imgGenTheme } from "../../utils/styles.js";
|
|
4
|
-
import { ImageOverlay } from "./overlays/ImageOverlay.js";
|
|
5
|
-
export function ImgGenDisplayPlaceholder({ className, alt, prompt, progress, error, classes = defaultClasses, }) {
|
|
6
|
-
const [visibleProgress, setVisibleProgress] = React.useState(0);
|
|
7
|
-
React.useEffect(() => {
|
|
8
|
-
if (progress === 0) {
|
|
9
|
-
setVisibleProgress(0);
|
|
10
|
-
}
|
|
11
|
-
const timer = setTimeout(() => {
|
|
12
|
-
setVisibleProgress(Math.max(5, progress));
|
|
13
|
-
}, 20);
|
|
14
|
-
return () => clearTimeout(timer);
|
|
15
|
-
}, [progress]);
|
|
16
|
-
const parseErrorInfo = (error) => {
|
|
17
|
-
const errorMsg = error.message;
|
|
18
|
-
let title = "Image Generation Failed";
|
|
19
|
-
let body = errorMsg;
|
|
20
|
-
let code = "";
|
|
21
|
-
if (errorMsg.includes("{")) {
|
|
22
|
-
try {
|
|
23
|
-
const jsonStart = errorMsg.indexOf("{");
|
|
24
|
-
const jsonStr = errorMsg.substring(jsonStart);
|
|
25
|
-
const jsonObj = JSON.parse(jsonStr);
|
|
26
|
-
if (errorMsg.match(/\d{3}/)) {
|
|
27
|
-
code = errorMsg.match(/\d{3}/)?.[0] || "";
|
|
28
|
-
}
|
|
29
|
-
if (jsonObj.details?.error?.code === "moderation_blocked" || 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
|
-
return { title, body, code };
|
|
49
|
-
};
|
|
50
|
-
if (error) {
|
|
51
|
-
return (React.createElement("div", { className: combineClasses("imggen-error-container", className, classes.placeholder), style: {
|
|
52
|
-
...imgGenStyles.errorContainer,
|
|
53
|
-
minHeight: "512px",
|
|
54
|
-
}, "aria-label": alt || "Error display", role: "img" },
|
|
55
|
-
React.createElement("div", { className: combineClasses(classes.error), style: imgGenStyles.error }, (() => {
|
|
56
|
-
const { title, body } = parseErrorInfo(error);
|
|
57
|
-
return (React.createElement(React.Fragment, null,
|
|
58
|
-
React.createElement("h3", { style: imgGenStyles.errorTitle }, title),
|
|
59
|
-
React.createElement("p", { style: imgGenStyles.errorMessage }, body)));
|
|
60
|
-
})())));
|
|
61
|
-
}
|
|
62
|
-
return (React.createElement("div", { className: combineClasses(className, classes.placeholder), "aria-label": alt || prompt || "Image placeholder", role: "img", style: {
|
|
63
|
-
...imgGenStyles.placeholder,
|
|
64
|
-
flexDirection: "column",
|
|
65
|
-
textAlign: "center",
|
|
66
|
-
color: "#eee",
|
|
67
|
-
} },
|
|
68
|
-
prompt && (React.createElement("div", { style: imgGenStyles.progressContainer },
|
|
69
|
-
React.createElement("div", { className: combineClasses(classes.progress), style: {
|
|
70
|
-
...imgGenStyles.progress,
|
|
71
|
-
width: `${visibleProgress}%`,
|
|
72
|
-
}, "aria-hidden": "true" }))),
|
|
73
|
-
!prompt && (React.createElement("div", { style: {
|
|
74
|
-
...imgGenStyles.statusText,
|
|
75
|
-
color: "#eee",
|
|
76
|
-
padding: "20px",
|
|
77
|
-
} }, "Waiting for prompt")),
|
|
78
|
-
prompt && !error && (React.createElement(React.Fragment, null,
|
|
79
|
-
React.createElement("div", { style: {
|
|
80
|
-
color: "#eee",
|
|
81
|
-
fontSize: imgGenTheme.typography.fontSize,
|
|
82
|
-
padding: "20px",
|
|
83
|
-
maxWidth: "90%",
|
|
84
|
-
wordBreak: "break-word",
|
|
85
|
-
fontWeight: imgGenTheme.typography.fontWeight,
|
|
86
|
-
textAlign: "center",
|
|
87
|
-
} }, prompt),
|
|
88
|
-
React.createElement("div", { style: { display: "none" } },
|
|
89
|
-
React.createElement(ImageOverlay, { promptText: prompt || "", editedPrompt: null, setEditedPrompt: () => {
|
|
90
|
-
}, handlePromptEdit: () => {
|
|
91
|
-
}, handleDeleteConfirm: () => {
|
|
92
|
-
}, handlePrevVersion: () => {
|
|
93
|
-
}, handleNextVersion: () => {
|
|
94
|
-
}, handleRegen: () => {
|
|
95
|
-
}, versionIndex: 0, totalVersions: 1, classes: classes, showControls: false, showDelete: false }))))));
|
|
96
|
-
}
|
|
97
|
-
//# 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 type { PartialImageDocument } from "@vibes.diy/use-vibes-types";
|
|
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("@vibes.diy/use-vibes-types").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 {};
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
export function getVersionInfo(document) {
|
|
2
|
-
if (document?.versions && document.versions.length > 0) {
|
|
3
|
-
const enhancedVersions = document.versions.map((v) => {
|
|
4
|
-
const versionWithPrompt = v;
|
|
5
|
-
const prompt = versionWithPrompt.prompt || undefined;
|
|
6
|
-
return {
|
|
7
|
-
...v,
|
|
8
|
-
prompt,
|
|
9
|
-
};
|
|
10
|
-
});
|
|
11
|
-
return {
|
|
12
|
-
versions: enhancedVersions,
|
|
13
|
-
currentVersion: typeof document.currentVersion === "number" ? document.currentVersion : document.versions.length - 1,
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
if (document?._files && document._files.image) {
|
|
17
|
-
return {
|
|
18
|
-
versions: [{ id: "image", created: document.created || Date.now() }],
|
|
19
|
-
currentVersion: 0,
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
return { versions: [], currentVersion: 0 };
|
|
23
|
-
}
|
|
24
|
-
export function getPromptInfo(document, versionIndex) {
|
|
25
|
-
try {
|
|
26
|
-
if (typeof versionIndex === "number") {
|
|
27
|
-
const { versions } = getVersionInfo(document);
|
|
28
|
-
if (versions && Array.isArray(versions) && versionIndex >= 0 && versionIndex < versions.length) {
|
|
29
|
-
const version = versions[versionIndex];
|
|
30
|
-
const promptKey = version.promptKey || "p1";
|
|
31
|
-
if (document?.prompts && promptKey && document.prompts[promptKey]) {
|
|
32
|
-
return {
|
|
33
|
-
currentPrompt: document.prompts[promptKey].text || "",
|
|
34
|
-
prompts: document.prompts,
|
|
35
|
-
currentPromptKey: promptKey,
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
if (version.prompt) {
|
|
39
|
-
return {
|
|
40
|
-
currentPrompt: version.prompt,
|
|
41
|
-
prompts: { ...(document?.prompts || {}), legacy: { text: version.prompt } },
|
|
42
|
-
currentPromptKey: "legacy",
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
const docWithPromptMap = document;
|
|
46
|
-
if (docWithPromptMap.promptMap && version.id && docWithPromptMap.promptMap[version.id]) {
|
|
47
|
-
const legacyPrompt = docWithPromptMap.promptMap[version.id];
|
|
48
|
-
return {
|
|
49
|
-
currentPrompt: legacyPrompt,
|
|
50
|
-
prompts: { legacy: { text: legacyPrompt } },
|
|
51
|
-
currentPromptKey: "legacy",
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
catch (e) {
|
|
58
|
-
console.error("Error getting version-specific prompt:", e);
|
|
59
|
-
}
|
|
60
|
-
if (document?.prompts && document.currentPromptKey) {
|
|
61
|
-
return {
|
|
62
|
-
currentPrompt: document.prompts[document.currentPromptKey]?.text || "",
|
|
63
|
-
prompts: document.prompts,
|
|
64
|
-
currentPromptKey: document.currentPromptKey,
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
if (document?.prompt) {
|
|
68
|
-
return {
|
|
69
|
-
currentPrompt: document.prompt,
|
|
70
|
-
prompts: { p1: { text: document.prompt, created: document.created || Date.now() } },
|
|
71
|
-
currentPromptKey: "p1",
|
|
72
|
-
};
|
|
73
|
-
}
|
|
74
|
-
return { currentPrompt: "", prompts: {}, currentPromptKey: "" };
|
|
75
|
-
}
|
|
76
|
-
export function getCurrentFileKey(document, versionIndex, versions) {
|
|
77
|
-
if (!versions || versions.length === 0)
|
|
78
|
-
return null;
|
|
79
|
-
if (versions.length > versionIndex) {
|
|
80
|
-
const versionId = versions[versionIndex].id;
|
|
81
|
-
if (document?._files && document._files[versionId]) {
|
|
82
|
-
return versionId;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
if (document?._files && document._files.image) {
|
|
86
|
-
return "image";
|
|
87
|
-
}
|
|
88
|
-
return null;
|
|
89
|
-
}
|
|
90
|
-
//# sourceMappingURL=ImgGenDisplayUtils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImgGenDisplayUtils.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenDisplayUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { combineClasses, defaultClasses } from "../../utils/style-utils.js";
|
|
3
|
-
import { imgGenStyles } from "../../utils/styles.js";
|
|
4
|
-
export function ImgGenError({ message, className, classes = defaultClasses }) {
|
|
5
|
-
return (React.createElement("div", { className: combineClasses("imggen-error-container", className, classes.error), style: imgGenStyles.error },
|
|
6
|
-
React.createElement("h3", { style: imgGenStyles.errorTitle }, "Error"),
|
|
7
|
-
React.createElement("p", { style: imgGenStyles.errorMessage }, message || "Failed to render image")));
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=ImgGenError.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImgGenError.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,GAAG,cAAc,EAA6B;IACrG,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,wBAAwB,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK;QAC3G,4BAAI,KAAK,EAAE,YAAY,CAAC,UAAU,YAAY;QAC9C,2BAAG,KAAK,EAAE,YAAY,CAAC,YAAY,IAAG,OAAO,IAAI,wBAAwB,CAAK,CAC1E,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
interface ImgGenFileDropProps {
|
|
3
|
-
readonly onFilesDropped: (files: File[]) => void;
|
|
4
|
-
readonly className?: string;
|
|
5
|
-
readonly isActive?: boolean;
|
|
6
|
-
readonly maxFiles?: number;
|
|
7
|
-
readonly debug?: boolean;
|
|
8
|
-
readonly addFilesMessage?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function ImgGenFileDrop({ onFilesDropped, className, isActive, maxFiles, debug, addFilesMessage }: ImgGenFileDropProps): React.ReactElement;
|
|
11
|
-
export {};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { combineClasses } from "../../utils/style-utils.js";
|
|
3
|
-
import { imgGenStyles } from "../../utils/styles.js";
|
|
4
|
-
export function ImgGenFileDrop({ onFilesDropped, className, isActive = true, maxFiles = 10, debug, addFilesMessage = "Drop images here or click to browse", }) {
|
|
5
|
-
const fileInputRef = React.useRef(null);
|
|
6
|
-
const [isDragging, setIsDragging] = React.useState(false);
|
|
7
|
-
const handleDragOver = React.useCallback((e) => {
|
|
8
|
-
e.preventDefault();
|
|
9
|
-
e.stopPropagation();
|
|
10
|
-
setIsDragging(true);
|
|
11
|
-
}, []);
|
|
12
|
-
const handleDragLeave = React.useCallback((e) => {
|
|
13
|
-
e.preventDefault();
|
|
14
|
-
e.stopPropagation();
|
|
15
|
-
setIsDragging(false);
|
|
16
|
-
}, []);
|
|
17
|
-
const handleClick = React.useCallback(() => {
|
|
18
|
-
if (isActive && fileInputRef.current) {
|
|
19
|
-
fileInputRef.current.click();
|
|
20
|
-
}
|
|
21
|
-
}, [isActive]);
|
|
22
|
-
const processFiles = React.useCallback((fileList) => {
|
|
23
|
-
if (!isActive)
|
|
24
|
-
return;
|
|
25
|
-
const files = Array.from(fileList);
|
|
26
|
-
if (files.length === 0)
|
|
27
|
-
return;
|
|
28
|
-
const filesToProcess = files.slice(0, maxFiles);
|
|
29
|
-
if (debug) {
|
|
30
|
-
console.log(`[ImgGenFileDrop] Processing ${filesToProcess.length} files of ${files.length} selected`);
|
|
31
|
-
}
|
|
32
|
-
const imageFiles = filesToProcess.filter((file) => file.type.startsWith("image/"));
|
|
33
|
-
if (imageFiles.length > 0) {
|
|
34
|
-
onFilesDropped(imageFiles);
|
|
35
|
-
}
|
|
36
|
-
}, [isActive, maxFiles, onFilesDropped, debug]);
|
|
37
|
-
const handleDrop = React.useCallback((e) => {
|
|
38
|
-
e.preventDefault();
|
|
39
|
-
e.stopPropagation();
|
|
40
|
-
setIsDragging(false);
|
|
41
|
-
processFiles(e.dataTransfer.files);
|
|
42
|
-
}, [processFiles]);
|
|
43
|
-
const handleFileInput = React.useCallback((e) => {
|
|
44
|
-
if (e.target.files?.length) {
|
|
45
|
-
processFiles(e.target.files);
|
|
46
|
-
}
|
|
47
|
-
}, [processFiles]);
|
|
48
|
-
return (React.createElement("div", { className: combineClasses("imggen-file-drop", isDragging ? "imggen-file-drop-active" : "", !isActive ? "imggen-file-drop-disabled" : "", className), style: {
|
|
49
|
-
...imgGenStyles.fileDrop,
|
|
50
|
-
...(isDragging ? imgGenStyles.fileDropActive : {}),
|
|
51
|
-
...(!isActive ? imgGenStyles.fileDropDisabled : {}),
|
|
52
|
-
}, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick },
|
|
53
|
-
React.createElement("input", { type: "file", ref: fileInputRef, accept: "image/*", onChange: handleFileInput, multiple: true, style: { display: "none" } }),
|
|
54
|
-
React.createElement("div", { className: "imggen-file-drop-message", style: imgGenStyles.fileDropMessage }, addFilesMessage)));
|
|
55
|
-
}
|
|
56
|
-
//# sourceMappingURL=ImgGenFileDrop.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImgGenFileDrop.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenFileDrop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { DocFileMeta } from "@fireproof/use-fireproof";
|
|
3
|
-
import { ImgGenClasses } from "../../utils/style-utils.js";
|
|
4
|
-
export interface ImgGenModalProps {
|
|
5
|
-
readonly isOpen: boolean;
|
|
6
|
-
readonly onClose: () => void;
|
|
7
|
-
readonly currentFile: DocFileMeta | undefined;
|
|
8
|
-
readonly alt?: string;
|
|
9
|
-
readonly promptText: string;
|
|
10
|
-
readonly editedPrompt: string | null;
|
|
11
|
-
readonly setEditedPrompt: (_editedPrompt: string | null) => void;
|
|
12
|
-
readonly handlePromptEdit: (_newPrompt: string) => void;
|
|
13
|
-
readonly handleDeleteConfirm: () => void;
|
|
14
|
-
readonly handlePrevVersion: () => void;
|
|
15
|
-
readonly handleNextVersion: () => void;
|
|
16
|
-
readonly handleRegen: () => void;
|
|
17
|
-
readonly versionIndex: number;
|
|
18
|
-
readonly totalVersions: number;
|
|
19
|
-
readonly progress: number;
|
|
20
|
-
readonly versionFlash?: boolean;
|
|
21
|
-
readonly isRegenerating?: boolean;
|
|
22
|
-
readonly error?: Error | null;
|
|
23
|
-
readonly classes?: Partial<ImgGenClasses>;
|
|
24
|
-
}
|
|
25
|
-
export declare function ImgGenModal({ isOpen, onClose, currentFile, alt, promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, progress, versionFlash, isRegenerating, error, classes }: ImgGenModalProps): React.ReactPortal | null;
|