Topic on User talk:Volker E. (WMF)/Flow

WVUI is replaced by Codex, design system for Wikimedia.

Hi. First, sorry if this wasn't the best way to contact you, or if you aren't the best person to contact - I wasn't sure how to contact the team working on WVUI and since you are one of the developers I figured I could ask you or you could tell me who to ask.

In the GlobalWatchlist extension (Extension:GlobalWatchlist) there is currently a basic Vue version of the display, to be used instead of the one build on jQuery/OOUI. The Vue version is not enabled for production yet, and one of the reasons is because we don't have a good loading component (the indeterminate progress bar that is shown while the entries are being fetched). In the OOUI version this is a OO.ui.ProgressBarWidget[1]. I was wondering if there were plans to add a similar component to the WVUI library? There is already such a component in the "Wikibase Vue components" library[2] but that library is not used in MediaWiki core or made available to extensions as far as I know.

If there are no such plans already, would the WVUI team consider it? If not, I guess GlobalWatchlist can always just create its own (perhaps based on the Wikibase version) but since I think this type of component might get reused elsewhere I would think it makes more sense to add it to WVUI (in phab:T272885 where existing components in various extensions and libraries were identified, ContentTranslation already has a similar progress bar).

Thanks, --DannyS712 (talk) 23:06, 9 July 2021 (UTC)

[1] Can be seen at eg https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop#Progress-bar-indeterminate

[2] https://doc.wikimedia.org/wikibase-vuejs-components/master/ui/?path=/story/indeterminateprogressbar--default

Hi @DannyS712, thanks for that question. Yes, indeed, we plan to add a progress indicator component to the future standard Vue library. See Design inventory task for current breakdown of components https://phabricator.wikimedia.org/T277047. One caveat currently is, that Wikimedia Foundation has to still agree on library standards and the standard library as different product teams and Wikimedia Deutschland have started prototypical implementations and we're setting out to find the biggest common denominator. Design System Team is set out to find this agreement first weeks of August here.

Until then we will and be open to add and help adding further prototypical implementations of components to WVUI, under the premise that we might transfer those components to another repo if WVUI would not be the selected future library (that's not our plan though).

Hope this helps, –Volker E. (WMF) (talk) 15:20, 10 July 2021 (UTC)

Thanks for the info - if you aren't going to have agreements on the design until August, when would you expect the component to be added to WVUI at the earliest? Just wondering - I'll probably create it in GlobalWatchlist beforehand either way, just wondering. If I do create it in GlobalWatchlist it'll only be until one is available in the shared library.

It's fine to propose them to be added (write a patch) to WVUI right now. Under the premise, that we would maybe need to move them over to the future standard Vue.js library in case it's decided against WVUI.

In that case, I'll probably sent a patch soon (I'll file a related ticket too so it can be tracked).