Fork me on GitHub

2026-09-10: Vitest 5.0, Zod 4.5, Shopify가 Tailwind Labs 인수

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #779 - Vitest 5.0가 출시됐다.

clearMocks가 기본적으로 유효, locator가 완전 일치해야 검색되도록 변경된다.
Benchmarking API가 재작성되어, Browser Mode의 browser.traceView, vi.when가 추가된다.
또한, vitest doctor, --repeats, coverage.autoAttachSubprocess 추가된다.


Zod 4.5가 출시됐다.

z.compile()에 의한 스키마 사전 컴파일, z.creditCard(), z.properties()가 추가된다.
z.deepPartial(), .exactPartial(), z.validate(), z.input()/z.output(), z.toZod<T>() 추가된다.
그 외로, z.iso.datetime()에서 초가 필수적이도록 변경, 문자열 길이를 Code Point로 세도록 변경, __proto__를 항상 제거하도록 변경.


Shopify가 Tailwind Labs 인수를 발표했다.

Tailwind CSS 오픈소스 프로젝트는 MIT 라이센스 유지, Tailwind Labs 팀이 Shopify 지원을 받으며 개발 지속한다.
Tailwind Plus와 ui.sh는 기존 고객 접근 유지, 신규 등록 종료할 예정이다.


헤드라인


Release v4.0.0 · plotly/plotly.js

github.com/plotly/plotly.js/releases/tag/v4.0.0

JavaScript chart library ReleaseNote

plotly.js 4.0.0 출시.
Node.js 22 미만 지원 종료, scattermapbox/choroplethmapbox/densitymapbox 삭제.
mapboxAccessToken 삭제, MathJax v2 지원 종료 v3/v4를 지원, 색 처리 라이브러리를 culori로 변경


htmx 4.0.0 has been released! ~ htmx

four.htmx.org/announcements/2026-08-28-htmx-4.0.0-is-released

JavaScript HTML library ReleaseNote

htmx 4.0.0 출시.
속성 계승을 :inherited으로 명시하도록 변경, 이벤트명을 htmx:phase:action 형식으로 변경
이력 캐시는 localStorage를 사용하지 않고 재취득하는 형태로 변경.
XHR에서 fetch() 기반 구현을 이행, Morph Swap, <hx-partial>, hx-preload/hx-download 추가


Zod 4.5

zod.dev/blog/zod-4-5

JavaScript TypeScript library ReleaseNote

Zod 4.5 출시.
z.compile() 스키마 사전 컴파일, z.creditCard()/z.properties() 추가.
z.deepPartial()/.exactPartial(), z.validate(), z.input()/z.output(), z.toZod<T>() 추가.
z.iso.datetime()에서 초를 필수로 변경, 문자열 길이를 Code Point 카운팅하도록 변경, __proto__를 늘 제거하도록 변경


Announcing Rspack 2.2 - Rspack

rspack.rs/blog/announcing-2-2

rspack ReleaseNote

Rspack 2.2 출시.
HMR 개선, Browserslist 베이스 라인 쿼리를 지원. Rspack 고유 모듈 변수를 import.meta로 공개하도록 변경.
Rsbuild에는, Node.js 빌드에서 split chunks를 기본적으로 유효, Solid v2 지원.
Rslib가 TypeScript 7를 지원


Node.js — Node.js 24.20.0 (LTS)

nodejs.org/en/blog/release/v24.20.0

nodejs ReleaseNote

Node.js v24.20.0(LTS) 출시.
AsyncLocalStorage에서의 using scope 추가, Bufferend 파라미터 추가.
permission.drop()/--permission-audit, package maps, node:stream/iter 추가


Remix 3 Release Candidate | Remix

remix.run/blog/remix-3-release-candidate

Remix JavaScript ReleaseNote

Remix 3.0.0-rc.1 출시.


Electron 44 | Electron

www.electronjs.org/blog/electron-44-0

Electron ReleaseNote

Electron 44 출시.
Chromium 152.0.7977.54, Node.js v24.18.1, V8 15.2으로 업데이트.
macOS 12/Windows 32-bit/Linux ARM 32-bit 지원 종료, renderer에서 clipboard 직접 이용 삭제.
clipboard 비동기 API화, windowStatePersistence, net.WebSocket 추가.
webContents.setZoomMode(), webFrameMain.printToPDF(), Linux의 win.setOpacity() 추가.


Vitest 5.0 is out! | Vitest

vitest.dev/blog/vitest-5.html

JavaScript vite testing ReleaseNote

Vitest 5.0 출시.
기본적 동작을 변경해서 clearMocks 유효화, 네스트한 프로젝트 설정을 기본적으로 계승하도록 변경, locator가 strict match 하도록 변경.
Benchmarking API 재작성, Browser Mode의 browser.traceView 추가, vi.when 추가.
vitest doctor, --repeats, coverage.autoAttachSubprocess 추가.


Release v1.63.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.63.0

playwright testing ReleaseNote

Playwright v1.63.0 출시.
유효 리소스를 사용하는 테스트의 배타 실행을 다루는 lock, 게시 요소만 제한하는 locator.visible() 추가.
page.frameLocator()으로 프레임을 넘어다니는 Locator 검색 대응.
trace에서 snapshots 옵션 추가, locator.ariaSnapshotJSON() 추가


Firefox 155.0, See All New Features, Updates and Fixes

www.firefox.com/en-US/firefox/155.0/releasenotes/

Firefox browser ReleaseNote css WebAssembly HTTP3 WebRTC

Firefox 155.0 출시.
CSS의 attr()/progress()/alpha(), HTTP/3에서의 QUIC v2 지원.
WebAssembly Compact Import Section/Wide Arithmetic 지원.
개발자 도구에는 prefers-reduced-motion 에뮬레이션, JSON Lines 게시, 프레임 변경하는 포인트 단축키 추가.
mailto: 링크는 유저가 조작할 때만 열도록 변경


Tailwind Labs is joining Shopify - Tailwind CSS

tailwindcss.com/blog/tailwind-is-joining-shopify

css OpenSource news

Shopify가 Tailwind Labs 인수.
Tailwind CSS의 OSS는 MIT 라이센스 유지, Tailwind Labs 팀이 Shopify 지원으로 개발 지속.
Tailwind Plus와 ui.sh는 기존 고객 접근 유지, 신규 가입은 종료 예정.


읽을거리


How Turbopack chunks your JavaScript | Next.js

nextjs.org/blog/turbopack-chunking

Next.js JavaScript article performance

Turbopack의 Chunk 분할 알고리즘에 관하여.
Chunk 머지로 인한 리퀘스트 수와 전송량 트레이드 오프에 관해 설명.
Next.js 16.3의 generateComponentChunks에는, 빌드할 때에 머지된 Chunk와 개별 Chunk를 생성.
화면 전환에는, 읽은 코드를 토대로, 모아서 받을지, 부족한 Chunk만 받을지 판단.
또한 firstPageLoadPriority/priorityRoutes/clusters에 의한 검사나 CommonJS 대응도 다뤄짐.


Fixing Top-Level Await in Safari | WebKit

webkit.org/blog/18227/fixing-top-level-await-in-safari/

safari JavaScript article

Safari 27/Safari Technology Preview 251에서 Top-Level Await 수정 관련하여.
Safari의 Module Loader를 JavaScript 구현에서 C++ 구현으로 작성하여, ECMAScript 사양에 따라, Top-Level Await 대응함


웹사이트, 서비스, 문서


Release v2.0.1: Aube's own global home, leaner resolver, and dramatically lower install memory · jdx/aube

github.com/jdx/aube/releases/tag/v2.0.1

nodejs package Rust Tools

Aube v2 출시.
aube add -g 설치처를 pnpm 디렉토리에서 Aube의 data root로 변경.
lowest-directResolutionMode::LowestDirect으로 공개 API에 추가, aube store prune --dry-run --json 구조화 출력을 추가.
aube pack/aube publish에서의 catalog: 해결.


davideast/pyric: Firebase tooling for the agent era

github.com/davideast/pyric

JavaScript Tools vite MCP

Firebase 애플리케이션을 로컬에서 동작하기 위한 개발 프레임워크/에뮬레이터.
Vite 플러그인으로 firebase/*의 import를 브라우저 내의 로컬 백엔드로 바꿈.
Auth/Firestore/Security Rules를 다루며, Pyric Studio이나 MCP bridge에서 상태 확인이나 조작 가능.


도서


minitype – TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진 라이브러리로 동작하는 헤드레스 조판 엔진

typeset.jp/

TypeScript JavaScript library PDF japanese

TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진.
TypeScript 코드로 문서구조와 스타일을 정의하고, PDF나 PNG를 생성.
금칙 처리, 세로 구성, 루비, 하이프네이션, 단 구성, float 배치를 다룸.


Pull Request to this article
JSer.info Slackに参加する