Tip: open Gmail draft, review once more, then press send.
+ +Runs the local assets test set and reports OCR accuracy.
+Test set idle.
+No photo loaded yet.
'; - setStatus('Waiting for a photo.'); - return; - } - - currentPhotoFile = file; - const reader = new FileReader(); - reader.onload = () => { - photoPreview.innerHTML = ''; - const img = document.createElement('img'); - img.src = reader.result; - img.alt = 'Water meter preview'; - photoPreview.appendChild(img); - }; - reader.onerror = () => { - photoPreview.innerHTML = 'Preview unavailable.
'; - }; - reader.readAsDataURL(file); - setStatus('Photo ready. Click "Read meter".'); -}); - -readBtn.addEventListener('click', async () => { - if (!currentPhotoFile) { - setStatus('Upload a photo first.'); - return; - } - - if (!window.Tesseract) { - setStatus('OCR library not available. Check your connection and try again.'); - return; - } - - readBtn.disabled = true; - setStatus('Reading image...'); - - try { - const result = await runMeterOcr(currentPhotoFile, (message) => setStatus(message)); - if (result && result.value) { - readingInput.value = result.value; - setStatus(`Reading detected: ${result.value}. Review if needed.`); - updateBody(); - } else { - setStatus('No clear reading detected. Enter it manually.'); - } - } catch (error) { - console.error(error); - setStatus('OCR failed. Enter the reading manually.'); - } finally { - readBtn.disabled = false; - } -}); - -readingInput.addEventListener('input', () => { - const sanitized = readingInput.value.replace(/\D/g, ''); - if (sanitized !== readingInput.value) { - readingInput.value = sanitized; - } - updateBody(); -}); - -readingInput.addEventListener('blur', () => { - updateBody(); -}); - -dateInput.addEventListener('change', () => { - updateBody(); -}); - -toInput.addEventListener('input', () => { - updateMailLinks(); -}); - -subjectInput.addEventListener('input', () => { - subjectTouched = true; - updateMailLinks(); -}); - -bodyInput.addEventListener('input', () => { - bodyTouched = true; - updateMailLinks(); -}); - -if (runTestBtn) { - runTestBtn.addEventListener('click', () => { - runTestSet(); - }); -} - -regenBtn.addEventListener('click', () => { - bodyTouched = false; - subjectTouched = false; - updateSubject({ force: true }); - updateBody({ force: true }); -}); - -sendBtn.addEventListener('click', () => { - if (!sendBtn.dataset.gmailUrl) { - updateMailLinks(); - } - window.open(sendBtn.dataset.gmailUrl, '_blank', 'noopener'); -}); - -const init = () => { - const now = new Date(); - const isoDate = [ - now.getFullYear(), - String(now.getMonth() + 1).padStart(2, '0'), - String(now.getDate()).padStart(2, '0') - ].join('-'); - - dateInput.value = isoDate; - fromInput.value = fromInput.value || 'andrea.panizza75@gmail.com'; - - updateSubject({ force: true }); - updateBody({ force: true }); - updateMailLinks(); -}; - -init(); +import './src/main.js'; diff --git a/index.html b/index.html index a5cffa1..8a5d8e3 100644 --- a/index.html +++ b/index.html @@ -148,6 +148,22 @@Test set idle.
+Shows detected meter face, chosen rotation, detected digit strip, and final OCR input crop for each run.
+No debug frames yet.
+