JSer.info #608 - Rollup 3.0のプレリリース版が公開されています。

[v3.0 Release branch] by lukastaegert · Pull Request #4549 · rollup/rollup

Rollup 3.0では、Node.js 12のサポート終了、ブラウザ向けのパッケージを@rollup/browserに分離、非推奨のメソッドの削除。 output.interopにcompatを追加、--bundleConfigAsCjsフラグの追加などが予定されています。

Chrome 106 Betaが公開されました。

Chromium Blog: Chrome 106 Beta: New CSS Features, WebCodecs and WebXR Improvements, and More

Origin Trialsとしてiframeのanonymous属性、Pop-Up APIの追加されています。
Android WebViewでのClient Hintsをサポート、CSSの単位としてicをサポート、Intl.NumberFormat v3 APIをサポート、WebCodecsのdequeueイベントのサポートなども含まれています。
また、破壊的な変更としてCookieのドメイン属性の非ASCII文字を削除、HTTP/2 Pushのサポートの削除なども含まれています。

Open Source Security Foundationからnpmでのパッケージ公開のセキュリティについてのベストプラクティスのドキュメントが公開されています。

package-manager-best-practices/npm.md at main · ossf/package-manager-best-practices

また、JavaScriptのライブラリをnpmへパッケージとして公開に関するガイドが公開されています。

frehner/modern-guide-to-packaging-js-library: A guide to help ensure your JavaScript library is the most compatible, fast, and efficient library you can make.

こちらも合わせて読んでみると良いかもしれません。

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

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

JSer.info Sponsors

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

ヘッドライン

Release v6.0.0 beta 1 · styled-components/styled-components

github.com/styled-components/styled-components/releases/tag/v6.0.0-beta.1

JavaScript CSS library ReleaseNote

styled-components v6.0.0-beta.1リリース。
TypeScriptでの書き直し、stylis v4へのアップデート、Node.js 12のサポート終了などが含まれる

Release v5.5.0 · lerna/lerna

github.com/lerna/lerna/releases/tag/v5.5.0

monorepo JavaScript Tools ReleaseNote

lerna v5.5.0リリース。
pnpm workspacesのサポート

[v3.0 Release branch] by lukastaegert · Pull Request #4549 · rollup/rollup

github.com/rollup/rollup/pull/4549

rollup ReleaseNote

Rollup 3.0の変更点について。
Node.js 12のサポート終了、ブラウザ向けのパッケージを@rollup/browserに分離、非推奨のメソッドの削除。
output.interopにcompatを追加、--bundleConfigAsCjsフラグの追加など

Release v0.23.0 · vitest-dev/vitest

github.com/vitest-dev/vitest/releases/tag/v0.23.0

vite ReleaseNote

vitest v0.23.0リリース。
CJSとの互換性の改善、retryオプションの追加、vitest benchコマンドの追加、coverageのjson reporterの追加など

Release v7.10.0 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v7.10.0

pnpm ReleaseNote

pnpm v7.10.0リリース。
resolution-modeにtime-basedの追加、pnpm env removeの追加など

Release v5.0.0 · avajs/ava

github.com/avajs/ava/releases/tag/v5.0.0

JavaScript node.js testing ReleaseNote

AVA v5.0.0 preリリース。
Node.js 12以下のサポート終了、TypeScript 4.7未満のサポート終了など

TestCafe v2.0.0 Released | Framework | Release Notes

testcafe.io/404018/release-notes/framework/2022-8-31-testcafe-v2-0-0-released

browser testing E2E ReleaseNote

TestCafe 2.0.0リリース。
TypeScriptのアップデート、JavaScriptのエラーを無視するオプションの追加など

Chromium Blog: Chrome 106 Beta: New CSS Features, WebCodecs and WebXR Improvements, and More

blog.chromium.org/2022/09/chrome-106-beta-new-css-features.html

Chrome ReleaseNote

Chrome 106 Betaリリース。
Origin Trialsとしてiframeのanonymous属性、Pop-Up APIの追加。
Android WebViewでのClient Hintsをサポート、CSSの単位としてicをサポート、Intl.NumberFormat v3 APIをサポート、WebCodecsのdequeueイベントのサポートなど。
Cookieのドメイン属性の非ASCII文字を削除、HTTP/2 Pushのサポートの削除など

アーティクル

Modern alternatives to BEM - daverupert.com

daverupert.com/2022/08/modern-alternatives-to-bem/

CSS architecture article

CSSに@layerやWeb Componentsなどの新しい概念が増えたことで、CSSの設計がどのように変わっていくかについて。

Anonymous iframe origin trial: Easily embed iframes in COEP environments - Chrome Developers

developer.chrome.com/blog/anonymous-iframe-origin-trial/

browser article

Cross-Origin-Embedder-Policy: require-corpとCross-Origin-Opener-Policy: same-originのレスポンスヘッダを返すサイトではないと、クロスオリジン分離してiframeとして埋め込めない。
この問題を解決するために、iframe要素にanonymous属性について