hh-shipments 0.3.20 → 0.3.21

package/package.json

@@ -18,7 +18,7 @@
     "test": "node test/run-tests.js && node test/run-carriers-tests.js"
   },
   "type": "commonjs",
-  "version": "0.3.20",
+  "version": "0.3.21",
   "bin": {
     "hh-shipments": "server.js"
   },

package/public/app.js

@@ -168,9 +168,50 @@ function loadTesseract() {
   return tesseractLoading;
 }
 
+// Tesseract reads dark-text-on-light far better than the reverse. Chat
+// screenshots (dark mode) come out as white-on-black, so detect dark images
+// and invert them before OCR. Light images (labels) pass through untouched.
+async function maybeInvertForOcr(file) {
+  try {
+    const bmp = await createImageBitmap(file);
+    const w = bmp.width, h = bmp.height;
+    const canvas = document.createElement('canvas');
+    // sample at reduced size for speed
+    const sw = Math.min(200, w), sh = Math.min(200, h);
+    canvas.width = sw; canvas.height = sh;
+    const ctx = canvas.getContext('2d', { willReadFrequently: true });
+    ctx.drawImage(bmp, 0, 0, sw, sh);
+    const px = ctx.getImageData(0, 0, sw, sh).data;
+    let sum = 0, n = 0;
+    for (let i = 0; i < px.length; i += 16) {
+      sum += 0.299 * px[i] + 0.587 * px[i + 1] + 0.114 * px[i + 2];
+      n++;
+    }
+    const avg = sum / n;
+    bmp.close();
+    if (avg > 110) return file; // already light — leave it alone
+    // dark image: invert to dark-on-light
+    const c2 = document.createElement('canvas');
+    c2.width = w; c2.height = h;
+    const x2 = c2.getContext('2d');
+    const full = await createImageBitmap(file);
+    x2.drawImage(full, 0, 0);
+    full.close();
+    const img = x2.getImageData(0, 0, w, h);
+    const d = img.data;
+    for (let i = 0; i < d.length; i += 4) {
+      d[i] = 255 - d[i]; d[i + 1] = 255 - d[i + 1]; d[i + 2] = 255 - d[i + 2];
+    }
+    x2.putImageData(img, 0, 0);
+    const blob = await new Promise((res) => c2.toBlob(res, 'image/jpeg', 0.92));
+    return blob ? new File([blob], 'inv.jpg', { type: 'image/jpeg' }) : file;
+  } catch (e) { return file; }
+}
+
 async function ocrFile(file, statusEl) {
   await loadTesseract();
   statusEl.textContent = 'Reading screenshot…';
+  file = await maybeInvertForOcr(file);
   const { data } = await Tesseract.recognize(file, 'eng', { logger: (m) => { if (m.status === 'recognizing text') statusEl.textContent = `Reading… ${Math.round(m.progress * 100)}%`; } });
   statusEl.textContent = '';
   return data.text || '';

package/public/index.html

@@ -4,7 +4,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <meta name="theme-color" content="#0a84ff">
-<meta name="app-version" content="0.3.20">
+<meta name="app-version" content="0.3.21">
 <title>HH Shipments</title>
 <link rel="manifest" href="/manifest.webmanifest">
 <link rel="apple-touch-icon" href="/icon-192.png">