Page MenuHomePhabricator
Create Task
Maniphest T281930

[EPIC] Migrate MobileFrontend's code to Vue.js and Codex
Open, MediumPublic
Actions

Description

The MobileFrontend codebase is not well understood even by its maintainers. Following on the work from the mobilefrontend investment project we should aim to gradually port the code inside MobileFrontend to Vue.js and eventually the WVUI library.

I suggest this work begins by making use of the search widget built for the Desktop Improvements (Vector 2022) project and removing the existing SearchOverlay.

This is a placeholder, and an epic, so we should look to pull out subtasks as and when we have time to schedule this work.

Related Objects
Search...

StatusSubtypeAssignedTask
 ResolvedJdlrobsonT195473 [GOAL] Invest in the MobileFrontend & MinervaNeue frontend architecture
 ResolvedJdlrobsonT195478 [EPIC] Speed up unit test execution and increase code coverage
 ResolvedJdlrobsonT195482 [EPIC] Review and refactor MobileFrontend components used by Minerva
 OpenNoneT281930 [EPIC] Migrate MobileFrontend's code to Vue.js and Codex
 OpenNoneT212465 [EPIC] None of our View's should exhibit 2 levels of inheritance
 ResolvedNoneT205592 Composition experiment: DownloadIcon and ShareIcon should not extend Icon
 ResolvedJdlrobsonT139798 It should be easier to create new overlays
 ResolvedNoneT215370 TalkOverlay should not extend Overlay
 Resolved• NiedzielskiT215657 MFA: LanguageOverlay should be an Overlay with a LanguageSearcher component
 ResolvedovasilevaT216198 MFA: ImageOverlay should be an Overlay Composed of Components
 DeclinedJdlrobsonT217102 MFA: TalkSectionAddOverlay should use Overlay.make pattern
 ResolvedBUG REPORTJdlrobsonT218173 [Bug/Regression] New talk topic edits are lost when I click browser back button
 ResolvedphuedxT217220 Post-inheritance cleanup
 ResolvedJdlrobsonT217295 ReferencesDrawer should be a Drawer, not extend the Drawer
 ResolvedovasilevaT217296 Use the Overlay.make pattern for notification feature
 DeclinedBUG REPORTJdlrobsonT218176 [Bug] Buttons in filter overlay close overlay
 Resolved• nrayT217298 Repurpose BetaOptinPanel as a Panel
 DeclinedNoneT217810 TalkSectionOverlay should use the Overlay.make pattern
 ResolvedNoneT217814 Nearby isn't a WatchstarPageList. Nearby has a WatchstarPageList.
 ResolvedNoneT218813 Refactoring Nearby: Remove messageBox template partial inside Nearby
 ResolvedJdlrobsonT219036 MFA: Create Notifications filter overlay using modern techniques
 ResolvedJdlrobsonT232517 Watchstar should not extend the Icon class
 OpenNoneT282473 [GOAL] Use the Codex search widget inside the mobile site
 ResolvedJdlrobsonT275251 New Vector Search is not Wikidata aware
 ResolvedLucas_Werkmeister_WMDET316093 Make new Vector search use wbsearchentities on Wikidata
 DuplicateNoneT317681 Make new Vector search navigate to item search results on Wikidata
 ResolvedLucas_Werkmeister_WMDET317682 Make new Vector search navigate to search result URL when selecting search result using keyboard
 ResolvedMichaelT322333 Modify new Vector Search to allow loading more results on Wikidata
 ResolvedMichaelT326633 Monitor the deployment of the new Search on the 2022 version of the Vector skin
 OpenNoneT275252 Codex Typeahead search should be adapted for mobile (Vector and Minerva)
 ResolvedAnneTT283188 TypeaheadSearch defaults to English Wikipedia for "domain" options
 OpenNoneT211006 Add red link experience to empty search results for Codex/mobile
 ResolvedVolker_ET217790 Add 'articleAdd' icon to OOUI
 OpenNoneT216743 Page disappears when searching on tablet/desktop
 OpenNoneT143741 Search failures are not handled well by Codex TypeaheadSearch and MobileFrontend search
 DeclinedNoneT279072 MobileFrontend search bar dropdown suggestions link directly to pages
 OpenNoneT221194 Search input of overlay is not tab-able, inaccessible by alternative input users
 OpenNoneT278283 Clicking back in the search box should reactivate the suggestions
 OpenNoneT221124 Entire search result element should be clickable (PageList component)
 StalledNoneT285223 Show item description in the Wikidata search results in MinervaNeue skin
 OpenNoneT285356 [tablet/desktop] Minerva search bar blurs text and moves/shrinks slightly when focussed
 ResolvedAnneTT286851 [Search] Lighten color of search thumbnail placeholder icon
 ResolvedStevenSunT286922 Add message for no results in TypeaheadSearch
 DeclinedJdrewniakT286729 Improve tabbing functionality for new search component
 ResolvedovasilevaT279674 Use of dir=auto in WVUI breaks search interface is broken in wikis mixing LTR and RTL languages
 DuplicateBUG REPORTNoneT287770 [Bug] Codex TypeaheadSearch component does not scale well with small font size user preference
 ResolvedCatropeT288686 WVUI's TypeaheadSearch should work with a non-default `$wgScriptPath`
 ResolvedovasilevaT308288 Implement search token clickthrough tracking on autocomplete for mobile web
 ResolvedBUG REPORTEdtadrosT309795 Autocomplete highlighting should ignore trailing space inserted by Android keyboard autocomplete
 ResolvedBUG REPORTovasilevaT317902 [Unplanned][Regression] Codex TypeaheadSearch intermediate state misaligned on mobile resolutions
 In ProgressNoneT303013 Indicate when search results are from redirects (sometimes)
 Resolved• EUdoh-WMFT323987 Add supporting text in MenuItem component
 Resolved• ppelbergT278590 Review outstanding mobile talk page bugs
 DeclinedBUG REPORTNoneT298393 No warning about exposing IP address when using mobile "Add discussion" button
 OpenNoneT258846 Editor should not use OverlayManager.replaceCurrent
 ResolvedCatropeT284838 [EPIC] Add Dialog component to Codex
 Resolvedldelench_wmfT313773 Design and build initial Dialog component (MVP)
 DeclinedegardnerT319026 Dialog MVP: Design fixes
 DeclinedNoneT201687 [Bug] No failure states for various workflows
 ResolvedJdlrobsonT271251 Team review to replace MobileFrontend Nearby with Extension:NearbyPages
 ResolvedKrinkleT285890 Remove OOUI surveys and default to Vue.js

Event Timeline

Jdlrobson created this task.May 4 2021, 11:05 PM
Restricted Application added subscribers: Masumrezarock100, Aklapper. · View Herald TranscriptMay 4 2021, 11:05 PM
Jdlrobson mentioned this in T225447: Componentize MobileFrontend.May 4 2021, 11:05 PM
Jdlrobson mentioned this in T195482: [EPIC] Review and refactor MobileFrontend components used by Minerva.
Jdlrobson mentioned this in T221022: [EPIC] Divide MobileFrontend component concerns.
Jdlrobson mentioned this in T225755: Improve component styling in MobileFrontend.
Jdlrobson mentioned this in T225759: Identify requirements and solutions for sharing assets, LESS variables, and styles in MobileFrontend.May 4 2021, 11:08 PM
Jdlrobson added subtasks: T212465: [EPIC] None of our View's should exhibit 2 levels of inheritance, T258846: Editor should not use OverlayManager.replaceCurrent.May 4 2021, 11:17 PM
Jdlrobson mentioned this in T140205: Remove all id CSS selectors in MobileFrontend.
Volker_E renamed this task from [EPIC] Migrate MobileFrontend's code to Vue.js/wvui to [EPIC] Migrate MobileFrontend's code to Vue.js/WVUI.May 10 2021, 8:02 PM
Volker_E added a project: Deprecated-Design-Systems-team-board.
simon04 subscribed.May 16 2021, 9:15 PM
Jdlrobson triaged this task as Medium priority.Jun 1 2021, 7:07 PM
Jdlrobson added projects: Goal, Epic.Jun 11 2021, 5:37 PM
Jdlrobson added a subtask: T284838: [EPIC] Add Dialog component to Codex.Jun 17 2021, 11:42 PM
Jdlrobson added a subtask: T201687: [Bug] No failure states for various workflows.Jun 22 2021, 8:21 PM
DannyS712 subscribed.Jul 6 2021, 7:18 PM
LGoto closed subtask T201687: [Bug] No failure states for various workflows as Declined.Jul 13 2021, 9:55 PM
Jdlrobson added subtasks: T271251: Team review to replace MobileFrontend Nearby with Extension:NearbyPages, T285890: Remove OOUI surveys and default to Vue.js.Aug 2 2021, 10:29 PM
Jdlrobson moved this task from Epics/Goals to Needs Prioritization (Tech) on the Web-Team-Backlog board.Aug 10 2021, 8:58 PM
Jdlrobson edited projects, added Web-Team-Backlog (Needs Prioritization (Tech)); removed Web-Team-Backlog.
Jdlrobson moved this task from Backlog to WVUI migrations on the Web-Team-Backlog (Needs Prioritization (Tech)) board.Aug 11 2021, 6:05 PM
Jdlrobson closed subtask T285890: Remove OOUI surveys and default to Vue.js as Resolved.Sep 1 2021, 11:39 PM
• LZaman edited projects, added Design-Systems-team-20200324-20220422; removed Deprecated-Design-Systems-team-board.Sep 13 2021, 10:29 PM
• LZaman moved this task from Deprecated-Design-Systems-team-board to Patches for Code Review (let's try to clear this out) on the Design-Systems-team-20200324-20220422 board.
Jdlrobson closed subtask T271251: Team review to replace MobileFrontend Nearby with Extension:NearbyPages as Resolved.Sep 22 2021, 6:46 PM
Jdlrobson moved this task from WVUI migrations to Using Codex in web team products / Skin unification on the Web-Team-Backlog (Needs Prioritization (Tech)) board.Feb 17 2022, 8:33 PM
• STH moved this task from Patches for Code Review (let's try to clear this out) to Requests to Review on the Design-Systems-team-20200324-20220422 board.Mar 23 2022, 7:50 PM
bmartinezcalvo changed the status of subtask T284838: [EPIC] Add Dialog component to Codex from Open to In Progress.Apr 6 2022, 3:32 PM
Jdlrobson mentioned this in T220849: Separate View code from SearchOverlay.Apr 19 2022, 3:53 PM
Jdlrobson mentioned this in T289208: Develop and document a proposal for when to use Vue/Codex.Dec 15 2022, 7:13 PM
ldelench_wmf closed subtask T284838: [EPIC] Add Dialog component to Codex as Resolved.Feb 13 2023, 10:37 PM
Jdlrobson renamed this task from [EPIC] Migrate MobileFrontend's code to Vue.js/WVUI to [EPIC] Migrate MobileFrontend's code to Vue.js and Codex.Sep 19 2023, 4:45 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL