# ベースイメージとして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

# Firefoxを手動でリモートデバッグモードで起動
CMD /usr/bin/firefox-esr --headless --remote-debugging-port=9222 & npx web-ext run --firefox /usr/bin/firefox-esr --verbose