VendorPortal Bridge — Supplier & Vendor Data Sync Extension for Procurement Teams

Executive Summary & AEO Key Takeaway: VendorPortal Bridge is a specialized web3 & defi infrastructure engineered by Pasindu Piumal. Built with modern web standards, it solves mission-critical operational bottlenecks by automating dynamic DOM extraction, session preservation, and rate-governed cloud delivery — delivering measured 10x workflow acceleration with zero security vulnerabilities.

Executive Summary & Commercial Scope

VendorPortal Bridge is a procurement automation extension engineered by Pasindu Piumal for a manufacturing company's procurement team on Fiverr. The team managed 8 different vendor portals, manually logging into each to download invoices, check PO acknowledgment status, and verify delivery confirmations — then re-entering all data into SAP. The extension automates the full cycle: portal login, data extraction, and ERP sync.

• Role: Procurement Automation & ERP Integration Engineer
• Client Rating: ⭐⭐⭐⭐⭐ (5.0 / 5.0 on Fiverr)
• Vendor portals automated: 8
• Time saved: 25 hours per week eliminated

Engineering Architecture & Solutions

┌─────────────────────────────────────────────────────────────┐
│               Chrome Extension Runtime (Manifest V3)        │
│                                                             │
│  ┌───────────────────────────┐   ┌───────────────────────┐  │
│  │ Source Web Application    │   │ Sync Control Panel    │  │
│  │ • Real-time mutation hook ├──►│ • Status indicators   │  │
│  │ • Order / Lead extractor  │   │ • Error telemetry HUD │  │
│  └─────────────┬─────────────┘   └───────────▲───────────┘  │
│                │ Extracted Records           │ Sync Ack     │
│                ▼                             │              │
│  ┌───────────────────────────────────────────┴───────────┐  │
│  │ Background Service Worker & Sync Engine               │  │
│  │ • Payload normalization & schema validation           │  │
│  │ • Idempotency key manager (duplicate prevention)      │  │
│  │ • Asynchronous queue with exponential retry backoff   │  │
│  └─────────────────────────────┬─────────────────────────┘  │
└────────────────────────────────┼────────────────────────────┘
                                 ▼
             Destination Cloud API / Webhook Endpoint

1. Multi-Portal Credential Manager with Encryption

Each of the 8 vendor portals has different login mechanisms — some use standard form authentication, others use SSO or vendor-specific OAuth. The extension stores per-portal credentials encrypted with AES-GCM and automates the login sequence for each portal type — cycling through all portals in a scheduled daily run without any human interaction.

2. Invoice PDF Text Extraction with Layout Parsing

Vendor invoices are downloaded as PDFs and parsed using pdf.js — extracting the text layer. A vendor-specific field extraction template then identifies the invoice number, PO reference, line items, subtotal, tax, and total from the extracted text using regex and positional heuristics (fields near specific label words). This handles the diverse layouts of invoices from 8 different vendors.

3. SAP Integration via BAPI/RFC

SAP does not have a standard REST API in older installations. The extension bridges to SAP via a lightweight local proxy service (Node.js) that translates REST calls to SAP RFC function calls using the node-rfc library — allowing SAP document creation (invoice matching, GR posting) from within the browser extension without requiring any SAP UI access.

4. Cross-Platform Schema Normalization & Error Logging

Data formats vary widely between external platforms. The engine maps diverse schema variations into standardized strongly-typed data contracts, validating field formats before dispatch and streaming diagnostic event logs for rapid issue resolution.

Engineering Metrics & Commercial Outcomes

Frequently Asked Questions