@vibes.diy/use-vibes-base 2.0.3 → 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 +6 -4
- 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,104 +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 { logDebug } from "../utils/debug.js";
|
|
5
|
-
export function ControlsBar({ handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes = defaultClasses, showControls = true, editedPrompt, promptText, progress = 100, showDelete = true, versionFlash = false, isRegenerating = false, }) {
|
|
6
|
-
const [showConfirmation, setShowConfirmation] = React.useState(false);
|
|
7
|
-
const cancelTimerRef = React.useRef(null);
|
|
8
|
-
const isConfirming = showConfirmation;
|
|
9
|
-
const onDeleteClick = () => {
|
|
10
|
-
if (isConfirming) {
|
|
11
|
-
logDebug("ControlsBar: Delete confirmed, calling handleDeleteConfirm");
|
|
12
|
-
handleDeleteConfirm();
|
|
13
|
-
setShowConfirmation(false);
|
|
14
|
-
if (cancelTimerRef.current) {
|
|
15
|
-
window.clearTimeout(cancelTimerRef.current);
|
|
16
|
-
cancelTimerRef.current = null;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
else {
|
|
20
|
-
logDebug("ControlsBar: Showing delete confirmation");
|
|
21
|
-
setShowConfirmation(true);
|
|
22
|
-
cancelTimerRef.current = window.setTimeout(() => {
|
|
23
|
-
setShowConfirmation(false);
|
|
24
|
-
}, 6500);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
React.useEffect(() => {
|
|
28
|
-
return () => {
|
|
29
|
-
if (cancelTimerRef.current) {
|
|
30
|
-
window.clearTimeout(cancelTimerRef.current);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
}, []);
|
|
34
|
-
return (React.createElement(React.Fragment, null,
|
|
35
|
-
progress < 100 && (React.createElement("div", { className: "imggen-progress", style: {
|
|
36
|
-
...imgGenStyles.progress,
|
|
37
|
-
width: `${progress}%`,
|
|
38
|
-
} })),
|
|
39
|
-
React.createElement("div", { className: combineClasses(classes.controls), style: imgGenStyles.controls }, showControls ? (React.createElement(React.Fragment, null,
|
|
40
|
-
React.createElement("div", { style: {
|
|
41
|
-
display: "flex",
|
|
42
|
-
gap: "6px",
|
|
43
|
-
alignItems: "center",
|
|
44
|
-
justifyContent: "flex-start",
|
|
45
|
-
} }, showDelete && (React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } },
|
|
46
|
-
React.createElement("button", { "aria-label": "Delete image", onClick: onDeleteClick, className: combineClasses("imggen-button imggen-delete-button", classes.button), style: {
|
|
47
|
-
...imgGenStyles.button,
|
|
48
|
-
position: "static",
|
|
49
|
-
top: "auto",
|
|
50
|
-
right: "auto",
|
|
51
|
-
backgroundColor: isConfirming ? imgGenTheme.colors.errorBorder : imgGenStyles.button.background,
|
|
52
|
-
color: isConfirming ? "white" : imgGenStyles.button.color,
|
|
53
|
-
opacity: isConfirming ? 1 : imgGenStyles.button.opacity,
|
|
54
|
-
} }, "\u2715"),
|
|
55
|
-
isConfirming && (React.createElement("div", { className: "fade-transition", style: { animationDelay: "6s" } },
|
|
56
|
-
React.createElement("button", { onClick: () => {
|
|
57
|
-
handleDeleteConfirm();
|
|
58
|
-
setShowConfirmation(false);
|
|
59
|
-
}, "aria-label": "Confirm delete", style: {
|
|
60
|
-
fontSize: imgGenTheme.typography.fontSize,
|
|
61
|
-
fontWeight: "bold",
|
|
62
|
-
whiteSpace: "nowrap",
|
|
63
|
-
border: `1px solid ${imgGenTheme.colors.errorBorder}`,
|
|
64
|
-
background: imgGenTheme.colors.errorBorder,
|
|
65
|
-
color: "white",
|
|
66
|
-
borderRadius: imgGenTheme.dimensions.borderRadius,
|
|
67
|
-
cursor: "pointer",
|
|
68
|
-
padding: "2px 8px",
|
|
69
|
-
} }, "Delete image?"),
|
|
70
|
-
React.createElement("button", { onClick: () => {
|
|
71
|
-
logDebug("ControlsBar: Delete canceled");
|
|
72
|
-
setShowConfirmation(false);
|
|
73
|
-
if (cancelTimerRef.current) {
|
|
74
|
-
window.clearTimeout(cancelTimerRef.current);
|
|
75
|
-
}
|
|
76
|
-
}, "aria-label": "Cancel delete", style: {
|
|
77
|
-
fontSize: imgGenTheme.typography.fontSize,
|
|
78
|
-
whiteSpace: "nowrap",
|
|
79
|
-
border: "none",
|
|
80
|
-
background: "none",
|
|
81
|
-
color: imgGenTheme.colors.text,
|
|
82
|
-
cursor: "pointer",
|
|
83
|
-
padding: "0 4px",
|
|
84
|
-
} }, "Cancel")))))),
|
|
85
|
-
React.createElement("div", { className: "imggen-control-group", style: imgGenStyles.controlGroup },
|
|
86
|
-
totalVersions > 1 && (React.createElement("button", { "aria-label": "Previous version", disabled: versionIndex === 0, onClick: handlePrevVersion, className: combineClasses("imggen-button", classes.button), style: imgGenStyles.button }, "\u25C0\uFE0E")),
|
|
87
|
-
totalVersions > 1 && (React.createElement("span", { className: `imggen-version-indicator version-indicator ${versionFlash ? "imggen-version-flash" : ""}`, "aria-live": "polite" },
|
|
88
|
-
versionIndex + 1,
|
|
89
|
-
" / ",
|
|
90
|
-
totalVersions)),
|
|
91
|
-
totalVersions > 1 && (React.createElement("button", { "aria-label": "Next version", disabled: versionIndex >= totalVersions - 1, onClick: handleNextVersion, className: combineClasses("imggen-button", classes.button), style: imgGenStyles.button }, "\u25B6\uFE0E")),
|
|
92
|
-
React.createElement("button", { "aria-label": "Regenerate image", onClick: () => {
|
|
93
|
-
handleRegen();
|
|
94
|
-
}, disabled: isRegenerating, className: combineClasses("imggen-button", classes.button, editedPrompt !== null && editedPrompt.trim() !== promptText ? "imggen-button-highlight" : "", isRegenerating ? "imggen-button-disabled" : ""), style: {
|
|
95
|
-
...imgGenStyles.button,
|
|
96
|
-
backgroundColor: editedPrompt !== null && editedPrompt.trim() !== promptText
|
|
97
|
-
? imgGenTheme.colors.accent
|
|
98
|
-
: imgGenStyles.button.background,
|
|
99
|
-
opacity: isRegenerating ? 0.3 : imgGenStyles.button.opacity,
|
|
100
|
-
cursor: isRegenerating ? "not-allowed" : imgGenStyles.button.cursor,
|
|
101
|
-
} },
|
|
102
|
-
React.createElement("span", { className: isRegenerating ? "imggen-regen-spinning" : "" }, "\u27F3"))))) : progress < 100 ? (React.createElement("div", { className: "imggen-status-text", style: imgGenStyles.statusText }, "Generating...")) : null)));
|
|
103
|
-
}
|
|
104
|
-
//# sourceMappingURL=ControlsBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ControlsBar.js","sourceRoot":"","sources":["../../jsr/components/ControlsBar.tsx"],"names":[],"mappings":"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"}
|
package/components/ImgGen.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import type { ImageGenOptions } from "call-ai";
|
|
3
|
-
import { Database } from "@fireproof/use-fireproof";
|
|
4
|
-
import { ImgGenClasses, UseImageGenOptions, UseImageGenResult } from "@vibes.diy/use-vibes-types";
|
|
5
|
-
export interface ImgGenProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onError" | "className"> {
|
|
6
|
-
readonly prompt: string;
|
|
7
|
-
readonly _id: string;
|
|
8
|
-
readonly className: string;
|
|
9
|
-
readonly alt: string;
|
|
10
|
-
readonly images: File[];
|
|
11
|
-
readonly options: ImageGenOptions;
|
|
12
|
-
readonly database: string | Database;
|
|
13
|
-
readonly useImageGen: (options: Partial<UseImageGenOptions>) => UseImageGenResult;
|
|
14
|
-
readonly onComplete: () => void;
|
|
15
|
-
readonly onError: (error: Error) => void;
|
|
16
|
-
readonly onDelete: (id: string) => void;
|
|
17
|
-
readonly onPromptEdit: (id: string, newPrompt: string) => void;
|
|
18
|
-
readonly classes: ImgGenClasses;
|
|
19
|
-
readonly onDocumentCreated: (docId: string) => void;
|
|
20
|
-
readonly debug: boolean;
|
|
21
|
-
}
|
|
22
|
-
export declare function ImgGen(props: Partial<ImgGenProps>): React.ReactElement;
|
|
23
|
-
export default ImgGen;
|
package/components/ImgGen.js
DELETED
|
@@ -1,257 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { useImageGen as defaultUseImageGen } from "../hooks/image-gen/use-image-gen.js";
|
|
3
|
-
import { useFireproof } from "@fireproof/use-fireproof";
|
|
4
|
-
import { ensureSuperThis } from "@fireproof/core-runtime";
|
|
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 { Lazy } from "@adviser/cement";
|
|
11
|
-
const sthis = Lazy(() => ensureSuperThis());
|
|
12
|
-
function ImgGenCore(props) {
|
|
13
|
-
const { prompt, _id, className, alt, images, options, database, onComplete, onError, onDelete, onPromptEdit, onDocumentCreated, classes = defaultClasses, debug, useImageGen, ...htmlAttributes } = props;
|
|
14
|
-
const { database: db } = useFireproof(database || "ImgGen");
|
|
15
|
-
const [generationId, setGenerationId] = React.useState(undefined);
|
|
16
|
-
const [currentEditedPrompt, setCurrentEditedPrompt] = React.useState(undefined);
|
|
17
|
-
const [imageGenDocument, setImageGenDocument] = React.useState(null);
|
|
18
|
-
const mergedOptions = React.useMemo(() => (images ? { ...options, images } : options), [options, images]);
|
|
19
|
-
const effectivePrompt = currentEditedPrompt || prompt || "";
|
|
20
|
-
const shouldSkipGeneration = !effectivePrompt && !_id;
|
|
21
|
-
const { imageData, loading, error, progress, document } = (useImageGen || defaultUseImageGen)({
|
|
22
|
-
prompt: effectivePrompt,
|
|
23
|
-
_id: _id,
|
|
24
|
-
options: {
|
|
25
|
-
...mergedOptions,
|
|
26
|
-
...(imageGenDocument ? { document: imageGenDocument } : {}),
|
|
27
|
-
},
|
|
28
|
-
database,
|
|
29
|
-
generationId,
|
|
30
|
-
skip: shouldSkipGeneration,
|
|
31
|
-
});
|
|
32
|
-
const mode = React.useMemo(() => {
|
|
33
|
-
return getImgGenMode({
|
|
34
|
-
document,
|
|
35
|
-
prompt: effectivePrompt,
|
|
36
|
-
loading,
|
|
37
|
-
error: error || undefined,
|
|
38
|
-
debug,
|
|
39
|
-
});
|
|
40
|
-
}, [document, effectivePrompt, loading, error, debug]);
|
|
41
|
-
if (debug) {
|
|
42
|
-
logDebug("[ImgGenCore] Current mode:", mode, {
|
|
43
|
-
document: !!document,
|
|
44
|
-
documentId: document?._id,
|
|
45
|
-
prompt: !!prompt,
|
|
46
|
-
loading,
|
|
47
|
-
error: !!error,
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
React.useEffect(() => {
|
|
51
|
-
if (onComplete && imageData && !loading && !error) {
|
|
52
|
-
onComplete();
|
|
53
|
-
}
|
|
54
|
-
}, [onComplete, imageData, loading, error]);
|
|
55
|
-
React.useEffect(() => {
|
|
56
|
-
if (onError && error) {
|
|
57
|
-
onError(error);
|
|
58
|
-
}
|
|
59
|
-
}, [onError, error]);
|
|
60
|
-
const handleRegen = React.useCallback(() => {
|
|
61
|
-
if (document?._id || _id || prompt) {
|
|
62
|
-
const newGenId = crypto.randomUUID();
|
|
63
|
-
setGenerationId(newGenId);
|
|
64
|
-
}
|
|
65
|
-
}, [document, _id, prompt]);
|
|
66
|
-
const handlePromptEdit = React.useCallback(async (id, newPrompt) => {
|
|
67
|
-
setCurrentEditedPrompt(newPrompt);
|
|
68
|
-
try {
|
|
69
|
-
const doc = await db.get(id);
|
|
70
|
-
if (!doc) {
|
|
71
|
-
logDebug("Document not found:", id);
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
const updatedDoc = { ...doc };
|
|
75
|
-
if (updatedDoc.prompts) {
|
|
76
|
-
const promptKey = `p${Date.now()}`;
|
|
77
|
-
updatedDoc.prompts = {
|
|
78
|
-
...updatedDoc.prompts,
|
|
79
|
-
[promptKey]: { text: newPrompt },
|
|
80
|
-
};
|
|
81
|
-
updatedDoc.currentPromptKey = promptKey;
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
updatedDoc.prompt = newPrompt;
|
|
85
|
-
}
|
|
86
|
-
await db.put(updatedDoc);
|
|
87
|
-
if (onPromptEdit) {
|
|
88
|
-
onPromptEdit(id, newPrompt);
|
|
89
|
-
}
|
|
90
|
-
const refreshedDoc = await db.get(id);
|
|
91
|
-
if (refreshedDoc) {
|
|
92
|
-
setImageGenDocument(refreshedDoc);
|
|
93
|
-
if (debug) {
|
|
94
|
-
logDebug("[ImgGen] Setting document for image generation:", refreshedDoc._id, "with files:", Object.keys(refreshedDoc._files || {}).filter((key) => key.startsWith("in")));
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
handleRegen();
|
|
98
|
-
}
|
|
99
|
-
catch (error) {
|
|
100
|
-
logDebug("Error updating prompt:", error);
|
|
101
|
-
}
|
|
102
|
-
}, [db, handleRegen, onPromptEdit]);
|
|
103
|
-
const handleDelete = React.useCallback(async (id) => {
|
|
104
|
-
logDebug("[ImgGen] Attempting to delete document:", id);
|
|
105
|
-
try {
|
|
106
|
-
const result = await db.del(id);
|
|
107
|
-
if (debug) {
|
|
108
|
-
logDebug("[ImgGen] Document deletion result:", result);
|
|
109
|
-
}
|
|
110
|
-
if (onDelete) {
|
|
111
|
-
if (debug) {
|
|
112
|
-
logDebug("[ImgGen] Calling onDelete callback with id:", id);
|
|
113
|
-
}
|
|
114
|
-
onDelete(id);
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
catch (error) {
|
|
118
|
-
logDebug("Error deleting document:", error);
|
|
119
|
-
}
|
|
120
|
-
}, [db, onDelete, debug]);
|
|
121
|
-
const handleDocCreated = React.useCallback((docId) => {
|
|
122
|
-
if (debug) {
|
|
123
|
-
logDebug("[ImgGenCore] Document created:", docId);
|
|
124
|
-
}
|
|
125
|
-
if (onDocumentCreated) {
|
|
126
|
-
onDocumentCreated(docId);
|
|
127
|
-
}
|
|
128
|
-
}, [onDocumentCreated, debug]);
|
|
129
|
-
function renderContent() {
|
|
130
|
-
if (debug) {
|
|
131
|
-
logDebug("[ImgGen Debug] Render state:", {
|
|
132
|
-
mode,
|
|
133
|
-
document: document?._id,
|
|
134
|
-
loading,
|
|
135
|
-
error: error?.message,
|
|
136
|
-
currentEditedPrompt: currentEditedPrompt || null,
|
|
137
|
-
imageData: !!imageData,
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
switch (mode) {
|
|
141
|
-
case "placeholder": {
|
|
142
|
-
return (React.createElement(ImgGenUploadWaiting, { className: className, classes: classes, debug: debug, database: database, onDocumentCreated: handleDocCreated, onPromptSubmit: (newPrompt) => {
|
|
143
|
-
if (debug) {
|
|
144
|
-
logDebug("[ImgGenCore] Prompt submitted from initial view:", newPrompt);
|
|
145
|
-
}
|
|
146
|
-
setCurrentEditedPrompt(newPrompt);
|
|
147
|
-
setGenerationId(sthis().nextId().str);
|
|
148
|
-
} }));
|
|
149
|
-
}
|
|
150
|
-
case "uploadWaiting": {
|
|
151
|
-
if (!document || !document._id) {
|
|
152
|
-
return React.createElement(ImgGenPromptWaiting, { className: className, classes: classes });
|
|
153
|
-
}
|
|
154
|
-
if (loading) {
|
|
155
|
-
const displayPrompt = currentEditedPrompt || prompt;
|
|
156
|
-
return (React.createElement(ImgGenDisplayPlaceholder, { prompt: displayPrompt || "", loading: loading, progress: progress, error: error, className: className, classes: classes }));
|
|
157
|
-
}
|
|
158
|
-
return (React.createElement(React.Fragment, null,
|
|
159
|
-
React.createElement(ImgGenUploadWaiting, { document: document, className: className, classes: classes, debug: debug, database: database, onFilesAdded: () => {
|
|
160
|
-
if (debug) {
|
|
161
|
-
logDebug("[ImgGenCore] Files added to existing document:", document._id);
|
|
162
|
-
}
|
|
163
|
-
}, onPromptSubmit: (newPrompt, docId) => {
|
|
164
|
-
const targetDocId = docId || (document && document._id);
|
|
165
|
-
if (debug) {
|
|
166
|
-
logDebug("[ImgGenCore] Prompt submitted for existing uploads:", newPrompt);
|
|
167
|
-
logDebug("[ImgGenCore] Using document ID:", targetDocId);
|
|
168
|
-
}
|
|
169
|
-
if (targetDocId) {
|
|
170
|
-
handlePromptEdit(targetDocId, newPrompt);
|
|
171
|
-
}
|
|
172
|
-
} })));
|
|
173
|
-
}
|
|
174
|
-
case "generating": {
|
|
175
|
-
let displayPrompt = currentEditedPrompt || prompt;
|
|
176
|
-
if (!displayPrompt && document && "prompt" in document && typeof document.prompt === "string") {
|
|
177
|
-
displayPrompt = document.prompt;
|
|
178
|
-
}
|
|
179
|
-
if (debug) {
|
|
180
|
-
logDebug("[ImgGen Debug] Generating state prompt sources:", {
|
|
181
|
-
currentEditedPrompt: currentEditedPrompt || null,
|
|
182
|
-
propPrompt: prompt || null,
|
|
183
|
-
documentPrompt: document?.prompt || null,
|
|
184
|
-
finalDisplayPrompt: displayPrompt || null,
|
|
185
|
-
});
|
|
186
|
-
}
|
|
187
|
-
return (React.createElement(ImgGenDisplayPlaceholder, { prompt: displayPrompt || "", loading: loading, progress: progress, error: error, className: className, classes: classes }));
|
|
188
|
-
}
|
|
189
|
-
case "display": {
|
|
190
|
-
if (!document || !document._id) {
|
|
191
|
-
return React.createElement(ImgGenError, { message: "Missing document" });
|
|
192
|
-
}
|
|
193
|
-
return (React.createElement(React.Fragment, null,
|
|
194
|
-
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 React.createElement("div", { ...htmlAttributes }, renderContent());
|
|
205
|
-
}
|
|
206
|
-
export function ImgGen(props) {
|
|
207
|
-
const { _id, prompt, debug, onDocumentCreated } = props;
|
|
208
|
-
const [mountKey, setMountKey] = React.useState(() => sthis().nextId().str);
|
|
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(sthis().nextId().str);
|
|
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,7 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { DocFileMeta } from "@fireproof/use-fireproof";
|
|
3
|
-
interface AsyncImgProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
4
|
-
file: DocFileMeta | File | null | undefined;
|
|
5
|
-
}
|
|
6
|
-
export declare function AsyncImg({ file, ...props }: AsyncImgProps): React.JSX.Element | null;
|
|
7
|
-
export {};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export function AsyncImg({ file, ...props }) {
|
|
3
|
-
const [src, setSrc] = React.useState(null);
|
|
4
|
-
React.useEffect(() => {
|
|
5
|
-
let objectUrl = null;
|
|
6
|
-
let isMounted = true;
|
|
7
|
-
if (!file) {
|
|
8
|
-
setSrc(null);
|
|
9
|
-
return;
|
|
10
|
-
}
|
|
11
|
-
if ("file" in file && typeof file.file === "function") {
|
|
12
|
-
file
|
|
13
|
-
.file()
|
|
14
|
-
.then((fileObj) => {
|
|
15
|
-
if (!isMounted)
|
|
16
|
-
return;
|
|
17
|
-
if (fileObj.type.startsWith("image/")) {
|
|
18
|
-
objectUrl = URL.createObjectURL(fileObj);
|
|
19
|
-
setSrc(objectUrl);
|
|
20
|
-
}
|
|
21
|
-
})
|
|
22
|
-
.catch((error) => {
|
|
23
|
-
console.error("[AsyncImg] Failed to load file:", error);
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
else if (file instanceof File) {
|
|
27
|
-
if (file.type.startsWith("image/")) {
|
|
28
|
-
objectUrl = URL.createObjectURL(file);
|
|
29
|
-
setSrc(objectUrl);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
return () => {
|
|
33
|
-
isMounted = false;
|
|
34
|
-
if (objectUrl) {
|
|
35
|
-
URL.revokeObjectURL(objectUrl);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
}, [file]);
|
|
39
|
-
return src ? React.createElement("img", { src: src, ...props }) : null;
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=AsyncImg.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AsyncImg.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/AsyncImg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAiB;IACxD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,GAAkB,IAAI,CAAC;QACpC,IAAI,SAAS,GAAG,IAAI,CAAC;QAGrB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,MAAM,CAAC,IAAI,CAAC,CAAC;YACb,OAAO;QACT,CAAC;QAGD,IAAI,MAAM,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAEtD,IAAI;iBACD,IAAI,EAAE;iBACN,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;gBAChB,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAGvB,IAAI,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACtC,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;oBACzC,MAAM,CAAC,SAAS,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;YAC1D,CAAC,CAAC,CAAC;QACP,CAAC;aAAM,IAAI,IAAI,YAAY,IAAI,EAAE,CAAC;YAEhC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACnC,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtC,MAAM,CAAC,SAAS,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;QAED,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,KAAK,CAAC;YAClB,IAAI,SAAS,EAAE,CAAC;gBACd,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,GAAG,CAAC,CAAC,CAAC,6BAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC"}
|
|
@@ -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;
|