fix: Properly configure SDK to be distributed as ESM

Author: frederikprijck

package.json

@@ -2,6 +2,7 @@
   "name": "@auth0/nextjs-auth0",
   "version": "4.4.0",
   "description": "Auth0 Next.js SDK",
+  "type": "module",
   "scripts": {
     "build": "tsc",
     "build:watch": "tsc -w",
@@ -60,19 +61,19 @@
   },
   "exports": {
     ".": {
-      "import": "./dist/client/index.js"
+      "default": "./dist/client/index.js"
     },
     "./server": {
-      "import": "./dist/server/index.js"
+      "default": "./dist/server/index.js"
     },
     "./errors": {
-      "import": "./dist/errors/index.js"
+      "default": "./dist/errors/index.js"
     },
     "./types": {
-      "import": "./dist/types/index.d.ts"
+      "default": "./dist/types/index.d.ts"
     },
     "./testing": {
-      "import": "./dist/testing/index.js"
+      "default": "./dist/testing/index.js"
     }
   },
   "dependencies": {

src/client/helpers/get-access-token.ts

@@ -1,4 +1,4 @@
-import { AccessTokenError } from "../../errors";
+import { AccessTokenError } from "../../errors/index.js";
 
 export async function getAccessToken() {
   const tokenRes = await fetch(

src/client/hooks/use-user.ts

@@ -2,7 +2,7 @@
 
 import useSWR from "swr";
 
-import type { User } from "../../types";
+import type { User } from "../../types/index.js";
 
 export function useUser() {
   const { data, error, isLoading } = useSWR<User, Error, string>(

src/client/index.ts

@@ -1,3 +1,3 @@
-export { useUser } from "./hooks/use-user";
-export { getAccessToken } from "./helpers/get-access-token";
-export { Auth0Provider } from "./providers/auth0-provider";
+export { useUser } from "./hooks/use-user.js";
+export { getAccessToken } from "./helpers/get-access-token.js";
+export { Auth0Provider } from "./providers/auth0-provider.js";

src/client/providers/auth0-provider.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { SWRConfig } from "swr";
 
-import { User } from "../../types";
+import { User } from "../../types/index.js";
 
 export function Auth0Provider({
   user,

src/server/auth-client.test.ts

@@ -1,15 +1,15 @@
-import { NextRequest, NextResponse } from "next/server";
+import { NextRequest, NextResponse } from "next/server.js";
 import * as jose from "jose";
 import * as oauth from "oauth4webapi";
 import { describe, expect, it, vi } from "vitest";
 
-import { generateSecret } from "../test/utils";
-import { SessionData } from "../types";
-import { AuthClient } from "./auth-client";
-import { decrypt, encrypt } from "./cookies";
-import { StatefulSessionStore } from "./session/stateful-session-store";
-import { StatelessSessionStore } from "./session/stateless-session-store";
-import { TransactionState, TransactionStore } from "./transaction-store";
+import { generateSecret } from "../test/utils.js";
+import { SessionData } from "../types/index.js";
+import { AuthClient } from "./auth-client.js";
+import { decrypt, encrypt } from "./cookies.js";
+import { StatefulSessionStore } from "./session/stateful-session-store.js";
+import { StatelessSessionStore } from "./session/stateless-session-store.js";
+import { TransactionState, TransactionStore } from "./transaction-store.js";
 
 describe("Authentication Client", async () => {
   const DEFAULT = {

src/server/auth-client.ts

@@ -1,8 +1,8 @@
-import { NextResponse, type NextRequest } from "next/server";
+import { NextResponse, type NextRequest } from "next/server.js";
 import * as jose from "jose";
 import * as oauth from "oauth4webapi";
 
-import packageJson from "../../package.json";
+import packageJson from "../../package.json" with { type: "json" };
 import {
   AccessTokenError,
   AccessTokenErrorCode,
@@ -16,7 +16,7 @@ import {
   MissingStateError,
   OAuth2Error,
   SdkError
-} from "../errors";
+} from "../errors/index.js";
 import {
   AuthorizationParameters,
   ConnectionTokenSet,
@@ -25,16 +25,16 @@ import {
   SessionData,
   StartInteractiveLoginOptions,
   TokenSet
-} from "../types";
+} from "../types/index.js";
 import {
   ensureNoLeadingSlash,
   ensureTrailingSlash,
   removeTrailingSlash
-} from "../utils/pathUtils";
-import { toSafeRedirect } from "../utils/url-helpers";
-import { AbstractSessionStore } from "./session/abstract-session-store";
-import { TransactionState, TransactionStore } from "./transaction-store";
-import { filterClaims } from "./user";
+} from "../utils/pathUtils.js";
+import { toSafeRedirect } from "../utils/url-helpers.js";
+import { AbstractSessionStore } from "./session/abstract-session-store.js";
+import { TransactionState, TransactionStore } from "./transaction-store.js";
+import { filterClaims } from "./user.js";
 
 export type BeforeSessionSavedHook = (
   session: SessionData,

src/server/chunked-cookies.test.ts

@@ -7,7 +7,7 @@ import {
   RequestCookies,
   ResponseCookies,
   setChunkedCookie
-} from "./cookies";
+} from "./cookies.js";
 
 // Create mock implementation for RequestCookies and ResponseCookies
 const createMocks = () => {

src/server/client.ts

@@ -1,39 +1,39 @@
 import type { IncomingMessage, ServerResponse } from "node:http";
-import { cookies } from "next/headers";
-import { NextRequest, NextResponse } from "next/server";
-import { NextApiRequest, NextApiResponse } from "next/types";
+import { cookies } from "next/headers.js";
+import { NextRequest, NextResponse } from "next/server.js";
+import { NextApiRequest, NextApiResponse } from "next/types.js";
 
 import {
   AccessTokenError,
   AccessTokenErrorCode,
   AccessTokenForConnectionError,
   AccessTokenForConnectionErrorCode,
-} from "../errors";
+} from "../errors/index.js";
 import {
   AuthorizationParameters,
   AccessTokenForConnectionOptions,
   SessionData,
   SessionDataStore,
   StartInteractiveLoginOptions
-} from "../types";
+} from "../types/index.js";
 import {
   AuthClient,
   BeforeSessionSavedHook,
   OnCallbackHook,
   RoutesOptions
-} from "./auth-client";
-import { RequestCookies, ResponseCookies } from "./cookies";
+} from "./auth-client.js";
+import { RequestCookies, ResponseCookies } from "./cookies.js";
 import {
   AbstractSessionStore,
   SessionConfiguration,
   SessionCookieOptions
-} from "./session/abstract-session-store";
-import { StatefulSessionStore } from "./session/stateful-session-store";
-import { StatelessSessionStore } from "./session/stateless-session-store";
+} from "./session/abstract-session-store.js";
+import { StatefulSessionStore } from "./session/stateful-session-store.js";
+import { StatelessSessionStore } from "./session/stateless-session-store.js";
 import {
   TransactionCookieOptions,
   TransactionStore
-} from "./transaction-store";
+} from "./transaction-store.js";
 
 export interface Auth0ClientOptions {
   // authorization server configuration

src/server/cookies.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, it } from "vitest";
 
-import { generateSecret } from "../test/utils";
-import { decrypt, encrypt } from "./cookies";
+import { generateSecret } from "../test/utils.js";
+import { decrypt, encrypt } from "./cookies.js";
 
 describe("encrypt/decrypt", async () => {
   const secret = await generateSecret(32);