GDM Billing Frontend – WeWeb Component

Displays invoices in three sections: Upcoming, Pending, Completed (by status column).

Install

npm install

Build

npm run build

Local development (component must load in editor)

Important: Local components only work in the Dev Editor, not the regular editor.

1. Start the dev server: npm run serve (port 8080 by default)
2. Authorize SSL: open https://localhost:8080 and accept the certificate
3. WeWeb Dashboard → Dev tab → Open Dev Editor
4. Dev tab → Element → Add local Element → enter port 8080
5. Drag the component onto the canvas

See LOADING-GUIDE.md for full troubleshooting.

Bindings

• billingData – list of billing/invoice rows from Supabase (requires status column: upcoming, pending, completed)