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 대응도 있어요.

To support JSer.info

😘 Recommend JSer.info to your friends!
❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
🐦 Follow @jser_info on X(Twitter)

헤드라인

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내 패키지 버전을 하나로 통일 하는 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 내에 의존 라이브러 버전을 하나로 하는 방법에 대하여.
pnpm 9.5 도입 된 catalog 사용해 의존하는 패키지 목록 관리, .pnpmfile.cjs의 hooks 사용해 catalog에서 관리되지 않은 의존을 에러로 처리.