Maniphest T281930

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

Assigned To

None

Authored By

	Jdlrobson
	May 4 2021, 11:05 PM

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...

Status	Subtype	Assigned	Task
Resolved		Jdlrobson	T195473 [GOAL] Invest in the MobileFrontend & MinervaNeue frontend architecture
Resolved		Jdlrobson	T195478 [EPIC] Speed up unit test execution and increase code coverage
Resolved		Jdlrobson	T195482 [EPIC] Review and refactor MobileFrontend components used by Minerva
Open		None	T281930 [EPIC] Migrate MobileFrontend's code to Vue.js and Codex
Declined		None	T212465 [EPIC] None of our View's should exhibit 2 levels of inheritance
Resolved		None	T205592 Composition experiment: DownloadIcon and ShareIcon should not extend Icon
Resolved		Jdlrobson	T139798 It should be easier to create new overlays
Resolved		None	T215370 TalkOverlay should not extend Overlay
Resolved		• Niedzielski	T215657 MFA: LanguageOverlay should be an Overlay with a LanguageSearcher component
Resolved		ovasileva	T216198 MFA: ImageOverlay should be an Overlay Composed of Components
Declined		Jdlrobson	T217102 MFA: TalkSectionAddOverlay should use Overlay.make pattern
Resolved	BUG REPORT	Jdlrobson	T218173 [Bug/Regression] New talk topic edits are lost when I click browser back button
Resolved		phuedx	T217220 Post-inheritance cleanup
Resolved		Jdlrobson	T217295 ReferencesDrawer should be a Drawer, not extend the Drawer
Resolved		ovasileva	T217296 Use the Overlay.make pattern for notification feature
Declined	BUG REPORT	Jdlrobson	T218176 [Bug] Buttons in filter overlay close overlay
Resolved		• nray	T217298 Repurpose BetaOptinPanel as a Panel
Declined		None	T217810 TalkSectionOverlay should use the Overlay.make pattern
Resolved		None	T217814 Nearby isn't a WatchstarPageList. Nearby has a WatchstarPageList.
Resolved		None	T218813 Refactoring Nearby: Remove messageBox template partial inside Nearby
Resolved		Jdlrobson	T219036 MFA: Create Notifications filter overlay using modern techniques
Resolved		Jdlrobson	T232517 Watchstar should not extend the Icon class
Open		None	T282473 [GOAL] Use the Codex search widget inside the mobile site
Resolved		Jdlrobson	T275251 New Vector Search is not Wikidata aware
Resolved		Lucas_Werkmeister_WMDE	T316093 Make new Vector search use wbsearchentities on Wikidata
Duplicate		None	T317681 Make new Vector search navigate to item search results on Wikidata
Resolved		Lucas_Werkmeister_WMDE	T317682 Make new Vector search navigate to search result URL when selecting search result using keyboard
Resolved		Michael	T322333 Modify new Vector Search to allow loading more results on Wikidata
Resolved		Michael	T326633 Monitor the deployment of the new Search on the 2022 version of the Vector skin
Open		None	T275252 Codex Typeahead search should be adapted for mobile (Vector and Minerva)
Resolved		AnneT	T283188 TypeaheadSearch defaults to English Wikipedia for "domain" options
Open		None	T211006 Add red link experience to empty search results for Codex/mobile
Resolved		Volker_E	T217790 Add 'articleAdd' icon to OOUI
Open		None	T216743 Page disappears when searching on tablet/desktop
Open		None	T143741 Search failures are not handled well by Codex TypeaheadSearch and MobileFrontend search
Declined		None	T279072 MobileFrontend search bar dropdown suggestions link directly to pages
Open		None	T221194 Search input of overlay is not tab-able, inaccessible by alternative input users
Open		None	T278283 Clicking back in the search box should reactivate the suggestions
Open		None	T221124 Entire search result element should be clickable (PageList component)
Stalled		None	T285223 Show item description in the Wikidata search results in MinervaNeue skin
Stalled		None	T285356 [tablet/desktop] Minerva search bar blurs text and moves/shrinks slightly when focussed
Resolved		AnneT	T286851 [Search] Lighten color of search thumbnail placeholder icon
Resolved		StevenSun	T286922 Add message for no results in TypeaheadSearch
Declined		Jdrewniak	T286729 Improve tabbing functionality for new search component
Resolved		ovasileva	T279674 Use of dir=auto in WVUI breaks search interface is broken in wikis mixing LTR and RTL languages
Duplicate	BUG REPORT	None	T287770 [Bug] Codex TypeaheadSearch component does not scale well with small font size user preference
Resolved		• Catrope	T288686 WVUI's TypeaheadSearch should work with a non-default `$wgScriptPath`
Resolved		ovasileva	T308288 Implement search token clickthrough tracking on autocomplete for mobile web
Resolved	BUG REPORT	Edtadros	T309795 Autocomplete highlighting should ignore trailing space inserted by Android keyboard autocomplete
Resolved	BUG REPORT	ovasileva	T317902 [Unplanned][Regression] Codex TypeaheadSearch intermediate state misaligned on mobile resolutions
In Progress		None	T303013 Indicate when search results are from redirects (sometimes)
Resolved		• EUdoh-WMF	T323987 Add supporting text in MenuItem component
Resolved		ppelberg	T278590 Review outstanding mobile talk page bugs
Declined	BUG REPORT	None	T298393 No warning about exposing IP address when using mobile "Add discussion" button
Open		None	T258846 Editor should not use OverlayManager.replaceCurrent
Resolved		• Catrope	T284838 [EPIC] Add Dialog component to Codex
Resolved		ldelench_wmf	T313773 Design and build initial Dialog component (MVP)
Declined		egardner	T319026 Dialog MVP: Design fixes
Declined		None	T201687 [Bug] No failure states for various workflows
Resolved		Jdlrobson	T271251 Team review to replace MobileFrontend Nearby with Extension:NearbyPages
Resolved		Krinkle	T285890 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

Jdlrobson mentioned this in T357171: [EPIC] Use ES6 features in MobileFrontend.Jul 16 2024, 11:03 PM

Jdlrobson closed subtask T212465: [EPIC] None of our View's should exhibit 2 levels of inheritance as Declined.

Jdlrobson mentioned this in T212465: [EPIC] None of our View's should exhibit 2 levels of inheritance.

Jdlrobson mentioned this in T207770: Split PageGateway.

Jdlrobson mentioned this in T220968: Redefine the responsibilities of Skin.js.

Jdlrobson mentioned this in T220965: Decouple Watchstar from Toast and CtaDrawer.Jul 16 2024, 11:06 PM

Jdlrobson moved this task from Needs Prioritization (Tech) to Epics/Goals on the Web-Team-Backlog board.Jul 23 2024, 11:17 PM

Jdlrobson edited projects, added Web-Team-Backlog; removed Web-Team-Backlog (Needs Prioritization (Tech)).

Jdlrobson added a project: Web Team Essential Work 2024.Oct 7 2024, 9:20 PM

Jdlrobson moved this task from Backlog to Freezer on the Web Team Essential Work 2024 board.Oct 7 2024, 9:50 PM

Jdlrobson moved this task from Epics/Goals to Groomed on the Web-Team-Backlog board.Wed, Nov 13, 11:21 PM

Jdlrobson edited projects, added Web-Team; removed Web-Team-Backlog.Wed, Nov 13, 11:39 PM