Implement dashboards as web components (!9) · Merge requests · repos / releng / ddd · GitLab

How to register an account on GitLab. Due to spam, new accounts are locked until approved by an admin or the approver bot. Your GitLab account gets automatically approved within one hour if you are a member of Trusted Contributors in Gerrit, or a member of the Trusted-Contributors group in Phabricator and linked your Developer account to your Phabricator account. If none of these apply, you can file an unlock request to expedite access.

Take the 2024 Developer Satisfaction Survey ^{(privacy statement)} to help identify areas for improvement and measure satisfaction within the Wikimedia developer community.

Support: mw:GitLab, how to host a project on GitLab, #wikimedia-gitlab on libera.chat, #GitLab on Phabricator.

20after4 requested to merge jsify into main Dec 02, 2021

/-/ddd/dashboard/* is now a collection of web components in typescript.

www/static/DashboardApp.ts is the entry point and the main controller of the dashboard UI. The other major parts are:

the chart widget is in vega-tonic.ts
the search form / filter interface is in filter-input.ts

Other significant changes:

Move charts to separate yaml files and queries to separate sql files -- Instead of everything in one big yaml file --- move the definition of each chart into www/templates/views/charts/*.yaml --- "canned queries" are now in www/sql/*.sql --- Dashboards and tabs are still defined in www/metadata.yaml

Plus some other smaller fixes:

Make phid links work with base_url in datasette
fixup ci & deployment issues in .gitlab-ci.yaml
Fix the metrics mapper cli tool to properly handle cursors. Now it can automatically resume importing at the point where the previous run left off.