# ベースイメージとしてNode.js 20.xを使用
FROM node:20-buster

# 作業ディレクトリを作成
WORKDIR /app

# GitとFirefoxをインストール
RUN apt-get update && apt-get install -y git firefox-esr

# リポジトリをクローン
RUN git clone https://github.com/libredirect/browser_extension

# 作業ディレクトリをクローンしたプロジェクトディレクトリに変更
WORKDIR /app/browser_extension

# 依存関係をインストール
RUN npm install

# Pugを使用してHTMLを生成
RUN npm run html

# コンテナのポートを公開（必要に応じて設定）
EXPOSE 3000

# web-extを実行するためのコマンドを修正
CMD ["npx", "web-ext", "run", "--firefox", "/usr/bin/firefox-esr", "--verbose", "--firefox-profile", "/tmp/firefox-profile", "--remote-debugging-port", "42113"]