Support CJS and ESM properly

package.json

@@ -20,8 +20,8 @@
  "exports": {
  ".": {
  "types": "./dist/index.d.ts",
- "browser": "./dist/index.js",
- "node": "./dist/index.cjs"
+ "import": "./dist/index.js",
+ "require": "./dist/index.cjs"
  },
  "./browser/mocks/cache": "./dist/plugins/next-mocks/alias/cache/index.js",
  "./browser/mocks/navigation": "./dist/plugins/next-mocks/alias/navigation/index.js",

src/index.ts

@@ -8,7 +8,7 @@ import { vitePluginNextFont } from "./plugins/next-font/plugin";
 import { vitePluginNextSwc } from "./plugins/next-swc/plugin";
 
 import "./polyfills/promise-with-resolvers";
-import loadConfig from "next/dist/server/config.js";
+import nextServerConfig from "next/dist/server/config.js";
 import {
  PHASE_DEVELOPMENT_SERVER,
  PHASE_PRODUCTION_BUILD,
@@ -20,6 +20,9 @@ import { vitePluginNextMocks } from "./plugins/next-mocks/plugin";
 import { getExecutionEnvironment, isVitestEnv } from "./utils";
 
 const require = createRequire(import.meta.url);
+const loadConfig: typeof nextServerConfig =
+ // biome-ignore lint/suspicious/noExplicitAny: CJS support
+ (nextServerConfig as any).default || nextServerConfig;
 
 type VitePluginOptions = {
  /**

src/plugins/next-swc/plugin.ts

@@ -1,5 +1,5 @@
 import { resolve } from "node:path";
-import loadJsConfig from "next/dist/build/load-jsconfig.js";
+import nextLoadJsConfig from "next/dist/build/load-jsconfig.js";
 import { transform } from "next/dist/build/swc/index.js";
 import { findPagesDir } from "next/dist/lib/find-pages-dir.js";
 import type { NextConfigComplete } from "next/dist/server/config-shared.js";
@@ -14,6 +14,10 @@ const excluded = /[\\/]((cache[\\/][^\\/]+\.zip[\\/])|virtual:)[\\/]/;
 
 const included = /\.((c|m)?(j|t)sx?)$/;
 
+const loadJsConfig: typeof nextLoadJsConfig =
+ // biome-ignore lint/suspicious/noExplicitAny: CJS support
+ (nextLoadJsConfig as any).default || nextLoadJsConfig;
+
 export function vitePluginNextSwc(
  rootDir: string,
  nextConfigResolver: PromiseWithResolvers<NextConfigComplete>,

src/utils/nextjs.ts

@@ -1,6 +1,6 @@
 import fs from "node:fs";
 import { join } from "node:path";
-import { loadEnvConfig } from "@next/env";
+import * as nextEnv from "@next/env";
 import Log from "next/dist/build/output/log.js";
 import {
  loadBindings,
@@ -11,6 +11,10 @@ import type { NextConfigComplete } from "next/dist/server/config-shared.js";
 const nextDistPath =
  /(next[\\/]dist[\\/]shared[\\/]lib)|(next[\\/]dist[\\/]client)|(next[\\/]dist[\\/]pages)/;
 
+// biome-ignore lint/suspicious/noExplicitAny: Support for CJS
+const { loadEnvConfig } = ((nextEnv as any).default ||
+ nextEnv) as typeof nextEnv;
+
 /**
  * Set up the environment variables for the Next.js project
  */