GitHubでunity バージョンを教えてくれるChrome拡張を作りたい
にー兄さんGitHubでUnityプロジェクトを開いたときに、そのUnityプロジェクトのUnityバージョンを教えてくれるChrome拡張が欲しいと思った
Unityプロジェクトでは通常/ProjectSettings/ProjectVersion.txtというページの中で
document.getElementById("LC1")すると出てくる、つまり1行目のm_EditorVersion属性に書かれてる
もしくはhttps://raw.githubusercontent.com/<ユーザ名>/<プロジェクト名>/<ブランチ>/ProjectSettings/ProjectVersion.txt
で名前のテキストを取得できる
にー兄さんChrome拡張作るのに参考になりそうなサイトとか
Qiitaで一番最初に出てくる記事
OnClickが乗ってる記事
manaba integration
にー兄さんchrome 拡張のURLを取得できそうなAPI
にー兄さん仕様を考える
- UnityプロジェクトをGithubで開く
- 拡張機能をクリックする
- バージョン情報が見つかればpopup.htmlで表示、そうでなければcannot detect unity versionなどを表示
にー兄さんということは必要な処理は
- 現在のパスからバージョン情報へのアクセス
- バージョン情報のパース
- popup.htmlによる表示部分
にー兄さんViteではpublicという特別なディレクトリにファイルを配置することで
ビルド後にハッシュ化しないファイルとして扱える
本来はrobot.txtなどを入れるけど、今回はmanifest.jsonで使った
これによってdistにmanifest.jsonが展開される
にー兄さんXDで画面のレイアウトとか配色を考えてみた
にー兄さん色々いじってみて、バージョン情報の検知ロジックさえできれば完成くらいまで来たな
にー兄さんchrome拡張をTSで開発するのにchromeオブジェクトに型がないのがめんどくさそうと思っていたけど
型定義があったんでよかった
にー兄さんchrome 拡張のAPIからタブの情報を取得するには、こちらが参考になった
にー兄さんGitHubのURLがめんどくさくてなえてる
まずデフォルトブランチでルートディレクトリの場合は
github.com/<username>/<repo>になる、つまりデフォルトブランチの名前がわからない
そのほかの場合、
デフォルトブランチでルート以外のパスの場合、
github.com/<username>/<repo>/tree/<branch>/<path>のような形になる
にー兄さん手元でいい感じに動くようになりました🎉
にー兄さんgithubも公開しました