From e94b624fee5c46555e43437282ecc34a4fc47171 Mon Sep 17 00:00:00 2001
From: Maximilian Harz <maxharz@gmail.com>
Date: Fri, 20 Jun 2025 21:20:16 +0200
Subject: [PATCH] Compress images before upload; explore possibilities for
 pasting

---
 .../components/ContributionForm/ContributionForm.vue | 12 +++---------
 webapp/components/Editor/plugins/eventHandler.js     |  3 +++
 webapp/package.json                                  |  1 -
 webapp/yarn.lock                                     | 12 ------------
 4 files changed, 6 insertions(+), 22 deletions(-)

diff --git a/webapp/components/ContributionForm/ContributionForm.vue b/webapp/components/ContributionForm/ContributionForm.vue
index 48140e0a4..2fa02f7a8 100644
--- a/webapp/components/ContributionForm/ContributionForm.vue
+++ b/webapp/components/ContributionForm/ContributionForm.vue
@@ -187,10 +187,9 @@
   </div>
 </template>
 <script>
-import imageCompression from 'browser-image-compression'
 import gql from 'graphql-tag'
 import { mapGetters } from 'vuex'
-import { urlToBlob } from 'image-resize-compress'
+import { urlToBlob, fromBlob, fromURL } from 'image-resize-compress'
 import Editor from '~/components/Editor/Editor'
 import PostMutations from '~/graphql/PostMutations.js'
 import CategoriesSelect from '~/components/CategoriesSelect/CategoriesSelect'
@@ -437,18 +436,13 @@ export default {
             if (!src) {
               return null
             }
-            const blob = await urlToBlob(src[1])
 
-            const compressedBlob = imageCompression(blob, {
-              quality: 0.8,
-              maxWidth: 1920,
-              maxHeight: 1080,
-            })
+            const compressedBlob = await fromURL(src[1], 80)
 
             return {
               upload: compressedBlob,
               name: filename[1],
-              type: 'image/jpeg',
+              type: compressedBlob.type,
             }
           })
           .filter(Boolean),
diff --git a/webapp/components/Editor/plugins/eventHandler.js b/webapp/components/Editor/plugins/eventHandler.js
index 1d823491a..35786bc6d 100644
--- a/webapp/components/Editor/plugins/eventHandler.js
+++ b/webapp/components/Editor/plugins/eventHandler.js
@@ -42,6 +42,9 @@ export default class EventHandler extends Extension {
               .replace(/(\s*<br ?\/?>\s*)+<\/p>/gim, '</p>')
             return html
           },
+          transformPasted(slice) {
+            console.log('#### transformPasted', slice.content)
+          },
           // transformPasted(slice) {
           //   // console.log('#### transformPasted', slice.content)
           //   let content = []
diff --git a/webapp/package.json b/webapp/package.json
index fd8247f9d..163047211 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -34,7 +34,6 @@
     "accounting": "~0.4.1",
     "apollo-cache-inmemory": "~1.6.6",
     "apollo-client": "~2.6.10",
-    "browser-image-compression": "^2.0.2",
     "cookie-universal-nuxt": "~2.2.2",
     "cropperjs": "^1.6.2",
     "cross-env": "~7.0.3",
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 23b7d3cd9..78579adf4 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -6766,13 +6766,6 @@ brorand@^1.0.1, brorand@^1.1.0:
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
   integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
 
-browser-image-compression@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/browser-image-compression/-/browser-image-compression-2.0.2.tgz#4d5ef8882e9e471d6d923715ceb9034499d14eaa"
-  integrity sha512-pBLlQyUf6yB8SmmngrcOw3EoS4RpQ1BcylI3T9Yqn7+4nrQTXJD4sJDe5ODnJdrvNMaio5OicFo75rDyJD2Ucw==
-  dependencies:
-    uzip "0.20201231.0"
-
 browser-process-hrtime@^0.1.2:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-0.1.3.tgz#616f00faef1df7ec1b5bf9cfe2bdc3170f26c7b4"
@@ -19613,11 +19606,6 @@ uvu@^0.5.0:
     kleur "^4.0.3"
     sade "^1.7.3"
 
-uzip@0.20201231.0:
-  version "0.20201231.0"
-  resolved "https://registry.yarnpkg.com/uzip/-/uzip-0.20201231.0.tgz#9e64b065b9a8ebf26eb7583fe8e77e1d9a15ed14"
-  integrity sha512-OZeJfZP+R0z9D6TmBgLq2LHzSSptGMGDGigGiEe0pr8UBe/7fdflgHlHBNDASTXB5jnFuxHpNaJywSg8YFeGng==
-
 v-mapbox@^1.11.2:
   version "1.11.2"
   resolved "https://registry.yarnpkg.com/v-mapbox/-/v-mapbox-1.11.2.tgz#35782aabcd66f459c3223ce4cccf6c862d40e0c9"