uivisor 0.1.1 → 0.1.3

package/README.md

@@ -2,69 +2,25 @@
 
 <img src="./uivisor.jpg" alt="uivisor" width="100%" />
 
-<h3>Point at any element in your running app, tweak it by hand, and copy a precise,<br/>breakpoint-aware prompt for your AI agent — without ever touching your code.</h3>
-
 <p>
-  <img alt="dev only" src="https://img.shields.io/badge/dev--only-never%20ships%20to%20prod-22c55e?style=flat-square" />
+  <img alt="npm" src="https://img.shields.io/npm/v/uivisor?style=flat-square&color=cb3837&label=npm" />
+  <img alt="dev only" src="https://img.shields.io/badge/только%20dev-в%20прод%20не%20попадает-22c55e?style=flat-square" />
   <img alt="stack" src="https://img.shields.io/badge/React%20·%20Next.js%20·%20Vite-4f46e5?style=flat-square" />
-  <img alt="prompt only" src="https://img.shields.io/badge/prompt--only-no%20code%20mutation-06b6d4?style=flat-square" />
   <img alt="license" src="https://img.shields.io/badge/license-MIT-3f3f46?style=flat-square" />
 </p>
 
 </div>
 
----
-
-## The problem
-
-You spot a small UI nit in your running app — this padding's too tight, that heading wants a heavier
-weight, those cards need more radius at `lg`. Two bad options:
-
-1. **Dig into the code** yourself for a one-line change, or
-2. **Burn agent tokens** describing it in prose — *"on the pricing page, the middle card's button…"* — and hope the agent finds the right element.
-
-**uivisor** is a third option. Turn it on, **click the element, nudge it with your mouse**, and it hands you a
-copy-paste instruction that pins the **exact file & line**, the **styling mechanism**, the **breakpoint**, and
-**what to change** — so your agent makes the edit in one shot. uivisor itself **never writes to your source**;
-your tweaks are throwaway inline overrides in the browser.
+Dev-only инструмент для React / Next.js / Vite. Кликни элемент в работающем приложении, поправь его мышкой — панель показывает текущие стили, твои правки подсвечены зелёным. Нажми **Copy prompt for agent** — получишь промпт с `file:line:col`, механизмом стилей и брейкпоинтом, готовый для Claude Code / Cursor.
 
-## What you get
-
-Click a button, bump its padding and color, hit **Copy prompt for agent**, and you get:
-
-```md
-# uivisor — apply these UI tweaks (2 changes across 1 element)
-
-## 1. <button> "Get started" — src/components/PricingCard.tsx:26:7
-- Identify by: component <PricingCard>, data-testid="buy-pro", selector `button[data-testid="buy-pro"]`
-- Styling: tailwind (current classes: `mt-6 w-full rounded-md px-4 py-2 bg-indigo-600 text-white`)
-- At lg breakpoint (≥1024px):
-    - padding: 16px → 24px  → `lg:p-6`
-    - background-color: rgb(79,70,229) → #16a34a  → `lg:bg-[#16a34a]`
-
-### Rules
-- Edit the EXISTING className/styles. Do NOT add inline styles or duplicate the component.
-- Scope each change to its breakpoint with a responsive variant (e.g. `lg:`).
-- Confirm the element by its source location, text and data-testid before editing.
-```
-
-Paste that into Claude Code / Cursor / whatever — done. No more *"page 55, that thing"*.
+В исходники не пишет. Правки — временные inline-оверрайды в браузере, пропадают при reload.
 
 ---
 
-## Quick start
-
-> uivisor runs **only in dev** (`apply: 'serve'` / gated to `next dev`). It is **physically absent from your
-> production build.**
-
-It isn't on npm yet, so for a real project link it locally (rebuild + restart picks up changes — no reinstall):
+## Установка
 
 ```bash
-# in the uivisor folder
-npm install && npm run build
-
-# in YOUR project
-npm i -D file:/absolute/path/to/uivisor
+npm i -D uivisor
 ```
 
 ### Vite + React
@@ -76,29 +32,29 @@ import uivisor from 'uivisor/vite'
 import react from '@vitejs/plugin-react'
 
 export default defineConfig({
-  plugins: [uivisor(), react()], //  ⚠️  uivisor() BEFORE react()
+  plugins: [uivisor(), react()], // uivisor() — до react()
 })
 ```
 
+Запусти dev-сервер и нажми **`Alt`+`U`**.
+
 ### Next.js (App Router, Next 13–16)
 
-**1. Wrap your config.** Works with `next.config.ts` / `.mjs` (ESM) or `.js` (CJS):
+**1. Оберни конфиг:**
 
 ```ts
 // next.config.ts
 import { withUivisor } from 'uivisor/next'
-
-const nextConfig = { reactStrictMode: true }
-
-export default withUivisor(nextConfig)
+export default withUivisor({ reactStrictMode: true })
 ```
+
 ```js
 // next.config.js (CommonJS)
 const { withUivisor } = require('uivisor/next')
 module.exports = withUivisor({ reactStrictMode: true })
 ```
 
-**2. Mount the overlay** once in your root layout (works under both bundlers):
+**2. Добавь оверлей в корневой layout:**
 
 ```tsx
 // app/layout.tsx
@@ -109,90 +65,85 @@ export default function RootLayout({ children }) {
 }
 ```
 
-**3. Run it.** Then press **`Alt`+`U`** (or click **◎**).
+**3. Запусти `next dev` и нажми `Alt`+`U`.**
 
-| Command | Overlay | Exact `file:line` |
+Работает под обоими бандлерами:
+
+| Команда | Оверлей | Точный `file:line` |
 |---|---|---|
-| `next dev --webpack` | ✅ | ✅ (recommended) |
-| `next dev` (**Turbopack**, default in Next 15/16) | ✅ | ⚠️ off — falls back to component + selector + text |
+| `next dev` (Turbopack, по умолчанию в Next 15/16) | ✅ | ✅ |
+| `next dev --webpack` | ✅ | ✅ |
 
-> **Turbopack ignores `webpack()` config**, so `data-uiv-src` source attributes aren't injected under plain
-> `next dev`. uivisor detects this and prints a clear console hint. For exact `file:line`, either run
-> `next dev --webpack` (add a `"dev:uivisor": "next dev --webpack"` script), or opt into the **experimental**
-> Turbopack loader: `withUivisor(config, { turbopack: true })`. Everything is **dev-only** — nothing reaches
-> production builds.
+> Чтобы отключить source-mapping под Turbopack: `withUivisor(config, { turbopack: false })` — оверлей продолжит работать, `file:line` доступен через `next dev --webpack`.
+>
+> Под Turbopack ставь uivisor **из npm** (`npm i -D uivisor`). Локальный `file:`-линк (`file:../uivisor`) Turbopack не резолвит для сабпасов вроде `uivisor/next/overlay` — будет `Module not found`. С webpack `file:`-линк работает.
 
-#### Keeping it updated while we iterate
+---
 
-Linked with `file:` → after any change to uivisor, just `npm run build` in the uivisor folder and **restart your
-dev server**. No reinstall. (For Next, clear `.next/` if HMR doesn't pick it up.)
+## Работа с панелью
 
----
+**`Alt`+`U`** — включить/выключить · **`Esc`** — снять выделение · **◎** — кнопка справа снизу.
 
-## Using the panel
-
-1. **`Alt`+`U`** toggles uivisor · **Esc** deselects.
-2. **Click any element.** A Figma-like inspector fills with its spacing / border / typography / fill —
-   only the controls that are relevant (Typography shows on text elements, Gap on flex/grid containers).
-3. **Tweak:**
-   - **Combined-by-default** — Padding / Margin / Radius show one "all sides" input; click **▦** to split into
-     individual sides/corners.
-   - **Drag-to-scrub** — drag the icon on the left of any number field (cursor → ↔) to change it live.
-   - **Units** — line-height & letter-spacing have a px / % / em / × selector and always show the current number.
-4. **Screen / breakpoint** — click `md` / `lg` / … and the app loads in a **virtual screen at that width**
-   (real CSS media queries reflow); drag the frame edge to fine-tune. Only your project's **real breakpoints**
-   are shown. Edits are scoped to the chosen breakpoint (`lg:p-6`). `Live` = your real window.
-5. **Apply changes to** — pick the edit target:
-   - **All N like this** — when the element is a repeated sibling (same component/source, e.g. 3 cards), the
-     change previews on *all* of them and the prompt tells the agent to edit the shared component/source.
-   - **Only this one** · an existing **`.class`** · or **a new class you name** (agent creates it, leaves the rest).
-6. **Copy prompt for agent** (or **Copy JSON** for the machine-readable spec).
-
-Nothing is written to disk — tweaks live in the browser and vanish on reload.
+1. **Кликни любой элемент.** Панель подтягивает его текущие стили: значения из браузера горят белым, правки в uivisor — зелёным.
+2. **Правь:**
+   - Padding / Margin / Radius — одно поле на все стороны; кнопка **▦** раскрывает по отдельности.
+   - Иконка слева от числа (↔) — тяни, значение меняется вживую.
+   - Line-height и letter-spacing — переключатель единиц px / % / em.
+3. **Screen / breakpoint** — клик на `md` / `lg` / … загружает приложение в виртуальный экран этой ширины (реальные медиа-запросы перестраиваются). В баре — только брейкпоинты твоего проекта. `Live` — реальное окно.
+4. **Apply changes to** — куда применить правку:
+   - **All N like this** — если компонент повторяется N раз, превью и промпт применяются ко всем; агент правит общий компонент, а не `nth-child`.
+   - **Only this one** / существующий `.class` / новый класс с именем.
+5. **Copy prompt for agent** — промпт в буфер. **Copy JSON** — машиночитаемый спек.
 
 ---
 
-## For your AI agent
+## Промпт для агента
+
+```md
+# uivisor — apply these UI tweaks (2 changes across 1 element)
+
+## 1. <button> "Get started" — src/components/PricingCard.tsx:26:7
+- Identify by: component <PricingCard>, data-testid="buy-pro"
+- Styling: tailwind (current classes: `mt-6 w-full rounded-md px-4 py-2 bg-indigo-600 text-white`)
+- At lg breakpoint (≥1024px):
+    - padding: 16px → 24px  →  `lg:p-6`
+    - background-color: #4f46e5 → #16a34a  →  `lg:bg-[#16a34a]`
+
+### Rules
+- Edit the EXISTING className/styles. Do NOT add inline styles or duplicate the component.
+- Scope each change to its breakpoint with a responsive variant (e.g. `lg:`).
+```
 
-uivisor's output is a **self-contained instruction**, designed to be acted on without extra context. When you
-receive a uivisor prompt:
+Инструкции агенту:
 
-- **Go to the `file:line:col`** it names — that's the authoritative anchor (injected in dev, React-19 safe).
-- **Edit the existing styling mechanism** it identifies (`tailwind` / `css-modules` / `styled-components` /
-  `inline` / `plain-css`) — not inline styles, and don't duplicate the component.
-- **Respect the breakpoint scope** — emit the responsive variant (`lg:…`), don't make it global.
-- **Respect the target** — `All N like this` means edit the shared component/class so every instance updates;
-  `new class` means create it and leave existing classes untouched; a positional `nth-of-type` selector is a
-  last-resort locator, never the thing to hard-code against.
+- Иди по `file:line:col` — главный якорь.
+- Правь существующий механизм стилей (`tailwind` / `css-modules` / `styled-components` / `inline`) — не добавляй inline и не дублируй компонент.
+- Отдавай responsive-вариант под нужный брейкпоинт.
+- `All N like this` — правь общий компонент/класс, не `nth-child`.
 
 ---
 
-## How it works
+## Как это устроено
 
-- **Source mapping** — a tiny dev-only Babel pass tags host JSX with `data-uiv-src="file:line:col"`
-  (Vite plugin runs it `enforce: 'pre'`; Next runs it as a webpack pre-loader, keeping SWC).
-- **Identity, layered** — file:line → component name (from the file) → `data-testid` / id / stable selector / text.
-- **Mechanism + tokens** — detects how the element is styled and reverse-maps px to Tailwind tokens
-  (`24px → p-6`, `leading-normal`, `tracking-tight`), with arbitrary-value fallback.
-- **Breakpoints** — detected from the `@media` rules in your CSS, so the bar shows *your* breakpoints.
-- **Responsive preview** — the app is loaded in a resizable iframe so real media queries reflow; the inspector
-  operates inside it.
+- **Source mapping** — dev-only Babel/loader вешает `data-uiv-src="file:line:col"` на host-JSX. Vite — плагином `enforce: 'pre'`, Next — webpack pre-loader и `turbopack.rules` (SWC сохраняется).
+- **Идентичность** — file:line → имя компонента → `data-testid` / id / селектор / текст.
+- **Токены** — маппит px в Tailwind-токены (`24px → p-6`, `leading-normal`); arbitrary-значения как фолбэк.
+- **Брейкпоинты** — детектятся из `@media`-правил твоего CSS.
+- **Responsive-превью** — приложение в ресайзимом iframe, медиа-запросы работают по-настоящему.
 
-## Limitations
+## Ограничения
 
-- **Dev builds only** — production strips source info and mangles classes.
-- **React-first** — the DOM/CSS/breakpoint core is framework-agnostic; only source mapping is React-specific today.
-- **Tailwind-tuned tokens** — non-Tailwind stacks get raw px + selector guidance (the prompt says which
-  CSS-module / styled rule to edit).
+- Только dev-сборки — прод вырезает source-инфо.
+- Source mapping — React. DOM/CSS/брейкпоинты — фреймворк-агностично.
+- Tailwind — px→токены. Другие стеки — сырые px + указание на CSS-правило.
 
-## Develop
+## Разработка
 
 ```bash
 npm install
-npm run build        # tsup → dist/{vite,babel,overlay,next}
-npm test             # vitest (pure logic + babel transform)
-npm run demo         # Vite + React playground on :5180
-# demo-next/         # Next.js (app router) playground on :5181
+npm run build   # tsup → dist/{vite,babel,overlay,next}
+npm test        # vitest
+npm run demo    # Vite + React на :5180
 ```
 
 <div align="center"><sub>MIT · dev-only · prompt-only</sub></div>

package/dist/next/index.cjs

@@ -5,9 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -30,349 +27,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// node_modules/next/package.json
-var require_package = __commonJS({
-  "node_modules/next/package.json"(exports2, module2) {
-    module2.exports = {
-      name: "next",
-      version: "14.2.15",
-      description: "The React Framework",
-      main: "./dist/server/next.js",
-      license: "MIT",
-      repository: "vercel/next.js",
-      bugs: "https://github.com/vercel/next.js/issues",
-      homepage: "https://nextjs.org",
-      types: "index.d.ts",
-      files: [
-        "dist",
-        "app.js",
-        "app.d.ts",
-        "babel.js",
-        "babel.d.ts",
-        "client.js",
-        "client.d.ts",
-        "compat",
-        "cache.js",
-        "cache.d.ts",
-        "config.js",
-        "config.d.ts",
-        "constants.js",
-        "constants.d.ts",
-        "document.js",
-        "document.d.ts",
-        "dynamic.js",
-        "dynamic.d.ts",
-        "error.js",
-        "error.d.ts",
-        "future",
-        "legacy",
-        "script.js",
-        "script.d.ts",
-        "server.js",
-        "server.d.ts",
-        "head.js",
-        "head.d.ts",
-        "image.js",
-        "image.d.ts",
-        "link.js",
-        "link.d.ts",
-        "router.js",
-        "router.d.ts",
-        "jest.js",
-        "jest.d.ts",
-        "amp.js",
-        "amp.d.ts",
-        "og.js",
-        "og.d.ts",
-        "index.d.ts",
-        "types/index.d.ts",
-        "types/global.d.ts",
-        "types/compiled.d.ts",
-        "image-types/global.d.ts",
-        "navigation-types/navigation.d.ts",
-        "navigation-types/compat/navigation.d.ts",
-        "font",
-        "navigation.js",
-        "navigation.d.ts",
-        "headers.js",
-        "headers.d.ts",
-        "navigation-types",
-        "web-vitals.js",
-        "web-vitals.d.ts",
-        "experimental/testmode/playwright.js",
-        "experimental/testmode/playwright.d.ts",
-        "experimental/testmode/playwright/msw.js",
-        "experimental/testmode/playwright/msw.d.ts",
-        "experimental/testmode/proxy.js",
-        "experimental/testmode/proxy.d.ts"
-      ],
-      bin: {
-        next: "./dist/bin/next"
-      },
-      scripts: {
-        dev: "taskr",
-        release: "taskr release",
-        build: "pnpm release",
-        prepublishOnly: "cd ../../ && turbo run build",
-        types: "tsc --declaration --emitDeclarationOnly --stripInternal --declarationDir dist",
-        typescript: "tsec --noEmit",
-        "ncc-compiled": "ncc cache clean && taskr ncc"
-      },
-      taskr: {
-        requires: [
-          "./taskfile-webpack.js",
-          "./taskfile-ncc.js",
-          "./taskfile-swc.js",
-          "./taskfile-watch.js"
-        ]
-      },
-      dependencies: {
-        "@next/env": "14.2.15",
-        "@swc/helpers": "0.5.5",
-        busboy: "1.6.0",
-        "caniuse-lite": "^1.0.30001579",
-        "graceful-fs": "^4.2.11",
-        postcss: "8.4.31",
-        "styled-jsx": "5.1.1"
-      },
-      peerDependencies: {
-        "@opentelemetry/api": "^1.1.0",
-        "@playwright/test": "^1.41.2",
-        react: "^18.2.0",
-        "react-dom": "^18.2.0",
-        sass: "^1.3.0"
-      },
-      peerDependenciesMeta: {
-        sass: {
-          optional: true
-        },
-        "@opentelemetry/api": {
-          optional: true
-        },
-        "@playwright/test": {
-          optional: true
-        }
-      },
-      devDependencies: {
-        "@ampproject/toolbox-optimizer": "2.8.3",
-        "@babel/code-frame": "7.22.5",
-        "@babel/core": "7.22.5",
-        "@babel/eslint-parser": "7.22.5",
-        "@babel/generator": "7.22.5",
-        "@babel/plugin-proposal-class-properties": "7.18.6",
-        "@babel/plugin-proposal-export-namespace-from": "7.18.9",
-        "@babel/plugin-proposal-numeric-separator": "7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "7.20.7",
-        "@babel/plugin-syntax-bigint": "7.8.3",
-        "@babel/plugin-syntax-dynamic-import": "7.8.3",
-        "@babel/plugin-syntax-import-assertions": "7.22.5",
-        "@babel/plugin-syntax-jsx": "7.22.5",
-        "@babel/plugin-transform-modules-commonjs": "7.22.5",
-        "@babel/plugin-transform-runtime": "7.22.5",
-        "@babel/preset-env": "7.22.5",
-        "@babel/preset-react": "7.22.5",
-        "@babel/preset-typescript": "7.22.5",
-        "@babel/runtime": "7.22.5",
-        "@babel/traverse": "7.22.5",
-        "@babel/types": "7.22.5",
-        "@capsizecss/metrics": "2.2.0",
-        "@edge-runtime/cookies": "5.0.0",
-        "@edge-runtime/ponyfill": "3.0.0",
-        "@edge-runtime/primitives": "5.0.0",
-        "@hapi/accept": "5.0.2",
-        "@jest/transform": "29.5.0",
-        "@jest/types": "29.5.0",
-        "@mswjs/interceptors": "0.23.0",
-        "@napi-rs/triples": "1.2.0",
-        "@next/polyfill-module": "14.2.15",
-        "@next/polyfill-nomodule": "14.2.15",
-        "@next/react-refresh-utils": "14.2.15",
-        "@next/swc": "14.2.15",
-        "@opentelemetry/api": "1.6.0",
-        "@playwright/test": "1.41.2",
-        "@taskr/clear": "1.1.0",
-        "@taskr/esnext": "1.1.0",
-        "@types/amphtml-validator": "1.0.0",
-        "@types/babel__code-frame": "7.0.2",
-        "@types/babel__core": "7.1.12",
-        "@types/babel__generator": "7.6.2",
-        "@types/babel__template": "7.4.0",
-        "@types/babel__traverse": "7.11.0",
-        "@types/bytes": "3.1.1",
-        "@types/ci-info": "2.0.0",
-        "@types/compression": "0.0.36",
-        "@types/content-disposition": "0.5.4",
-        "@types/content-type": "1.1.3",
-        "@types/cookie": "0.3.3",
-        "@types/cross-spawn": "6.0.0",
-        "@types/debug": "4.1.5",
-        "@types/express-serve-static-core": "4.17.33",
-        "@types/fresh": "0.5.0",
-        "@types/glob": "7.1.1",
-        "@types/graceful-fs": "4.1.9",
-        "@types/jsonwebtoken": "9.0.0",
-        "@types/lodash": "4.14.198",
-        "@types/lodash.curry": "4.1.6",
-        "@types/lru-cache": "5.1.0",
-        "@types/path-to-regexp": "1.7.0",
-        "@types/picomatch": "2.3.3",
-        "@types/platform": "1.3.4",
-        "@types/react": "18.2.37",
-        "@types/react-dom": "18.2.15",
-        "@types/react-is": "17.0.3",
-        "@types/semver": "7.3.1",
-        "@types/send": "0.14.4",
-        "@types/shell-quote": "1.7.1",
-        "@types/tar": "6.1.5",
-        "@types/text-table": "0.2.1",
-        "@types/ua-parser-js": "0.7.36",
-        "@types/uuid": "8.3.1",
-        "@types/webpack-sources1": "npm:@types/webpack-sources@0.1.5",
-        "@types/ws": "8.2.0",
-        "@vercel/ncc": "0.34.0",
-        "@vercel/nft": "0.26.4",
-        "@vercel/turbopack-ecmascript-runtime": "https://gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-240417.2",
-        acorn: "8.11.3",
-        "amphtml-validator": "1.0.35",
-        anser: "1.4.9",
-        arg: "4.1.0",
-        assert: "2.0.0",
-        "async-retry": "1.2.3",
-        "async-sema": "3.0.0",
-        "babel-plugin-transform-define": "2.0.0",
-        "babel-plugin-transform-react-remove-prop-types": "0.4.24",
-        "browserify-zlib": "0.2.0",
-        browserslist: "4.22.2",
-        buffer: "5.6.0",
-        bytes: "3.1.1",
-        "ci-info": "watson/ci-info#f43f6a1cefff47fb361c88cf4b943fdbcaafe540",
-        "cli-select": "1.1.2",
-        "client-only": "0.0.1",
-        commander: "12.0.0",
-        "comment-json": "3.0.3",
-        compression: "1.7.4",
-        conf: "5.0.0",
-        "constants-browserify": "1.0.0",
-        "content-disposition": "0.5.3",
-        "content-type": "1.0.4",
-        cookie: "0.4.1",
-        "cross-spawn": "7.0.3",
-        "crypto-browserify": "3.12.0",
-        "css.escape": "1.5.1",
-        "cssnano-preset-default": "5.2.14",
-        "data-uri-to-buffer": "3.0.1",
-        debug: "4.1.1",
-        devalue: "2.0.1",
-        "domain-browser": "4.19.0",
-        "edge-runtime": "3.0.0",
-        events: "3.3.0",
-        "find-up": "4.1.0",
-        fresh: "0.5.2",
-        "get-orientation": "1.1.2",
-        glob: "7.1.7",
-        "gzip-size": "5.1.1",
-        "http-proxy": "1.18.1",
-        "http-proxy-agent": "5.0.0",
-        "https-browserify": "1.0.0",
-        "https-proxy-agent": "5.0.1",
-        "icss-utils": "5.1.0",
-        "ignore-loader": "0.1.2",
-        "image-size": "1.0.0",
-        "is-docker": "2.0.0",
-        "is-wsl": "2.2.0",
-        "jest-worker": "27.5.1",
-        json5: "2.2.3",
-        jsonwebtoken: "9.0.0",
-        "loader-runner": "4.3.0",
-        "loader-utils2": "npm:loader-utils@2.0.0",
-        "loader-utils3": "npm:loader-utils@3.1.3",
-        "lodash.curry": "4.1.1",
-        "lru-cache": "5.1.1",
-        "mini-css-extract-plugin": "2.4.4",
-        msw: "1.3.0",
-        nanoid: "3.1.32",
-        "native-url": "0.3.4",
-        "neo-async": "2.6.1",
-        "node-html-parser": "5.3.3",
-        ora: "4.0.4",
-        "os-browserify": "0.3.0",
-        "p-limit": "3.1.0",
-        "path-browserify": "1.0.1",
-        "path-to-regexp": "6.1.0",
-        picomatch: "4.0.1",
-        platform: "1.3.6",
-        "postcss-flexbugs-fixes": "5.0.2",
-        "postcss-modules-extract-imports": "3.0.0",
-        "postcss-modules-local-by-default": "4.0.4",
-        "postcss-modules-scope": "3.0.0",
-        "postcss-modules-values": "4.0.0",
-        "postcss-preset-env": "7.4.3",
-        "postcss-safe-parser": "6.0.0",
-        "postcss-scss": "4.0.3",
-        "postcss-value-parser": "4.2.0",
-        process: "0.11.10",
-        punycode: "2.1.1",
-        "querystring-es3": "0.2.1",
-        "raw-body": "2.4.1",
-        "react-is": "18.2.0",
-        "react-refresh": "0.12.0",
-        "regenerator-runtime": "0.13.4",
-        "sass-loader": "12.4.0",
-        "schema-utils2": "npm:schema-utils@2.7.1",
-        "schema-utils3": "npm:schema-utils@3.0.0",
-        semver: "7.3.2",
-        send: "0.17.1",
-        "server-only": "0.0.1",
-        setimmediate: "1.0.5",
-        "shell-quote": "1.7.3",
-        "source-map": "0.6.1",
-        "source-map08": "npm:source-map@0.8.0-beta.0",
-        "stacktrace-parser": "0.1.10",
-        "stream-browserify": "3.0.0",
-        "stream-http": "3.1.1",
-        "strict-event-emitter": "0.5.0",
-        "string-hash": "1.1.3",
-        string_decoder: "1.3.0",
-        "strip-ansi": "6.0.0",
-        superstruct: "1.0.3",
-        tar: "6.1.15",
-        taskr: "1.1.0",
-        terser: "5.27.0",
-        "terser-webpack-plugin": "5.3.9",
-        "text-table": "0.2.0",
-        "timers-browserify": "2.0.12",
-        "tty-browserify": "0.0.1",
-        "ua-parser-js": "1.0.35",
-        unistore: "3.4.1",
-        util: "0.12.4",
-        uuid: "8.3.2",
-        "vm-browserify": "1.1.2",
-        watchpack: "2.4.0",
-        "web-vitals": "3.0.0",
-        webpack: "5.90.0",
-        "webpack-sources1": "npm:webpack-sources@1.4.3",
-        "webpack-sources3": "npm:webpack-sources@3.2.3",
-        ws: "8.2.3",
-        zod: "3.22.3"
-      },
-      engines: {
-        node: ">=18.17.0"
-      },
-      optionalDependencies: {
-        "@next/swc-darwin-arm64": "14.2.15",
-        "@next/swc-darwin-x64": "14.2.15",
-        "@next/swc-linux-arm64-gnu": "14.2.15",
-        "@next/swc-linux-arm64-musl": "14.2.15",
-        "@next/swc-linux-x64-gnu": "14.2.15",
-        "@next/swc-linux-x64-musl": "14.2.15",
-        "@next/swc-win32-arm64-msvc": "14.2.15",
-        "@next/swc-win32-ia32-msvc": "14.2.15",
-        "@next/swc-win32-x64-msvc": "14.2.15"
-      }
-    };
-  }
-});
-
 // src/next/index.ts
 var next_exports = {};
 __export(next_exports, {
@@ -381,11 +35,13 @@ __export(next_exports, {
 });
 module.exports = __toCommonJS(next_exports);
 var path = __toESM(require("path"), 1);
+var import_node_module = require("module");
 var isProd = () => process.env.NODE_ENV === "production";
 var isTurbopack = () => !!process.env.TURBOPACK || !!process.env.TURBOPACK_DEV;
 function nextMajor() {
   try {
-    return parseInt(require_package().version, 10) || 0;
+    const req = (0, import_node_module.createRequire)(path.join(process.cwd(), "package.json"));
+    return parseInt(req("next/package.json").version, 10) || 0;
   } catch {
     return 0;
   }

package/dist/next/index.d.cts

@@ -3,7 +3,7 @@ interface WebpackContext {
     isServer: boolean;
 }
 type NextConfig = {
-    webpack?: (config: any, ctx: WebpackContext) => any;
+    webpack?: ((config: any, ctx: WebpackContext) => any) | null;
     turbopack?: any;
     [key: string]: unknown;
 };

package/dist/next/index.d.ts

@@ -3,7 +3,7 @@ interface WebpackContext {
     isServer: boolean;
 }
 type NextConfig = {
-    webpack?: (config: any, ctx: WebpackContext) => any;
+    webpack?: ((config: any, ctx: WebpackContext) => any) | null;
     turbopack?: any;
     [key: string]: unknown;
 };