use-vibes 0.5.7 → 0.11.0-dev-preview1

package/README.md

@@ -67,7 +67,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### Prompt Management
 
 - **Prompt Versioning**: Tracks the history of different prompts used to generate an image
-
   - Uses a structured `prompts` object with timestamp-based keys
   - Maintains `currentPromptKey` to reference the active prompt
 
@@ -87,7 +86,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### Image Control & Manipulation
 
 - **Image Regeneration**: One-click regeneration with the same or edited prompt
-
   - Preserves document history and adds new versions
   - Uses a unique `generationId` to trigger regeneration while maintaining context
 
@@ -111,7 +109,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### User Interface Components
 
 - **Interactive Overlay**: Toggle-able information and controls overlay
-
   - Shows prompt text (editable)
   - Version navigation controls
   - Regenerate/refresh button
@@ -123,7 +120,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
   ```
 
 - **Progress Visualization**: Shows generation progress with visual indicators
-
   - Progress bar updates in real-time
   - Automatic placeholder display during generation
 
@@ -140,7 +136,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### File Management
 
 - **File Upload Interface**: Built-in support for image uploads
-
   - Drag-and-drop capabilities
   - File selection dialog
   - Preview of uploaded content
@@ -172,7 +167,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### State Management
 
 - **Loading States**: Component handles all loading states internally
-
   - Initial waiting state
   - Generation in progress state
   - Upload waiting state
@@ -186,7 +180,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### UI Customization
 
 - **Extensive Styling Options**: Multiple ways to customize appearance
-
   - CSS Variables for global styling
 
   ```css

package/components/ControlsBar.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ImgGenClasses } from '../utils/style-utils.js';
+interface ControlsBarProps {
+    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 editedPrompt: string | null;
+    readonly promptText: string;
+    readonly progress?: number;
+    readonly showDelete?: boolean;
+    readonly versionFlash?: boolean;
+    readonly isRegenerating?: boolean;
+}
+export declare function ControlsBar({ handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes, showControls, editedPrompt, promptText, progress, showDelete, versionFlash, isRegenerating }: ControlsBarProps): React.JSX.Element;
+export {};

package/components/ControlsBar.js

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../utils/style-utils.js';
+import { logDebug } from '../utils/debug.js';
+export function ControlsBar({ handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes = defaultClasses, showControls = true, editedPrompt, promptText, progress = 100, showDelete = true, versionFlash = false, isRegenerating = false, }) {
+    const [showConfirmation, setShowConfirmation] = React.useState(false);
+    const cancelTimerRef = React.useRef(null);
+    const isConfirming = showConfirmation;
+    const onDeleteClick = () => {
+        if (isConfirming) {
+            logDebug('ControlsBar: Delete confirmed, calling handleDeleteConfirm');
+            handleDeleteConfirm();
+            setShowConfirmation(false);
+            if (cancelTimerRef.current) {
+                window.clearTimeout(cancelTimerRef.current);
+                cancelTimerRef.current = null;
+            }
+        }
+        else {
+            logDebug('ControlsBar: Showing delete confirmation');
+            setShowConfirmation(true);
+            cancelTimerRef.current = window.setTimeout(() => {
+                setShowConfirmation(false);
+            }, 6500);
+        }
+    };
+    React.useEffect(() => {
+        return () => {
+            if (cancelTimerRef.current) {
+                window.clearTimeout(cancelTimerRef.current);
+            }
+        };
+    }, []);
+    return (React.createElement(React.Fragment, null, progress < 100 && (React.createElement("div", { className: "imggen-progress", style: {
+            width: `${progress}%`,
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            height: 'var(--imggen-progress-height)',
+            zIndex: 20,
+        } })), React.createElement("div", { className: combineClasses('imggen-controls', classes.controls) }, showControls ? (React.createElement(React.Fragment, null, React.createElement("div", { style: { display: 'flex', gap: '6px', alignItems: 'center', flex: 1 } }, showDelete && (React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' } }, React.createElement("button", { "aria-label": "Delete image", onClick: onDeleteClick, className: combineClasses('imggen-button imggen-delete-button', classes.button), style: {
+            position: 'static',
+            width: 'var(--imggen-button-size)',
+            height: 'var(--imggen-button-size)',
+            backgroundColor: isConfirming ? 'var(--imggen-error-border)' : undefined,
+            color: isConfirming ? 'white' : undefined,
+            opacity: isConfirming ? 1 : undefined,
+        } }), isConfirming && (React.createElement("div", { className: "fade-transition", style: { animationDelay: '6s' } }, React.createElement("button", { onClick: () => {
+            handleDeleteConfirm();
+            setShowConfirmation(false);
+        }, "aria-label": "Confirm delete", style: {
+            fontSize: 'var(--imggen-font-size)',
+            fontWeight: 'bold',
+            whiteSpace: 'nowrap',
+            border: '1px solid var(--imggen-error-border, #ff3333)',
+            background: 'var(--imggen-error-border, #ff3333)',
+            color: 'white',
+            borderRadius: '4px',
+            cursor: 'pointer',
+            padding: '2px 8px',
+        } }, "Delete image"), React.createElement("button", { onClick: () => {
+            logDebug('ControlsBar: Delete canceled');
+            setShowConfirmation(false);
+            if (cancelTimerRef.current) {
+                window.clearTimeout(cancelTimerRef.current);
+            }
+        }, "aria-label": "Cancel delete", style: {
+            fontSize: 'var(--imggen-font-size)',
+            whiteSpace: 'nowrap',
+            border: 'none',
+            background: 'none',
+            color: 'var(--imggen-font-color)',
+            cursor: 'pointer',
+            padding: '0 4px',
+        } }, "Cance")))))), React.createElement("div", { className: "imggen-control-group" }, totalVersions > 1 && (React.createElement("button", { "aria-label": "Previous version", disabled: versionIndex === 0, onClick: handlePrevVersion, className: combineClasses('imggen-button', classes.button) }, "\u25C0")), totalVersions > 1 && (React.createElement("span", { className: `imggen-version-indicator version-indicator ${versionFlash ? 'imggen-version-flash' : ''}`, "aria-live": "polite" }, versionIndex + 1, " / ", totalVersions)), totalVersions > 1 && (React.createElement("button", { "aria-label": "Next version", disabled: versionIndex >= totalVersions - 1, onClick: handleNextVersion, className: combineClasses('imggen-button', classes.button) }, "\u25B6")), React.createElement("button", { "aria-label": "Regenerate image", onClick: () => {
+            handleRegen();
+        }, disabled: isRegenerating, className: combineClasses('imggen-button', classes.button, editedPrompt !== null && editedPrompt.trim() !== promptText
+            ? 'imggen-button-highlight'
+            : '', isRegenerating ? 'imggen-button-disabled' : '') }, React.createElement("span", { className: isRegenerating ? 'imggen-regen-spinning' : '' }, "\u27F3"))))) : progress < 100 ? (React.createElement("div", { className: "imggen-status-text" }, "Generating...")) : null)));
+}
+//# sourceMappingURL=ControlsBar.js.map

package/components/ControlsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsBar.js","sourceRoot":"","sources":["../../jsr/components/ControlsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAgC7C,MAAM,UAAU,WAAW,CAAC,EAC1B,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,OAAO,GAAG,cAAc,EACxB,YAAY,GAAG,IAAI,EACnB,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,GAAG,EACd,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,GACL,EAAE;IAEnB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAGtE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAGzD,MAAM,YAAY,GAAG,gBAAgB,CAAC;IAGtC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;QAC1B,IAAI,YAAY,EAAE,CAAC;YAEjB,QAAQ,CAAC,4DAA4D,CAAC,CAAC;YAEvE,mBAAmB,EAAE,CAAC;YAGtB,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC3B,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC3B,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC5C,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,CAAC;QACH,CAAC;aAAM,CAAC;YAEN,QAAQ,CAAC,0CAA0C,CAAC,CAAC;YACrD,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAG1B,cAAc,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;gBAC/C,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAAA,CAC5B,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IAAA,CACF,CAAC;IAGF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,OAAO,GAAG,EAAE,CAAC;YACX,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC3B,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC9C,CAAC;QAAA,CACF,CAAC;IAAA,CACH,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,0CAEG,QAAQ,GAAG,GAAG,IAAI,CACjB,6BACE,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,QAAQ,GAAG;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,+BAA+B;YACvC,MAAM,EAAE,EAAE;SACX,GACD,CACH,EAGD,6BAAK,SAAS,EAAE,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,QAAQ,CAAC,IAChE,YAAY,CAAC,CAAC,CAAC,CACd,0CAEE,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,IACvE,UAAU,IAAI,CACb,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,IAC/D,8CACa,cAAc,EACzB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,cAAc,CAAC,oCAAoC,EAAE,OAAO,CAAC,MAAM,CAAC,EAC/E,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,2BAA2B;YAClC,MAAM,EAAE,2BAA2B;YACnC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS;YACxE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YACzC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;SACtC,GAGM,EACR,YAAY,IAAI,CACf,6BAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,IAC9D,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,mBAAmB,EAAE,CAAC;YACtB,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAAA,CAC5B,gBACU,gBAAgB,EAC3B,KAAK,EAAE;YACL,QAAQ,EAAE,yBAAyB;YACnC,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,+CAA+C;YACvD,UAAU,EAAE,qCAAqC;YACjD,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,SAAS;SACnB,mBAGM,EACT,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,8BAA8B,CAAC,CAAC;YACzC,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC3B,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC3B,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC9C,CAAC;QAAA,CACF,gBACU,eAAe,EAC1B,KAAK,EAAE;YACL,QAAQ,EAAE,yBAAyB;YACnC,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,0BAA0B;YACjC,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,OAAO;SACjB,YAGM,CACL,CACP,CACG,CACP,CACG,EAGN,6BAAK,SAAS,EAAC,sBAAsB,IAElC,aAAa,GAAG,CAAC,IAAI,CACpB,8CACa,kBAAkB,EAC7B,QAAQ,EAAE,YAAY,KAAK,CAAC,EAC5B,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,aAGnD,CACV,EAGA,aAAa,GAAG,CAAC,IAAI,CACpB,8BACE,SAAS,EAAE,8CACT,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAC1C,EAAE,eACQ,QAAQ,IAEjB,YAAY,GAAG,CAAC,SAAK,aAAa,CAC9B,CACR,EAGA,aAAa,GAAG,CAAC,IAAI,CACpB,8CACa,cAAc,EACzB,QAAQ,EAAE,YAAY,IAAI,aAAa,GAAG,CAAC,EAC3C,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,aAGnD,CACV,EAID,8CACa,kBAAkB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;QAAA,CACf,EACD,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,cAAc,CACvB,eAAe,EACf,OAAO,CAAC,MAAM,EACd,YAAY,KAAK,IAAI,IAAI,YAAY,CAAC,IAAI,EAAE,KAAK,UAAU;YACzD,CAAC,CAAC,yBAAyB;YAC3B,CAAC,CAAC,EAAE,EACN,cAAc,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAC/C,IAED,8BAAM,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,aAAU,CACjE,CACL,CACL,CACJ,CAAC,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,CACnB,6BAAK,SAAS,EAAC,oBAAoB,oBAAoB,CACxD,CAAC,CAAC,CAAC,IAAI,CACJ,CACL,CACJ,CAAC;AAAA,CACH"}

package/{dist/components → components}/ImgGen.css

@@ -17,18 +17,18 @@
   --imggen-button-bg: rgba(255, 255, 255, 0.7);
   --imggen-error-text-body: #ffffff;
   --imggen-delete-hover-color: #ff3333;
-  
+
   /* Dimensions */
   --imggen-border-radius: 8px;
   --imggen-padding: 8px;
   --imggen-button-size: 28px;
   --imggen-progress-height: 8px;
-  
+
   /* Typography */
   --imggen-font-size: 14px;
   --imggen-font-weight: bold;
   --imggen-line-height: 1.5;
-  
+
   /* Effects */
   --imggen-blur-radius: 4px;
   --imggen-transition-speed: 0.2s;
@@ -76,7 +76,9 @@
   border: none;
   cursor: pointer;
   opacity: 0; /* Initially invisible */
-  transition: opacity var(--imggen-transition-speed) ease, transform var(--imggen-transition-speed) ease;
+  transition:
+    opacity var(--imggen-transition-speed) ease,
+    transform var(--imggen-transition-speed) ease;
   padding: 0;
   color: var(--imggen-text-color);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
@@ -299,21 +301,21 @@
 
 /* Version flash animation */
 @keyframes version-flash {
-  0% { 
+  0% {
     color: var(--imggen-text-color);
-    transform: scale(1); 
+    transform: scale(1);
   }
-  30% { 
+  30% {
     color: var(--imggen-flash);
-    transform: scale(1.3); 
+    transform: scale(1.3);
     /* font-weight: bold; */
   }
-  70% { 
+  70% {
     color: var(--imggen-flash);
     transform: scale(1.1);
     font-weight: bold;
   }
-  100% { 
+  100% {
     color: var(--imggen-text-color);
     transform: scale(1);
   }
@@ -325,8 +327,12 @@
 
 /* Regenerate spinner animation */
 @keyframes regen-spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 .imggen-regen-spinning {
@@ -530,7 +536,9 @@
   border-radius: 8px;
   text-align: center;
   cursor: pointer;
-  transition: border-color 0.2s, background-color 0.2s;
+  transition:
+    border-color 0.2s,
+    background-color 0.2s;
   margin-bottom: 1rem;
 }
 

package/components/ImgGen.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { ImageGenOptions } from 'call-ai';
+import { Database } from 'use-fireproof';
+import type { UseImageGenOptions, UseImageGenResult } from '../hooks/image-gen/types.js';
+import { ImgGenClasses } from '../utils/style-utils.js';
+import './ImgGen.css';
+export interface ImgGenProps {
+    readonly prompt: string;
+    readonly _id: string;
+    readonly className: string;
+    readonly alt: string;
+    readonly images: File[];
+    readonly options: ImageGenOptions;
+    readonly database: string | Database;
+    readonly useImageGen: (options: Partial<UseImageGenOptions>) => UseImageGenResult;
+    readonly onComplete: () => void;
+    readonly onError: (error: Error) => void;
+    readonly onDelete: (id: string) => void;
+    readonly onPromptEdit: (id: string, newPrompt: string) => void;
+    readonly classes: ImgGenClasses;
+    readonly onDocumentCreated: (docId: string) => void;
+    readonly debug: boolean;
+}
+export declare function ImgGen(props: Partial<ImgGenProps>): React.ReactElement;
+export default ImgGen;

package/{dist/components → components}/ImgGen.js

@@ -1,55 +1,33 @@
 import * as React from 'react';
 import { v4 as uuid } from 'uuid';
-import { useImageGen } from '../hooks/image-gen/use-image-gen';
+import { useImageGen as defaultUseImageGen } from '../hooks/image-gen/use-image-gen.js';
 import { useFireproof } from 'use-fireproof';
-import { ImgGenPromptWaiting, ImgGenDisplayPlaceholder, ImgGenDisplay, ImgGenError, } from './ImgGenUtils';
-// Import from direct file since the main index.ts might not be updated yet
-import { ImgGenUploadWaiting } from './ImgGenUtils/ImgGenUploadWaiting';
-import { getImgGenMode } from './ImgGenUtils/ImgGenModeUtils';
-import { defaultClasses } from '../utils/style-utils';
-import { logDebug } from '../utils/debug';
+import { ImgGenPromptWaiting, ImgGenDisplayPlaceholder, ImgGenDisplay, ImgGenError, } from './ImgGenUtils.js';
+import { ImgGenUploadWaiting } from './ImgGenUtils/ImgGenUploadWaiting.js';
+import { getImgGenMode } from './ImgGenUtils/ImgGenModeUtils.js';
+import { defaultClasses } from '../utils/style-utils.js';
+import { logDebug } from '../utils/debug.js';
 import './ImgGen.css';
-/**
- * Core implementation of ImgGen component
- * This is the component that gets remounted when the document ID or prompt changes
- */
 function ImgGenCore(props) {
-    // Destructure the props for cleaner code
-    const { prompt, _id, className, alt, images, options, database, onComplete, onError, onDelete, onPromptEdit, onDocumentCreated, classes = defaultClasses, debug, } = props;
-    // Get access to the Fireproof database directly
+    const { prompt, _id, className, alt, images, options, database, onComplete, onError, onDelete, onPromptEdit, onDocumentCreated, classes = defaultClasses, debug, useImageGen, } = props;
     const { database: db } = useFireproof(database || 'ImgGen');
-    // Use a unique generationId to trigger regeneration
-    // This provides a clearer signal when regeneration is needed
     const [generationId, setGenerationId] = React.useState(undefined);
-    // Track the edited prompt to pass to the image generator and show in UI
     const [currentEditedPrompt, setCurrentEditedPrompt] = React.useState(undefined);
-    // Track the document for image generation - use ImageDocument type or Record
     const [imageGenDocument, setImageGenDocument] = React.useState(null);
-    // Merge options with images into a single options object for the hook
     const mergedOptions = React.useMemo(() => (images ? { ...options, images } : options), [options, images]);
-    // Determine the effective prompt to use - either from form submission or props
     const effectivePrompt = currentEditedPrompt || prompt || '';
-    // Check if we should skip image generation based on whether we have prompt or id
-    // Use effectivePrompt instead of just props.prompt
     const shouldSkipGeneration = !effectivePrompt && !_id;
-    // Use the custom hook for all the image generation logic
-    const { imageData, loading, error, progress, document } = useImageGen({
-        // Use the effective prompt that prioritizes form submission
+    const { imageData, loading, error, progress, document } = (useImageGen || defaultUseImageGen)({
         prompt: effectivePrompt,
         _id: _id,
         options: {
             ...mergedOptions,
-            // Include the document with uploaded files for image generation
             ...(imageGenDocument ? { document: imageGenDocument } : {}),
         },
         database,
-        // Use the generationId to signal when we want a new image
         generationId,
-        // We no longer need editedPrompt since we're using effectivePrompt as the main prompt
-        // Skip processing if neither prompt nor _id is provided
         skip: shouldSkipGeneration,
     });
-    // Determine the current display mode based on document state
     const mode = React.useMemo(() => {
         return getImgGenMode({
             document,
@@ -58,7 +36,7 @@ function ImgGenCore(props) {
             error: error || undefined,
             debug,
         });
-    }, [document, effectivePrompt, loading, error, debug]); // Update dependency array
+    }, [document, effectivePrompt, loading, error, debug]);
     if (debug) {
         logDebug('[ImgGenCore] Current mode:', mode, {
             document: !!document,
@@ -68,43 +46,32 @@ function ImgGenCore(props) {
             error: !!error,
         });
     }
-    // When document is generated, use its ID for subsequent operations
-    // This is done through the parent component's remounting logic with uuid()
     React.useEffect(() => {
         if (onComplete && imageData && !loading && !error) {
             onComplete();
         }
     }, [onComplete, imageData, loading, error]);
-    // Handle errors from the image generation hook
     React.useEffect(() => {
         if (onError && error) {
             onError(error);
         }
     }, [onError, error]);
-    // Handle regeneration
     const handleRegen = React.useCallback(() => {
         if (document?._id || _id || prompt) {
-            // Create a new unique ID to trigger regeneration
             const newGenId = crypto.randomUUID();
             setGenerationId(newGenId);
         }
     }, [document, _id, prompt]);
-    // Handle prompt editing
     const handlePromptEdit = React.useCallback(async (id, newPrompt) => {
-        // Update the tracked edited prompt
         setCurrentEditedPrompt(newPrompt);
         try {
-            // First, update the document in the database with the new prompt
             const doc = await db.get(id);
             if (!doc) {
                 logDebug('Document not found:', id);
                 return;
             }
-            // Update prompt structure based on existing document pattern
-            // Support both 'prompt' field (legacy) and new structured 'prompts' pattern
             const updatedDoc = { ...doc };
             if (updatedDoc.prompts) {
-                // Handle new structured prompts with versioning
                 const promptKey = `p${Date.now()}`;
                 updatedDoc.prompts = {
                     ...updatedDoc.prompts,
@@ -113,43 +80,32 @@ function ImgGenCore(props) {
                 updatedDoc.currentPromptKey = promptKey;
             }
             else {
-                // Handle simple legacy prompt field
                 updatedDoc.prompt = newPrompt;
             }
-            // Save the updated document
             await db.put(updatedDoc);
-            // Notify parent component
             if (onPromptEdit) {
                 onPromptEdit(id, newPrompt);
             }
-            // Store the document to be used for generation
-            // This ensures that when the regeneration happens, we have access to the document with uploaded images
             const refreshedDoc = await db.get(id);
-            // Set the document in options before triggering regeneration
             if (refreshedDoc) {
-                // Set a local state variable for the document to be used during regeneration
                 setImageGenDocument(refreshedDoc);
                 if (debug) {
                     logDebug('[ImgGen] Setting document for image generation:', refreshedDoc._id, 'with files:', Object.keys(refreshedDoc._files || {}).filter((key) => key.startsWith('in')));
                 }
             }
-            // Now trigger regeneration with the updated prompt
             handleRegen();
         }
         catch (error) {
             logDebug('Error updating prompt:', error);
         }
     }, [db, handleRegen, onPromptEdit]);
-    // Handle document deletion
     const handleDelete = React.useCallback(async (id) => {
         logDebug('[ImgGen] Attempting to delete document:', id);
         try {
-            // Use await to ensure the operation completes
             const result = await db.del(id);
             if (debug) {
                 logDebug('[ImgGen] Document deletion result:', result);
             }
-            // Notify parent component about deletion
             if (onDelete) {
                 if (debug) {
                     logDebug('[ImgGen] Calling onDelete callback with id:', id);
@@ -161,17 +117,14 @@ function ImgGenCore(props) {
             logDebug('Error deleting document:', error);
         }
     }, [db, onDelete, debug]);
-    // Handle document creation from file uploads
     const handleDocCreated = React.useCallback((docId) => {
         if (debug) {
             logDebug('[ImgGenCore] Document created:', docId);
         }
-        // Call user's callback if provided
         if (onDocumentCreated) {
             onDocumentCreated(docId);
         }
     }, [onDocumentCreated, debug]);
-    // Render function that determines what to show based on current mode
     function renderContent() {
         if (debug) {
             logDebug('[ImgGen Debug] Render state:', {
@@ -183,59 +136,41 @@ function ImgGenCore(props) {
                 imageData: !!imageData,
             });
         }
-        // Render different components based on the current mode
         switch (mode) {
             case 'placeholder': {
-                // Initial state - no document, no prompt
-                // Use the same ImgGenUploadWaiting component that's used in uploadWaiting mode
-                // but without a document (this creates a consistent UI for both entry points)
                 return (React.createElement(ImgGenUploadWaiting, { className: className, classes: classes, debug: debug, database: database, onDocumentCreated: handleDocCreated, onPromptSubmit: (newPrompt) => {
-                        // When a user enters a prompt directly in the initial state
                         if (debug) {
                             logDebug('[ImgGenCore] Prompt submitted from initial view:', newPrompt);
                         }
-                        // Update the edited prompt and generate a new generationId to trigger generation
                         setCurrentEditedPrompt(newPrompt);
                         setGenerationId(uuid());
                     } }));
             }
             case 'uploadWaiting': {
-                // We have a document with uploaded files, waiting for prompt input
                 if (!document || !document._id) {
-                    // This shouldn't happen - go back to placeholder if no document
                     return React.createElement(ImgGenPromptWaiting, { className: className, classes: classes });
                 }
-                // If loading has started, switch to generating view to show progress
                 if (loading) {
                     const displayPrompt = currentEditedPrompt || prompt;
                     return (React.createElement(ImgGenDisplayPlaceholder, { prompt: displayPrompt || '', loading: loading, progress: progress, error: error, className: className, classes: classes }));
                 }
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(ImgGenUploadWaiting, { document: document, className: className, classes: classes, debug: debug, database: database, onFilesAdded: () => {
-                            // Just log if new files were added to the same document
-                            if (debug) {
-                                logDebug('[ImgGenCore] Files added to existing document:', document._id);
-                            }
-                        }, onPromptSubmit: (newPrompt, docId) => {
-                            // Use the docId that's passed from the component if available,
-                            // otherwise fall back to the current document._id
-                            const targetDocId = docId || (document && document._id);
-                            if (debug) {
-                                logDebug('[ImgGenCore] Prompt submitted for existing uploads:', newPrompt);
-                                logDebug('[ImgGenCore] Using document ID:', targetDocId);
-                            }
-                            if (targetDocId) {
-                                // Use the document ID to ensure we're using the correct document with the uploaded images
-                                handlePromptEdit(targetDocId, newPrompt);
-                            }
-                        } })));
+                return (React.createElement(React.Fragment, null, React.createElement(ImgGenUploadWaiting, { document: document, className: className, classes: classes, debug: debug, database: database, onFilesAdded: () => {
+                        if (debug) {
+                            logDebug('[ImgGenCore] Files added to existing document:', document._id);
+                        }
+                    }, onPromptSubmit: (newPrompt, docId) => {
+                        const targetDocId = docId || (document && document._id);
+                        if (debug) {
+                            logDebug('[ImgGenCore] Prompt submitted for existing uploads:', newPrompt);
+                            logDebug('[ImgGenCore] Using document ID:', targetDocId);
+                        }
+                        if (targetDocId) {
+                            handlePromptEdit(targetDocId, newPrompt);
+                        }
+                    } })));
             }
             case 'generating': {
-                // Document with prompt, waiting for generation to complete
-                // Use the edited prompt during generation if available, or fall back to document prompt
-                // Look in three places: 1) edited prompt 2) direct prop 3) document's prompt
                 let displayPrompt = currentEditedPrompt || prompt;
-                // If we still don't have a prompt but have a document with a prompt, use that
                 if (!displayPrompt &&
                     document &&
                     'prompt' in document &&
@@ -253,64 +188,42 @@ function ImgGenCore(props) {
                 return (React.createElement(ImgGenDisplayPlaceholder, { prompt: displayPrompt || '', loading: loading, progress: progress, error: error, className: className, classes: classes }));
             }
             case 'display': {
-                // Document with generated images
                 if (!document || !document._id) {
                     return React.createElement(ImgGenError, { message: "Missing document" });
                 }
-                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 })));
+                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 })));
             }
             case 'error': {
-                // Error state
                 return (React.createElement(ImgGenError, { message: error ? error.message : 'Unknown error', className: className }));
             }
             default: {
-                // Fallback for any unexpected state
                 return React.createElement(ImgGenError, { message: "Unknown state" });
             }
         }
     }
-    // Always render through the render function - no conditional returns in the main component body
     return renderContent();
 }
-/**
- * Main component for generating images with call-ai's imageGen
- * Provides automatic caching, reactive updates, and placeholder handling
- * Uses a mountKey to ensure clean state when switching documents
- */
 export function ImgGen(props) {
-    // Destructure key props for identity-change tracking
-    // classes prop is used via the props spread to ImgGenCore
     const { _id, prompt, debug, onDocumentCreated } = props;
-    // Generate a unique mountKey for this instance
     const [mountKey, setMountKey] = React.useState(() => uuid());
-    // Track document creation from uploads for remounting
     const [uploadedDocId, setUploadedDocId] = React.useState(undefined);
-    // Handle document creation callback - combines user callback with internal state
     const handleDocCreated = React.useCallback((docId) => {
         if (debug)
             logDebug('[ImgGen] Document created:', docId);
-        // Update internal state to trigger remount
         setUploadedDocId(docId);
-        // Call user's callback if provided
         if (onDocumentCreated) {
             if (debug)
                 logDebug('[ImgGen] Calling onDocumentCreated callback');
             onDocumentCreated(docId);
         }
     }, [debug, onDocumentCreated]);
-    // Track previous props/state to detect identity changes
     const prevIdRef = React.useRef(_id);
     const prevPromptRef = React.useRef(prompt);
     const prevUploadedDocIdRef = React.useRef(uploadedDocId);
-    // Update mountKey when document identity changes
     React.useEffect(() => {
         const idChanged = _id !== prevIdRef.current;
         const promptChanged = prompt && prompt !== prevPromptRef.current;
         const uploadedDocIdChanged = uploadedDocId !== prevUploadedDocIdRef.current;
-        // Reset mountKey if we switched documents, or if we're showing a new prompt
-        // with no document ID (which means a brand new generation),
-        // or if we got a new document ID from uploads
         if (idChanged || (!_id && promptChanged) || uploadedDocIdChanged) {
             if (debug) {
                 logDebug('[ImgGen] Identity change detected, generating new mountKey:', {
@@ -325,27 +238,20 @@ export function ImgGen(props) {
                     prevUploadedDocId: prevUploadedDocIdRef.current,
                 });
             }
-            setMountKey(uuid()); // Force a remount of ImgGenCore
+            setMountKey(uuid());
         }
-        // Update refs for next comparison
         prevIdRef.current = _id;
         prevPromptRef.current = prompt;
         prevUploadedDocIdRef.current = uploadedDocId;
     }, [_id, prompt, uploadedDocId, debug]);
-    // Create a merged props object with the document creation handler
     const coreProps = {
         ...props,
         onDocumentCreated: handleDocCreated,
     };
-    // Handle different cases for document identity
     if (uploadedDocId && !_id) {
-        // Always pass the uploadedDocId to ImgGenCore so it can access the document
-        // This ensures the document with uploaded files is accessible
         coreProps._id = uploadedDocId;
     }
-    // Render the core component with a key to force remount when identity changes
     return React.createElement(ImgGenCore, { ...coreProps, key: mountKey });
 }
-// Simple export - no memoization or complex structure
 export default ImgGen;
 //# sourceMappingURL=ImgGen.js.map

package/components/ImgGen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGen.js","sourceRoot":"","sources":["../../jsr/components/ImgGen.tsx"],"names":[],"mappings":"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"}