hh-shipments 0.3.15 → 0.3.16

package/package.json

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

package/public/app.js

@@ -175,6 +175,7 @@ async function ocrFile(file, statusEl) {
 async function handlePhotoFile(f) {
   const target = $('photo-result');
   try {
+    const orig = f;
     f = await shrinkImage(f);
     const url = URL.createObjectURL(f);
     target.innerHTML = `<div class="review"><img src="${url}" style="max-width:100%;border-radius:10px"><p class="muted" id="ocr-live-photo">📷 Scanning barcode…</p></div>`;
@@ -188,7 +189,7 @@ async function handlePhotoFile(f) {
       fd.append('image', f);
       const upPromise = fetchTimeout('/api/intake/image', { method: 'POST', body: fd }, 60000)
         .catch(() => { throw new Error('upload timed out — check your connection and try again'); });
-      topText = await ocrTopStrip(f, $('ocr-status'));
+      topText = await ocrTopStrip(orig, $('ocr-status'));
       const up = await upPromise;
       if (!up.ok) throw new Error('upload failed');
       preset = topText ? { labelText: topText } : undefined;
@@ -275,17 +276,21 @@ function loadZxing() {
 }
 
 // OCR just the top strip of a label (sender block) for the seller name.
-// Small crop = fast. Returns text or null.
-async function ocrTopStrip(file, statusEl) {
+// Works from the ORIGINAL full-resolution image, upscaled — small text
+// reads far better than on the shrunk copy. Returns text or null.
+async function ocrTopStrip(origFile, statusEl) {
   try {
-    const bmp = await createImageBitmap(file);
-    const sh = Math.max(60, Math.round(bmp.height * 0.30));
+    const bmp = await createImageBitmap(origFile);
+    const sw = bmp.width, sh = Math.max(60, Math.round(bmp.height * 0.35));
+    const targetW = 1400, scale = targetW / sw;
     const canvas = document.createElement('canvas');
-    canvas.width = bmp.width;
-    canvas.height = sh;
-    canvas.getContext('2d').drawImage(bmp, 0, 0, bmp.width, sh, 0, 0, bmp.width, sh);
+    canvas.width = targetW;
+    canvas.height = Math.max(60, Math.round(sh * scale));
+    const ctx = canvas.getContext('2d');
+    ctx.imageSmoothingEnabled = true;
+    ctx.drawImage(bmp, 0, 0, sw, sh, 0, 0, targetW, canvas.height);
     bmp.close();
-    const blob = await new Promise((res) => canvas.toBlob(res, 'image/jpeg', 0.9));
+    const blob = await new Promise((res) => canvas.toBlob(res, 'image/jpeg', 0.92));
     if (!blob) return null;
     const p = ocrFile(new File([blob], 'top.jpg', { type: 'image/jpeg' }), statusEl);
     return await Promise.race([p, new Promise((_, rej) => setTimeout(() => rej(new Error('top-strip timeout')), 25000))]);
@@ -355,6 +360,7 @@ async function handlePastedImageFile(f) {
   const target = $('quick-result');
   try {
     // Instant feedback: show a thumbnail + progress the moment the image lands
+    const orig = f;
     f = await shrinkImage(f);
     const url = URL.createObjectURL(f);
     target.innerHTML = `<div class="review"><img src="${url}" style="max-width:100%;border-radius:10px"><p class="muted" id="ocr-live">📷 Scanning barcode…</p></div>`;
@@ -365,13 +371,13 @@ async function handlePastedImageFile(f) {
     if (barcode) {
       text = barcode;
       if (live) live.textContent = '📷 Barcode read — reading sender…';
-      // Number is verified; OCR just the top strip (sender block) for the
-      // name, in parallel with the upload.
+      // Number is verified; OCR the top strip of the ORIGINAL full-res
+      // image (sender block) for the name, in parallel with the upload.
       const fd = new FormData();
       fd.append('image', f);
       const upPromise = fetchTimeout('/api/intake/image', { method: 'POST', body: fd }, 60000)
         .catch(() => { throw new Error('upload timed out — check your connection and try again'); });
-      const topText = await ocrTopStrip(f, $('ocr-status-paste'));
+      const topText = await ocrTopStrip(orig, $('ocr-status-paste'));
       const up = await upPromise;
       if (!up.ok) throw new Error('upload failed');
       if (live) live.textContent = '🔍 Finding tracking number…';