use-vibes 0.11.2 → 0.12.0-dev-preview

package/README.md

@@ -12,7 +12,6 @@ pnpm add use-vibes
 
 ```jsx
 import { ImgGen } from 'use-vibes';
-import 'use-vibes/style-loader'; // Quick setup for CSS
 
 function MyComponent() {
   // You can use ImgGen without any props - it includes its own form UI
@@ -270,33 +269,9 @@ This guide covers the implementation, configuration, and best practices for usin
 pnpm add use-vibes
 ```
 
-### CSS Setup
+### Styling
 
-The ImgGen component requires CSS styles. You have two options:
-
-#### 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:
-
-```html
-<link rel="stylesheet" href="https://esm.sh/use-vibes@latest/dist/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.
+The ImgGen component uses inline styles with centralized theme constants, so **no separate CSS setup is required**. All styling is self-contained within the component.
 
 ## Basic Usage
 
@@ -472,37 +447,7 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 
 ### 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;
-}
-```
-
-### 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                 |
+The component uses centralized theme constants from `imgGenTheme` for consistent styling. All styles are applied inline using JavaScript objects, eliminating the need for external CSS files.
 
 ### Custom Classes
 

package/index.d.ts

@@ -1,20 +1 @@
-export * from 'use-fireproof';
-import { useFireproof as originalUseFireproof } from 'use-fireproof';
-export declare const useFireproof: typeof originalUseFireproof;
-import { imageGen, callAi, type ImageGenOptions, type ImageResponse } from 'call-ai';
-export { imageGen, callAi, type ImageGenOptions, type ImageResponse };
-export { default as ImgGen } from './components/ImgGen.js';
-export type { ImgGenProps } from './components/ImgGen.js';
-export { ControlsBar } from './components/ControlsBar.js';
-export { useImageGen, hashInput } from './hooks/image-gen/index.js';
-export { type ImgGenClasses, defaultClasses } from './utils/style-utils.js';
-export { base64ToFile } from './utils/base64.js';
-export { PromptBar } from './components/PromptBar.js';
-export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
-export { MODULE_STATE } from './hooks/image-gen/utils.js';
-export { type ImageDocument } from './hooks/image-gen/types.js';
-export { addNewVersion } from './hooks/image-gen/utils.js';
-export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
-export { ImgGenModal } from './components/ImgGenUtils/ImgGenModal.js';
-export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
-export { type UseImageGenOptions, type UseImageGenResult, type PartialImageDocument, } from './hooks/image-gen/types.js';
+export { ImgGen, type ImgGenProps, useFireproof, fireproof, ImgFile, callAI, callAi, type Fireproof, type CallAI, } from '@vibes.diy/use-vibes-base';

package/index.js

@@ -1,21 +1,2 @@
-export * from 'use-fireproof';
-import { useFireproof as originalUseFireproof } from 'use-fireproof';
-export const useFireproof = (...args) => {
-    console.log('Using vibes-customized useFireproof');
-    return originalUseFireproof(...args);
-};
-import { imageGen, callAi } from 'call-ai';
-export { imageGen, callAi };
-export { default as ImgGen } from './components/ImgGen.js';
-export { ControlsBar } from './components/ControlsBar.js';
-export { useImageGen, hashInput } from './hooks/image-gen/index.js';
-export { defaultClasses } from './utils/style-utils.js';
-export { base64ToFile } from './utils/base64.js';
-export { PromptBar } from './components/PromptBar.js';
-export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
-export { MODULE_STATE } from './hooks/image-gen/utils.js';
-export { addNewVersion } from './hooks/image-gen/utils.js';
-export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
-export { ImgGenModal } from './components/ImgGenUtils/ImgGenModal.js';
-export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
+export { ImgGen, useFireproof, fireproof, ImgFile, callAI, callAi, } from '@vibes.diy/use-vibes-base';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAIrE,MAAM,CAAC,MAAM,YAAY,GAAgC,CACvD,GAAG,IAA6C,EAChD,EAAE,CAAC;IACH,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;IACnD,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC,CAAC;AAAA,CACtC,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,MAAM,EAA4C,MAAM,SAAS,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,EAA4C,CAAC;AAGtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGpE,OAAO,EAAsB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAEtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,MAAM,EAIN,YAAY,EACZ,SAAS,EACT,OAAO,EAGP,MAAM,EACN,MAAM,GAKP,MAAM,2BAA2B,CAAC"}

package/package.json

@@ -1,18 +1,8 @@
 {
   "name": "use-vibes",
-  "version": "0.11.2",
+  "version": "0.12.0-dev-preview",
   "type": "module",
   "description": "Transform any DOM element into an AI-powered micro-app",
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js"
-    },
-    "./style-loader": {
-      "types": "./style-loader.d.ts",
-      "import": "./style-loader.js"
-    }
-  },
   "keywords": [
     "ai",
     "dom",
@@ -28,16 +18,14 @@
   ],
   "license": "Apache-2.0",
   "dependencies": {
-    "call-ai": "0.11.2",
-    "use-fireproof": "0.23.5",
-    "uuid": "^11.1.0"
+    "@vibes.diy/use-vibes-base": "^0.12.0-dev-preview"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+    "react": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.31.0",
-    "@fireproof/core-cli": "^0.23.6",
+    "@fireproof/core-cli": "^0.23.11",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.1.0",
@@ -59,16 +47,6 @@
   },
   "scripts": {
     "build": "core-cli tsc",
-    "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",
-    "check": "pnpm lint && pnpm format && pnpm typecheck && pnpm test"
+    "test": "vitest run"
   }
 }

package/tsconfig.json

@@ -7,9 +7,13 @@
     "noEmit": false
   },
   "include": [
+    "**/*",
     "**/*"
   ],
   "exclude": [
+    "../tests/**/*",
+    "node_modules",
+    "dist",
     "node_modules",
     "dist",
     ".git",

package/components/ControlsBar.d.ts

@@ -1,20 +0,0 @@
-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

@@ -1,80 +0,0 @@
-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

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