Frontend Weekly 2024-08-16

2024-08-15

Tech

Frontend weekly

/

pnpm

/

WebDriver BiDi

pnpm v9.7.0#

pnpm v9.7.0 がリリースされた。

https://github.com/pnpm/pnpm/releases/tag/v9.7.0

packageManager によるバージョンの切り替え#

Corepack が利用する packageManager を参照して、自動的にバージョンを切り替える機能が追加された。例えば、package.jsonに次のように指定すれば、自動的に[email protected]が利用される。

1
{
2
  "packageManager": "[email protected]"
3
}

この機能を有効化するには、manage-package-manager-versionsをtrueに設定する必要がある。次のようにコマンドを実行する。

1
pnpm config set manage-package-manager-versions true --location project

または.npmrcなどに次のように記述すればいい。

1
manage-package-manager-versions=true

パッケージの全てのバージョンをパッチを適用する#

以前からpnpmでは、pnpm patchコマンドを利用して、パッケージのコードを直接書き換えることが出来る。次のようにコマンドを入力する。

1
pnpm patch <package-name>

出力に従ってパッチの記述やコマンドの入力を行うとpatches/<package-name>@<package-version>.patchというファイルが作成され、package.jsonには次のようにpatchedDependenciesフィールドが追加される。

1
{
2
  "pnpm": {
3
    "patchedDependencies": {
4
      "<package-name>@<package-version>": "patches/<package-name>@<package-version>.patch"
5
    }
6
  }
7
}

しかし、これは見て分かる通り、特定のバージョンに対してパッチを適用することしか出来ない。つまり、パッケージのバージョンを上げるたびにパッチを適用する必要があった。

そこで、pnpm v9.7.0 ではpnpm patchコマンドでバージョンを指定しなかった場合、全てのバージョンに対してパッチを適用する機能が追加された。

WebDriver BiDi production-ready in Firefox, Chrome and Puppeteer#

W3C が従来のブラウザテスト自動化プロトコル WebDriver の拡張として策定を進めていた WebDriver BiDi が、Firefox、Chrome、Puppeteer で本番環境での利用が可能になった。

https://developer.chrome.com/blog/firefox-support-in-puppeteer-with-webdriver-bidi

従来のブラウザテスト自動化プロトコルには、いくつか問題がある。

Selenium などで利用される WebDriver はクロスブラウザ対応が容易な一方、Flaky になりやすく遅い。
Puppter や Playwright などが利用している Chrome DevTools Protocol（CDP）は高速であり低レベルな API を操作できるが、名前の通り本来 Chromium base のブラウザでしか動かず、Firefox や Safari にはパッチを当てて対応している。

WebDriver BiDi は、これらの問題を解決するために開発された。 WebDriver と CDP それぞれのメリットである容易なクロスブラウザ対応と高速な動作、低レベルな API の操作を全て備えている。