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

Assigned To

None

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	T327680 [WtC] [EPIC] Migrate Query Builder to Codex
Open	None	T359864 [WtC-M3] [QB] [EPIC] Replace WiKit tokens by available Codex tokens
Open	HasanAkgun_WMDE	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
Open	guergana.tzatchkova	T361000 [WtC-M3] [QB] Use Codex tokens to style QB’s interface colors
Open	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	guergana.tzatchkova	T359851 [WtC-M3] [QB] Replace WiKit Button component by Codex's
Open	HasanAkgun_WMDE	T359852 [WtC-M3] [QB] Replace WiKit Checkbox by Codex's
Open	HasanAkgun_WMDE	T359853 [WtC-M3] [QB] Replace WiKit's Dropdown component by Codex's Select
Open	None	T359859 [WtC-M3] [QB] Replace WiKit Link component by Codex's
Open	None	T359860 [WtC-M3] [QB] Replace WiKit Message component by Codex's
Open	None	T359861 [WtC-M3] [QB] Replace WiKit TextInput component by Codex's
Open	ItamarWMDE	T360138 [WtC-M3] [QB] Replace WiKit's Lookup component by Codex's
Open	None	T360997 [WtC-M3] Replace sharable link composition by single button
Open	None	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
Open	None	T368528 [SW] [WtC-M4] [QB] Remove Vue compatibility build
Open	None	T368529 [SW] [WtC-M4] [QB] Remove WiKit library, wikit tokens and leftovers