2021-08-03のJS: Yarn 3.0、Chrome 93 beta、cross origin iframeでのalert/prompt/confirmを削除

[azu]

Yarn 3.0がリリースされました。

• Yarn 3.0 🚀🤖 Performances, ESBuild, Better Patches, ... - DEV Community 👩‍💻👨‍💻
• berry/CHANGELOG.md at master · yarnpkg/berry

Node.js 10のサポート終了、.pnp.cjsにリネーム、@yarnpkg/pnpifyを3つのパッケージに分解などの変更を含んでいます。

• @yarnpkg/sdks: Editor SDKs
• @yarnpkg/pnpify: PnPと互換性のないツールを実行するツール
• @yarnpkg/nm: node_modules linker

また、 exportsフィールドのサポート、pnpmライクなハードリンクのサポート、シェル構文のサポート改善、 ESBuildでのbundleをサポートする@yarnpkg/esbuild-plugin-pnpの追加なども含まれています。

---

Chrome 93 betaがリリースされました。

• Chromium Blog: Chrome 93: Multi-Screen Window Placement, PWAs as URL Handlers, and More

Origin TrialとしてCOEPの導入をより手軽にするためのCross-Origin-Embedder-Policy：credentialless、URL Handlersの追加などが含まれています。
また、 AbortSignal.abort()メソッドのサポート、Stage 3のError causeとObject.hasOwnのサポートも含まれています。

ダークモード対応などではCSSのprefers-color-scheme media queryを使い、ユーザーエージェントがどのcolor schemeを優先するかを判定していました。しかし、CSSではページロード後となるため、ページロード時にその判定ができるようにClient Hint HeaderのSec-CH-Prefers-Color-Schemeが追加されています。
また、navigator.userAgentやUser-Agentヘッダの後継となる、User-Agent Client Hintsに関するAPIやヘッダの変更も含まれています。

• Migrate to User-Agent Client Hints

---

Chrome 92では、cross originのiframe内からwindow.{alert, prompt, confirm}が利用できなくなりました。

• 1065085 - Implement window.{alert, prompt, confirm} removal from cross-origin iframes - chromium
• Remove alert(), confirm(), and prompt for cross origin iframes - Chrome Platform Status

この問題への対処方法として、次のような方法があげられています。

• Chrome 96(12月)まで有効なReverse Origin Trialを有効化する
• ダイアログUIを自作する方法
• postMessageを使って親ドキュメントでダイアログを出す方法

この影響で、CodePenなどのiframeを使ってコードを実行する環境、Google Apps Scriptをウェブサイトとして公開しているケース、Salesforceの一部機能などが動かなくなるなどの影響が出ています。
いくつかのウェブサイトで影響があったため、Chromeでは2021年8月15日まで無効化されています。(Reverse Origin Trialのための猶予期間)

他のブラウザもこの仕様に追従する予定となっています。

• Remove alert(), confirm(), and prompt for cross origin iframes - Chrome Platform Status
• Proposal: Disallow cross-origin iframes usage of window.{alert, confirm, prompt} · Issue #5407 · whatwg/html

詳しくは次のページも参照してください。

• Cross Origin iframe からの alert/confirm/prompt 呼び出しの無効化 | blog.jxck.io