JSer.info #742 - Nuxt 4.0가 출시했다.

Announcing Nuxt 4.0 · Nuxt Blog

새로운 프로젝트 구조로 app/ 디렉터리가 기본이 되어, useAsyncData와 useFetch가 같은 키로 캐시를 공유합니다. 또한, TypeScript 설정 파일을 app/server/node/shared 용에 각각 작성, CLI 개선도 포함된다.

이행 가이드도 공개되었다.

Upgrade Guide · Get Started with Nuxt v4

Next.js 15.4가 출시했다.

Next.js 15.4 | Next.js

Turbopack가 전부 Integration Test 통과하도록 해서, 다음 메이저 업데이트 Next.js 16으로 Stable이 될 예정이다.
또한, Next.js 16에 대상 신기능이 experimental 플래그로 이용하도록 되어, 앞으로 업데이트 대상 대비가 진행됩니다.

import type { NextConfig } from 'next';

const nextConfig: NextConfig = {
  experimental: {
    // Forward browser logs to the terminal for easier debugging
    browserDebugInfoInTerminal: true,

    // Enable new caching and pre-rendering behavior
    dynamicIO: true, // will be renamed to cacheComponents in Next.js 16

    // Activate new client-side router improvements
    clientSegmentCache: true,

    // Explore route composition and segment overrides via DevTools
    devtoolSegmentExplorer: true,

    // Enable support for `global-not-found`, which allows you to more easily define a global 404 page.
    globalNotFound: true,

    // Enable persistent caching for the turbopack dev server and build.
    turbopackPersistentCaching: true,
  },
};

export default nextConfig;

npm 패키지 관리자를 노린 피싱이 증가, 저명한 패키지에 패키지에 멀웨이를 섞는 일이 발생했다.

구체적으로는, 다음 패키지를 특정 버전에 멀웨어가 포함되었다.

eslint-config-prettier: 8.10.1, 9.1.1, 10.1.6, 10.1.7
eslint-plugin-prettier: 4.2.2, 4.2.3
synckit: 0.11.9
@pkgr/core: 0.2.8
napi-postinstall: 0.3.1
is: 3.3.1

각 npm에서 삭제되는 등 대응은 진행되었지만, 해당 버전을 이용할 때는 대응이 필요하다.

이번 경우에는 npnjs[.]com 도메인에 피싱 사이특 작성, 메일에서 패키지 관리자에 대해 로그인을 내용을 보냄으로, 계정 탈취하는 수법을 사용했다.

To support JSer.info

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

헤드라인

Release v3.0.1 · ueberdosis/tiptap

github.com/ueberdosis/tiptap/releases/tag/v3.0.1

JavaScript editor library

tiptap v3.0.1 출시.
tsup으로 이행함으로 UMD 빌드 지원 폐지, 자료형 정의 개선.
MarkViews 추가, editor.unmount() 메서드 추가, SSR 모드에서 에디터 이용 지원.
Tippy.js에서 Floating UI으로 이행, React 19 대응, @tiptap/extensions으로 확장 기능 모음

Announcing Nuxt 4.0 · Nuxt Blog

nuxt.com/blog/v4

Vue library ReleaseNote

Nuxt v4 출시.
새로운 프로젝트 구조로 app/ 디렉토리가 기본으로.
useAsyncData과 useFetch가 같은 캐시 공유함으로, useFetch 기본값으로, shallow equal으로 변경.
TypeScript 설정 파일 app/server/node/shared 용으로 각각 작성하도록 함, CLI 개선