From 3e586e65251f469a223ecc64f9eb6da86ec14db2 Mon Sep 17 00:00:00 2001
From: Martin Guillon <dev@akylas.fr>
Date: Thu, 10 Sep 2026 17:13:38 +0200
Subject: [PATCH] fix(common): decode the crop view image at screen resolution

`CropView` computed its decode size from `Screen.mainScreen.widthDIPs`, but that number
reaches decoders that expect pixels: `decodeWidth` ends up in Fresco's `ResizeOptions`,
and `loadImage`'s `resizeThreshold` in the native processor. On a 1080x2340 screen the
image was therefore decoded at 780px and upscaled to fill the view, so a freshly captured
photo looked far blurrier than the camera preview it replaces.

Reuse `IMAGE_DECODE_HEIGHT`, which is built from `widthPixels`/`heightPixels` and is
already what the rest of the app passes as a decode size.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 app/components/common/CropView.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/components/common/CropView.svelte b/app/components/common/CropView.svelte
index fc43e781..6158e197 100644
--- a/app/components/common/CropView.svelte
+++ b/app/components/common/CropView.svelte
@@ -1,11 +1,11 @@
 <script context="module" lang="ts">
     import { BitmapShader, Canvas, CanvasView, Matrix, Paint, Path, Style, TileMode } from '@nativescript-community/ui-canvas';
-    import { ApplicationSettings, ImageSource, Screen, TouchGestureEventData, Utils } from '@nativescript/core';
+    import { ApplicationSettings, ImageSource, TouchGestureEventData, Utils } from '@nativescript/core';
     import { debounce } from '@nativescript/core/utils';
     import { QRCodeData, QuadPoint, Quads } from 'plugin-nativeprocessor';
     import { onDestroy } from 'svelte';
     import { NativeViewElementNode } from '@nativescript-community/svelte-native/dom';
-    import { MAGNIFIER_SENSITIVITY, SETTINGS_MAGNIFIER_SENSITIVITY } from '~/utils/constants';
+    import { IMAGE_DECODE_HEIGHT, MAGNIFIER_SENSITIVITY, SETTINGS_MAGNIFIER_SENSITIVITY } from '~/utils/constants';
     import { loadImage, recycleImages } from '~/utils/images';
     import { showError } from '@shared/utils/showError';
     import { createEventDispatcher } from '@shared/utils/svelte/ui';
@@ -14,7 +14,8 @@
     import { colorTheme, isEInk } from '~/helpers/theme';
     const padding = 20;
     const ZOOOM_GLASS_SIZE = 50;
-    const ZOOM_IMAGE_MAX_SIZE = Math.max(Screen.mainScreen.widthDIPs, Screen.mainScreen.heightDIPs);
+    // in pixels: it is used as a decode size, both for `loadImage` and for the image view
+    const ZOOM_IMAGE_MAX_SIZE = IMAGE_DECODE_HEIGHT;
 
     declare namespace svelteNative.JSX {
         interface ViewAttributes {