NanoPro Validator – Invoice Line Item Validation Extension

Engineering Architecture & Algorithmic Validation

In enterprise accounts payable, optical character recognition models frequently misalign decimal places or confuse digits (such as reading an 8 as a 3 or dropping a trailing decimal zero). When reviewing a 50-row invoice, an accounting specialist must verify every calculation by hand.

NanoPro Validator automates this validation right inside the browser viewport.

1. Shadow DOM Isolation: Eliminating Style Clashes

Injecting an interactive floating UI into enterprise SaaS portals like Nanonets typically causes severe CSS conflicts—the host page's global styles override extension buttons, or extension fonts break host page layouts. NanoPro Validator encapsulates all UI components within a dedicated ShadowRoot:

// ui/overlay.js - Strict Shadow DOM encapsulation
const container = document.createElement('div');
container.id = 'nanopro-validator-root';
const shadow = container.attachShadow({ mode: 'closed' });

// Injected styles remain 100% private to the extension
const styleTag = document.createElement('style');
styleTag.textContent = EXTENSION_STYLESHEET;
shadow.appendChild(styleTag);

2. Fuzzy Column Parsing with Synonym Mapping

Vendors label invoice columns in dozens of inconsistent ways (Qty, Quantity, Units, Item_Qty, Qty_Shipped). NanoPro Validator uses a weighted token distance algorithm to categorize columns:

// core/tableParser.js
const SYNONYM_REGISTRY = {
  quantity: ['qty', 'quantity', 'units', 'item_qty', 'qty_shipped', 'count'],
  unit_price: ['price', 'unit_price', 'rate', 'unit_cost', 'item_price'],
  line_total: ['amount', 'total', 'line_total', 'net_amount', 'ext_price']
};

function resolveColumnType(headerText) {
  const normalized = headerText.trim().toLowerCase().replace(/[^a-z_]/g, '');
  for (const [columnType, synonyms] of Object.entries(SYNONYM_REGISTRY)) {
    if (synonyms.some(syn => normalized.includes(syn))) {
      return columnType;
    }
  }
  return 'unknown';
}

3. Real-World Field Results

• Processing Velocity: Reduced invoice calculation verification time from 45 minutes to under 3 minutes per batch.
• Accuracy Guardian: Validated over 1,000 line items across 100+ supplier documents, catching column misalignment discrepancies in 8% of processed invoices before they reached enterprise ERP accounting.
• Frictionless Security: Built with zero external telemetry and restricted to activeTab permissions, meeting enterprise compliance guidelines.

Related Reading: Learn about our custom AI automation services or read our first-hand case study on building an end-to-end OCR invoice pipeline with Python.