winebox 0.1.2__py3-none-any.whl → 0.1.3__py3-none-any.whl

winebox/static/js/app.js

@@ -17,8 +17,23 @@ document.addEventListener('DOMContentLoaded', () => {
     initModals();
     initAuth();
     checkAuth();
+    loadAppInfo();
 });
 
+// Load app info for footer
+async function loadAppInfo() {
+    try {
+        const response = await fetch('/health');
+        const data = await response.json();
+        const appInfo = document.getElementById('app-info');
+        if (appInfo && data.app_name && data.version) {
+            appInfo.innerHTML = `${data.app_name} <span class="version">v${data.version}</span>`;
+        }
+    } catch (error) {
+        console.log('Could not load app info');
+    }
+}
+
 // Authentication
 function initAuth() {
     // Login form
@@ -26,6 +41,28 @@ function initAuth() {
 
     // Logout button
     document.getElementById('logout-btn').addEventListener('click', handleLogout);
+
+    // Password toggle
+    const passwordToggle = document.querySelector('.password-toggle');
+    if (passwordToggle) {
+        passwordToggle.addEventListener('click', function() {
+            const passwordInput = document.getElementById('login-password');
+            const eyeIcon = this.querySelector('.eye-icon');
+            const eyeOffIcon = this.querySelector('.eye-off-icon');
+
+            if (passwordInput.type === 'password') {
+                passwordInput.type = 'text';
+                eyeIcon.style.display = 'none';
+                eyeOffIcon.style.display = 'block';
+                this.setAttribute('aria-label', 'Hide password');
+            } else {
+                passwordInput.type = 'password';
+                eyeIcon.style.display = 'block';
+                eyeOffIcon.style.display = 'none';
+                this.setAttribute('aria-label', 'Show password');
+            }
+        });
+    }
 }
 
 async function checkAuth() {
@@ -177,6 +214,7 @@ function initForms() {
     checkinForm.addEventListener('reset', () => {
         document.getElementById('front-preview').innerHTML = 'Tap to take photo or select image';
         document.getElementById('back-preview').innerHTML = 'Tap to take photo or select image';
+        clearRawLabelText();
     });
 
     // Image previews - make clickable to trigger file input
@@ -187,9 +225,11 @@ function initForms() {
 
     frontLabel.addEventListener('change', (e) => {
         previewImage(e.target, 'front-preview');
+        scanLabels();
     });
     backLabel.addEventListener('change', (e) => {
         previewImage(e.target, 'back-preview');
+        scanLabels();
     });
 
     // Click on preview to trigger file input
@@ -200,6 +240,25 @@ function initForms() {
         backLabel.click();
     });
 
+    // Label text collapsible toggle
+    const labelTextToggle = document.getElementById('label-text-toggle');
+    if (labelTextToggle) {
+        labelTextToggle.addEventListener('click', () => {
+            const section = document.getElementById('label-text-section');
+            const content = document.getElementById('label-text-content');
+            const icon = section.querySelector('.collapse-icon');
+
+            section.classList.toggle('open');
+            if (section.classList.contains('open')) {
+                content.style.display = 'block';
+                icon.textContent = '-';
+            } else {
+                content.style.display = 'none';
+                icon.textContent = '+';
+            }
+        });
+    }
+
     // Search form
     document.getElementById('search-form').addEventListener('submit', handleSearch);
 
@@ -227,6 +286,141 @@ function previewImage(input, previewId) {
     }
 }
 
+async function scanLabels() {
+    const frontLabel = document.getElementById('front-label');
+
+    // Only scan if front label is present
+    if (!frontLabel.files || !frontLabel.files[0]) {
+        return;
+    }
+
+    const backLabel = document.getElementById('back-label');
+    const formData = new FormData();
+    formData.append('front_label', frontLabel.files[0]);
+
+    if (backLabel.files && backLabel.files[0]) {
+        formData.append('back_label', backLabel.files[0]);
+    }
+
+    // Show scanning indicator
+    showScanningIndicator(true);
+
+    try {
+        const response = await fetchWithAuth(`${API_BASE}/wines/scan`, {
+            method: 'POST',
+            body: formData
+        });
+
+        if (!response.ok) {
+            const error = await response.json();
+            throw new Error(error.detail || 'Scan failed');
+        }
+
+        const result = await response.json();
+        populateFormFromScan(result);
+        const methodName = result.method === 'claude_vision' ? 'Claude Vision' : 'Tesseract OCR';
+        showToast(`Label scanned with ${methodName}`, 'success');
+    } catch (error) {
+        showToast(`Scan failed: ${error.message}`, 'error');
+    } finally {
+        showScanningIndicator(false);
+    }
+}
+
+function populateFormFromScan(result) {
+    const parsed = result.parsed;
+
+    // Update fields with scanned values (overwrites previous scan results)
+    const fields = {
+        'wine-name': parsed.name,
+        'winery': parsed.winery,
+        'vintage': parsed.vintage,
+        'grape-variety': parsed.grape_variety,
+        'region': parsed.region,
+        'country': parsed.country,
+        'alcohol': parsed.alcohol_percentage
+    };
+
+    for (const [fieldId, value] of Object.entries(fields)) {
+        const input = document.getElementById(fieldId);
+        if (input && value !== null && value !== undefined) {
+            input.value = value;
+            // Add visual indicator that field was auto-filled
+            input.classList.add('auto-filled');
+            setTimeout(() => input.classList.remove('auto-filled'), 2000);
+        }
+    }
+
+    // Populate raw label text section
+    populateRawLabelText(result.ocr, result.method);
+}
+
+function populateRawLabelText(ocr, method) {
+    const section = document.getElementById('label-text-section');
+    const frontText = document.getElementById('raw-front-label-text');
+    const backSection = document.getElementById('raw-back-label-section');
+    const backText = document.getElementById('raw-back-label-text');
+    const header = section.querySelector('h3');
+
+    // Update header to show scan method
+    const methodName = method === 'claude_vision' ? 'Claude Vision' : 'Tesseract OCR';
+    header.innerHTML = `Raw Label Text <span class="scan-method-badge">${methodName}</span>`;
+
+    if (ocr.front_label_text) {
+        frontText.textContent = ocr.front_label_text;
+        section.style.display = 'block';
+    }
+
+    if (ocr.back_label_text) {
+        backText.textContent = ocr.back_label_text;
+        backSection.style.display = 'block';
+    } else {
+        backSection.style.display = 'none';
+    }
+}
+
+function clearRawLabelText() {
+    const section = document.getElementById('label-text-section');
+    const frontText = document.getElementById('raw-front-label-text');
+    const backSection = document.getElementById('raw-back-label-section');
+    const backText = document.getElementById('raw-back-label-text');
+
+    section.style.display = 'none';
+    section.classList.remove('open');
+    document.getElementById('label-text-content').style.display = 'none';
+    document.querySelector('#label-text-section .collapse-icon').textContent = '+';
+    frontText.textContent = '';
+    backText.textContent = '';
+    backSection.style.display = 'none';
+}
+
+function showScanningIndicator(show) {
+    const submitBtn = document.querySelector('#checkin-form button[type="submit"]');
+    const formNote = document.querySelector('#checkin-form .form-note');
+
+    if (show) {
+        if (submitBtn) {
+            submitBtn.disabled = true;
+            submitBtn.dataset.originalText = submitBtn.textContent;
+            submitBtn.textContent = 'Scanning...';
+        }
+        if (formNote) {
+            formNote.dataset.originalText = formNote.textContent;
+            formNote.textContent = 'Analyzing label with Claude Vision...';
+            formNote.classList.add('scanning');
+        }
+    } else {
+        if (submitBtn) {
+            submitBtn.disabled = false;
+            submitBtn.textContent = submitBtn.dataset.originalText || 'Check In Wine';
+        }
+        if (formNote) {
+            formNote.textContent = formNote.dataset.originalText || 'Leave fields blank to use OCR-detected values';
+            formNote.classList.remove('scanning');
+        }
+    }
+}
+
 async function handleCheckin(e) {
     e.preventDefault();
     const form = e.target;
@@ -244,14 +438,74 @@ async function handleCheckin(e) {
         }
 
         const wine = await response.json();
-        showToast(`Successfully checked in: ${wine.name}`, 'success');
+        showCheckinConfirmation(wine);
         form.reset();
-        navigateTo('cellar');
     } catch (error) {
         showToast(error.message, 'error');
     }
 }
 
+function showCheckinConfirmation(wine) {
+    const modal = document.getElementById('checkin-confirm-modal');
+
+    // Set wine name
+    document.getElementById('checkin-confirm-name').textContent = wine.name;
+
+    // Set image
+    const imageContainer = document.getElementById('checkin-confirm-image');
+    if (wine.front_label_image_path) {
+        imageContainer.innerHTML = `<img src="${API_BASE}/images/${wine.front_label_image_path}" alt="Wine label">`;
+    } else {
+        imageContainer.innerHTML = '<div style="display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);">No image</div>';
+    }
+
+    // Set parsed fields
+    const fieldsContainer = document.getElementById('checkin-confirm-fields');
+    const fields = [
+        { label: 'Winery', value: wine.winery },
+        { label: 'Vintage', value: wine.vintage },
+        { label: 'Grape Variety', value: wine.grape_variety },
+        { label: 'Region', value: wine.region },
+        { label: 'Country', value: wine.country },
+        { label: 'Alcohol %', value: wine.alcohol_percentage ? `${wine.alcohol_percentage}%` : null },
+        { label: 'Quantity', value: wine.inventory?.quantity || 1 }
+    ];
+
+    fieldsContainer.innerHTML = fields.map(field => `
+        <div class="checkin-confirm-field">
+            <div class="label">${field.label}</div>
+            <div class="value ${field.value ? '' : 'empty'}">${field.value || 'Not detected'}</div>
+        </div>
+    `).join('');
+
+    // Set OCR text
+    document.getElementById('checkin-confirm-front-ocr').textContent = wine.front_label_text || 'No text extracted';
+
+    const backOcrSection = document.getElementById('checkin-confirm-back-ocr-section');
+    if (wine.back_label_text) {
+        backOcrSection.style.display = 'block';
+        document.getElementById('checkin-confirm-back-ocr').textContent = wine.back_label_text;
+    } else {
+        backOcrSection.style.display = 'none';
+    }
+
+    // Show modal
+    modal.classList.add('active');
+
+    // Set up button handlers
+    document.getElementById('checkin-confirm-done').onclick = () => {
+        modal.classList.remove('active');
+        navigateTo('cellar');
+    };
+
+    document.getElementById('checkin-confirm-another').onclick = () => {
+        modal.classList.remove('active');
+        // Reset form previews
+        document.getElementById('front-preview').innerHTML = 'Tap to take photo or select image';
+        document.getElementById('back-preview').innerHTML = 'Tap to take photo or select image';
+    };
+}
+
 async function handleSearch(e) {
     e.preventDefault();
     const form = e.target;
@@ -558,9 +812,25 @@ async function showWineDetail(wineId) {
                 ` : ''}
 
                 ${wine.front_label_text ? `
-                    <div class="wine-detail-field">
-                        <div class="label">OCR Text (Front Label)</div>
-                        <div class="wine-detail-ocr">${wine.front_label_text}</div>
+                    <div class="wine-detail-label-text collapsible">
+                        <div class="collapsible-header" onclick="toggleWineDetailLabelText(this)">
+                            <span class="label">Show Raw Label Text</span>
+                            <span class="collapse-icon">+</span>
+                        </div>
+                        <div class="collapsible-content" style="display: none;">
+                            <div class="ocr-raw-text">
+                                <div class="ocr-raw-section">
+                                    <label>Front Label:</label>
+                                    <pre>${escapeHtml(wine.front_label_text)}</pre>
+                                </div>
+                                ${wine.back_label_text ? `
+                                    <div class="ocr-raw-section">
+                                        <label>Back Label:</label>
+                                        <pre>${escapeHtml(wine.back_label_text)}</pre>
+                                    </div>
+                                ` : ''}
+                            </div>
+                        </div>
                     </div>
                 ` : ''}
 
@@ -678,6 +948,30 @@ function formatDate(dateString) {
     });
 }
 
+function escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;
+    return div.innerHTML;
+}
+
+function toggleWineDetailLabelText(header) {
+    const section = header.parentElement;
+    const content = section.querySelector('.collapsible-content');
+    const icon = header.querySelector('.collapse-icon');
+    const label = header.querySelector('.label');
+
+    section.classList.toggle('open');
+    if (section.classList.contains('open')) {
+        content.style.display = 'block';
+        icon.textContent = '-';
+        label.textContent = 'Hide Raw Label Text';
+    } else {
+        content.style.display = 'none';
+        icon.textContent = '+';
+        label.textContent = 'Show Raw Label Text';
+    }
+}
+
 function showToast(message, type = 'info') {
     const container = document.getElementById('toast-container');
     const toast = document.createElement('div');

{winebox-0.1.2.dist-info → winebox-0.1.3.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: winebox
-Version: 0.1.2
+Version: 0.1.3
 Summary: Wine Cellar Management Application with OCR label scanning
 Project-URL: Homepage, https://github.com/jdrumgoole/winebox
 Project-URL: Repository, https://github.com/jdrumgoole/winebox
@@ -22,6 +22,7 @@ Classifier: Topic :: Home Automation
 Requires-Python: >=3.11
 Requires-Dist: aiofiles>=23.0.0
 Requires-Dist: aiosqlite>=0.19.0
+Requires-Dist: anthropic>=0.40.0
 Requires-Dist: bcrypt<4.1.0,>=4.0.0
 Requires-Dist: fastapi>=0.109.0
 Requires-Dist: jinja2>=3.1.0
@@ -173,6 +174,38 @@ Images are served via the API at `/api/images/{filename}`.
 
 **Note:** The `data/` directory is excluded from git (see `.gitignore`). Make sure to back up this directory to preserve your wine collection data.
 
+## Label Scanning
+
+WineBox uses AI-powered label scanning to extract wine information from photos.
+
+### Claude Vision (Recommended)
+
+For best results, configure Claude Vision by setting your Anthropic API key:
+
+```bash
+export ANTHROPIC_API_KEY=your-api-key
+# or
+export WINEBOX_ANTHROPIC_API_KEY=your-api-key
+```
+
+Claude Vision provides intelligent label analysis that:
+- Handles decorative and artistic fonts
+- Understands wine-specific terminology
+- Extracts structured data (winery, vintage, grape variety, region, etc.)
+- Works with curved or angled text
+
+### Tesseract OCR (Fallback)
+
+If no Anthropic API key is configured, WineBox falls back to Tesseract OCR. This requires Tesseract to be installed on your system:
+
+```bash
+# macOS
+brew install tesseract
+
+# Ubuntu/Debian
+sudo apt-get install tesseract-ocr
+```
+
 ## Authentication
 
 WineBox requires authentication for all API endpoints (except `/health`).

{winebox-0.1.2.dist-info → winebox-0.1.3.dist-info}/RECORD

@@ -1,5 +1,5 @@
-winebox/__init__.py,sha256=bAd30zPrCJ2BYtbyxoRUvXt6m6Z4ivEOSdT3HD5uyos,75
-winebox/config.py,sha256=IJ9NzNyX0_g7ji3EmVxZRRL0csB7N5iGxsYStO25hI8,1007
+winebox/__init__.py,sha256=1MbD6vmUlpuZKB-RvWkszuH5NNsw0MFclRCQgwErdNQ,75
+winebox/config.py,sha256=mxdWkchZdYkPrSpfgn1RV26nZK09_3rql0iGbcAGvM0,1233
 winebox/database.py,sha256=jTdf9mb48D8644THo6Mx6lHCKDFlAZ18P8Dvuk2eROI,1128
 winebox/main.py,sha256=wlXrBwMvJQhG3g8mmOGWp-QbEEbR805SaElBryR61t0,2398
 winebox/cli/__init__.py,sha256=FOUoclklBXVfsfON3ohA8v_coJ9p5LSbVYvTucyXieg,29
@@ -15,20 +15,22 @@ winebox/routers/auth.py,sha256=7rmld-TOIHmCMJfQKuQfkZFoNAAZd0zuj-mKqmAbHeg,2446
 winebox/routers/cellar.py,sha256=QSyAnPQ2hiNaoojLk-5hJy95OnG8RMHOD0h5LV6bAWM,3404
 winebox/routers/search.py,sha256=aIqwsjnB9e-D84VVcuye-01V_9WBUjFKzXNsX0gkRak,4971
 winebox/routers/transactions.py,sha256=K0UDIJbVSTjV7NdI_CS0pvoTflH3Yp89DmneyFyl9ok,2055
-winebox/routers/wines.py,sha256=4Jp1IGDCH2_jJfeAvy1ItfaNmmagUv20r_NTNmEYnew,9385
+winebox/routers/wines.py,sha256=muTwU0T21vkihNOyVtnXjQY7Fl6d2BRKBpJoIyyieA4,14238
 winebox/schemas/__init__.py,sha256=R4j1wdV1F-6kA45rHA8NUP2cqxBmLb2CMklo8tFjzGQ,357
 winebox/schemas/transaction.py,sha256=GV_AZGeuFp_nOkg902UUhrHGwB1DxcQmGoG82m1UccI,899
 winebox/schemas/wine.py,sha256=xHWDiV5bvEJuLPN2qWgOhqVMOTdlDSmfan5mtEy3Nvw,2301
 winebox/services/__init__.py,sha256=rlAd5FBcqZJ7rsrFqR8MwTqGJVerlQHVUleEmoIaz1Y,277
 winebox/services/auth.py,sha256=RDXP26hL3cGGxKcniXWMZ0sPUP6ew4LLMnfo4dv4P2E,3854
 winebox/services/image_storage.py,sha256=ftiX54dVuDT0DVLpyBOL9N7zhZkapI0l1TFknfPedno,2393
-winebox/services/ocr.py,sha256=X9lk1dkcH7xRrfYU5ArOakW4qavlRHQIkDD9nbPtzz4,3881
+winebox/services/ocr.py,sha256=zFmQGj3a_jv21MBx8RfNkFIenAOnJ0O28JupSrsNC44,4925
+winebox/services/vision.py,sha256=9WKHrDdFK0AmmmnST7vnV50Vgr6UsKR-WUtflKklJLc,9100
 winebox/services/wine_parser.py,sha256=n5ldv2x2XsTfpK3acYDyMNyZHdJ_8WQU0keOql14MJ0,10456
-winebox/static/index.html,sha256=57uWE1XQXIjP5a1lXMLqwZR2l7w5QaVMH5Qpp0DC4A0,12900
-winebox/static/css/style.css,sha256=xzDVgl0-zT4yLtHWsuU3ASk0YImMnMGP5a8vKpYK6gA,19561
-winebox/static/js/app.js,sha256=GabcNGSn7yQv7_KC7Ew5VjHmdiCjeAWxK2YtTkktVTc,23557
-winebox-0.1.2.dist-info/METADATA,sha256=spmQWT7suXn3fWhtOULydLz0yvDEOsv26V-3H89UQiE,7150
-winebox-0.1.2.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
-winebox-0.1.2.dist-info/entry_points.txt,sha256=XY-GMf023m8Iof3rmokkITONECm8gCOVkTX0rCkze30,103
-winebox-0.1.2.dist-info/licenses/LICENSE,sha256=3popbhCShFhWVwTLKeQE-JNDYuPOYfmCiz-LoQpizTA,1070
-winebox-0.1.2.dist-info/RECORD,,
+winebox/static/favicon.svg,sha256=jYFlQ-dEfhUoHQJepoSEMYQx0jxk8HyuX0wrd4OApzE,1061
+winebox/static/index.html,sha256=7T_bgTKKGOQ0eKoo4scyVAD51GyCfXfNrJMTwlNvbYQ,17065
+winebox/static/css/style.css,sha256=TBVTdw5eEkm2du7GeS-sPTsWiE-_ttzAWozWLXOuBzU,25940
+winebox/static/js/app.js,sha256=RNDdXMaz3uC3emRnsaUPxDCi9Q5SPcUQeuIrTRAmX2U,34741
+winebox-0.1.3.dist-info/METADATA,sha256=UcVbvLKE-F1v3AiS8GISrF379XqEN2tF_B63ra0Je-k,8001
+winebox-0.1.3.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
+winebox-0.1.3.dist-info/entry_points.txt,sha256=XY-GMf023m8Iof3rmokkITONECm8gCOVkTX0rCkze30,103
+winebox-0.1.3.dist-info/licenses/LICENSE,sha256=3popbhCShFhWVwTLKeQE-JNDYuPOYfmCiz-LoQpizTA,1070
+winebox-0.1.3.dist-info/RECORD,,