+
+[](https://www.npmjs.com/package/@uppy/image-generator)
+
+
+
+
+**[Read the docs](https://uppy.io/docs/image-generator)** |
+**[Try it](https://uppy.io/examples/)**
+
+Uppy is being developed by the folks at [Transloadit](https://transloadit.com),
+a versatile file encoding service.
+
+## Example
+
+```js
+import Uppy from '@uppy/core'
+import ImageGenerator from '@uppy/image-generator'
+
+const uppy = new Uppy()
+ .use(ImageGenerator, {
+ assemblyOptions: async (prompt) => {
+ const res = await fetch(`/assembly-options?prompt=${encodeURIComponent(prompt)}`)
+ return res.json()
+ }
+ })
+```
+
+## Installation
+
+```bash
+$ npm install @uppy/image-generator
+```
+
+Alternatively, you can also use this plugin in a pre-built bundle from
+Transloadit’s CDN: Edgly. In that case `Uppy` will attach itself to the global
+`window.Uppy` object. See the
+[main Uppy documentation](https://uppy.io/docs/#Installation) for instructions.
+
+## Documentation
+
+Documentation for this plugin can be found on the
+[Uppy website](https://uppy.io/docs/image-generator).
+
+## License
+
+[The MIT License](./LICENSE).
diff --git a/packages/@uppy/image-generator/package.json b/packages/@uppy/image-generator/package.json
new file mode 100644
index 000000000..4b555a518
--- /dev/null
+++ b/packages/@uppy/image-generator/package.json
@@ -0,0 +1,60 @@
+{
+ "name": "@uppy/image-generator",
+ "description": "AI-powered image generation for Uppy",
+ "version": "1.0.0",
+ "license": "MIT",
+ "sideEffects": false,
+ "type": "module",
+ "keywords": [
+ "file uploader",
+ "upload",
+ "uppy",
+ "uppy-plugin",
+ "ai",
+ "image generation"
+ ],
+ "homepage": "https://uppy.io",
+ "bugs": {
+ "url": "https://github.com/transloadit/uppy/issues"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/transloadit/uppy.git"
+ },
+ "files": [
+ "src",
+ "lib",
+ "dist",
+ "CHANGELOG.md"
+ ],
+ "exports": {
+ ".": "./lib/index.js",
+ "./css/style.css": "./dist/style.css",
+ "./css/style.min.css": "./dist/style.min.css",
+ "./package.json": "./package.json"
+ },
+ "scripts": {
+ "build": "tsc --build tsconfig.build.json",
+ "build:css": "sass --load-path=../../ src/style.scss dist/style.css && postcss dist/style.css -u cssnano -o dist/style.min.css",
+ "typecheck": "tsc --build"
+ },
+ "dependencies": {
+ "@uppy/provider-views": "workspace:^",
+ "@uppy/transloadit": "workspace:^",
+ "@uppy/utils": "workspace:^",
+ "preact": "^10.5.13"
+ },
+ "devDependencies": {
+ "@uppy/core": "workspace:^",
+ "cssnano": "^7.0.7",
+ "postcss": "^8.5.6",
+ "postcss-cli": "^11.0.1",
+ "sass": "^1.89.2"
+ },
+ "peerDependencies": {
+ "@uppy/core": "workspace:^"
+ },
+ "publishConfig": {
+ "access": "public"
+ }
+}
diff --git a/packages/@uppy/image-generator/src/index.tsx b/packages/@uppy/image-generator/src/index.tsx
new file mode 100644
index 000000000..8fc002e32
--- /dev/null
+++ b/packages/@uppy/image-generator/src/index.tsx
@@ -0,0 +1,381 @@
+import type { Body, Meta, MinimalRequiredUppyFile, Uppy } from '@uppy/core'
+import { UIPlugin, type UIPluginOptions } from '@uppy/core'
+import { FilterInput, SearchView } from '@uppy/provider-views'
+import {
+ Assembly,
+ type AssemblyResult,
+ Client,
+ type OptionsWithRestructuredFields,
+} from '@uppy/transloadit'
+import { RateLimitedQueue } from '@uppy/utils'
+import type { h } from 'preact'
+import locale from './locale.js'
+
+export interface ImageGeneratorOptions extends UIPluginOptions {
+ // OptionsWithRestructuredFields does not allow string[] for `fields`.
+ // in @uppy/transloadit we do accept that but then immediately use a type assertion to this type
+ // so that's why we just don't allow string[] from the start here
+ assemblyOptions: (prompt: string) => Promise