Design System Team/Current Status
Goals[edit]
Main page: Design System Team/OKRs
Our goals for the current year are captured in our FY23-24 impact on WE3.1. The metrics being:
- 75% of WMF and WMDE teams building user interfaces have used Codex in a project at least once.
- When surveyed, 100% of designers and developers who have used Codex do not wish to go back to using legacy tools and ways of working.
Work Streams[edit]
Current (FY23-24)[edit]
| Title | Description | Drivers | Status | Phabricator Links |
|---|---|---|---|---|
| Skin Variables | Migrate mediawik.ui and WikimediaUI Base variables to Codex tokens. | Volker |  Done
|
T332541, T334934 |
| Vue 2 to 3 Migration | Migrate all WMF-hosted repos to Vue 3 and drop the compatibility build of Vue 2. | DST Engineers | Done
|
T289017 |
| Migrate DSG to Codex | Migrate resources from the Design Style Guide to Codex. | Bárbara, Volker | Done
|
T333144 |
| User Testing Pilot | Develop a process for user testing elements of the design system. | Bárbara, Eric | Done
|
T330143 |
| Code Splitting | Support code splitting of Codex modules in ResourceLoader in order to deprecate mediawiki.ui as part of WE3.1 of the 2023-24 Annual Plan OKRs. | Roan |  In progress
|
T349423 |
| Night Mode | Support the Web team with their work on reading preferences for WE2.1 of the 2023-24 Annual Plan OKRs. | Derek, Eric | In progress
|
T355147 |
| Community Configuration 2.0 | Support the Growth team with their project to generalize community configuration to other product features, including rebuilding it in Vue/Codex and moving it to a separate extension. | Derek, Volker | In progress
|
T355149 |
| Multiblocks | Support the CommTech team with the community wish to introduce layering blocks (a.k.a. multiblocks), including rebuilding Special:Block with Vue/Codex.
|
Bárbara, Roan, Lauralyn | In progress
|
T355148 |
| WiKit to Codex | Support the Wikidata team with their effort to migrate WiKit-built products to Codex. | Bárbara, Anne | In progress
|
T355155 |
| AFB Engagement | Following the Codex 1.0 release, we committed to engaging the American Foundation for the Blind (AFB) to help answer specific questions we have around accessibility best practices and compliance with WCAG 2.1 Level AA. | Volker | Paused | T355337 |
Past[edit]
| Title | Status |
|---|---|
| Basic Vue.js support in MediaWiki | Done
|
| Support for ES6 across MediaWiki | Done
|
| Design and define Codex design tokens | Done
|
| Develop the initial set of Codex Vue components | Done
|
| Develop the initial set of Codex CSS-only components | Done
|
| Server-side rendering of Vue apps in MediaWiki | Stalled
|