@clerk/react-router 2.0.3-canary.v20251006164457 → 2.1.0

package/dist/client/ReactRouterClerkProvider.js

@@ -12,7 +12,7 @@ import { useAwaitableNavigate } from "./useAwaitableNavigate.js";
 export * from "@clerk/clerk-react";
 var SDK_METADATA = {
   name: "@clerk/react-router",
-  version: "2.0.3-canary.v20251006164457"
+  version: "2.1.0"
 };
 var awaitableNavigateRef = { current: void 0 };
 function ClerkProviderBase({ children, ...rest }) {

package/dist/server/clerkClient.d.ts

@@ -1,8 +1,8 @@
 import * as _clerk_backend from '@clerk/backend';
 import { DataFunctionArgs } from './loadOptions.js';
+import '@clerk/backend/internal';
 import 'react-router';
 import './types.js';
-import '@clerk/backend/internal';
 import '@clerk/types';
 
 declare const clerkClient: (args: DataFunctionArgs) => _clerk_backend.ClerkClient;

package/dist/server/clerkClient.js

@@ -13,7 +13,7 @@ var clerkClient = (args) => {
     domain,
     publishableKey,
     machineSecretKey,
-    userAgent: `${"@clerk/react-router"}@${"2.0.3-canary.v20251006164457"}`
+    userAgent: `${"@clerk/react-router"}@${"2.1.0"}`
   });
 };
 export {

package/dist/server/clerkClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/server/clerkClient.ts"],"sourcesContent":["import { createClerkClient } from '@clerk/backend';\n\nimport { type DataFunctionArgs, loadOptions } from './loadOptions';\n\nexport const clerkClient = (args: DataFunctionArgs) => {\n  const options = loadOptions(args);\n\n  const { apiUrl, secretKey, jwtKey, proxyUrl, isSatellite, domain, publishableKey, machineSecretKey } = options;\n\n  return createClerkClient({\n    apiUrl,\n    secretKey,\n    jwtKey,\n    proxyUrl,\n    isSatellite,\n    domain,\n    publishableKey,\n    machineSecretKey,\n    userAgent: `${PACKAGE_NAME}@${PACKAGE_VERSION}`,\n  });\n};\n"],"mappings":";AAAA,SAAS,yBAAyB;AAElC,SAAgC,mBAAmB;AAE5C,IAAM,cAAc,CAAC,SAA2B;AACrD,QAAM,UAAU,YAAY,IAAI;AAEhC,QAAM,EAAE,QAAQ,WAAW,QAAQ,UAAU,aAAa,QAAQ,gBAAgB,iBAAiB,IAAI;AAEvG,SAAO,kBAAkB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,GAAG,qBAAY,IAAI,8BAAe;AAAA,EAC/C,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../src/server/clerkClient.ts"],"sourcesContent":["import { createClerkClient } from '@clerk/backend';\n\nimport { type DataFunctionArgs, loadOptions } from './loadOptions';\n\nexport const clerkClient = (args: DataFunctionArgs) => {\n  const options = loadOptions(args);\n\n  const { apiUrl, secretKey, jwtKey, proxyUrl, isSatellite, domain, publishableKey, machineSecretKey } = options;\n\n  return createClerkClient({\n    apiUrl,\n    secretKey,\n    jwtKey,\n    proxyUrl,\n    isSatellite,\n    domain,\n    publishableKey,\n    machineSecretKey,\n    userAgent: `${PACKAGE_NAME}@${PACKAGE_VERSION}`,\n  });\n};\n"],"mappings":";AAAA,SAAS,yBAAyB;AAElC,SAAgC,mBAAmB;AAE5C,IAAM,cAAc,CAAC,SAA2B;AACrD,QAAM,UAAU,YAAY,IAAI;AAEhC,QAAM,EAAE,QAAQ,WAAW,QAAQ,UAAU,aAAa,QAAQ,gBAAgB,iBAAiB,IAAI;AAEvG,SAAO,kBAAkB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,GAAG,qBAAY,IAAI,OAAe;AAAA,EAC/C,CAAC;AACH;","names":[]}

package/dist/server/clerkMiddleware.js

@@ -13,7 +13,9 @@ var clerkMiddleware = (options) => {
     const loadedOptions = loadOptions(args, options);
     const { audience, authorizedParties } = loadedOptions;
     const { signInUrl, signUpUrl, afterSignInUrl, afterSignUpUrl } = loadedOptions;
+    const { organizationSyncOptions } = loadedOptions;
     const requestState = await clerkClient(args).authenticateRequest(clerkRequest, {
+      organizationSyncOptions,
       audience,
       authorizedParties,
       signInUrl,

package/dist/server/clerkMiddleware.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/server/clerkMiddleware.ts"],"sourcesContent":["import type { AuthObject } from '@clerk/backend';\nimport type { RequestState } from '@clerk/backend/internal';\nimport { AuthStatus, constants, createClerkRequest } from '@clerk/backend/internal';\nimport { handleNetlifyCacheInDevInstance } from '@clerk/shared/netlifyCacheHandler';\nimport type { PendingSessionOptions } from '@clerk/types';\nimport type { MiddlewareFunction } from 'react-router';\nimport { createContext } from 'react-router';\n\nimport { clerkClient } from './clerkClient';\nimport { loadOptions } from './loadOptions';\nimport type { ClerkMiddlewareOptions } from './types';\nimport { patchRequest } from './utils';\n\nexport const authFnContext = createContext<((options?: PendingSessionOptions) => AuthObject) | null>(null);\nexport const requestStateContext = createContext<RequestState<any> | null>(null);\n\n/**\n * Middleware that integrates Clerk authentication into your React Router application.\n * It checks the request's cookies and headers for a session JWT and, if found,\n * attaches the Auth object to a context.\n *\n * @example\n * // react-router.config.ts\n * export default {\n *   future: {\n *     v8_middleware: true,\n *   },\n * }\n *\n * // root.tsx\n * export const middleware: Route.MiddlewareFunction[] = [clerkMiddleware()]\n */\nexport const clerkMiddleware = (options?: ClerkMiddlewareOptions): MiddlewareFunction<Response> => {\n  return async (args, next) => {\n    const clerkRequest = createClerkRequest(patchRequest(args.request));\n    const loadedOptions = loadOptions(args, options);\n    const { audience, authorizedParties } = loadedOptions;\n    const { signInUrl, signUpUrl, afterSignInUrl, afterSignUpUrl } = loadedOptions;\n    const requestState = await clerkClient(args).authenticateRequest(clerkRequest, {\n      audience,\n      authorizedParties,\n      signInUrl,\n      signUpUrl,\n      afterSignInUrl,\n      afterSignUpUrl,\n      acceptsToken: 'any',\n    });\n\n    const locationHeader = requestState.headers.get(constants.Headers.Location);\n    if (locationHeader) {\n      handleNetlifyCacheInDevInstance({\n        locationHeader,\n        requestStateHeaders: requestState.headers,\n        publishableKey: requestState.publishableKey,\n      });\n      // Trigger a handshake redirect\n      return new Response(null, { status: 307, headers: requestState.headers });\n    }\n\n    if (requestState.status === AuthStatus.Handshake) {\n      throw new Error('Clerk: handshake status without redirect');\n    }\n\n    args.context.set(authFnContext, (options?: PendingSessionOptions) => requestState.toAuth(options));\n    args.context.set(requestStateContext, requestState);\n\n    const response = await next();\n\n    if (requestState.headers) {\n      requestState.headers.forEach((value, key) => {\n        response.headers.append(key, value);\n      });\n    }\n\n    return response;\n  };\n};\n"],"mappings":";AAEA,SAAS,YAAY,WAAW,0BAA0B;AAC1D,SAAS,uCAAuC;AAGhD,SAAS,qBAAqB;AAE9B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAE5B,SAAS,oBAAoB;AAEtB,IAAM,gBAAgB,cAAwE,IAAI;AAClG,IAAM,sBAAsB,cAAwC,IAAI;AAkBxE,IAAM,kBAAkB,CAAC,YAAmE;AACjG,SAAO,OAAO,MAAM,SAAS;AAC3B,UAAM,eAAe,mBAAmB,aAAa,KAAK,OAAO,CAAC;AAClE,UAAM,gBAAgB,YAAY,MAAM,OAAO;AAC/C,UAAM,EAAE,UAAU,kBAAkB,IAAI;AACxC,UAAM,EAAE,WAAW,WAAW,gBAAgB,eAAe,IAAI;AACjE,UAAM,eAAe,MAAM,YAAY,IAAI,EAAE,oBAAoB,cAAc;AAAA,MAC7E;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAChB,CAAC;AAED,UAAM,iBAAiB,aAAa,QAAQ,IAAI,UAAU,QAAQ,QAAQ;AAC1E,QAAI,gBAAgB;AAClB,sCAAgC;AAAA,QAC9B;AAAA,QACA,qBAAqB,aAAa;AAAA,QAClC,gBAAgB,aAAa;AAAA,MAC/B,CAAC;AAED,aAAO,IAAI,SAAS,MAAM,EAAE,QAAQ,KAAK,SAAS,aAAa,QAAQ,CAAC;AAAA,IAC1E;AAEA,QAAI,aAAa,WAAW,WAAW,WAAW;AAChD,YAAM,IAAI,MAAM,0CAA0C;AAAA,IAC5D;AAEA,SAAK,QAAQ,IAAI,eAAe,CAACA,aAAoC,aAAa,OAAOA,QAAO,CAAC;AACjG,SAAK,QAAQ,IAAI,qBAAqB,YAAY;AAElD,UAAM,WAAW,MAAM,KAAK;AAE5B,QAAI,aAAa,SAAS;AACxB,mBAAa,QAAQ,QAAQ,CAAC,OAAO,QAAQ;AAC3C,iBAAS,QAAQ,OAAO,KAAK,KAAK;AAAA,MACpC,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT;AACF;","names":["options"]}
+{"version":3,"sources":["../../src/server/clerkMiddleware.ts"],"sourcesContent":["import type { AuthObject } from '@clerk/backend';\nimport type { RequestState } from '@clerk/backend/internal';\nimport { AuthStatus, constants, createClerkRequest } from '@clerk/backend/internal';\nimport { handleNetlifyCacheInDevInstance } from '@clerk/shared/netlifyCacheHandler';\nimport type { PendingSessionOptions } from '@clerk/types';\nimport type { MiddlewareFunction } from 'react-router';\nimport { createContext } from 'react-router';\n\nimport { clerkClient } from './clerkClient';\nimport { loadOptions } from './loadOptions';\nimport type { ClerkMiddlewareOptions } from './types';\nimport { patchRequest } from './utils';\n\nexport const authFnContext = createContext<((options?: PendingSessionOptions) => AuthObject) | null>(null);\nexport const requestStateContext = createContext<RequestState<any> | null>(null);\n\n/**\n * Middleware that integrates Clerk authentication into your React Router application.\n * It checks the request's cookies and headers for a session JWT and, if found,\n * attaches the Auth object to a context.\n *\n * @example\n * // react-router.config.ts\n * export default {\n *   future: {\n *     v8_middleware: true,\n *   },\n * }\n *\n * // root.tsx\n * export const middleware: Route.MiddlewareFunction[] = [clerkMiddleware()]\n */\nexport const clerkMiddleware = (options?: ClerkMiddlewareOptions): MiddlewareFunction<Response> => {\n  return async (args, next) => {\n    const clerkRequest = createClerkRequest(patchRequest(args.request));\n    const loadedOptions = loadOptions(args, options);\n    const { audience, authorizedParties } = loadedOptions;\n    const { signInUrl, signUpUrl, afterSignInUrl, afterSignUpUrl } = loadedOptions;\n    const { organizationSyncOptions } = loadedOptions;\n    const requestState = await clerkClient(args).authenticateRequest(clerkRequest, {\n      organizationSyncOptions,\n      audience,\n      authorizedParties,\n      signInUrl,\n      signUpUrl,\n      afterSignInUrl,\n      afterSignUpUrl,\n      acceptsToken: 'any',\n    });\n\n    const locationHeader = requestState.headers.get(constants.Headers.Location);\n    if (locationHeader) {\n      handleNetlifyCacheInDevInstance({\n        locationHeader,\n        requestStateHeaders: requestState.headers,\n        publishableKey: requestState.publishableKey,\n      });\n      // Trigger a handshake redirect\n      return new Response(null, { status: 307, headers: requestState.headers });\n    }\n\n    if (requestState.status === AuthStatus.Handshake) {\n      throw new Error('Clerk: handshake status without redirect');\n    }\n\n    args.context.set(authFnContext, (options?: PendingSessionOptions) => requestState.toAuth(options));\n    args.context.set(requestStateContext, requestState);\n\n    const response = await next();\n\n    if (requestState.headers) {\n      requestState.headers.forEach((value, key) => {\n        response.headers.append(key, value);\n      });\n    }\n\n    return response;\n  };\n};\n"],"mappings":";AAEA,SAAS,YAAY,WAAW,0BAA0B;AAC1D,SAAS,uCAAuC;AAGhD,SAAS,qBAAqB;AAE9B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAE5B,SAAS,oBAAoB;AAEtB,IAAM,gBAAgB,cAAwE,IAAI;AAClG,IAAM,sBAAsB,cAAwC,IAAI;AAkBxE,IAAM,kBAAkB,CAAC,YAAmE;AACjG,SAAO,OAAO,MAAM,SAAS;AAC3B,UAAM,eAAe,mBAAmB,aAAa,KAAK,OAAO,CAAC;AAClE,UAAM,gBAAgB,YAAY,MAAM,OAAO;AAC/C,UAAM,EAAE,UAAU,kBAAkB,IAAI;AACxC,UAAM,EAAE,WAAW,WAAW,gBAAgB,eAAe,IAAI;AACjE,UAAM,EAAE,wBAAwB,IAAI;AACpC,UAAM,eAAe,MAAM,YAAY,IAAI,EAAE,oBAAoB,cAAc;AAAA,MAC7E;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAChB,CAAC;AAED,UAAM,iBAAiB,aAAa,QAAQ,IAAI,UAAU,QAAQ,QAAQ;AAC1E,QAAI,gBAAgB;AAClB,sCAAgC;AAAA,QAC9B;AAAA,QACA,qBAAqB,aAAa;AAAA,QAClC,gBAAgB,aAAa;AAAA,MAC/B,CAAC;AAED,aAAO,IAAI,SAAS,MAAM,EAAE,QAAQ,KAAK,SAAS,aAAa,QAAQ,CAAC;AAAA,IAC1E;AAEA,QAAI,aAAa,WAAW,WAAW,WAAW;AAChD,YAAM,IAAI,MAAM,0CAA0C;AAAA,IAC5D;AAEA,SAAK,QAAQ,IAAI,eAAe,CAACA,aAAoC,aAAa,OAAOA,QAAO,CAAC;AACjG,SAAK,QAAQ,IAAI,qBAAqB,YAAY;AAElD,UAAM,WAAW,MAAM,KAAK;AAE5B,QAAI,aAAa,SAAS;AACxB,mBAAa,QAAQ,QAAQ,CAAC,OAAO,QAAQ;AAC3C,iBAAS,QAAQ,OAAO,KAAK,KAAK;AAAA,MACpC,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT;AACF;","names":["options"]}

package/dist/server/loadOptions.d.ts

@@ -1,7 +1,7 @@
+import * as _clerk_backend_internal from '@clerk/backend/internal';
 import { MiddlewareFunction } from 'react-router';
 import { ClerkMiddlewareOptions } from './types.js';
 import '@clerk/backend';
-import '@clerk/backend/internal';
 import '@clerk/types';
 
 type DataFunctionArgs = Parameters<MiddlewareFunction<Response>>[0];
@@ -22,6 +22,7 @@ declare const loadOptions: (args: DataFunctionArgs, overrides?: ClerkMiddlewareO
     signUpForceRedirectUrl: string;
     signInFallbackRedirectUrl: string;
     signUpFallbackRedirectUrl: string;
+    organizationSyncOptions?: _clerk_backend_internal.OrganizationSyncOptions;
     audience?: string | string[] | undefined;
     authorizedParties?: string[] | undefined;
     redirectUrl?: string | null;
@@ -42,6 +43,7 @@ declare const loadOptions: (args: DataFunctionArgs, overrides?: ClerkMiddlewareO
     signUpForceRedirectUrl: string;
     signInFallbackRedirectUrl: string;
     signUpFallbackRedirectUrl: string;
+    organizationSyncOptions?: _clerk_backend_internal.OrganizationSyncOptions;
     audience?: string | string[] | undefined;
     authorizedParties?: string[] | undefined;
     redirectUrl?: string | null;
@@ -62,6 +64,7 @@ declare const loadOptions: (args: DataFunctionArgs, overrides?: ClerkMiddlewareO
     signUpForceRedirectUrl: string;
     signInFallbackRedirectUrl: string;
     signUpFallbackRedirectUrl: string;
+    organizationSyncOptions?: _clerk_backend_internal.OrganizationSyncOptions;
     audience?: string | string[] | undefined;
     authorizedParties?: string[] | undefined;
     redirectUrl?: string | null;

package/dist/server/types.d.ts

@@ -1,5 +1,5 @@
 import { VerifyTokenOptions, Session, User, Organization } from '@clerk/backend';
-import { SignedInAuthObject, SignedOutAuthObject, RequestState } from '@clerk/backend/internal';
+import { OrganizationSyncOptions, SignedInAuthObject, SignedOutAuthObject, RequestState } from '@clerk/backend/internal';
 import { MultiDomainAndOrProxy, SignInForceRedirectUrl, SignInFallbackRedirectUrl, SignUpForceRedirectUrl, SignUpFallbackRedirectUrl, LegacyRedirectProps } from '@clerk/types';
 import { LoaderFunctionArgs, UNSAFE_DataWithResponseInit, LoaderFunction } from 'react-router';
 
@@ -23,6 +23,12 @@ type ClerkMiddlewareOptions = {
     machineSecretKey?: string;
     signInUrl?: string;
     signUpUrl?: string;
+    /**
+     * Used to activate a specific [organization](https://clerk.com/docs/guides/organizations/overview) or [personal account](https://clerk.com/docs/guides/dashboard/overview) based on URL path parameters. If there's a mismatch between the active organization in the session (e.g., as reported by `auth()`) and the organization indicated by the URL, an attempt to activate the organization specified in the URL will be made.
+     *
+     * If the activation can't be performed, either because an organization doesn't exist or the user lacks access, the active organization in the session won't be changed. Ultimately, it's the responsibility of the page to verify that the resources are appropriate to render given the URL and handle mismatches appropriately (e.g., by returning a 404).
+     */
+    organizationSyncOptions?: OrganizationSyncOptions;
 } & Pick<VerifyTokenOptions, 'audience' | 'authorizedParties'> & MultiDomainAndOrProxy & SignInForceRedirectUrl & SignInFallbackRedirectUrl & SignUpForceRedirectUrl & SignUpFallbackRedirectUrl & LegacyRedirectProps;
 type RootAuthLoaderOptions = ClerkMiddlewareOptions & {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clerk/react-router",
-  "version": "2.0.3-canary.v20251006164457",
+  "version": "2.1.0",
   "description": "Clerk SDK for React Router",
   "keywords": [
     "clerk",
@@ -79,10 +79,10 @@
   "dependencies": {
     "cookie": "0.7.2",
     "tslib": "2.8.1",
-    "@clerk/backend": "^2.17.2-canary.v20251006164457",
-    "@clerk/clerk-react": "^5.51.0-canary.v20251006164457",
-    "@clerk/shared": "^3.27.3-canary.v20251006164457",
-    "@clerk/types": "^4.92.0-canary.v20251006164457"
+    "@clerk/backend": "^2.17.2",
+    "@clerk/clerk-react": "^5.51.0",
+    "@clerk/shared": "^3.27.3",
+    "@clerk/types": "^4.92.0"
   },
   "devDependencies": {
     "@types/cookie": "^0.6.0",