feat(search): ✨ add MediaSearch to typeahead

i18n/bn.json

@@ -1,33 +1,33 @@
-{
-	"@metadata": {
-		"authors": [
-			"R4356th",
-			"আফতাবুজ্জামান"
-		]
-	},
-	"skinname-citizen": "সিটিজেন",
-	"citizen-prefs-talkpage": "[[mw:Skin_talk:Citizen|আলোচনা]]",
-	"citizen.js": "/* এখানের সকল জাভাস্ক্রিপ্ট সিটিজেন আবরণের ব্যবহারকারীদের জন্য লোড হবে */",
-	"citizen-sitestats-articles-label": "টি নিবন্ধ",
-	"citizen-sitestats-images-label": "টি ফাইল",
-	"citizen-sitestats-users-label": "জন ব্যবহারকারী",
-	"citizen-sitestats-edits-label": "টি সম্পাদনা",
-	"citizen-footer-desc": "[[MediaWiki:Citizen-footer-desc]]-এ এই লেখা সম্পাদনা করুন",
-	"citizen-footer-tagline": "[[MediaWiki:Citizen-footer-tagline]]-এ এই লেখা সম্পাদনা করুন",
-	"citizen-action-addsection": "আলোচনা যোগ করুন",
-	"citizen-jumptotop": "উপরে চলুন",
-	"citizen-search-fulltext": "এটি থাকা পাতাগুলিতে অনুসন্ধান করুন:",
-	"citizen-search-fulltext-empty": "অনুসন্ধান শুরু করতে কিছু লিখুন",
-	"citizen-tagline-ns-mediawiki": "মিডিয়াউইকি ইন্টারফেস পাতা",
-	"citizen-tagline-ns-template": "টেমপ্লেট পাতা",
-	"citizen-tagline-ns-help": "সাহায্য পাতা",
-	"citizen-tagline-ns-category": "বিষয়শ্রেণীর পাতা",
-	"prefs-citizen-theme-label": "থিম",
-	"prefs-citizen-theme-option-auto": "স্বয়ংক্রিয়",
-	"prefs-citizen-theme-option-light": "উজ্জ্বল",
-	"prefs-citizen-theme-option-dark": "কালো",
-	"prefs-citizen-fontsize-label": "ফন্টের আকার",
-	"prefs-citizen-pagewidth-label": "পাতার প্রস্থ",
-	"prefs-citizen-lineheight-label": "লাইনের উচ্চতা",
-	"prefs-citizen-resetbutton-label": "পূর্বনির্ধারিত অবস্থায় যান"
-}
+{
+	"@metadata": {
+		"authors": [
+			"R4356th",
+			"আফতাবুজ্জামান"
+		]
+	},
+	"skinname-citizen": "সিটিজেন",
+	"citizen-prefs-talkpage": "[[mw:Skin_talk:Citizen|আলোচনা]]",
+	"citizen.js": "/* এখানের সকল জাভাস্ক্রিপ্ট সিটিজেন আবরণের ব্যবহারকারীদের জন্য লোড হবে */",
+	"citizen-sitestats-articles-label": "টি নিবন্ধ",
+	"citizen-sitestats-images-label": "টি ফাইল",
+	"citizen-sitestats-users-label": "জন ব্যবহারকারী",
+	"citizen-sitestats-edits-label": "টি সম্পাদনা",
+	"citizen-footer-desc": "[[MediaWiki:Citizen-footer-desc]]-এ এই লেখা সম্পাদনা করুন",
+	"citizen-footer-tagline": "[[MediaWiki:Citizen-footer-tagline]]-এ এই লেখা সম্পাদনা করুন",
+	"citizen-action-addsection": "আলোচনা যোগ করুন",
+	"citizen-jumptotop": "উপরে চলুন",
+	"citizen-search-fulltext": "এটি থাকা পাতাগুলিতে অনুসন্ধান করুন:",
+	"citizen-search-empty-desc": "অনুসন্ধান শুরু করতে কিছু লিখুন",
+	"citizen-tagline-ns-mediawiki": "মিডিয়াউইকি ইন্টারফেস পাতা",
+	"citizen-tagline-ns-template": "টেমপ্লেট পাতা",
+	"citizen-tagline-ns-help": "সাহায্য পাতা",
+	"citizen-tagline-ns-category": "বিষয়শ্রেণীর পাতা",
+	"prefs-citizen-theme-label": "থিম",
+	"prefs-citizen-theme-option-auto": "স্বয়ংক্রিয়",
+	"prefs-citizen-theme-option-light": "উজ্জ্বল",
+	"prefs-citizen-theme-option-dark": "কালো",
+	"prefs-citizen-fontsize-label": "ফন্টের আকার",
+	"prefs-citizen-pagewidth-label": "পাতার প্রস্থ",
+	"prefs-citizen-lineheight-label": "লাইনের উচ্চতা",
+	"prefs-citizen-resetbutton-label": "পূর্বনির্ধারিত অবস্থায় যান"
+}

i18n/ckb.json

@@ -20,7 +20,7 @@
 	"citizen-action-addsection": "بابەت دابنێ",
 	"citizen-jumptotop": "گەڕانەوە بۆ سەرەوە",
 	"citizen-search-fulltext": "گەڕان لە ناوەڕۆکی لاپەڕەکان",
-	"citizen-search-fulltext-empty": "بنوسە بۆ گەڕان",
+	"citizen-search-empty-desc": "بنوسە بۆ گەڕان",
 	"citizen-tagline-ns-talk": "لاپەڕەی گفتوگۆی {{SUBJECTPAGENAME}}",
 	"citizen-tagline-ns-project": "زانیاری لەبارەی {{SITENAME}}",
 	"citizen-tagline-ns-file": "پەڕگە لەسەر {{SITENAME}}",

i18n/de.json

@@ -32,7 +32,7 @@
 	"citizen-action-addsection": "Thema hinzufügen",
 	"citizen-jumptotop": "Zurück nach oben",
 	"citizen-search-fulltext": "Suche nach Seiten mit",
-	"citizen-search-fulltext-empty": "Tippe, um zu suchen zu beginnen",
+	"citizen-search-empty-desc": "Tippe, um zu suchen zu beginnen",
 	"citizen-tagline-ns-talk": "Diskussionsseite von {{SUBJECTPAGENAME}}",
 	"citizen-tagline-ns-project": "Informationen über {{SITENAME}}",
 	"citizen-tagline-ns-file": "Datei auf {{SITENAME}}",

i18n/en.json

@@ -27,7 +27,8 @@
 	"citizen-action-addsection": "Add topic",
 	"citizen-jumptotop": "Back to top",
 	"citizen-search-fulltext": "Search for pages containing $1",
-	"citizen-search-fulltext-empty": "Type to start searching",
+	"citizen-search-mediasearch": "Search for media related to $1",
+	"citizen-search-empty-desc": "Type to start searching",
 	"citizen-search-noresults-title": "Uh oh! No results for $1",
 	"citizen-search-noresults-desc": "Maybe try the options below?",
 	"citizen-tagline-ns-talk": "Discussion page of {{SUBJECTPAGENAME}}",

i18n/fr.json

@@ -29,7 +29,7 @@
 	"citizen-action-addsection": "Ajouter un sujet",
 	"citizen-jumptotop": "Retour au début",
 	"citizen-search-fulltext": "Rechercher les pages contenant $1",
-	"citizen-search-fulltext-empty": "Taper pour commencer la recherche",
+	"citizen-search-empty-desc": "Taper pour commencer la recherche",
 	"citizen-search-noresults-title": "Oh oh ! Aucun résultat pour $1",
 	"citizen-search-noresults-desc": "Essayer peut-être les options ci-dessous ?",
 	"citizen-tagline-ns-talk": "Page de discussion de {{SUBJECTPAGENAME}}",

i18n/kk-cyrl.json

@@ -27,7 +27,7 @@
 	"citizen-action-addsection": "Тақырып қосу",
 	"citizen-jumptotop": "Жоғары қайту",
 	"citizen-search-fulltext": "Осы сөз(дер) бар беттерді іздеу",
-	"citizen-search-fulltext-empty": "Іздей бастау үшін теріңіз",
+	"citizen-search-empty-desc": "Іздей бастау үшін теріңіз",
 	"citizen-tagline-ns-talk": "{{SUBJECTPAGENAME}} дегеннің талқылау беті",
 	"citizen-tagline-ns-project": "{{SITENAME}} туралы мәлімет",
 	"citizen-tagline-ns-file": "{{SITENAME}} жобасындағы файл",

i18n/ko.json

@@ -17,7 +17,7 @@
 	"citizen-page-info-lastmod": "마지막 수정",
 	"citizen-action-addsection": "주제 추가",
 	"citizen-jumptotop": "맨 위로 돌아가기",
-	"citizen-search-fulltext-empty": "검색을 시작하려면 입력하세요",
+	"citizen-search-empty-desc": "검색을 시작하려면 입력하세요",
 	"prefs-citizen-theme-label": "테마",
 	"prefs-citizen-theme-option-auto": "자동",
 	"prefs-citizen-theme-option-light": "밝음",

i18n/lb.json

@@ -1,22 +1,22 @@
-{
-	"@metadata": {
-		"authors": [
-			"Robby"
-		]
-	},
-	"skinname-citizen": "Citizen",
-	"citizen-languages-toggle": "Méi Sproochen",
-	"citizen-actions-more-toggle": "Méi Aktiounen",
-	"citizen-sitestats-articles-label": "Artikelen",
-	"citizen-sitestats-images-label": "Fichieren",
-	"citizen-sitestats-users-label": "Benotzer",
-	"citizen-sitestats-edits-label": "Ännerungen",
-	"citizen-jumptotop": "Zréck no uewen",
-	"citizen-search-fulltext-empty": "Tippt fir unzefänke mat sichen",
-	"citizen-tagline-ns-help": "Hëllef-Säit",
-	"prefs-citizen-theme-option-light": "Hell",
-	"prefs-citizen-theme-option-dark": "Däischter",
-	"prefs-citizen-fontsize-label": "Schrëftgréisst",
-	"prefs-citizen-pagewidth-label": "Breet vun der Säit",
-	"prefs-citizen-resetbutton-label": "Op de Standard zrécksetzen"
-}
+{
+	"@metadata": {
+		"authors": [
+			"Robby"
+		]
+	},
+	"skinname-citizen": "Citizen",
+	"citizen-languages-toggle": "Méi Sproochen",
+	"citizen-actions-more-toggle": "Méi Aktiounen",
+	"citizen-sitestats-articles-label": "Artikelen",
+	"citizen-sitestats-images-label": "Fichieren",
+	"citizen-sitestats-users-label": "Benotzer",
+	"citizen-sitestats-edits-label": "Ännerungen",
+	"citizen-jumptotop": "Zréck no uewen",
+	"citizen-search-empty-desc": "Tippt fir unzefänke mat sichen",
+	"citizen-tagline-ns-help": "Hëllef-Säit",
+	"prefs-citizen-theme-option-light": "Hell",
+	"prefs-citizen-theme-option-dark": "Däischter",
+	"prefs-citizen-fontsize-label": "Schrëftgréisst",
+	"prefs-citizen-pagewidth-label": "Breet vun der Säit",
+	"prefs-citizen-resetbutton-label": "Op de Standard zrécksetzen"
+}

i18n/mk.json

@@ -26,7 +26,7 @@
 	"citizen-action-addsection": "Додај тема",
 	"citizen-jumptotop": "Најгоре",
 	"citizen-search-fulltext": "Пребарај страници што содржат $1",
-	"citizen-search-fulltext-empty": "Внесете текст за да почнете да пребарувате",
+	"citizen-search-empty-desc": "Внесете текст за да почнете да пребарувате",
 	"citizen-search-noresults-title": "За жал, не најдов ништо за $1",
 	"citizen-search-noresults-desc": "Да ги пробаме можностите подолу?",
 	"citizen-tagline-ns-talk": "Разговорна страница на {{SUBJECTPAGENAME}}",

i18n/nl.json

@@ -1,36 +1,36 @@
-{
-	"@metadata": {
-		"authors": [
-			"Mainframe98",
-			"McDutchie",
-			"Romaine"
-		]
-	},
-	"citizen.css": "/* CSS die hier wordt geplaatst heeft alleen invloed op het uiterlijk Citizen */",
-	"citizen.js": "/* JavaScript die hier wordt geplaatst heeft alleen invloed op gebruikers die het uiterlijk Citizen gebruiken */",
-	"citizen-sitestats-articles-label": "artikelen",
-	"citizen-sitestats-images-label": "bestanden",
-	"citizen-sitestats-users-label": "gebruikers",
-	"citizen-sitestats-edits-label": "bewerkingen",
-	"citizen-page-info-copyright": "Auteursrechten",
-	"citizen-page-info-credits": "Naamsvermeldingen",
-	"citizen-page-info-lastmod": "Laatste wijziging",
-	"citizen-footer-desc": "Bewerk deze tekst op [[MediaWiki:Citizen-footer-desc]]",
-	"citizen-footer-tagline": "Bewerk deze tekst op [[MediaWiki:Citizen-footer-tagline]]",
-	"citizen-action-addsection": "Onderwerp toevoegen",
-	"citizen-jumptotop": "Terug naar boven",
-	"citizen-search-fulltext-empty": "Type om te beginnen met zoeken",
-	"citizen-tagline-ns-talk": "Overlegpagina van {{SUBJECTPAGENAME}}",
-	"citizen-tagline-ns-project": "Informatie over {{SITENAME}}",
-	"citizen-tagline-ns-file": "Bestand op {{SITENAME}}",
-	"citizen-tagline-ns-template": "Sjabloonpagina",
-	"citizen-tagline-ns-help": "Hulppagina",
-	"citizen-tagline-ns-category": "Categoriepagina",
-	"prefs-citizen-theme-label": "Thema",
-	"prefs-citizen-theme-option-auto": "Automatisch",
-	"prefs-citizen-theme-option-light": "Licht",
-	"prefs-citizen-theme-option-dark": "Donker",
-	"prefs-citizen-fontsize-label": "Lettergrootte",
-	"prefs-citizen-pagewidth-label": "Paginabreedte",
-	"prefs-citizen-lineheight-label": "Lijnhoogte"
-}
+{
+	"@metadata": {
+		"authors": [
+			"Mainframe98",
+			"McDutchie",
+			"Romaine"
+		]
+	},
+	"citizen.css": "/* CSS die hier wordt geplaatst heeft alleen invloed op het uiterlijk Citizen */",
+	"citizen.js": "/* JavaScript die hier wordt geplaatst heeft alleen invloed op gebruikers die het uiterlijk Citizen gebruiken */",
+	"citizen-sitestats-articles-label": "artikelen",
+	"citizen-sitestats-images-label": "bestanden",
+	"citizen-sitestats-users-label": "gebruikers",
+	"citizen-sitestats-edits-label": "bewerkingen",
+	"citizen-page-info-copyright": "Auteursrechten",
+	"citizen-page-info-credits": "Naamsvermeldingen",
+	"citizen-page-info-lastmod": "Laatste wijziging",
+	"citizen-footer-desc": "Bewerk deze tekst op [[MediaWiki:Citizen-footer-desc]]",
+	"citizen-footer-tagline": "Bewerk deze tekst op [[MediaWiki:Citizen-footer-tagline]]",
+	"citizen-action-addsection": "Onderwerp toevoegen",
+	"citizen-jumptotop": "Terug naar boven",
+	"citizen-search-empty-desc": "Type om te beginnen met zoeken",
+	"citizen-tagline-ns-talk": "Overlegpagina van {{SUBJECTPAGENAME}}",
+	"citizen-tagline-ns-project": "Informatie over {{SITENAME}}",
+	"citizen-tagline-ns-file": "Bestand op {{SITENAME}}",
+	"citizen-tagline-ns-template": "Sjabloonpagina",
+	"citizen-tagline-ns-help": "Hulppagina",
+	"citizen-tagline-ns-category": "Categoriepagina",
+	"prefs-citizen-theme-label": "Thema",
+	"prefs-citizen-theme-option-auto": "Automatisch",
+	"prefs-citizen-theme-option-light": "Licht",
+	"prefs-citizen-theme-option-dark": "Donker",
+	"prefs-citizen-fontsize-label": "Lettergrootte",
+	"prefs-citizen-pagewidth-label": "Paginabreedte",
+	"prefs-citizen-lineheight-label": "Lijnhoogte"
+}

i18n/pl.json

@@ -26,7 +26,7 @@
 	"citizen-action-addsection": "Dodaj temat",
 	"citizen-jumptotop": "Powrót do góry",
 	"citizen-search-fulltext": "Szukaj stron zawierających tekst $1",
-	"citizen-search-fulltext-empty": "Zacznij pisać, aby wyszukiwać",
+	"citizen-search-empty-desc": "Zacznij pisać, aby wyszukiwać",
 	"citizen-search-noresults-title": "O nie! Nie ma wyników dla $1",
 	"citizen-search-noresults-desc": "Może wypróbuj poniższe opcje?",
 	"citizen-tagline-ns-talk": "Strona dyskusji o „{{SUBJECTPAGENAME}}”",

i18n/pt-br.json

@@ -30,7 +30,7 @@
 	"citizen-action-addsection": "Adicionar tópico",
 	"citizen-jumptotop": "Voltar ao topo",
 	"citizen-search-fulltext": "Pesquisar por páginas que contenham",
-	"citizen-search-fulltext-empty": "Tipo para começar a pesquisar",
+	"citizen-search-empty-desc": "Tipo para começar a pesquisar",
 	"citizen-search-noresults-title": "Uh oh! Nenhum resultado para $1",
 	"citizen-search-noresults-desc": "Talvez tente as opções abaixo?",
 	"citizen-tagline-ns-talk": "Página de discussão de {{SUBJECTPAGENAME}}",

i18n/pt.json

@@ -26,7 +26,7 @@
 	"citizen-action-addsection": "Adicionar tópico",
 	"citizen-jumptotop": "Voltar ao topo",
 	"citizen-search-fulltext": "Procurar páginas que contenham $1",
-	"citizen-search-fulltext-empty": "Escrever para começar a procurar",
+	"citizen-search-empty-desc": "Escrever para começar a procurar",
 	"citizen-search-noresults-title": "Não há resultados para $1",
 	"citizen-search-noresults-desc": "Talvez queira tentar as opções abaixo?",
 	"citizen-tagline-ns-talk": "Página de discussão de {{SUBJECTPAGENAME}}",

i18n/qqq.json

@@ -29,7 +29,8 @@
 	"citizen-action-addsection": "Used in the Citizen skin. See for example {{canonicalurl:Talk:Main_Page|useskin=vector}}\n{{Identical|Add topic}}. Same as vector-action-addsection in Vector skin.",
 	"citizen-jumptotop": "Label for link to jump to top of page",
 	"citizen-search-fulltext": "Fulltext search suggestion",
-	"citizen-search-fulltext-empty": "Helper text in the search suggestion when there are no search query",
+	"citizen-search-mediasearch": "MediaSearch suggestion",
+	"citizen-search-empty-desc": "Helper text in the search suggestion when there are no search query",
 	"citizen-search-noresults-title": "Title in the search suggestion when there are no search results",
 	"citizen-search-noresults-desc": "Description in the search suggestion when there are no search results",
 	"citizen-tagline-ns-talk": "Tagline for pages in talk namespace",

i18n/roa-tara.json

@@ -20,7 +20,7 @@
 	"citizen-action-addsection": "Aggiunge 'n'argomende",
 	"citizen-jumptotop": "Tuèrne sus",
 	"citizen-search-fulltext": "Cirche le pàggene ca tènene",
-	"citizen-search-fulltext-empty": "Scrive pe accumenzà 'a recerche",
+	"citizen-search-empty-desc": "Scrive pe accumenzà 'a recerche",
 	"citizen-tagline-ns-talk": "Pàgene de le 'ngazzaminde de {{SUBJECTPAGENAME}}",
 	"citizen-tagline-ns-project": "'Mbormaizune sus a {{SITENAME}}",
 	"citizen-tagline-ns-file": "Fail sus a {{SITENAME}}",

i18n/ru.json

@@ -27,7 +27,7 @@
 	"citizen-action-addsection": "Добавить тему",
 	"citizen-jumptotop": "Вернуться наверх",
 	"citizen-search-fulltext": "Поиск страниц, содержащих",
-	"citizen-search-fulltext-empty": "Введите текст",
+	"citizen-search-empty-desc": "Введите текст",
 	"citizen-tagline-ns-talk": "Обсуждение страницы {{SUBJECTPAGENAME}}",
 	"citizen-tagline-ns-project": "Информация о {{SITENAME}}",
 	"citizen-tagline-ns-file": "Файл на {{SITENAME}}",

i18n/sl.json

@@ -26,7 +26,7 @@
 	"citizen-action-addsection": "Dodaj temo",
 	"citizen-jumptotop": "Nazaj na vrh",
 	"citizen-search-fulltext": "Poiščite strani, ki vsebujejo $1",
-	"citizen-search-fulltext-empty": "Vnesite za začetek iskanja",
+	"citizen-search-empty-desc": "Vnesite za začetek iskanja",
 	"citizen-search-noresults-title": "Ojoj! Ni zadetkov za $1",
 	"citizen-search-noresults-desc": "Morda poskusite s spodnjimi možnostmi?",
 	"citizen-tagline-ns-talk": "Pogovorna stran {{SUBJECTPAGENAME}}",

i18n/tr.json

@@ -29,7 +29,7 @@
 	"citizen-action-addsection": "Konu ekle",
 	"citizen-jumptotop": "Başa dön",
 	"citizen-search-fulltext": "İçeren sayfaları ara",
-	"citizen-search-fulltext-empty": "Aramaya başlamak için yazın",
+	"citizen-search-empty-desc": "Aramaya başlamak için yazın",
 	"citizen-tagline-ns-talk": "{{SUBJECTPAGENAME}} tartışma sayfası",
 	"citizen-tagline-ns-project": "{{SITENAME}} hakkında bilgi",
 	"citizen-tagline-ns-file": "{{SITENAME}} sitesindeki dosya",

i18n/uk.json

@@ -22,7 +22,7 @@
 	"citizen-action-addsection": "Додати тему",
 	"citizen-jumptotop": "Повернутись угору",
 	"citizen-search-fulltext": "Пошук сторінок, що містять",
-	"citizen-search-fulltext-empty": "Введіть, щоб почати пошук",
+	"citizen-search-empty-desc": "Введіть, щоб почати пошук",
 	"citizen-tagline-ns-talk": "Сторінка обговорення {{SUBJECTPAGENAME}}",
 	"citizen-tagline-ns-project": "Інформація про {{SITENAME}}",
 	"citizen-tagline-ns-file": "Файл на {{SITENAME}}",

i18n/yue.json

@@ -27,7 +27,7 @@
 	"citizen-action-addsection": "加主題",
 	"citizen-jumptotop": "返到上面",
 	"citizen-search-fulltext": "喺每頁入面喥搵$1",
-	"citizen-search-fulltext-empty": "打字開始搵",
+	"citizen-search-empty-desc": "打字開始搵",
 	"citizen-tagline-ns-talk": "{{SUBJECTPAGENAME}}嘅討論頁",
 	"citizen-tagline-ns-project": "關於{{SITENAME}}嘅資料",
 	"citizen-tagline-ns-file": "喺{{SITENAME}}嘅檔案",

i18n/zh-hans.json

@@ -34,7 +34,7 @@
 	"citizen-action-addsection": "添加话题",
 	"citizen-jumptotop": "回到顶部",
 	"citizen-search-fulltext": "搜索包含“$1”的页面",
-	"citizen-search-fulltext-empty": "键入以开始搜索",
+	"citizen-search-empty-desc": "键入以开始搜索",
 	"citizen-search-noresults-title": "抱歉！没有找到“$1”的搜索结果",
 	"citizen-search-noresults-desc": "也许可以试试下面的选项？",
 	"citizen-tagline-ns-talk": "{{SUBJECTPAGENAME}}的讨论页",

i18n/zh-hant.json

@@ -32,7 +32,7 @@
 	"citizen-action-addsection": "新增話題",
 	"citizen-jumptotop": "返回頂端",
 	"citizen-search-fulltext": "搜尋包含「$1」的頁面：",
-	"citizen-search-fulltext-empty": "輸入以開始搜尋",
+	"citizen-search-empty-desc": "輸入以開始搜尋",
 	"citizen-search-noresults-title": "呃哦！ $1沒有結果",
 	"citizen-search-noresults-desc": "也許試試下面的選項？",
 	"citizen-tagline-ns-talk": "{{SUBJECTPAGENAME}}的討論頁",

i18n/zh-hk.json

@@ -27,7 +27,7 @@
 	"citizen-action-addsection": "新增話題",
 	"citizen-jumptotop": "返回頂端",
 	"citizen-search-fulltext": "搜尋包含",
-	"citizen-search-fulltext-empty": "輸入開始搜尋",
+	"citizen-search-empty-desc": "輸入開始搜尋",
 	"citizen-tagline-ns-talk": "{{SUBJECTPAGENAME}}的討論頁面",
 	"citizen-tagline-ns-project": "關於{{SITENAME}}的資訊",
 	"citizen-tagline-ns-file": "{{SITENAME}}上的檔案",

includes/Hooks/ResourceLoaderHooks.php

@@ -26,6 +26,7 @@ declare( strict_types=1 );
 namespace MediaWiki\Skins\Citizen\Hooks;
 
 use Config;
+use ExtensionRegistry;
 use MediaWiki\ResourceLoader as RL;
 
 /**
@@ -79,6 +80,7 @@ class ResourceLoaderHooks {
 			'wgCitizenMaxSearchResults' => $config->get( 'CitizenMaxSearchResults' ),
 			'wgScriptPath' => $config->get( 'ScriptPath' ),
 			'wgSearchSuggestCacheExpiry' => $config->get( 'SearchSuggestCacheExpiry' ),
+			'isMediaSearchExtensionEnabled' => ExtensionRegistry::getInstance()->isLoaded( 'MediaSearch' ),
 		];
 	}
 }

resources/skins.citizen.search/skins.citizen.search.less

@@ -74,7 +74,7 @@
 		&--tool {
 			.citizen-typeahead {
 				&__content {
-					padding: var( --space-md ) 0;
+					padding: var( --space-sm ) 0;
 					border-top: 1px solid var( --border-color-base );
 				}
 
@@ -82,6 +82,16 @@
 					height: var( --size-icon );
 					background-color: transparent;
 				}
+
+				&__description {
+					color: var( --color-base );
+				}
+			}
+
+			+ .citizen-typeahead__item--tool {
+				.citizen-typeahead__content {
+					border-top: 0;
+				}
 			}
 		}
 	}

resources/skins.citizen.search/templates/typeahead.mustache

@@ -10,7 +10,7 @@
 			<div class="citizen-typeahead__thumbnail citizen-ui-icon articlesSearch mw-ui-icon-wikimedia-articlesSearch"></div>
 			<div class="citizen-typeahead__text">
 				<div class="citizen-typeahead__title">{{msg-searchsuggest-search}}</div>
-				<div class="citizen-typeahead__description">{{msg-citizen-search-fulltext-empty}}</div>
+				<div class="citizen-typeahead__description">{{msg-citizen-search-empty-desc}}</div>
 			</div>
 		</div>
 	</li>

resources/skins.citizen.search/typeahead.js

@@ -8,7 +8,7 @@ const activeIndex = {
 	index: -1,
 	max: config.wgCitizenMaxSearchResults + 1,
 	setMax: function ( x ) {
-		this.max = x + 1;
+		this.max = x;
 	},
 	increment: function ( i ) {
 		this.index += i;
@@ -91,18 +91,6 @@ function keyboardEvents( event ) {
 	}
 }
 
-/*
- * Attach mouse eventlistener to all typeahead items
- *
- * @return {void}
- */
-function attachMouseListener() {
-	const items = typeahead.querySelectorAll( '.' + PREFIX + '__item' );
-	items.forEach( ( item ) => {
-		bindMouseHoverEvent( item );
-	} );
-}
-
 /*
  * Bind mouseenter and mouseleave event to reproduce mouse hover event
  *
@@ -180,7 +168,10 @@ function getSuggestions( searchQuery, htmlSafeSearchQuery, placeholder ) {
 						cleanTitle = cleanup( title ),
 						cleanMatchedTitle = cleanup( matchedTitle );
 
-					return !( cleanTitle.includes( cleanMatchedTitle ) || cleanMatchedTitle.includes( cleanTitle ) );
+					return !(
+						cleanTitle.includes( cleanMatchedTitle ) ||
+						cleanMatchedTitle.includes( cleanTitle )
+					);
 				};
 
 				let html = '';
@@ -260,9 +251,7 @@ function getSuggestions( searchQuery, htmlSafeSearchQuery, placeholder ) {
 		clearSuggestions();
 		if ( results !== null ) {
 			renderSuggestions( results );
-			attachMouseListener();
 		}
-		activeIndex.setMax( results.length );
 	} ).catch( ( error ) => {
 		searchInput.removeEventListener( 'input', abortFetch );
 		searchInput.parentNode.classList.remove( SEARCH_LOADING_CLASS );
@@ -334,6 +323,7 @@ function getMenuItem( data ) {
 		fragment = template.content.cloneNode( true ),
 		item = fragment.querySelector( '.' + PREFIX + '__item' );
 	updateMenuItem( item, data );
+	bindMouseHoverEvent( item );
 	return fragment;
 }
 
@@ -396,6 +386,16 @@ function updateTypeahead( messages ) {
 		msg: 'citizen-search-fulltext'
 	} );
 
+	// MediaSearch
+	if ( config.isMediaSearchExtensionEnabled ) {
+		updateToolItem( {
+			id: 'mediasearch',
+			link: config.wgScriptPath + '/index.php?title=Special:MediaSearch&search=',
+			icon: 'imageGallery',
+			msg: 'citizen-search-mediasearch'
+		} );
+	}
+
 	if ( hasQuery ) {
 		getSuggestions( searchQuery, htmlSafeSearchQuery, placeholder );
 	} else {
@@ -405,12 +405,14 @@ function updateTypeahead( messages ) {
 			placeholder,
 			{
 				icon: 'articlesSearch',
-				title: messages.searchsuggestSearch,
-				description: messages.fulltextEmpty
+				title: messages.emptyTitle,
+				description: messages.emptyDesc
 			}
 		);
 		placeholder.classList.remove( HIDDEN_CLASS );
 	}
+	// -1 as there is a template element
+	activeIndex.setMax( typeahead.children.length - 1 );
 }
 
 /**
@@ -423,16 +425,16 @@ function initTypeahead( searchForm, input ) {
 
 	const
 		messages = {
-			fulltextEmpty: mw.message( 'citizen-search-fulltext-empty' ).text(),
-			searchsuggestSearch: mw.message( 'searchsuggest-search' ).text()
+			emptyTitle: mw.message( 'searchsuggest-search' ).text(),
+			emptyDesc: mw.message( 'citizen-search-empty-desc' ).text()
 		},
 		template = mw.template.get(
 			'skins.citizen.search',
 			'resources/skins.citizen.search/templates/typeahead.mustache'
 		),
 		data = {
-			'msg-citizen-search-fulltext-empty': messages.fulltextEmpty,
-			'msg-searchsuggest-search': messages.searchsuggestSearch
+			'msg-searchsuggest-search': messages.emptyTitle,
+			'msg-citizen-search-empty-desc': messages.emptyDesc
 		};
 
 	const onBlur = ( event ) => {
@@ -467,9 +469,6 @@ function initTypeahead( searchForm, input ) {
 	searchInput.setAttribute( 'aria-autocomplete', 'list' );
 	searchInput.setAttribute( 'aria-controls', 'searchform-suggestions' );
 
-	// Attach mouse listener to inital typeahead items
-	attachMouseListener();
-
 	// Since searchInput is focused before the event listener is set up
 	onFocus();
 	searchInput.addEventListener( 'focus', onFocus );

skin.json

@@ -159,7 +159,8 @@
 			],
 			"messages": [
 				"citizen-search-fulltext",
-				"citizen-search-fulltext-empty",
+				"citizen-search-mediasearch",
+				"citizen-search-empty-desc",
 				"citizen-search-noresults-title",
 				"citizen-search-noresults-desc",
 				"search-redirect",