JSer.info #599 - Next.js 12.2がリリースされました。

Blog - Next.js 12.2 | Next.js

MiddlewareとOn-Demand ISRのStableな機能となりました。
API RouteとSSRをCloudflare Workersを使ったEdgeで動かすruntimeオプションを追加など。
これに合わせて、Edge Runtimeをローカルでエミュレートするためのedge-runtimeというパッケージが公開されています。

What is Edge Runtime | Edge Runtime

そのほかには、next/imageの改善、SWCプラグインのサポート、React 18のサポート改善などが含まれています。
また、next/linkが常に <a> で囲まれるようになる機能をopt-inで導入できるようになっています。

Rework behavior (backwards compatible) by timneutkens · Pull Request #36436 · vercel/next.js

Denoで書かれたウェブフレームワークであるFresh 1.0が公開されました。

Fresh 1.0

Freshは、Preact(JSX)を使ってUIを作りサーバサイドレンダリングを行い、必要な時のみクライアントサイドのJSを含めるIslands Architectureを採用しています。

また、Freshは https://deno.land/ でも利用されています。

denoland/dotland: deno.land website

Vue 2.7がリリースされました。

Vue 2.7 "Naruto" Released | The Vue Point

Vue 2.7はVue 2.xの最後のminorアップデートとなり、Vue 2は1年半後の2023年末にサポートが終了する予定となっています。
Vue 3からのバックポートとしてdefineComponent()、h()、useSlot()、useAttrs()、useCssModules()のサポートが追加されています。
また、Vue 3との動作の違いについてなどについても書かれています。

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

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

JSer.info Sponsors

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

ヘッドライン

WebKit/standards-positions: WebKit's positions on emerging web specifications

github.com/WebKit/standards-positions

webkit proposal safari apple

ウェブ標準のProposalに対するWebKitのポジションを管理するリポジトリ。

Blog - Next.js 12.2 | Next.js

nextjs.org/blog/next-12-2

Next.js ReleaseNote

Next.js 12.2リリース。
MiddlewareがStableに、On-Demand ISRのStableに。
API RouteとSSRをCloudflare Workersを使ったEdgeで動かすruntimeオプションを追加など。
next/imageの改善、SWCプラグインのサポート、React 18のサポート改善など

Fresh 1.0

deno.com/blog/fresh-is-stable

deno React ReleaseNote

DenoとPreactを使ったウェブフレームワークであるFresh 1.0リリース。

Release 1.0.0 · denoland/fresh

Release Notes for Safari Technology Preview 148 | WebKit

webkit.org/blog/12992/release-notes-for-safari-technology-preview-148/

webkit ReleaseNote safari

Safari Technology Preview 148リリース。
CSSでは:has()擬似クラスのサポート改善、text-indentプロパティでeach-lineをサポート、:modal擬似クラスのサポートなど。
<link>要素のnonce属性のサポート。
ITPでCookieのcapをScript-Writeable Storageと同じlast user interactionから7days、interactionない場合は24hで消えるように変更。

Release v6.0.0 · capricorn86/happy-dom

github.com/capricorn86/happy-dom/releases/tag/v6.0.0

JavaScript DOM library ReleaseNote

Happy DOM v6.0.0リリース。
複数windowに関する問題を修正、Document.createRange()/Document.getSelection()、Text.splitText()のサポートなど

Date and Time Pickers for All – React Spectrum Blog

react-spectrum.adobe.com/blog/date-and-time-pickers-for-all.html

JavaScript React library ReleaseNote accessibility

React AriaとReact Spectrumで日付入力のUIをサポート。
アクセシビリティ、国際化、カスタマイズ性などを持った日付フィールド/カレンダーのUIコンポーネントを提供する。
また併せて複数のタイムゾーン/カレンダーシステム/ロケールをサポートした日付ライブラリも公開している。

@internationalized/date – Internationalized

Release v1.23.0 · microsoft/playwright

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

JavaScript browser testing library ReleaseNote

playwright v1.23.0リリース。
harファイルを使ったNetwork Replay機能の追加、<select multiple>に対応するtoHavevalues()の追加、テキストマッチのignoreCaseオプションを追加など

Release 4.0.0 · prisma/prisma

github.com/prisma/prisma/releases/tag/4.0.0

JavaScript database library ReleaseNote

Prisma 4.0.0リリース。
extendedIndexes/filterJson/improvedQueryRawがGAに。
Node.js 12のサポート終了、DbNull/JsonNull/AnyNullはobject型に変更、statement cache sizeのデフォルト値を変更など