feat: webp and avif attachment previews

inspired by https://kolaente.dev/vikunja/vikunja/pulls/2770

.drone.yml

@@ -626,7 +626,7 @@ steps:
     depends_on: [ generate-config-yaml ]
 
   - name: before-static-build
-    image: techknowlogick/xgo:latest
+    image: techknowlogick/xgo:go-1.22.x
     pull: always
     commands:
       - export PATH=$PATH:$GOPATH/bin
@@ -635,7 +635,7 @@ steps:
     depends_on: [ fetch-tags, mage ]
 
   - name: static-build-windows
-    image: techknowlogick/xgo:latest
+    image: techknowlogick/xgo:go-1.22.x
     pull: always
     environment:
       # This path does not exist. However, when we set the gopath to /go, the build fails. Not sure why.
@@ -651,7 +651,7 @@ steps:
       - frontend-build
 
   - name: static-build-linux
-    image: techknowlogick/xgo:latest
+    image: techknowlogick/xgo:go-1.22.x
     pull: always
     environment:
       # This path does not exist. However, when we set the gopath to /go, the build fails. Not sure why.
@@ -667,7 +667,7 @@ steps:
       - frontend-build
 
   - name: static-build-darwin
-    image: techknowlogick/xgo:latest
+    image: techknowlogick/xgo:go-1.22.x
     pull: always
     environment:
       # This path does not exist. However, when we set the gopath to /go, the build fails. Not sure why.
@@ -693,7 +693,7 @@ steps:
       - ./mage-static release:compress
 
   - name: after-build-static
-    image: techknowlogick/xgo:latest
+    image: techknowlogick/xgo:go-1.22.x
     pull: always
     depends_on:
       - after-build-compress
@@ -1150,7 +1150,7 @@ steps:
   #        - '.cache'
 
   - name: build
-    image: electronuserland/builder:wine-mono
+    image: electronuserland/builder:wine
     pull: true
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -1232,7 +1232,7 @@ steps:
   #        - '.cache'
 
   - name: build
-    image: electronuserland/builder:wine-mono
+    image: electronuserland/builder:wine
     pull: true
     environment:
       PNPM_CACHE_FOLDER: .cache/pnpm
@@ -1400,6 +1400,6 @@ steps:
         - failure
 ---
 kind: signature
-hmac: beadda6de8c397224c60fcac921a2883983383ac564c3a6c7e6d4bf5901112bd
+hmac: ae4047f8bfd7331febeb19ac7f572892dc8e3ea79f0bd8cad501e903c79dd919
 
 ...

Dockerfile

@@ -13,7 +13,7 @@ RUN corepack enable && \
       pnpm install && \
       pnpm run build
 
-FROM --platform=$BUILDPLATFORM techknowlogick/xgo:go-1.21.x AS apibuilder
+FROM --platform=$BUILDPLATFORM techknowlogick/xgo:go-1.22.x AS apibuilder
 
 RUN go install github.com/magefile/mage@latest && \
     mv /go/bin/mage /usr/local/go/bin

frontend/package.json

@@ -138,7 +138,7 @@
     "@types/flexsearch": "0.7.6",
     "@types/is-touch-device": "1.0.3",
     "@types/lodash.clonedeep": "4.5.9",
-    "@types/node": "22.8.6",
+    "@types/node": "22.8.7",
     "@types/sortablejs": "1.15.8",
     "@typescript-eslint/eslint-plugin": "8.12.2",
     "@typescript-eslint/parser": "8.12.2",
@@ -149,7 +149,7 @@
     "@vue/tsconfig": "0.5.1",
     "autoprefixer": "10.4.20",
     "browserslist": "4.24.2",
-    "caniuse-lite": "1.0.30001676",
+    "caniuse-lite": "1.0.30001677",
     "csstype": "3.1.3",
     "cypress": "13.15.1",
     "esbuild": "0.24.0",
@@ -163,7 +163,7 @@
     "postcss-preset-env": "10.0.9",
     "rollup": "4.24.3",
     "rollup-plugin-visualizer": "5.12.0",
-    "sass-embedded": "^1.80.6",
+    "sass-embedded": "1.80.6",
     "start-server-and-test": "2.0.8",
     "typescript": "5.6.3",
     "unplugin-inject-preload": "3.0.0",

frontend/pnpm-lock.yaml

@@ -253,10 +253,10 @@ importers:
         version: 9.1.0
       '@histoire/plugin-screenshot':
         specifier: 0.17.17
-        version: 0.17.17(histoire@0.17.17(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)))
+        version: 0.17.17(histoire@0.17.17(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)))
       '@histoire/plugin-vue':
         specifier: 0.17.17
-        version: 0.17.17(histoire@0.17.17(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)))(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(vue@3.5.12(typescript@5.6.3))
+        version: 0.17.17(histoire@0.17.17(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)))(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(vue@3.5.12(typescript@5.6.3))
       '@tsconfig/node20':
         specifier: 20.1.4
         version: 20.1.4
@@ -276,8 +276,8 @@ importers:
         specifier: 4.5.9
         version: 4.5.9
       '@types/node':
-        specifier: 22.8.6
-        version: 22.8.6
+        specifier: 22.8.7
+        version: 22.8.7
       '@types/sortablejs':
         specifier: 1.15.8
         version: 1.15.8
@@ -289,10 +289,10 @@ importers:
         version: 8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
       '@vitejs/plugin-legacy':
         specifier: 5.4.3
-        version: 5.4.3(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+        version: 5.4.3(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       '@vitejs/plugin-vue':
         specifier: 5.1.4
-        version: 5.1.4(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(vue@3.5.12(typescript@5.6.3))
+        version: 5.1.4(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(vue@3.5.12(typescript@5.6.3))
       '@vue/eslint-config-typescript':
         specifier: 14.1.3
         version: 14.1.3(@typescript-eslint/parser@8.12.2(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3))(eslint-plugin-vue@9.30.0(eslint@9.14.0(jiti@1.21.6)))(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)
@@ -309,8 +309,8 @@ importers:
         specifier: 4.24.2
         version: 4.24.2
       caniuse-lite:
-        specifier: 1.0.30001676
-        version: 1.0.30001676
+        specifier: 1.0.30001677
+        version: 1.0.30001677
       csstype:
         specifier: 3.1.3
         version: 3.1.3
@@ -331,7 +331,7 @@ importers:
         version: 15.8.0
       histoire:
         specifier: 0.17.17
-        version: 0.17.17(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+        version: 0.17.17(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       postcss:
         specifier: 8.4.47
         version: 8.4.47
@@ -351,7 +351,7 @@ importers:
         specifier: 5.12.0
         version: 5.12.0(rollup@4.24.3)
       sass-embedded:
-        specifier: ^1.80.6
+        specifier: 1.80.6
         version: 1.80.6
       start-server-and-test:
         specifier: 2.0.8
@@ -364,19 +364,19 @@ importers:
         version: 3.0.0
       vite:
         specifier: 5.4.10
-        version: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+        version: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
       vite-plugin-pwa:
         specifier: 0.20.5
-        version: 0.20.5(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(workbox-build@7.3.0)(workbox-window@7.3.0)
+        version: 0.20.5(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(workbox-build@7.3.0)(workbox-window@7.3.0)
       vite-plugin-sentry:
         specifier: 1.4.0
-        version: 1.4.0(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+        version: 1.4.0(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       vite-svg-loader:
         specifier: 5.1.0
         version: 5.1.0(vue@3.5.12(typescript@5.6.3))
       vitest:
         specifier: 2.1.4
-        version: 2.1.4(@types/node@22.8.6)(happy-dom@15.8.0)(jsdom@20.0.3)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+        version: 2.1.4(@types/node@22.8.7)(happy-dom@15.8.0)(jsdom@20.0.3)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
       vue-tsc:
         specifier: 2.1.10
         version: 2.1.10(typescript@5.6.3)
@@ -2424,8 +2424,8 @@ packages:
   '@types/minimist@1.2.5':
     resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
 
-  '@types/node@22.8.6':
-    resolution: {integrity: sha512-tosuJYKrIqjQIlVCM4PEGxOmyg3FCPa/fViuJChnGeEIhjA46oy8FMVoF9su1/v8PNs2a8Q0iFNyOx0uOF91nw==}
+  '@types/node@22.8.7':
+    resolution: {integrity: sha512-LidcG+2UeYIWcMuMUpBKOnryBWG/rnmOHQR5apjn8myTQcx3rinFRn7DcIFhMnS0PPFSC6OafdIKEad0lj6U0Q==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -3014,8 +3014,8 @@ packages:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
 
-  caniuse-lite@1.0.30001676:
-    resolution: {integrity: sha512-Qz6zwGCiPghQXGJvgQAem79esjitvJ+CxSbSQkW9H/UX5hg8XM88d4lp2W+MEQ81j+Hip58Il+jGVdazk1z9cw==}
+  caniuse-lite@1.0.30001677:
+    resolution: {integrity: sha512-fmfjsOlJUpMWu+mAAtZZZHz7UEwsUxIIvu1TJfO1HqFQvB/B+ii0xr9B5HpbZY/mC4XZ8SvjHJqtAY6pDPQEog==}
 
   capital-case@1.0.4:
     resolution: {integrity: sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==}
@@ -7867,10 +7867,10 @@ snapshots:
     dependencies:
       '@hapi/hoek': 9.3.0
 
-  '@histoire/app@0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
+  '@histoire/app@0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
     dependencies:
-      '@histoire/controls': 0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
-      '@histoire/shared': 0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      '@histoire/controls': 0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      '@histoire/shared': 0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       '@histoire/vendors': 0.17.17
       '@types/flexsearch': 0.7.6
       flexsearch: 0.7.21
@@ -7878,7 +7878,7 @@ snapshots:
     transitivePeerDependencies:
       - vite
 
-  '@histoire/controls@0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
+  '@histoire/controls@0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
     dependencies:
       '@codemirror/commands': 6.6.0
       '@codemirror/lang-json': 6.0.1
@@ -7887,17 +7887,17 @@ snapshots:
       '@codemirror/state': 6.4.1
       '@codemirror/theme-one-dark': 6.1.2
       '@codemirror/view': 6.33.0
-      '@histoire/shared': 0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      '@histoire/shared': 0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       '@histoire/vendors': 0.17.17
     transitivePeerDependencies:
       - vite
 
-  '@histoire/plugin-screenshot@0.17.17(histoire@0.17.17(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)))':
+  '@histoire/plugin-screenshot@0.17.17(histoire@0.17.17(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)))':
     dependencies:
       capture-website: 2.4.1
       defu: 6.1.4
       fs-extra: 10.1.0
-      histoire: 0.17.17(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      histoire: 0.17.17(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       pathe: 1.1.2
     transitivePeerDependencies:
       - bufferutil
@@ -7905,21 +7905,21 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@histoire/plugin-vue@0.17.17(histoire@0.17.17(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)))(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(vue@3.5.12(typescript@5.6.3))':
+  '@histoire/plugin-vue@0.17.17(histoire@0.17.17(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)))(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(vue@3.5.12(typescript@5.6.3))':
     dependencies:
-      '@histoire/controls': 0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
-      '@histoire/shared': 0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      '@histoire/controls': 0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      '@histoire/shared': 0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       '@histoire/vendors': 0.17.17
       change-case: 4.1.2
       globby: 13.2.2
-      histoire: 0.17.17(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      histoire: 0.17.17(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       launch-editor: 2.8.1
       pathe: 1.1.2
       vue: 3.5.12(typescript@5.6.3)
     transitivePeerDependencies:
       - vite
 
-  '@histoire/shared@0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
+  '@histoire/shared@0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
     dependencies:
       '@histoire/vendors': 0.17.17
       '@types/fs-extra': 9.0.13
@@ -7927,7 +7927,7 @@ snapshots:
       chokidar: 3.6.0
       pathe: 1.1.2
       picocolors: 1.0.1
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
 
   '@histoire/vendors@0.17.17': {}
 
@@ -8640,7 +8640,7 @@ snapshots:
 
   '@types/fs-extra@9.0.13':
     dependencies:
-      '@types/node': 22.8.6
+      '@types/node': 22.8.7
 
   '@types/har-format@1.2.15': {}
 
@@ -8654,7 +8654,7 @@ snapshots:
 
   '@types/keyv@3.1.4':
     dependencies:
-      '@types/node': 22.8.6
+      '@types/node': 22.8.7
 
   '@types/linkify-it@5.0.0': {}
 
@@ -8673,7 +8673,7 @@ snapshots:
 
   '@types/minimist@1.2.5': {}
 
-  '@types/node@22.8.6':
+  '@types/node@22.8.7':
     dependencies:
       undici-types: 6.19.8
 
@@ -8683,7 +8683,7 @@ snapshots:
 
   '@types/responselike@1.0.3':
     dependencies:
-      '@types/node': 22.8.6
+      '@types/node': 22.8.7
 
   '@types/sinonjs__fake-timers@8.1.1': {}
 
@@ -8705,7 +8705,7 @@ snapshots:
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 22.8.6
+      '@types/node': 22.8.7
     optional: true
 
   '@typescript-eslint/eslint-plugin@8.12.1(@typescript-eslint/parser@8.12.1(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3))(eslint@9.14.0(jiti@1.21.6))(typescript@5.6.3)':
@@ -8897,7 +8897,7 @@ snapshots:
       '@typescript-eslint/types': 8.12.2
       eslint-visitor-keys: 3.4.3
 
-  '@vitejs/plugin-legacy@5.4.3(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
+  '@vitejs/plugin-legacy@5.4.3(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/preset-env': 7.26.0(@babel/core@7.26.0)
@@ -8908,13 +8908,13 @@ snapshots:
       regenerator-runtime: 0.14.1
       systemjs: 6.15.1
       terser: 5.31.6
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.1.4(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(vue@3.5.12(typescript@5.6.3))':
+  '@vitejs/plugin-vue@5.1.4(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(vue@3.5.12(typescript@5.6.3))':
     dependencies:
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
       vue: 3.5.12(typescript@5.6.3)
 
   '@vitest/expect@2.1.4':
@@ -8924,13 +8924,13 @@ snapshots:
       chai: 5.1.2
       tinyrainbow: 1.2.0
 
-  '@vitest/mocker@2.1.4(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
+  '@vitest/mocker@2.1.4(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))':
     dependencies:
       '@vitest/spy': 2.1.4
       estree-walker: 3.0.3
       magic-string: 0.30.12
     optionalDependencies:
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
 
   '@vitest/pretty-format@2.1.4':
     dependencies:
@@ -9239,7 +9239,7 @@ snapshots:
   autoprefixer@10.4.20(postcss@8.4.47):
     dependencies:
       browserslist: 4.24.2
-      caniuse-lite: 1.0.30001676
+      caniuse-lite: 1.0.30001677
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.1
@@ -9343,7 +9343,7 @@ snapshots:
 
   browserslist@4.24.2:
     dependencies:
-      caniuse-lite: 1.0.30001676
+      caniuse-lite: 1.0.30001677
       electron-to-chromium: 1.5.47
       node-releases: 2.0.18
       update-browserslist-db: 1.1.1(browserslist@4.24.2)
@@ -9402,7 +9402,7 @@ snapshots:
 
   camelcase@5.3.1: {}
 
-  caniuse-lite@1.0.30001676: {}
+  caniuse-lite@1.0.30001677: {}
 
   capital-case@1.0.4:
     dependencies:
@@ -10598,12 +10598,12 @@ snapshots:
 
   highlight.js@11.8.0: {}
 
-  histoire@0.17.17(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)):
+  histoire@0.17.17(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)):
     dependencies:
       '@akryum/tinypool': 0.3.1
-      '@histoire/app': 0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
-      '@histoire/controls': 0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
-      '@histoire/shared': 0.17.17(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      '@histoire/app': 0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      '@histoire/controls': 0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      '@histoire/shared': 0.17.17(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       '@histoire/vendors': 0.17.17
       '@types/flexsearch': 0.7.6
       '@types/markdown-it': 12.2.3
@@ -10630,8 +10630,8 @@ snapshots:
       sade: 1.8.1
       shiki-es: 0.2.0
       sirv: 2.0.4
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
-      vite-node: 0.34.7(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite-node: 0.34.7(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
     transitivePeerDependencies:
       - '@types/node'
       - bufferutil
@@ -12906,14 +12906,14 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
-  vite-node@0.34.7(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6):
+  vite-node@0.34.7(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7(supports-color@8.1.1)
       mlly: 1.7.1
       pathe: 1.1.2
       picocolors: 1.1.0
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -12925,12 +12925,12 @@ snapshots:
       - supports-color
       - terser
 
-  vite-node@2.1.4(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6):
+  vite-node@2.1.4(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7(supports-color@8.1.1)
       pathe: 1.1.2
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -12942,21 +12942,21 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-pwa@0.20.5(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(workbox-build@7.3.0)(workbox-window@7.3.0):
+  vite-plugin-pwa@0.20.5(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))(workbox-build@7.3.0)(workbox-window@7.3.0):
     dependencies:
       debug: 4.3.6
       pretty-bytes: 6.1.1
       tinyglobby: 0.2.5
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
       workbox-build: 7.3.0
       workbox-window: 7.3.0
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-sentry@1.4.0(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)):
+  vite-plugin-sentry@1.4.0(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)):
     dependencies:
       '@sentry/cli': 2.33.1
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -12966,22 +12966,22 @@ snapshots:
       svgo: 3.3.2
       vue: 3.5.12(typescript@5.6.3)
 
-  vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6):
+  vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.47
       rollup: 4.24.3
     optionalDependencies:
-      '@types/node': 22.8.6
+      '@types/node': 22.8.7
       fsevents: 2.3.3
       sass: 1.80.6
       sass-embedded: 1.80.6
       terser: 5.31.6
 
-  vitest@2.1.4(@types/node@22.8.6)(happy-dom@15.8.0)(jsdom@20.0.3)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6):
+  vitest@2.1.4(@types/node@22.8.7)(happy-dom@15.8.0)(jsdom@20.0.3)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6):
     dependencies:
       '@vitest/expect': 2.1.4
-      '@vitest/mocker': 2.1.4(vite@5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
+      '@vitest/mocker': 2.1.4(vite@5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6))
       '@vitest/pretty-format': 2.1.4
       '@vitest/runner': 2.1.4
       '@vitest/snapshot': 2.1.4
@@ -12997,11 +12997,11 @@ snapshots:
       tinyexec: 0.3.1
       tinypool: 1.0.1
       tinyrainbow: 1.2.0
-      vite: 5.4.10(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
-      vite-node: 2.1.4(@types/node@22.8.6)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite: 5.4.10(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
+      vite-node: 2.1.4(@types/node@22.8.7)(sass-embedded@1.80.6)(sass@1.80.6)(terser@5.31.6)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 22.8.6
+      '@types/node': 22.8.7
       happy-dom: 15.8.0
       jsdom: 20.0.3
     transitivePeerDependencies:

frontend/src/models/attachment.ts

@@ -5,7 +5,7 @@ import type { IUser } from '@/modelTypes/IUser'
 import type { IFile } from '@/modelTypes/IFile'
 import type { IAttachment } from '@/modelTypes/IAttachment'
 
-export const SUPPORTED_IMAGE_SUFFIX = ['.jpeg', '.jpg', '.png', '.bmp', '.gif']
+export const SUPPORTED_IMAGE_SUFFIX = ['.jpeg', '.jpg', '.png', '.bmp', '.gif', '.webp', '.avif']
 
 export function canPreview(attachment: IAttachment): boolean {
 	return SUPPORTED_IMAGE_SUFFIX.some((suffix) => attachment.file.name.toLowerCase().endsWith(suffix))

frontend/vite.config.ts

@@ -93,11 +93,15 @@ export default defineConfig(({mode}) => {
 		},
 		css: {
 			preprocessorOptions: {
+				sass: {
+					api: 'modern-compiler',
+					quietDeps: true, // silence deprecation warnings
+				},
 				scss: {
 					api: 'modern-compiler',
 					additionalData: PREFIXED_SCSS_STYLES,
 					charset: false, // fixes  "@charset" must be the first rule in the file" warnings,
-					quietDeps: true, // silence bulmas deprecation warnings
+					quietDeps: true, // silence deprecation warnings
 				},
 			},
 			postcss: {
@@ -219,7 +223,7 @@ export default defineConfig(({mode}) => {
 		build: {
 			target: 'esnext',
 			// required for sentry debugging: tells vite to create source maps
-			sourcemap: true,
+			sourcemap: Boolean(env.SENTRY_AUTH_TOKEN),
 			rollupOptions: {
 				plugins: [
 					visualizer({