From ca26ad739d19e3f627f94e15794e57409b2a93e4 Mon Sep 17 00:00:00 2001 From: Norbert de Langen Date: Wed, 14 Jan 2026 16:20:39 +0100 Subject: [PATCH 1/2] Add nextjs imports with extensions as SB has started using --- src/index.ts | 44 ++++++++++++++++++++++++++------------------ 1 file changed, 26 insertions(+), 18 deletions(-) diff --git a/src/index.ts b/src/index.ts index fe8592c..6db7478 100644 --- a/src/index.ts +++ b/src/index.ts @@ -46,10 +46,10 @@ export type PluginOptions = { image?: NextImagePluginOptions; }; -function VitePlugin({ - dir = process.cwd(), - image, -}: PluginOptions = {}): (Plugin | Promise)[] { +function VitePlugin({ dir = process.cwd(), image }: PluginOptions = {}): ( + | Plugin + | Promise +)[] { const resolvedDir = resolve(dir); const nextConfigResolver = Promise.withResolvers(); @@ -63,8 +63,8 @@ function VitePlugin({ env.mode === "development" ? PHASE_DEVELOPMENT_SERVER : env.mode === "test" - ? PHASE_TEST - : PHASE_PRODUCTION_BUILD; + ? PHASE_TEST + : PHASE_PRODUCTION_BUILD; const isNext16orNewer = getNextjsMajorVersion() >= 16; @@ -83,13 +83,13 @@ function VitePlugin({ { find: /^react\/jsx-runtime$/, replacement: require.resolve( - "next/dist/compiled/react/jsx-runtime", + "next/dist/compiled/react/jsx-runtime" ), }, { find: /^react\/jsx-dev-runtime$/, replacement: require.resolve( - "next/dist/compiled/react/jsx-dev-runtime", + "next/dist/compiled/react/jsx-dev-runtime" ), }, { @@ -99,25 +99,25 @@ function VitePlugin({ { find: /^react-dom\/server$/, replacement: require.resolve( - "next/dist/compiled/react-dom/server.browser.js", + "next/dist/compiled/react-dom/server.browser.js" ), }, { find: /^react-dom\/test-utils$/, replacement: require.resolve( - "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js", + "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js" ), }, { find: /^react-dom\/client$/, replacement: require.resolve( - "next/dist/compiled/react-dom/client.js", + "next/dist/compiled/react-dom/client.js" ), }, { find: /^react-dom\/cjs\/react-dom\.development\.js$/, replacement: require.resolve( - "next/dist/compiled/react-dom/cjs/react-dom.development.js", + "next/dist/compiled/react-dom/cjs/react-dom.development.js" ), }, ], @@ -133,6 +133,14 @@ function VitePlugin({ "next/dist/client/head-manager", "next/dist/client/components/is-next-router-error", "next/dist/shared/lib/segment", + "next/dist/shared/lib/app-router-context.shared-runtime.js", + "next/dist/shared/lib/head-manager-context.shared-runtime.js", + "next/dist/shared/lib/hooks-client-context.shared-runtime.js", + "next/dist/shared/lib/router-context.shared-runtime.js", + "next/dist/client/components/redirect-boundary.js", + "next/dist/client/head-manager.js", + "next/dist/client/components/is-next-router-error.js", + "next/dist/shared/lib/segment.js", "styled-jsx", "styled-jsx/style", "sb-original/image-context", @@ -150,10 +158,10 @@ function VitePlugin({ test: { alias: { "react/jsx-dev-runtime": require.resolve( - "next/dist/compiled/react/jsx-dev-runtime.js", + "next/dist/compiled/react/jsx-dev-runtime.js" ), "react/jsx-runtime": require.resolve( - "next/dist/compiled/react/jsx-runtime.js", + "next/dist/compiled/react/jsx-runtime.js" ), react: require.resolve("next/dist/compiled/react"), @@ -161,19 +169,19 @@ function VitePlugin({ "react-dom/server": require.resolve( executionEnvironment === "node" ? "next/dist/compiled/react-dom/server.js" - : "next/dist/compiled/react-dom/server.browser.js", + : "next/dist/compiled/react-dom/server.browser.js" ), "react-dom/test-utils": require.resolve( - "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js", + "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js" ), "react-dom/cjs/react-dom.development.js": require.resolve( - "next/dist/compiled/react-dom/cjs/react-dom.development.js", + "next/dist/compiled/react-dom/cjs/react-dom.development.js" ), "react-dom/client": require.resolve( - "next/dist/compiled/react-dom/client.js", + "next/dist/compiled/react-dom/client.js" ), "react-dom": require.resolve("next/dist/compiled/react-dom"), From 82f0cfe76284354788880128cc4b003521733715 Mon Sep 17 00:00:00 2001 From: Norbert de Langen Date: Wed, 14 Jan 2026 16:25:34 +0100 Subject: [PATCH 2/2] fix linting (not due to anything I did, AFAIK) --- src/index.ts | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/src/index.ts b/src/index.ts index 6db7478..3767d10 100644 --- a/src/index.ts +++ b/src/index.ts @@ -46,10 +46,10 @@ export type PluginOptions = { image?: NextImagePluginOptions; }; -function VitePlugin({ dir = process.cwd(), image }: PluginOptions = {}): ( - | Plugin - | Promise -)[] { +function VitePlugin({ + dir = process.cwd(), + image, +}: PluginOptions = {}): (Plugin | Promise)[] { const resolvedDir = resolve(dir); const nextConfigResolver = Promise.withResolvers(); @@ -63,8 +63,8 @@ function VitePlugin({ dir = process.cwd(), image }: PluginOptions = {}): ( env.mode === "development" ? PHASE_DEVELOPMENT_SERVER : env.mode === "test" - ? PHASE_TEST - : PHASE_PRODUCTION_BUILD; + ? PHASE_TEST + : PHASE_PRODUCTION_BUILD; const isNext16orNewer = getNextjsMajorVersion() >= 16; @@ -83,13 +83,13 @@ function VitePlugin({ dir = process.cwd(), image }: PluginOptions = {}): ( { find: /^react\/jsx-runtime$/, replacement: require.resolve( - "next/dist/compiled/react/jsx-runtime" + "next/dist/compiled/react/jsx-runtime", ), }, { find: /^react\/jsx-dev-runtime$/, replacement: require.resolve( - "next/dist/compiled/react/jsx-dev-runtime" + "next/dist/compiled/react/jsx-dev-runtime", ), }, { @@ -99,25 +99,25 @@ function VitePlugin({ dir = process.cwd(), image }: PluginOptions = {}): ( { find: /^react-dom\/server$/, replacement: require.resolve( - "next/dist/compiled/react-dom/server.browser.js" + "next/dist/compiled/react-dom/server.browser.js", ), }, { find: /^react-dom\/test-utils$/, replacement: require.resolve( - "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js" + "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js", ), }, { find: /^react-dom\/client$/, replacement: require.resolve( - "next/dist/compiled/react-dom/client.js" + "next/dist/compiled/react-dom/client.js", ), }, { find: /^react-dom\/cjs\/react-dom\.development\.js$/, replacement: require.resolve( - "next/dist/compiled/react-dom/cjs/react-dom.development.js" + "next/dist/compiled/react-dom/cjs/react-dom.development.js", ), }, ], @@ -158,10 +158,10 @@ function VitePlugin({ dir = process.cwd(), image }: PluginOptions = {}): ( test: { alias: { "react/jsx-dev-runtime": require.resolve( - "next/dist/compiled/react/jsx-dev-runtime.js" + "next/dist/compiled/react/jsx-dev-runtime.js", ), "react/jsx-runtime": require.resolve( - "next/dist/compiled/react/jsx-runtime.js" + "next/dist/compiled/react/jsx-runtime.js", ), react: require.resolve("next/dist/compiled/react"), @@ -169,19 +169,19 @@ function VitePlugin({ dir = process.cwd(), image }: PluginOptions = {}): ( "react-dom/server": require.resolve( executionEnvironment === "node" ? "next/dist/compiled/react-dom/server.js" - : "next/dist/compiled/react-dom/server.browser.js" + : "next/dist/compiled/react-dom/server.browser.js", ), "react-dom/test-utils": require.resolve( - "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js" + "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js", ), "react-dom/cjs/react-dom.development.js": require.resolve( - "next/dist/compiled/react-dom/cjs/react-dom.development.js" + "next/dist/compiled/react-dom/cjs/react-dom.development.js", ), "react-dom/client": require.resolve( - "next/dist/compiled/react-dom/client.js" + "next/dist/compiled/react-dom/client.js", ), "react-dom": require.resolve("next/dist/compiled/react-dom"),