JSer.info #705 - webpackとの互換性を持つようにRustで書かれたbundlerであるRspack 1.0がリリースされました。

Announcing Rspack 1.0 - Rspack

0.7からの破壊的な変更もいくつか含まれているため、マイグレーションガイドも公開されています。

Migrating from Rspack 0.x - Rspack

Safari Technology Preview 202がリリースされました。

Release Notes for Safari Technology Preview 202

CSSのbackground-clip: border-area/ruby-align、shape() function/@pageでjis-b4とjis-b5のサポートなどが追加されています。
また、ECMAScript Proposal Stage 3のFloat16Arrayの実装、WebAssembly.{Memory/Table}.prototype.type()の実装も行われています。
WebAssemblyでは、Wasm GC/Wasm Tail Callsのサポート、JITなしでWebAssemblyを実行できるようになる変更も含まれています。

Material UI v6がリリースされました。

Material UI v6 is out now 🎉 - MUI

CSS theme variablesの追加、Color schemesでのLight/Dark modeの切り替え、Container queriesのサポートが追加されています。
Pigment CSSによるZero Runtime Stylingの仕組みをopt-inで導入、React 19の対応なども行われています。

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

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

JSer.info Sponsors

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

ヘッドライン

Chrome 129 beta | Blog | Chrome for Developers

developer.chrome.com/blog/chrome-129-beta?hl=en

Chrome ReleaseNote

Chrome 129 betaリリース。
CSSのinterpolate-sizeプロパティとcalc-size()をサポート、Intl.DurationFormatのサポート、scheduler.yield()のサポート。
Origin TraialとしてFile System Observer APIの追加、0.0.0.0を利用したPrivate Network AccessをDeprecateにするなど

Release Version 25.0.0 · jsdom/jsdom

github.com/jsdom/jsdom/releases/tag/25.0.0

JavaScript DOM ReleaseNote

jsdom 25.0.0リリース。
EventTarget.prototypeの参照先をjsdom内のObject.prototypeに変更。

Announcing Rspack 1.0 - Rspack

rspack.dev/blog/announcing-1-0

rspack ReleaseNote webpack

webpackとの互換性を持つようにRustで書かれたbundlerであるRspack 1.0がリリース。

Migrating from Rspack 0.x - Rspack

Release 5.19.0 · prisma/prisma

github.com/prisma/prisma/releases/tag/5.19.0

prisma MySQL

Prisma 5.19.0リリース。
TypedSQLの導入

Release v2.0.0 · pmndrs/valtio

github.com/pmndrs/valtio/releases/tag/v2.0.0

React JavaScript library ReleaseNote

Valito 2.0.0リリース。
React 19でuse hookが入るため、Promiseの扱い方を変更など

valtio/docs/guides/migrating-to-v2.mdx at main · pmndrs/valtio

Release Notes for Safari Technology Preview 202 | WebKit

webkit.org/blog/15798/release-notes-for-safari-technology-preview-202/

safari ReleaseNote

Safari Technology Preview 202リリース。
CSSのbackground-clip: border-area/ruby-align、shape() function/@pageでjis-b4とjis-b5のサポートなど。
ES Proposal Stage 3のFloat16Arrayの実装、WebAssembly.{Memory/Table}.prototype.type()の実装。
Wasm GC/Wasm Tail Callsのサポート、JITなしでWebAssemblyを実行できるようになるなど

Svelte has a potential mXSS vulnerability due to improper HTML escaping · CVE-2024-45047 · GitHub Advisory Database

github.com/advisories/GHSA-8266-84wp-wv5c

Svelte security ReleaseNote XSS

Svelteの<noscript>内の要素の属性値にユーザー入力を入れている場合に発生するXSSを修正。
Svelte 4.2.19で修正されている。

Release [email protected] · sveltejs/svelte

Material UI v6 is out now 🎉 - MUI

mui.com/blog/material-ui-v6-is-out/

React UI library ReleaseNote

Material UI v6リリース。
CSS theme variablesの追加、Color schemesでのLight/Dark modeの切り替え、Container queriesのサポート。
Pigment CSSによるZero Runtime Stylingの仕組みをopt-inで導入、React 19の対応など

DOM Clobbering Gadget found in Webpack's AutoPublicPathRuntimeModule that leads to XSS · Advisory · webpack/webpack

github.com/webpack/webpack/security/advisories/GHSA-4vvj-4cpr-p986

webpack ReleaseNote security

webpackのセキュリティリリース。
ユーザーが任意の属性を含む<img>タグをかける場合に、webpackのpublicPath: 'auto'が有効なbundleを読み込むとXSSが発生する問題。
webpack 5.94.0で修正された。

アーティクル

State of CSS 2024

survey.devographics.com/en-US/survey/state-of-css/2024

css Survey

State of CSS 2024の開発者アンケートの受付が開始された

monorepo内でのパッケージのバージョンを1つだけに統一するOne Version Ruleをpnpm catalogで実装する - newmo 技術ブログ

tech.newmo.me/entry/one-version-rule-built-on-pnpm-catalog

npm pnpm monorepo JavaScript article

pnpm catalogを使い、monorepo内で依存するライブラリのバージョンを1つだけにする方法について。
pnpm 9.5で導入されたcatalogを使い依存するパッケージの一覧を管理、.pnpmfile.cjsのhooksを使いcatalogで管理されてない依存をエラーとする実装について。