Add image editor

kotx · Aug 13, 2023 · 61dec7b · 61dec7b
1 parent 9ca453a
commit 61dec7b
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "@uppy/core": "^3.3.1",
     "@uppy/dashboard": "^3.5.0",
     "@uppy/golden-retriever": "^3.1.0",
+    "@uppy/image-editor": "^2.1.2",
     "hono": "^3.4.1",
     "mime": "^3.0.0",
     "ofetch": "^1.1.1"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/client/index.ts b/src/client/index.ts
@@ -1,11 +1,13 @@
 import Uppy from "@uppy/core";
 import Dashboard from "@uppy/dashboard";
 import GoldenRetriever from "@uppy/golden-retriever";
+import ImageEditor from "@uppy/image-editor";
 import S3 from "@uppy/aws-s3";
 import { ofetch } from "ofetch";
 
 import "@uppy/core/dist/style.min.css";
 import "@uppy/dashboard/dist/style.min.css";
+import "@uppy/image-editor/dist/style.min.css";
 
 new Uppy()
   .use(Dashboard, {
@@ -15,6 +17,7 @@ new Uppy()
     showLinkToFileUploadResult: true,
   })
   .use(GoldenRetriever, { serviceWorker: true })
+  .use(ImageEditor, { target: Dashboard, quality: 1.0 })
   .use(S3, {
     // Only use multipart uploads for files larger than 100 MB.
     shouldUseMultipart: true, // TODO: (file) => file.size > 100 * 2 ** 20,