JSer.info #587 - TypeScript 4.7 Betaがリリースされました。

Announcing TypeScript 4.7 Beta - TypeScript

TypeScript 4.5 Betaで導入されNightlyでテストされていた、Node.jsのECMAScript Moduleサポートを再び有効化されています。
これに関連してpackage.jsonのexportsフィールドのサポート、"module": "nodenext"、.mts/ctsの拡張子のサポートが追加されています。
また、Node.jsではファイルがモジュールかどうかはpackage.jsonのmoduleフィールドなどによって暗黙的に異なります。
そのため、ファイルがモジュールかどうかを判定方法を制御できるmoduleDetectionオプションも追加して、強制的(force)にモジュールとして認識させることもできるようになっています。

Add moduleDetection compiler flag to allow for changing how modules are parsed by weswigham · Pull Request #47495 · microsoft/TypeScript

型推論の改善として、Computedプロパティに対するコントロールフロー解析の改善、オブジェクトにおける関数の型推論の改善が含まれています。

Genericsの型を指定したaliasを定義できる Instantiation Expressionsをサポート。

const ErrorMap = Map<string, Error>;

Add moduleDetection compiler flag to allow for changing how modules are parsed by weswigham · Pull Request #47495 · microsoft/TypeScript

inferに対するextendsでの推論条件の追加をサポート、型が共変(in)/反変(out)/不変(in out)なのかを指定できるアノテーションを追加されています。

Optional variance annotations by ahejlsberg · Pull Request #48240 · microsoft/TypeScript

モジュール解決時の探索方法をカスタマイズするmoduleSuffixesオプションの追加、import typeとReference Commentでresolution-modeを指定できるようになっています。

Making of: The Sanitizer API (Nullcon 2022) - Google スライドというスライドでは、HTML Sanitizer APIという策定中/実装中のウェブ標準について紹介されています。

信頼できないHTML文字列のインジェクトするときに、そのHTML文字列をサニタイズしてXSSを防止するためのAPIです。
最初は、HTML文字列をサニタイズしてHTML文字列を返すAPIとして進められていました、HTMLのパースモードの違いなどからパイパスする方法があることが発見されました。(HTML文字列という文字列のフラグメントに対するサニタイズは安全にはできないと分かった)

そのため、innerHTMLとよく似たsetHTMLという新しいAPIが策定され、このAPIにsanitizerを渡す形に変更された話が書かれています。

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

Astro 1.0 Beta Release | Astro

astro.build/blog/astro-1-beta-release/

JavaScript Tools ReleaseNote

Astro 1.0 betaリリース。
2022年6月8日に正式リリースの予定。

Announcing Rome Formatter

rome.tools/blog/2022/04/05/rome-formatter-release

JavaScript Rust Tools ReleaseNote

Rustに書き直されたRomeのFormatterがリリースされた。
Prettierの挙動をベースにしていて、opt-inで構文エラーのコードに対する整形も対応している。

Release v8.0.0 · cucumber/cucumber-js

github.com/cucumber/cucumber-js/releases/tag/v8.0.0

JavaScript testing ReleaseNote

Cucumber.js 8.0.0リリース。

Announcing RedwoodJS 1.0 and $1M Funding

tom.preston-werner.com/2022/04/04/redwood-v1-and-funding.html

JavaScript library ReleaseNote React GraphQL prisma jest

React/GraphQL/Prisma/Jest/Storybookを組み合わせたアプリケーションフレームワークであるRedwoodJS 1.0リリース。

Redwood 1.0.0-rc.final is Available 🚀 - Announcements / Releases and Upgrade Guides - RedwoodJS Community

Announcing TypeScript 4.7 Beta - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/

TypeScript ReleaseNote

TypeScript 4.7 betaリリース。
Node.jsのECMAScript Moduleサポートを再び有効化、moduleDetectionオプションの追加。
Compuatedプロパティに対するコントロールフロー解析の改善、オブジェクトにおける関数の型推論の改善。Genericsの型を指定したaliasを定義できる Instantiation Expressionsをサポート。
inferに対するextendsでの推論条件の追加をサポート、型が共変(in)/反変(out)/不変(in out)なのかを指定できるアノテーションを追加。
モジュール解決持の探索方法をカスタマイズするmoduleSuffixesオプションの追加、import typeとReference Commentでresolution-modeを指定できるように。

Release Notes for Safari Technology Preview 143 | WebKit

webkit.org/blog/12563/release-notes-for-safari-technology-preview-143/

safari ReleaseNote

Safari Technology Preview 143リリース。
CSS Container Queriesの改善、CSS Cascade Layersの改善。Web Animation APIの改善。
Permissions APIをデフォルトで有効化、inert属性をデフォルトで有効化。