🐙

ElmでChrome拡張を書くときのテンプレート

2021/12/20に公開

Elm Advent Calendar 2021の20日目です。

今回使うのは、こちらのリポジトリ

https://github.com/ababup1192/elm-chrome-extenstions

elmはビルドされると、以下のdistディレクトリにhtml,js等が出力されます。

https://github.com/ababup1192/elm-chrome-extenstions/tree/master/extenstions/dist

manifest.jsonのpopupの指定により、elmでビルドされたものが動くというわけです。

  "action": {
    "default_icon": "icon.png",
    "default_popup": "./dist/index.html"
  },

本来ならservice workerやcontext scriptなどを動かしたかったのですが、chrome拡張の知識が乏しいため試すことができませんでした。ですが、portsを使えば、問題なく値の受け渡し等ができると思われます。

Discussion