use-vibes 0.3.0 → 0.4.0

package/README.md

@@ -8,6 +8,34 @@ A lightweight library that transforms any DOM element into an AI-powered micro-a
 pnpm add use-vibes
 ```
 
+### CSS Loading
+
+The ImgGen component requires CSS styles. You can include them in two ways:
+
+#### Option A: Explicit CSS link (recommended for production)
+
+Add a CSS link tag to your HTML:
+
+```html
+<link rel="stylesheet" href="/node_modules/use-vibes/dist/components/ImgGen.css" />
+```
+
+Or for ESM/CDN environments like importmap scenarios:
+
+```html
+<link rel="stylesheet" href="https://esm.sh/use-vibes@0.4.0/components/ImgGen.css" />
+```
+
+#### Option B: Automatic CSS loading (convenient for prototyping)
+
+Import the style-loader early in your application:
+
+```js
+import 'use-vibes/style-loader'; // Auto-loads CSS when imported
+```
+
+This approach is perfect for quick prototypes but for production sites, Option A gives you better control over CSS loading order and timing.
+
 ## Components
 
 ### ImgGen
@@ -28,10 +56,120 @@ function MyComponent() {
 
 #### Props
 
-- `prompt`: Text prompt for image generation (required)
+- `prompt`: Text prompt for image generation (required unless `_id` is provided)
+- `_id`: Document ID to load a specific image instead of generating a new one
 - `options`: Options for image generation (optional)
 - `className`: CSS class name for the image element (optional)
 - `alt`: Alt text for the image (defaults to prompt)
+- `overlay`: Whether to show overlay controls and info button (default: `true`)
+- `database`: Database name or instance to use for storing images (default: `'ImgGen'`)
+- `onLoad`: Callback when image load completes successfully
+- `onError`: Callback when image load fails, receives the error as parameter
+- `onDelete`: Callback when an image is deleted, receives the document ID
+- `onPromptEdit`: Callback when the prompt is edited, receives document ID and new prompt
+- `editedPrompt`: Custom prompt text to use for regeneration (overrides document prompt)
+- `generationId`: Optional ID to trigger regeneration of existing images
+- `classes`: Object containing custom CSS classes for styling component parts (see Styling section)
+
+#### Features
+
+##### Overlay Controls
+
+By default, the ImgGen component shows an info button in the bottom-left corner. Clicking it reveals an overlay with:
+
+- The prompt text (double-clickable to edit)
+- Version navigation buttons (if multiple versions exist)
+- Refresh button to generate a new version
+- Delete button
+
+Setting `overlay={false}` will hide all these controls, showing only the image.
+
+##### Prompt Editing
+
+Double-click the prompt text in the overlay to edit it. Press Enter to submit changes and regenerate the image with the new prompt.
+
+##### Image Regeneration
+
+When regenerating images, the component will:
+- Use the edited prompt if one has been provided (via `editedPrompt` prop, `onPromptEdit` callback, or direct editing in the UI)
+- Fall back to the original prompt from the document if no edits were made
+- Preserve versions under the same document ID to maintain history
+- Add the new image as a version to the existing document instead of creating a new one
+
+This allows for iterative refinement of images while maintaining version history.
+
+#### Styling
+
+The ImgGen component uses CSS custom properties (variables) for styling, making it easy to customize the appearance while maintaining consistency. There are two primary ways to customize styling:
+
+##### 1. CSS Variables
+
+Override the default styles by setting CSS custom properties in your CSS:
+
+```css
+/* In your CSS file */
+:root {
+  --imggen-text-color: #222;
+  --imggen-overlay-bg: rgba(245, 245, 245, 0.85);
+  --imggen-accent: #0088ff;
+  --imggen-border-radius: 4px;
+}
+
+/* Dark theme example */
+.dark-theme {
+  --imggen-text-color: #f0f0f0;
+  --imggen-overlay-bg: rgba(25, 25, 25, 0.85);
+  --imggen-accent: #66b2ff;
+}
+```
+
+##### 2. Custom Classes
+
+For more granular control, provide a `classes` object with custom CSS classes for specific component parts:
+
+```jsx
+<ImgGen
+  prompt="A futuristic cityscape"
+  classes={{
+    root: 'my-custom-container',
+    image: 'rounded-xl shadow-lg',
+    overlay: 'bg-slate-800/70 text-white',
+    progress: 'h-2 bg-green-500',
+    button: 'hover:bg-blue-600',
+  }}
+/>
+```
+
+The component uses these classes in addition to the default ones, allowing you to extend or override styles as needed.
+
+##### Available CSS Variables
+
+| Variable                 | Default                    | Description                       |
+| ------------------------ | -------------------------- | --------------------------------- |
+| `--imggen-text-color`    | `#333`                     | Main text color                   |
+| `--imggen-background`    | `#333333`                  | Background color for placeholder  |
+| `--imggen-overlay-bg`    | `rgba(255, 255, 255, 0.5)` | Overlay panel background          |
+| `--imggen-accent`        | `#0066cc`                  | Accent color (progress bar, etc.) |
+| `--imggen-error-text`    | `#ff6666`                  | Error message text color          |
+| `--imggen-border-radius` | `8px`                      | Border radius for containers      |
+| `--imggen-button-bg`     | `rgba(255, 255, 255, 0.7)` | Button background color           |
+| `--imggen-font-size`     | `14px`                     | Default font size                 |
+
+##### Available Class Slots
+
+| Class Property  | Description                      |
+| --------------- | -------------------------------- |
+| `root`          | Main container element           |
+| `image`         | The image element                |
+| `container`     | Container for image and controls |
+| `overlay`       | Overlay panel with controls      |
+| `progress`      | Progress indicator               |
+| `placeholder`   | Placeholder shown during loading |
+| `error`         | Error message container          |
+| `controls`      | Control buttons container        |
+| `button`        | Individual buttons               |
+| `prompt`        | Prompt text/input container      |
+| `deleteOverlay` | Delete confirmation dialog       |
 
 ## Development
 
@@ -46,6 +184,19 @@ pnpm build
 pnpm test
 ```
 
+### Testing Notes
+
+When writing tests for components that use the image generation functionality:
+
+- Use the provided mock implementations for `call-ai` and `use-fireproof`
+- Wrap React state updates in `act()` to prevent test warnings
+- Use `vi.useFakeTimers()` and `vi.advanceTimersByTime()` to control async behavior
+- Be aware that `imageGen` API calls need to be properly mocked
+
+### Browser Compatibility
+
+This library is compatible with all modern browsers that support React 18+ and ES6 features.
+
 ## License
 
 MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-vibes",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "description": "Transform any DOM element into an AI-powered micro-app",
   "main": "dist/index.js",
@@ -8,10 +8,16 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
+      "require": "./dist/index.js"
+    },
+    "./style-loader": {
+      "types": "./dist/style-loader.d.ts",
+      "import": "./dist/style-loader.js",
+      "require": "./dist/style-loader.js"
+    },
+    "./components/ImgGen.css": "./dist/components/ImgGen.css"
   },
   "files": [
     "dist"
@@ -28,7 +34,9 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "call-ai": "^0.10.0"
+    "call-ai": "^0.10.1",
+    "use-fireproof": "^0.20.4",
+    "uuid": "^11.1.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -37,19 +45,32 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.2",
+    "@typescript-eslint/eslint-plugin": "^8.32.1",
+    "@typescript-eslint/parser": "^8.32.1",
     "@vitejs/plugin-react": "^4.4.1",
     "eslint": "^8.56.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-react": "^7.37.5",
     "jsdom": "^26.1.0",
+    "prettier": "^3.5.3",
+    "react-dom": "^19.1.0",
     "rimraf": "^5.0.5",
     "typescript": "^5.3.3",
     "vitest": "^1.2.2"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "pnpm clean && tsc && pnpm copy-css",
+    "copy-css": "mkdir -p dist/components && cp src/components/ImgGen.css dist/components/",
+    "build:watch": "tsc --watch",
+    "dev:build": "tsc --watch",
     "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix --rule 'no-unused-vars: 1' --rule 'no-empty: 1' --rule '@typescript-eslint/no-unused-vars: 1'",
+    "format": "prettier --write \"./**/*.{js,jsx,ts,tsx,json,md}\"",
     "test": "vitest run",
     "test:watch": "vitest",
     "clean": "rimraf dist",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "check": "pnpm lint && pnpm format && pnpm typecheck && pnpm test"
   }
 }

package/dist/components/ImgGen.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { ImageGenOptions, ImageResponse } from 'call-ai';
-export interface ImgGenProps {
-    /** Text prompt for image generation (required) */
-    prompt: string;
-    /** Options for image generation (optional) */
-    options?: ImageGenOptions;
-    /** Callback to retrieve cached data before load (optional) */
-    beforeLoad?: (key: string) => ImageResponse | null | Promise<ImageResponse | null>;
-    /** Callback when image data is loaded (optional) */
-    onLoad?: (response: ImageResponse) => void;
-    /** CSS class name for the image element (optional) */
-    className?: string;
-    /** Alt text for the image (defaults to prompt) */
-    alt?: string;
-}
-/**
- * React component for generating images with call-ai's imageGen
- * Provides automatic caching, reactive updates, and placeholder handling
- */
-export declare const ImgGen: React.FC<ImgGenProps>;
-export default ImgGen;

package/dist/components/ImgGen.js

@@ -1,168 +0,0 @@
-import React, { useEffect, useState, useRef } from 'react';
-import { imageGen } from 'call-ai';
-/**
- * Hash function to create a key from the prompt string
- * @param prompt The prompt string to hash
- * @returns A string hash of the prompt
- */
-function hashPrompt(prompt) {
-    let hash = 0;
-    for (let i = 0; i < prompt.length; i++) {
-        const char = prompt.charCodeAt(i);
-        hash = (hash << 5) - hash + char;
-        hash = hash & hash; // Convert to 32bit integer
-    }
-    return hash.toString(16);
-}
-// Default cache implementation using localStorage
-const defaultCacheImpl = {
-    get: (key) => {
-        try {
-            const data = localStorage.getItem(`imggen-${key}`);
-            return data ? JSON.parse(data) : null;
-        }
-        catch (e) {
-            console.error('Error retrieving from ImgGen cache', e);
-            return null;
-        }
-    },
-    set: (key, value) => {
-        try {
-            localStorage.setItem(`imggen-${key}`, JSON.stringify(value));
-        }
-        catch (e) {
-            console.error('Error storing in ImgGen cache', e);
-        }
-    },
-};
-/**
- * React component for generating images with call-ai's imageGen
- * Provides automatic caching, reactive updates, and placeholder handling
- */
-export const ImgGen = ({ prompt, options = {}, beforeLoad, onLoad, className = '', alt, }) => {
-    const [imageData, setImageData] = useState(null);
-    const [loading, setLoading] = useState(false);
-    const [progress, setProgress] = useState(0);
-    const [error, setError] = useState(null);
-    const progressTimerRef = useRef(null);
-    const promptKey = hashPrompt(prompt);
-    const size = options?.size || '1024x1024';
-    const [width, height] = size.split('x').map(Number);
-    // Reset state when prompt or options change
-    useEffect(() => {
-        setImageData(null);
-        setError(null);
-        setProgress(0);
-        // Clear any existing progress timer
-        if (progressTimerRef.current) {
-            clearInterval(progressTimerRef.current);
-            progressTimerRef.current = null;
-        }
-        // Set up progress timer simulation (45 seconds to completion)
-        // This is just for visual feedback and doesn't reflect actual progress
-        const timer = setInterval(() => {
-            setProgress((prev) => {
-                const next = prev + (100 - prev) * 0.05;
-                return next > 99 ? 99 : next;
-            });
-        }, 1000);
-        progressTimerRef.current = timer;
-        // Cleanup on unmount or when dependencies change
-        return () => {
-            if (progressTimerRef.current) {
-                clearInterval(progressTimerRef.current);
-            }
-        };
-    }, [prompt, JSON.stringify(options)]);
-    // Generate the image when prompt or options change
-    useEffect(() => {
-        let isMounted = true;
-        // Don't generate image if prompt is falsy
-        if (!prompt) {
-            setLoading(false);
-            return;
-        }
-        const generateImage = async () => {
-            try {
-                setLoading(true);
-                // Try to get from cache via the beforeLoad callback if provided
-                let data = null;
-                if (beforeLoad) {
-                    data = await beforeLoad(promptKey);
-                }
-                else {
-                    // Use default cache implementation
-                    data = defaultCacheImpl.get(promptKey);
-                }
-                // If no data in cache, generate new image
-                if (!data) {
-                    // Use the actual imageGen function from call-ai
-                    data = await imageGen(prompt, options);
-                    // Cache the result using default implementation
-                    // if beforeLoad wasn't provided
-                    if (!beforeLoad) {
-                        defaultCacheImpl.set(promptKey, data);
-                    }
-                }
-                // Update state with the image data
-                if (isMounted && data) {
-                    setImageData(data.data[0].b64_json);
-                    setProgress(100);
-                    // Clear progress timer
-                    if (progressTimerRef.current) {
-                        clearInterval(progressTimerRef.current);
-                        progressTimerRef.current = null;
-                    }
-                    // Call onLoad callback if provided
-                    if (onLoad) {
-                        onLoad(data);
-                    }
-                }
-            }
-            catch (err) {
-                if (isMounted) {
-                    setError(err instanceof Error ? err : new Error(String(err)));
-                }
-            }
-            finally {
-                if (isMounted) {
-                    setLoading(false);
-                }
-            }
-        };
-        generateImage();
-        return () => {
-            isMounted = false;
-        };
-    }, [prompt, JSON.stringify(options), promptKey, beforeLoad, onLoad]);
-    // Render placeholder while loading
-    if (loading || !imageData) {
-        return (React.createElement("div", { className: `img-gen-placeholder ${className}`, style: {
-                width: `${width}px`,
-                height: `${height}px`,
-                backgroundColor: '#f0f0f0',
-                position: 'relative',
-                overflow: 'hidden',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-            } },
-            React.createElement("div", { style: {
-                    position: 'absolute',
-                    bottom: 0,
-                    left: 0,
-                    height: '4px',
-                    width: `${progress}%`,
-                    backgroundColor: '#0066cc',
-                    transition: 'width 0.3s ease-in-out',
-                } }),
-            React.createElement("div", { style: { textAlign: 'center', padding: '10px' } }, error ? (React.createElement("div", { className: "img-gen-error" },
-                React.createElement("p", null,
-                    "Error: ",
-                    error.message))) : !prompt ? (React.createElement("div", null, "Waiting for prompt")) : (React.createElement("div", null, "Generating image...")))));
-    }
-    // Render the generated image
-    return (React.createElement("img", { src: `data:image/png;base64,${imageData}`, className: `img-gen ${className}`, alt: alt || prompt, width: width, height: height, style: { maxWidth: '100%' } }));
-};
-export default ImgGen;
-//# sourceMappingURL=ImgGen.js.map

package/dist/components/ImgGen.js.map

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

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-import { imageGen, type ImageGenOptions, type ImageResponse } from 'call-ai';
-export { imageGen, type ImageGenOptions, type ImageResponse };
-export { default as ImgGen } from './components/ImgGen';
-export type { ImgGenProps } from './components/ImgGen';

package/dist/index.js

@@ -1,6 +0,0 @@
-// Re-export specific functions and types from call-ai
-import { imageGen } from 'call-ai';
-export { imageGen };
-// Export ImgGen component
-export { default as ImgGen } from './components/ImgGen';
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,QAAQ,EAA4C,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAA4C,CAAC;AAE9D,0BAA0B;AAC1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC"}