[WtC] [EPIC] Migrate Query Builder to Codex
Open, Needs TriagePublic
Actions

Assigned To

Authored By

	• Sarai-WMDE
	Jan 23 2023, 6:45 PM

Description

Context

Query Builder allows users to build queries visually, through an interface, instead of using SPARQL.

The tool was built as a single page application using UI components from the WiKit design system. WiKit is in the process of being deprecated in favor of Codex, the new Wikimedia design system.

Main objective

Migrate the Query Builder tool to Codex. This involves:

Replacing the components used in Query Builder's UI 1:1, making sure that all functionality is preserved
Replacing current styling using Codex style tokens and mixins
Ensure that product requirements such as internationalization, accessibility and responsiveness (which is currently a blocker T302889) are met

Implications

Migrating the Query builder tool will involve having to reimplement some components (LOD-specific) using Codex, and storing those new components in a new library of LOD components (see T338631: [WtC] Evaluate and plan the creation of a library of LOD components).

Related Objects
Search...

Status	Assigned	Task
Open	None	T327532 [EPIC] [WtC] Migrate WiKit-built products to Codex
Open	None	T416853 [WtC] Post Wikit to Codex Project Open Tasks (Query Builder, Special:NewLexeme)
Open	None	T370187 [SW] [WtC-M2] [SNL] Replace OOUI icon by Codex's
Open	None	T375370 [WtC-M3] [SNL] [Investigation] Determine best long-term solution for using Codex design tokens in Special:NewLexeme
Open	karapayneWMDE	T380280 [Epic] Deprecating Quality Tools functional team
Open	HasanAkgun_WMDE	T327680 [WtC] [EPIC] Migrate Query Builder to Codex
Open	None	T359864 [WtC-M3] [QB] [EPIC] Replace WiKit tokens by available Codex tokens
Resolved	Arian_Bozorg	T359831 [WtC-M3] [QB] Adapt QB's layout to Codex's grid system and breakpoints
Open	None	T360133 [SW] Improve QB's footer layout
Resolved	HasanAkgun_WMDE	T360998 [WtC-M3] [QB] Use Codex tokens and custom spacing variables in the QB's layout
Resolved	Arian_Bozorg	T361000 [WtC-M3] [QB] Use Codex tokens to style QB’s interface colors
Resolved	HasanAkgun_WMDE	T360999 [WtC-M3] [QB] Use Codex tokens to style QB’s font styles
Open	None	T359842 [WtC-M3] [QB] [EPIC] Replace WiKit components by available Codex components
Open	HasanAkgun_WMDE	T359851 [WtC-M3] [QB] Replace WiKit Button component by Codex's
Resolved	Arian_Bozorg	T359852 [WtC-M3] [QB] Replace WiKit Checkbox by Codex's
Resolved	Arian_Bozorg	T359853 [WtC-M3] [QB] Replace WiKit's Dropdown component by Codex's Select
Resolved	ItamarWMDE	T359859 [WtC-M3] [QB] Replace WiKit Link component by Codex's
Resolved	ItamarWMDE	T359860 [WtC-M3] [QB] Replace WiKit Message component by Codex's
Resolved	ItamarWMDE	T359861 [WtC-M3] [QB] Replace WiKit TextInput component by Codex's
Resolved	HasanAkgun_WMDE	T360138 [WtC-M3] [QB] Replace WiKit's Lookup component by Codex's
Resolved	Arian_Bozorg	T360997 [WtC][QB] Replace sharable link composition by single button
Resolved	HasanAkgun_WMDE	T362183 [WtC-M3] [QB] Replace WiKit ToggleButton component by Codex's
Resolved	• guergana.tzatchkova	T358646 [Investigate] [WtC] Evaluate feasibility of replacing WiKit (Vue 2) by Codex (Vue 3) components
Resolved	None	T368528 [SW] [WtC-M4] [QB] Remove Vue compatibility build
Resolved	karapayneWMDE	T368529 [SW] [WtC-M4] [QB] Remove WiKit library, wikit tokens and leftovers
Resolved	karapayneWMDE	T367886 [WtC-M3] [QB] [EPIC] Port missing components to Query Builder
Resolved	karapayneWMDE	T367898 [WtC-M3] [QB] Port DateInput to Query Builder
Open	None	T367902 [WtC-M3] [QB] Port InputWithExtender to Query Builder
Resolved	HasanAkgun_WMDE	T370141 [WtC-M3] [QB] Port BouncingDots to Query Builder
Resolved	HasanAkgun_WMDE	T367900 [WtC-M3] [QB] Port ExtendedNumberInput to Query Builder
Open	None	T367904 [WtC-M3] [QB] Port QuantityInput to Query Builder
Resolved	HasanAkgun_WMDE	T369828 [WtC-M3] [QB] Port Label mixin to Query Builder
Resolved	Arian_Bozorg	T367909 [WtC-M3] [QB] Port LanguageSelector to Query Builder
Open	None	T369910 [WtC-M3] [QB] Port Lookup to Query Builder
Resolved	Arian_Bozorg	T369907 [WtC-M3] [QB] Port LookupInput to QueryBuilder
Resolved	HasanAkgun_WMDE	T369836 [WtC-M3] [QB] Port Input component to Query Builder
Resolved	HasanAkgun_WMDE	T369906 [WtC-M3] [QB] Port OptionsMenu component to Query Builder
Resolved	Arian_Bozorg	T369842 [WtC-M3] [QB] Port Validation message to Query Builder
Resolved	HasanAkgun_WMDE	T369841 [WtC-M3] [QB] Port Icon component to Query Builder
Resolved	HasanAkgun_WMDE	T370146 [SW] [WtC-M3] [QB] Port Popover to Query Builder

Event Timeline

• Sarai-WMDE created this task.Jan 23 2023, 6:45 PM

Michael awarded a token.Jan 23 2023, 6:48 PM

• Sarai-WMDE updated the task description. (Show Details)Jan 23 2023, 6:49 PM

• Sarai-WMDE mentioned this in T327532: [EPIC] [WtC] Migrate WiKit-built products to Codex.Jan 23 2023, 6:59 PM

Michael added a project: Wikidata Query Builder.Jan 30 2023, 12:24 PM

Michael mentioned this in T328148: LangSelector added to Query Builder.Jan 30 2023, 12:50 PM

ItamarWMDE moved this task from Incoming to UX Backlog on the [Archived]Wikidata Dev Team board.Feb 28 2023, 3:12 PM

• Sarai-WMDE updated the task description. (Show Details)Jun 9 2023, 4:55 PM

• Sarai-WMDE added a subtask: T340473: [WtC] (Re)implement InputWithExtender component.Jun 26 2023, 5:10 PM

• Sarai-WMDE renamed this task from [EPIC] Migrate Query Builder to Codex to [EPIC] [WtC] Migrate Query Builder to Codex.Jul 24 2023, 2:17 PM

• Sarai-WMDE renamed this task from [EPIC] [WtC] Migrate Query Builder to Codex to [WtC] [EPIC] Migrate Query Builder to Codex.Sep 12 2023, 12:05 PM

CCiufo-WMF mentioned this in T355155: [EPIC] DST support for the WiKit to Codex migration.Mar 6 2024, 4:43 PM

• Sarai-WMDE edited subtasks, added: T359864: [WtC-M3] [QB] [EPIC] Replace WiKit tokens by available Codex tokens, T359842: [WtC-M3] [QB] [EPIC] Replace WiKit components by available Codex components, T358646: [Investigate] [WtC] Evaluate feasibility of replacing WiKit (Vue 2) by Codex (Vue 3) components , T368528: [SW] [WtC-M4] [QB] Remove Vue compatibility build, T368529: [SW] [WtC-M4] [QB] Remove WiKit library, wikit tokens and leftovers; removed: T340478: [WtC] (Re)implement QuantityInput component, T340475: [WtC] (Re)implement ExtendedNumberInput, T340474: [WtC] (Re)implement DateInput component, T340473: [WtC] (Re)implement InputWithExtender component, T327684: [WtC] [EPIC] Migrate Special:NewLexeme page to Codex.Jul 26 2024, 8:35 AM

• Sarai-WMDE added a subtask: T367886: [WtC-M3] [QB] [EPIC] Port missing components to Query Builder.Jul 31 2024, 11:02 PM

karapayneWMDE added a parent task: T380280: [Epic] Deprecating Quality Tools functional team.Nov 19 2024, 3:11 PM

karapayneWMDE moved this task from UX Backlog to Unified QT Backlog on the [Archived]Wikidata Dev Team board.Dec 2 2024, 9:35 AM

karapayneWMDE moved this task from Unified QT Backlog to Epics & Stalled on the [Archived]Wikidata Dev Team board.Dec 10 2024, 9:20 AM

karapayneWMDE edited projects, added [Archived]Wikidata Dev Team (Epics & Stalled); removed [Archived]Wikidata Dev Team.

karapayneWMDE mentioned this in T380286: [EPIC] [WtC] Deprecate Wikit.Dec 10 2024, 9:40 AM

karapayneWMDE moved this task from Incoming to Current EPICS on the [Archived]Wikidata Dev Team (Epics & Stalled) board.Dec 10 2024, 9:47 AM

ItamarWMDE mentioned this in T382052: [WtC] Update Wikit's documentation to state that it is deprecated.Dec 19 2024, 1:56 PM

ItamarWMDE mentioned this in T382049: [WtC] Mark Wikit's code repository as deprecated.Dec 19 2024, 1:58 PM

ItamarWMDE mentioned this in T382050: [WtC] Mark Wikit's packages as deprecated on npm.

Against standard practices, I have assigned the epic to a dev and put the ticket in the active 'in development' column. This is as there are only small final steps to finish and I do not wish to visually clutter the board

karapayneWMDE moved this task from The Board to The Backlog on the Wikidata-Omega board.Mar 20 2025, 11:19 AM

karapayneWMDE edited projects, added Wikidata-Omega; removed Wikidata-Omega (The Board).

karapayneWMDE moved this task from The Backlog to kara's preparing for task time on the Wikidata-Omega board.Apr 8 2025, 9:33 AM

karapayneWMDE added a project: Epic.Apr 10 2025, 2:57 PM

karapayneWMDE moved this task from kara's preparing for task time to Radar/Epics/Stalled on the Wikidata-Omega board.Apr 10 2025, 3:24 PM

karapayneWMDE edited projects, added Wikidata-Omega (Radar/Epics/Stalled); removed Wikidata-Omega.

karapayneWMDE moved this task from Incoming to Epics on the Wikidata-Omega (Radar/Epics/Stalled) board.

karapayneWMDE closed subtask T368528: [SW] [WtC-M4] [QB] Remove Vue compatibility build as Resolved.Mon, Feb 9, 10:21 AM

karapayneWMDE closed subtask T368529: [SW] [WtC-M4] [QB] Remove WiKit library, wikit tokens and leftovers as Resolved.

karapayneWMDE closed subtask T367886: [WtC-M3] [QB] [EPIC] Port missing components to Query Builder as Resolved.Mon, Feb 9, 2:48 PM