@vibes.diy/use-vibes-base 0.12.0-dev-preview

package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../../../utils/style-utils.js';
+export function DeleteConfirmationOverlay({ handleDeleteConfirm, handleCancelDelete, classes = defaultClasses, }) {
+    React.useEffect(() => {
+        const timeoutId = setTimeout(() => {
+            handleCancelDelete();
+        }, 3000);
+        return () => clearTimeout(timeoutId);
+    }, [handleCancelDelete]);
+    return (React.createElement("div", { className: combineClasses('imggen-delete-message', classes.overlay), style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: 'rgba(255, 0, 0, 0.1)',
+            borderRadius: 'var(--imggen-border-radius)',
+            padding: '10px 15px',
+            marginBottom: '8px',
+            textAlign: 'center',
+            width: 'auto',
+            boxSizing: 'border-box',
+            border: '1px solid var(--imggen-error-border)',
+            cursor: 'pointer',
+        }, onClick: handleDeleteConfirm, "aria-label": "Confirm delete" }, React.createElement("p", { style: {
+            color: '#ff3333',
+            fontSize: '14px',
+            margin: 0,
+            fontWeight: 'bold',
+        } }, "Confirm delete? This action cannot be undone")));
+}
+//# sourceMappingURL=DeleteConfirmationOverlay.js.map

package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmationOverlay.js","sourceRoot":"","sources":["../../../../jsr/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,+BAA+B,CAAC;AAS9F,MAAM,UAAU,yBAAyB,CAAC,EACxC,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,GAAG,cAAc,GACO,EAAE;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;YACjC,kBAAkB,EAAE,CAAC;QAAA,CACtB,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAAA,CACtC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,CAAC,uBAAuB,EAAE,OAAO,CAAC,OAAO,CAAC,EACnE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,sBAAsB;YACvC,YAAY,EAAE,6BAA6B;YAC3C,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,sCAAsC;YAC9C,MAAM,EAAE,SAAS;SAClB,EACD,OAAO,EAAE,mBAAmB,gBACjB,gBAAgB,IAE3B,2BACE,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,MAAM;SACnB,mDAGC,CACA,CACP,CAAC;AAAA,CACH"}

package/components/ImgGenUtils/overlays/ImageOverlay.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ImgGenClasses } from '../../../utils/style-utils.js';
+interface ImageOverlayProps {
+    readonly promptText: string;
+    readonly editedPrompt: string | null;
+    readonly setEditedPrompt: (prompt: string | null) => void;
+    readonly handlePromptEdit: (prompt: string) => void;
+    readonly handleDeleteConfirm: () => void;
+    readonly handlePrevVersion: () => void;
+    readonly handleNextVersion: () => void;
+    readonly handleRegen: () => void;
+    readonly versionIndex: number;
+    readonly totalVersions: number;
+    readonly classes?: Partial<ImgGenClasses>;
+    readonly showControls?: boolean;
+    readonly progress?: number;
+    readonly showDelete?: boolean;
+    readonly versionFlash?: boolean;
+    readonly isRegenerating?: boolean;
+}
+export declare function ImageOverlay({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes, showControls, progress, showDelete, versionFlash, isRegenerating }: ImageOverlayProps): React.JSX.Element;
+export {};

package/components/ImgGenUtils/overlays/ImageOverlay.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../../../utils/style-utils.js';
+import { PromptBar } from '../../../components/PromptBar.js';
+import { ControlsBar } from '../../../components/ControlsBar.js';
+export function ImageOverlay({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes = defaultClasses, showControls = true, progress = 100, showDelete = true, versionFlash = false, isRegenerating = false, }) {
+    return (React.createElement("div", { className: combineClasses('imggen-overlay', classes.overlay), style: { position: 'relative' } }, React.createElement(React.Fragment, null, React.createElement(PromptBar, { promptText: promptText, editedPrompt: editedPrompt, setEditedPrompt: setEditedPrompt, handlePromptEdit: handlePromptEdit, classes: classes }), React.createElement(ControlsBar, { handleDeleteConfirm: handleDeleteConfirm, handlePrevVersion: handlePrevVersion, handleNextVersion: handleNextVersion, handleRegen: handleRegen, versionIndex: versionIndex, totalVersions: totalVersions, classes: classes, showControls: showControls, showDelete: showDelete, editedPrompt: editedPrompt, promptText: promptText, progress: progress, versionFlash: versionFlash, isRegenerating: isRegenerating }))));
+}
+//# sourceMappingURL=ImageOverlay.js.map

package/components/ImgGenUtils/overlays/ImageOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOverlay.js","sourceRoot":"","sources":["../../../../jsr/components/ImgGenUtils/overlays/ImageOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,+BAA+B,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AA8BjE,MAAM,UAAU,YAAY,CAAC,EAC3B,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,OAAO,GAAG,cAAc,EACxB,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,GAAG,EACd,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,GACJ,EAAE;IAEpB,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,CAAC,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,EAC5D,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAG7B,0CAEE,oBAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,GAChB,EAGF,oBAAC,WAAW,IACV,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,GAC9B,CACD,CAED,CACP,CAAC;AAAA,CACH"}

package/components/ImgGenUtils/types.d.ts

@@ -0,0 +1,29 @@
+import type { PartialImageDocument } from '../../hooks/image-gen/types.js';
+import { ImgGenClasses } from '../../utils/style-utils.js';
+export interface ImgGenPlaceholderProps {
+    readonly className?: string;
+    readonly alt?: string;
+    readonly prompt?: string;
+    progress: number;
+    readonly loading?: boolean;
+    readonly error?: Error | null;
+    readonly classes?: Partial<ImgGenClasses>;
+}
+export interface ImgGenDisplayProps {
+    readonly document: PartialImageDocument;
+    readonly className: string;
+    readonly alt: string;
+    readonly onDelete: (id: string) => void;
+    readonly onRegen: (id: string) => void;
+    readonly onPromptEdit: (id: string, newPrompt: string) => void;
+    readonly classes: Partial<ImgGenClasses>;
+    readonly loading: boolean;
+    readonly progress: number;
+    readonly error: Error | null;
+    readonly debug: boolean;
+}
+export interface ImgGenErrorProps {
+    readonly message: string;
+    readonly className: string;
+    readonly classes: Partial<ImgGenClasses>;
+}

package/components/ImgGenUtils/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/ImgGenUtils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/types.ts"],"names":[],"mappings":""}

package/components/ImgGenUtils.d.ts

@@ -0,0 +1,2 @@
+export { ImgGenPromptWaiting, ImgGenError, ImgGenDisplayPlaceholder, ImgGenDisplay, } from './ImgGenUtils/index.js';
+export * from './ImgGenUtils/types.js';

package/components/ImgGenUtils.js

@@ -0,0 +1,3 @@
+export { ImgGenPromptWaiting, ImgGenError, ImgGenDisplayPlaceholder, ImgGenDisplay, } from './ImgGenUtils/index.js';
+export * from './ImgGenUtils/types.js';
+//# sourceMappingURL=ImgGenUtils.js.map

package/components/ImgGenUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenUtils.js","sourceRoot":"","sources":["../../jsr/components/ImgGenUtils.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,wBAAwB,EACxB,aAAa,GACd,MAAM,wBAAwB,CAAC;AAEhC,cAAc,wBAAwB,CAAC"}

package/components/PromptBar.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ImgGenClasses } from '../utils/style-utils.js';
+interface PromptBarProps {
+    readonly promptText: string;
+    readonly editedPrompt: string | null;
+    readonly setEditedPrompt: (prompt: string | null) => void;
+    readonly handlePromptEdit: (prompt: string) => void;
+    readonly classes?: Partial<ImgGenClasses>;
+}
+export declare function PromptBar({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, classes }: PromptBarProps): React.JSX.Element;
+export {};

package/components/PromptBar.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../utils/style-utils.js';
+import { imgGenStyles } from '../utils/styles.js';
+export function PromptBar({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, classes = defaultClasses, }) {
+    return (React.createElement("div", { style: imgGenStyles.topLine }, React.createElement("div", { className: combineClasses(classes.prompt), style: imgGenStyles.prompt }, editedPrompt !== null ? (React.createElement("input", { type: "text", value: editedPrompt, onChange: (e) => setEditedPrompt(e.target.value), onKeyDown: (e) => {
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                handlePromptEdit(editedPrompt);
+            }
+            else if (e.key === 'Escape') {
+                setEditedPrompt(null);
+            }
+        }, autoFocus: true, style: {
+            ...imgGenStyles.promptInput,
+            ...imgGenStyles.promptInputEditMode,
+        }, "aria-label": "Edit prompt" })) : (React.createElement("div", { className: "imggen-prompt-text", onClick: () => {
+            setEditedPrompt(promptText);
+        }, style: {
+            ...imgGenStyles.promptText,
+            ...imgGenStyles.truncate,
+        }, title: "Click to edit prompt" }, promptText)))));
+}
+//# sourceMappingURL=PromptBar.js.map

package/components/PromptBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptBar.js","sourceRoot":"","sources":["../../jsr/components/PromptBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAgBlD,MAAM,UAAU,SAAS,CAAC,EACxB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,OAAO,GAAG,cAAc,GACT,EAAE;IACjB,OAAO,CACL,6BAAK,KAAK,EAAE,YAAY,CAAC,OAAO,IAC9B,6BAAK,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,MAAM,IACvE,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CACvB,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;YAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,gBAAgB,CAAC,YAAY,CAAC,CAAC;YACjC,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC9B,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QAAA,CACF,EAED,SAAS,QACT,KAAK,EAAE;YACL,GAAG,YAAY,CAAC,WAAW;YAC3B,GAAG,YAAY,CAAC,mBAAmB;SACpC,gBACU,aAAa,GACxB,CACH,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC;YAEb,eAAe,CAAC,UAAU,CAAC,CAAC;QAAA,CAC7B,EACD,KAAK,EAAE;YACL,GAAG,YAAY,CAAC,UAAU;YAC1B,GAAG,YAAY,CAAC,QAAQ;SACzB,EACD,KAAK,EAAC,sBAAsB,IAE3B,UAAU,CACP,CACP,CACG,CACF,CACP,CAAC;AAAA,CACH"}

package/hooks/image-gen/image-generator.d.ts

@@ -0,0 +1,11 @@
+import { ImageGenOptions as BaseImageGenOptions, ImageResponse } from 'call-ai';
+import { ImageDocument } from './types.js';
+interface ImageGenOptions extends BaseImageGenOptions {
+    readonly _regenerationId: number;
+    readonly images: File[];
+    readonly document: Partial<ImageDocument>;
+    readonly debug: boolean;
+}
+export declare function imageGen(prompt: string, options?: Partial<ImageGenOptions>): Promise<ImageResponse>;
+export declare function createImageGenerator(requestHash: string): (promptText: string, genOptions?: Partial<ImageGenOptions> | undefined) => Promise<ImageResponse>;
+export {};

package/hooks/image-gen/image-generator.js

@@ -0,0 +1,136 @@
+import { imageGen as originalImageGen, } from 'call-ai';
+import { MODULE_STATE, getRelevantOptions } from './utils.js';
+export async function imageGen(prompt, options) {
+    const relevantOptions = getRelevantOptions(options);
+    const stableKey = options?._regenerationId
+        ? `${prompt}-${JSON.stringify(relevantOptions)}-regen-${options._regenerationId}`
+        : `${prompt}-${JSON.stringify(relevantOptions)}`;
+    const requestId = ++MODULE_STATE.requestCounter;
+    if (MODULE_STATE.pendingPrompts.has(stableKey)) {
+        if (MODULE_STATE.pendingImageGenCalls.has(stableKey)) {
+            return MODULE_STATE.pendingImageGenCalls.get(stableKey);
+        }
+    }
+    MODULE_STATE.pendingPrompts.add(stableKey);
+    MODULE_STATE.processingRequests.add(stableKey);
+    MODULE_STATE.requestTimestamps.set(stableKey, Date.now());
+    if (options?.debug) {
+        console.log(`[ImgGen Debug] Generating image with prompt: "${prompt}"`, {
+            requestId,
+            options,
+            hasImages: options.images ? options.images.length + ' files' : 'No',
+            stableKey,
+        });
+    }
+    let promise;
+    try {
+        const enhancedOptions = { ...options };
+        if (!enhancedOptions.images && enhancedOptions.document && enhancedOptions.document._files) {
+            const imageFiles = [];
+            for (const key of Object.keys(enhancedOptions.document._files)) {
+                if (key.startsWith('in') || key === 'original') {
+                    const file = enhancedOptions.document._files[key];
+                    if (file) {
+                        if (file instanceof File) {
+                            imageFiles.push(file);
+                        }
+                        else if (typeof file.file === 'function') {
+                            try {
+                                const fileObj = await file.file();
+                                imageFiles.push(fileObj);
+                            }
+                            catch (e) {
+                                console.error(`Error getting file from DocFileMeta for key ${key}:`, e);
+                            }
+                        }
+                    }
+                }
+            }
+            if (imageFiles.length > 0) {
+                enhancedOptions.images = imageFiles;
+                if (enhancedOptions.debug) {
+                    console.log('[ImgGen Debug] Extracted images from document:', {
+                        count: imageFiles.length,
+                        keys: Object.keys(enhancedOptions.document._files).filter((k) => k.startsWith('in') || k === 'original'),
+                    });
+                }
+            }
+        }
+        promise = originalImageGen(prompt, enhancedOptions);
+    }
+    catch (e) {
+        console.error(`[ImgGen Debug] Error with imageGen for request #${requestId}:`, e);
+        promise = Promise.reject(e);
+    }
+    MODULE_STATE.pendingImageGenCalls.set(stableKey, promise);
+    promise
+        .then((response) => {
+        MODULE_STATE.processingRequests.delete(stableKey);
+        return response;
+    })
+        .catch((error) => {
+        console.error(`[ImgGen Debug] Request #${requestId} failed [key:${stableKey.slice(0, 12)}...]: ${error}`);
+        MODULE_STATE.processingRequests.delete(stableKey);
+        return Promise.reject(error);
+    });
+    return promise;
+}
+export function createImageGenerator(requestHash) {
+    return async (promptText, genOptions) => {
+        JSON.stringify(getRelevantOptions(genOptions));
+        const debug = genOptions?.debug;
+        if (genOptions && 'document' in genOptions && genOptions.document) {
+            const document = genOptions.document;
+            const imageFiles = [];
+            if (document._files) {
+                for (const key of Object.keys(document._files)) {
+                    if (key.startsWith('in')) {
+                        const file = document._files[key];
+                        if (file) {
+                            if (file instanceof File) {
+                                imageFiles.push(file);
+                            }
+                            else if (typeof file.file === 'function') {
+                                try {
+                                    const fileObj = await file.file();
+                                    imageFiles.push(fileObj);
+                                }
+                                catch (e) {
+                                    console.error(`Error getting file from DocFileMeta for key ${key}:`, e);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            if (imageFiles.length > 0) {
+                if (debug) {
+                    console.log('[imageGenerator] Found images to include:', {
+                        count: imageFiles.length,
+                        fileTypes: imageFiles.map((f) => f.type),
+                    });
+                }
+                genOptions = {
+                    ...genOptions,
+                    images: imageFiles,
+                };
+            }
+        }
+        try {
+            if (debug) {
+                console.log(`[imageGenerator] Generating image with prompt: "${promptText.slice(0, 30)}...", options:`, {
+                    ...genOptions,
+                    hasImages: genOptions?.images ? 'Yes' : 'No',
+                    imageCount: genOptions?.images ? genOptions.images.length : 0,
+                });
+            }
+            const response = await imageGen(promptText, genOptions);
+            return response;
+        }
+        catch (error) {
+            console.error(`[ImgGen Debug] Failed request [ID:${requestHash}]: ${error}`);
+            throw error;
+        }
+    };
+}
+//# sourceMappingURL=image-generator.js.map

package/hooks/image-gen/image-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-generator.js","sourceRoot":"","sources":["../../../jsr/hooks/image-gen/image-generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,IAAI,gBAAgB,GAC7B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAiB9D,MAAM,CAAC,KAAK,UAAU,QAAQ,CAC5B,MAAc,EACd,OAAkC,EACV;IAExB,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAOpD,MAAM,SAAS,GAAG,OAAO,EAAE,eAAe;QACxC,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,OAAO,CAAC,eAAe,EAAE;QACjF,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC;IAGnD,MAAM,SAAS,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC;IAGhD,IAAI,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;QAE/C,IAAI,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrD,OAAO,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC,SAAS,CAA2B,CAAC;QACpF,CAAC;IACH,CAAC;IAGD,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC/C,YAAY,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAG1D,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,iDAAiD,MAAM,GAAG,EAAE;YACtE,SAAS;YACT,OAAO;YACP,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI;YACnE,SAAS;SACV,CAAC,CAAC;IACL,CAAC;IAED,IAAI,OAA+B,CAAC;IAEpC,IAAI,CAAC;QAEH,MAAM,eAAe,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC;QAGvC,IAAI,CAAC,eAAe,CAAC,MAAM,IAAI,eAAe,CAAC,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC3F,MAAM,UAAU,GAAW,EAAE,CAAC;YAG9B,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC/D,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,UAAU,EAAE,CAAC;oBAC/C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;oBAClD,IAAI,IAAI,EAAE,CAAC;wBAET,IAAI,IAAI,YAAY,IAAI,EAAE,CAAC;4BACzB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACxB,CAAC;6BAAM,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;4BAC3C,IAAI,CAAC;gCAEH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;gCAClC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;4BAC3B,CAAC;4BAAC,OAAO,CAAC,EAAE,CAAC;gCACX,OAAO,CAAC,KAAK,CAAC,+CAA+C,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;4BAC1E,CAAC;wBACH,CAAC;oBACH,CAAC;gBACH,CAAC;YACH,CAAC;YAGD,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC1B,eAAe,CAAC,MAAM,GAAG,UAAU,CAAC;gBAEpC,IAAI,eAAe,CAAC,KAAK,EAAE,CAAC;oBAC1B,OAAO,CAAC,GAAG,CAAC,gDAAgD,EAAE;wBAC5D,KAAK,EAAE,UAAU,CAAC,MAAM;wBACxB,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,CACvD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,UAAU,CAC9C;qBACF,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC;QAGD,OAAO,GAAG,gBAAgB,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACtD,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,KAAK,CAAC,mDAAmD,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC;QAClF,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAGD,YAAY,CAAC,oBAAoB,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAG1D,OAAO;SACJ,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC;QAGlB,YAAY,CAAC,kBAAkB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAClD,OAAO,QAAQ,CAAC;IAAA,CACjB,CAAC;SACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,CACX,2BAA2B,SAAS,gBAAgB,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,KAAK,EAAE,CAC3F,CAAC;QAGF,YAAY,CAAC,kBAAkB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAClD,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAAA,CAC9B,CAAC,CAAC;IAEL,OAAO,OAAO,CAAC;AAAA,CAChB;AAKD,MAAM,UAAU,oBAAoB,CAAC,WAAmB,EAAE;IACxD,OAAO,KAAK,EACV,UAAkB,EAClB,UAAqC,EACb,EAAE,CAAC;QAE3B,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC;QAG/C,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,CAAC;QAGhC,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YAClE,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;YACrC,MAAM,UAAU,GAAW,EAAE,CAAC;YAG9B,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAEpB,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC/C,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;wBACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;wBAClC,IAAI,IAAI,EAAE,CAAC;4BAET,IAAI,IAAI,YAAY,IAAI,EAAE,CAAC;gCACzB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;4BACxB,CAAC;iCAAM,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gCAC3C,IAAI,CAAC;oCAEH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;oCAClC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gCAC3B,CAAC;gCAAC,OAAO,CAAC,EAAE,CAAC;oCACX,OAAO,CAAC,KAAK,CAAC,+CAA+C,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;gCAC1E,CAAC;4BACH,CAAC;wBACH,CAAC;oBACH,CAAC;gBACH,CAAC;YACH,CAAC;YAGD,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC1B,IAAI,KAAK,EAAE,CAAC;oBACV,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE;wBACvD,KAAK,EAAE,UAAU,CAAC,MAAM;wBACxB,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;qBACzC,CAAC,CAAC;gBACL,CAAC;gBAGD,UAAU,GAAG;oBACX,GAAG,UAAU;oBACb,MAAM,EAAE,UAAU;iBACnB,CAAC;YACJ,CAAC;QACH,CAAC;QAED,IAAI,CAAC;YAEH,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,GAAG,CACT,mDAAmD,UAAU,CAAC,KAAK,CACjE,CAAC,EACD,EAAE,CACH,gBAAgB,EACjB;oBACE,GAAG,UAAU;oBACb,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;oBAC5C,UAAU,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;iBAC9D,CACF,CAAC;YACJ,CAAC;YAED,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YACxD,OAAO,QAAQ,CAAC;QAClB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,qCAAqC,WAAW,MAAM,KAAK,EAAE,CAAC,CAAC;YAC7E,MAAM,KAAK,CAAC;QACd,CAAC;IAAA,CACF,CAAC;AAAA,CACH"}

package/hooks/image-gen/index.d.ts

@@ -0,0 +1,7 @@
+import { useImageGen } from './use-image-gen.js';
+import { imageGen } from './image-generator.js';
+import { base64ToFile, hashInput, MODULE_STATE } from './utils.js';
+import type { ImageDocument, UseImageGenOptions, UseImageGenResult } from './types.js';
+export { MODULE_STATE };
+export { useImageGen, imageGen, base64ToFile, hashInput };
+export type { ImageDocument, UseImageGenOptions, UseImageGenResult };

package/hooks/image-gen/index.js

@@ -0,0 +1,6 @@
+import { useImageGen } from './use-image-gen.js';
+import { imageGen } from './image-generator.js';
+import { base64ToFile, hashInput, MODULE_STATE } from './utils.js';
+export { MODULE_STATE };
+export { useImageGen, imageGen, base64ToFile, hashInput };
+//# sourceMappingURL=index.js.map

package/hooks/image-gen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/hooks/image-gen/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/hooks/image-gen/types.d.ts

@@ -0,0 +1,66 @@
+import type { Database, DocWithId } from 'use-fireproof';
+import { ImageGenOptions, ImageResponse } from 'call-ai';
+export interface PromptEntry {
+    readonly text: string;
+    readonly created: number;
+}
+export interface ImageDocumentPlain {
+    readonly _rev?: string;
+    readonly type: 'image';
+    readonly prompt?: string;
+    readonly prompts?: Record<string, PromptEntry>;
+    readonly created: number;
+    readonly currentVersion: number;
+    readonly versions: VersionInfo[];
+    readonly currentPromptKey: string;
+}
+export type ImageDocument = DocWithId<ImageDocumentPlain>;
+export type PartialImageDocument = DocWithId<Partial<ImageDocumentPlain>>;
+export interface VersionInfo {
+    readonly id: string;
+    readonly created: number;
+    readonly promptKey?: string;
+}
+export type GenerationPhase = 'idle' | 'generating' | 'complete' | 'error';
+export interface UseImageGenOptions {
+    readonly prompt: string;
+    readonly _id: string;
+    readonly _rev?: string;
+    readonly database: string | Database;
+    readonly options: Partial<ImageGenOptions>;
+    readonly generationId: string;
+    readonly skip: boolean;
+    readonly type?: string;
+    readonly currentVersion?: number;
+    readonly versions?: {
+        readonly id: string;
+        readonly created: number;
+        readonly promptKey: string;
+    }[];
+    readonly _files?: Record<string, File>;
+    readonly prompts?: Record<string, PromptEntry>;
+    readonly editedPrompt: string;
+}
+export interface UseImageGenResult {
+    readonly imageData?: string | null;
+    readonly loading: boolean;
+    readonly progress: number;
+    readonly error?: Error | null;
+    readonly size?: {
+        readonly width: number;
+        readonly height: number;
+    };
+    readonly document?: PartialImageDocument | null;
+}
+export interface ModuleState {
+    readonly pendingImageGenCalls: Map<string, Promise<ImageResponse>>;
+    readonly pendingPrompts: Set<string>;
+    readonly processingRequests: Set<string>;
+    readonly requestTimestamps: Map<string, number>;
+    requestCounter: number;
+    readonly createdDocuments: Map<string, string>;
+    readonly pendingDocumentCreations: Map<string, Promise<{
+        id: string;
+        doc: ImageDocument;
+    }>>;
+}

package/hooks/image-gen/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/hooks/image-gen/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../jsr/hooks/image-gen/types.ts"],"names":[],"mappings":""}

package/hooks/image-gen/use-image-gen.d.ts

@@ -0,0 +1,4 @@
+import { UseImageGenOptions, UseImageGenResult } from './types.js';
+export declare function useImageGen({ prompt, _id, _rev, options, database, skip, // Skip processing flag
+generationId, // Unique ID that changes for each new generation request
+editedPrompt }: Partial<UseImageGenOptions>): UseImageGenResult;