Project title: Wikimedia Commons image lookup in the CentralNotice Banner Editor
Brief summary: The CentralNotice Banner Editor is a new visual editor for designing CentralNotice banners used across Wikimedia projects. It currently requires users to leave the editor, search Wikimedia Commons separately, and manually copy and paste image URLs back into an input field in the editor.
This project adds a Commons search and selection interface so users can find and insert images without leaving the tool, similar to the one in VisualEditor:
{F77160155}
The goal is to reduce friction and input errors, especially for non-technical banner authors who may not know how to locate or format Commons URLs correctly.
Expected outcomes: A working Commons image lookup feature inside the Editor that lets users search Commons by keyword or username, preview results, and insert selected images into their banner.
Skills preferred:
- TypeScript, Vue, Pinia, LESS
- Some familiarity with Codex components
- Some experience with the Commons API is preferred but not required
Experience level: Some proficiency
Project leads: @Oyelola_Victoria
Starting tasks:
- Register an account on GitLab
- Find contributing and project setup instructions here
- Get familiar with making client-side requests to the Commons API:
Why I am proposing this project: Manual URL copy-paste is error-prone and wrong URL formats break banners. It also breaks the design flow, especially when iterating on multiple images.
{F77160858}
Expected impact:
- Banner authors stay in the editor for the full creation workflow.
- Fewer broken banners from malformed URLs.