use-vibes 0.4.6 → 0.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -23,7 +23,7 @@ Add a CSS link tag to your HTML:
|
|
|
23
23
|
Or for ESM/CDN environments like importmap scenarios:
|
|
24
24
|
|
|
25
25
|
```html
|
|
26
|
-
<link rel="stylesheet" href="https://esm.sh/use-vibes@0.4.
|
|
26
|
+
<link rel="stylesheet" href="https://esm.sh/use-vibes@0.4.7/dist/components/ImgGen.css" />
|
|
27
27
|
```
|
|
28
28
|
|
|
29
29
|
#### Option B: Automatic CSS loading (convenient for prototyping)
|
|
@@ -58,12 +58,18 @@ function MyComponent() {
|
|
|
58
58
|
|
|
59
59
|
- `prompt`: Text prompt for image generation (required unless `_id` is provided)
|
|
60
60
|
- `_id`: Document ID to load a specific image instead of generating a new one
|
|
61
|
-
- `options
|
|
61
|
+
- `options` (object, optional): Configuration options for image generation
|
|
62
|
+
|
|
63
|
+
- `model` (string, optional): Model to use for image generation, defaults to 'gpt-image-1'
|
|
64
|
+
- `size` (string, optional): Size of the generated image (Must be one of 1024x1024, 1536x1024 (landscape), 1024x1536 (portrait), or 'auto' (default value) for gpt-image-1, and one of 256x256, 512x512, or 1024x1024 for dall-e-2.)
|
|
65
|
+
- `quality` (string, optional): Quality of the generated image (high, medium and low are only supported for gpt-image-1. dall-e-2 only supports standard quality. Defaults to auto.)
|
|
66
|
+
- `debug` (boolean, optional): Enable debug logging, defaults to false
|
|
67
|
+
|
|
62
68
|
- `className`: CSS class name for the image element (optional)
|
|
63
69
|
- `alt`: Alt text for the image (defaults to prompt)
|
|
64
70
|
- `overlay`: Whether to show overlay controls and info button (default: `true`)
|
|
65
71
|
- `database`: Database name or instance to use for storing images (default: `'ImgGen'`)
|
|
66
|
-
- `
|
|
72
|
+
- `onComplete`: Callback when image load completes successfully
|
|
67
73
|
- `onError`: Callback when image load fails, receives the error as parameter
|
|
68
74
|
- `onDelete`: Callback when an image is deleted, receives the document ID
|
|
69
75
|
- `onPromptEdit`: Callback when the prompt is edited, receives document ID and new prompt
|
|
@@ -17,7 +17,7 @@ export interface ImgGenProps {
|
|
|
17
17
|
/** Database name or instance to use for storing images */
|
|
18
18
|
database?: string | Database;
|
|
19
19
|
/** Callback when image load completes successfully */
|
|
20
|
-
|
|
20
|
+
onComplete?: () => void;
|
|
21
21
|
/** Callback when image load fails */
|
|
22
22
|
onError?: (error: Error) => void;
|
|
23
23
|
/** Callback when document is deleted */
|
|
@@ -11,7 +11,7 @@ import './ImgGen.css';
|
|
|
11
11
|
*/
|
|
12
12
|
function ImgGenCore(props) {
|
|
13
13
|
// Destructure the props for cleaner code
|
|
14
|
-
const { prompt, _id, className, alt, options, database,
|
|
14
|
+
const { prompt, _id, className, alt, options, database, onComplete, onError, onDelete, onPromptEdit, classes = defaultClasses, } = props;
|
|
15
15
|
// Get access to the Fireproof database directly
|
|
16
16
|
const { database: db } = useFireproof(database || 'ImgGen');
|
|
17
17
|
// Use a unique generationId to trigger regeneration
|
|
@@ -124,10 +124,10 @@ function ImgGenCore(props) {
|
|
|
124
124
|
}
|
|
125
125
|
else if (document && document._files) {
|
|
126
126
|
// Image generation succeeded - now supports both legacy and versioned files
|
|
127
|
-
|
|
127
|
+
onComplete?.();
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
|
-
}, [loading, error, document,
|
|
130
|
+
}, [loading, error, document, onComplete, onError]);
|
|
131
131
|
// No longer need to detect regeneration completion
|
|
132
132
|
// The generationId approach doesn't require resetting since each regeneration
|
|
133
133
|
// uses a new unique ID, eliminating the need for this effect
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImgGen.js","sourceRoot":"","sources":["../../src/components/ImgGen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAY,MAAM,eAAe,CAAC;AAEvD,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,aAAa,EACb,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAiB,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,cAAc,CAAC;AAwCtB;;;GAGG;AACH,SAAS,UAAU,CAAC,KAAkB;IACpC,yCAAyC;IACzC,MAAM,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,GAAG,EACH,OAAO,EACP,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"ImgGen.js","sourceRoot":"","sources":["../../src/components/ImgGen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAY,MAAM,eAAe,CAAC;AAEvD,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,aAAa,EACb,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAiB,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,cAAc,CAAC;AAwCtB;;;GAGG;AACH,SAAS,UAAU,CAAC,KAAkB;IACpC,yCAAyC;IACzC,MAAM,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,GAAG,EACH,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,GAAG,cAAc,GACzB,GAAG,KAAK,CAAC;IAEV,gDAAgD;IAChD,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,YAAY,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAE5D,oDAAoD;IACpD,6DAA6D;IAC7D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEtF,wEAAwE;IACxE,0FAA0F;IAC1F,MAAM,aAAa,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC;IAEtC,wEAAwE;IACxE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClE,SAAS,CACV,CAAC;IAEF,yDAAyD;IACzD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;QACpE,uFAAuF;QACvF,MAAM,EAAE,MAAM,IAAI,EAAE;QACpB,GAAG,EAAE,GAAG;QACR,OAAO;QACP,QAAQ;QACR,0DAA0D;QAC1D,YAAY;QACZ,mFAAmF;QACnF,YAAY,EAAE,mBAAmB;QACjC,wDAAwD;QACxD,IAAI,EAAE,aAAa;KACpB,CAAC,CAAC;IAEH,mEAAmE;IACnE,2EAA2E;IAE3E,iDAAiD;IACjD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,QAAQ,EAAE,GAAG,IAAI,GAAG,IAAI,MAAM,EAAE,CAAC;YACnC,iDAAiD;YACjD,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;YACrC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,wBAAwB;IACxB,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,KAAK,EAAE,EAAU,EAAE,SAAiB,EAAE,EAAE;QACtC,mCAAmC;QACnC,sBAAsB,CAAC,SAAS,CAAC,CAAC;QAElC,IAAI,CAAC;YACH,iEAAiE;YACjE,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAA6B,CAAC;YAEnE,IAAI,WAAW,EAAE,CAAC;gBAChB,mCAAmC;gBACnC,MAAM,UAAU,GAAG;oBACjB,GAAG,WAAW;oBACd,MAAM,EAAE,SAAS,EAAE,iCAAiC;iBACrD,CAAC;gBAEF,6EAA6E;gBAC7E,IACE,SAAS,IAAI,WAAW;oBACxB,kBAAkB,IAAI,WAAW;oBACjC,WAAW,CAAC,OAAO;oBACnB,WAAW,CAAC,gBAAgB,EAC5B,CAAC;oBACD,qEAAqE;oBACrE,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC;oBAElD,0BAA0B;oBAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;oBAC3D,MAAM,YAAY,GAAG,IAAI,WAAW,EAAE,CAAC;oBAEvC,uBAAuB;oBACvB,cAAc,CAAC,YAAY,CAAC,GAAG;wBAC7B,IAAI,EAAE,SAAS;wBACf,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE;qBACpB,CAAC;oBAEF,qDAAqD;oBACrD,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAC,CAAC;oBAE9D,gDAAgD;oBAChD,uEAAuE;oBACvE,uEAAuE;oBACvE,wCAAwC;oBAExC,+CAA+C;oBAC/C,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;gBACzD,CAAC;gBAED,iDAAiD;gBACjD,MAAM,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC3B,CAAC;YAED,4DAA4D;YAC5D,IAAI,YAAY,EAAE,CAAC;gBACjB,YAAY,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;YAC9B,CAAC;YAED,mDAAmD;YACnD,WAAW,EAAE,CAAC;QAChB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,EACD,CAAC,EAAE,EAAE,YAAY,EAAE,WAAW,CAAC,CAChC,CAAC;IAEF,wBAAwB;IACxB,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,EAAU,EAAE,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,4CAA4C;YAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;aAAM,IAAI,EAAE,EAAE,CAAC;YACd,sCAAsC;YAEtC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;iBACP,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;iBACd,KAAK,CAAC,CAAC,GAAU,EAAE,EAAE;gBACpB,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;QACP,CAAC;aAAM,CAAC;YACN,qCAAqC;QACvC,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf,CAAC;IAEF,uDAAuD;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,IAAI,KAAK,EAAE,CAAC;gBACV,0BAA0B;gBAC1B,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB;YAC7C,CAAC;iBAAM,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;gBACvC,4EAA4E;gBAC5E,UAAU,EAAE,EAAE,CAAC;YACjB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpD,mDAAmD;IACnD,8EAA8E;IAC9E,6DAA6D;IAE7D,+CAA+C;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,8DAA8D;QAC9D,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;QACzE,CAAC;QAED,mFAAmF;QACnF,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;YAChC,gCAAgC;YAChC,kCAAkC;YAClC,yDAAyD;YACzD,yBAAyB;YACzB,8BAA8B;YAC9B,MAAM,OAAO,GACX,GAAG;gBACH,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,gBAAgB;oBAC5C,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,IAAI;oBACnD,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;YAE7B,kEAAkE;YAClE,gDAAgD;YAChD,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;gBAClB,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,QAAQ,CAAC,CAAC;gBACnD,OAAO,2DAAkC,CAAC;YAC5C,CAAC;YAED,OAAO,CACL,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,oBAAC,aAAa,IACZ,QAAQ,EAAE,QAA2C,EACrD,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACZ;gBAGD,OAAO,IAAI,YAAY,IAAI,CAC1B,6BAAK,SAAS,EAAC,2BAA2B;oBAExC,6BACE,SAAS,EAAE,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC9D,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,iBACpB,MAAM,GAClB,CACE,CACP,CACG,CACP,CAAC;QACJ,CAAC;QAED,oEAAoE;QACpE,IAAI,OAAO,IAAI,CAAC,SAAS,IAAI,KAAK,EAAE,CAAC;YACnC,yDAAyD;YACzD,MAAM,aAAa,GAAG,mBAAmB,IAAI,MAAM,CAAC;YAEpD,OAAO,CACL,oBAAC,wBAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,aAAa,EACrB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;QACJ,CAAC;QAED,0CAA0C;QAC1C,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;IAC3C,CAAC,CAAC;IAEF,gGAAgG;IAChG,OAAO,aAAa,EAAE,CAAC;AACzB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,qDAAqD;IACrD,0DAA0D;IAC1D,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE9B,+CAA+C;IAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;IAE7D,kDAAkD;IAClD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAqB,GAAG,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAqB,MAAM,CAAC,CAAC;IAE/D,iDAAiD;IACjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,SAAS,GAAG,GAAG,KAAK,SAAS,CAAC,OAAO,CAAC;QAC5C,MAAM,aAAa,GAAG,MAAM,IAAI,MAAM,KAAK,aAAa,CAAC,OAAO,CAAC;QAEjE,4EAA4E;QAC5E,2DAA2D;QAC3D,IAAI,SAAS,IAAI,CAAC,CAAC,GAAG,IAAI,aAAa,CAAC,EAAE,CAAC;YACzC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,gCAAgC;QACvD,CAAC;QAED,kCAAkC;QAClC,SAAS,CAAC,OAAO,GAAG,GAAG,CAAC;QACxB,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAElB,8EAA8E;IAC9E,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,GAAG,EAAE,QAAQ,GAAI,CAAC;AAClD,CAAC;AAED,sDAAsD;AACtD,eAAe,MAAM,CAAC"}
|