公開済みのChrome Extensionのタイトルを変更する

公開済みのChrome Extensionのタイトルを変更する方法について紹介します。

TL;DR

  • マニフェストファイルのnameを変更して、package.jsonのversionをあげて審査に出せばOK

github.com

経緯

ChromeSnack Timeという便利な拡張を公開しているんですが、名前からして何の拡張なのか分かりづらいというフィードバックがありました。
そのため、Snack Time というプロダクト名だけでなく、 Snack Time - Online Timerのようにタイマーであることを明記しようとしました。

タイトルを変更する

Chrome Extensionのタイトルは、Developer DashboardのStore Listingで編集はできませんが、どこから参照しているのかが分かります。

Title from package と書いてあり、審査に出したパッケージの何らかのファイルを参照していることが分かります。
結論をいえば、マニフェストファイルのnameを参照しているので、ここを変更すれば良いです。

公式のマニフェストについてのページにも分かりづらいですが、書いてありますね。

developer.chrome.com

私が開発しているChrome ExtensionはCRXJSを使っていて、Viteの設定ファイルから分離していないのでvite.config.tsを直接書き換えます。

 const manifest = defineManifest(async (env) => ({
   manifest_version: 3,
-  name: `${env.mode === "development" ? "[DEV] " : ""}Snack Time`,
+  name: `${env.mode === "development" ? "[DEV] " : ""}Snack Time - Online Timer`,
   version: version,
-  description: "This extension is a timer to help you keep your break time.",
+  description: "This extension is a timer on the website to help with timekeeping for meetings",
   permissions: ["activeTab", "scripting", "storage"],
   icons: {
     128: "images/icon.png",

あとは、package.jsonのversionをあげてアップロードし、審査が完了してリリースされればストアの表記が変更されます。

おわりに

今回は公開済みのChrome Extensionのタイトルを変更する内容について紹介しました。
そのうちストアの多言語化対応もやりたいので、実施するついでに紹介しますね。