@clerk/nextjs - npm Package Compare versions

Comparing version 5.4.2-snapshot.v2c0f4fa to 5.5.0-canary.v1351f2d

dist/cjs/app-router/client/ClerkProvider.js

@@ -32,6 +32,9 @@ "use strict";
 __export(ClerkProvider_exports, {
-  ClientClerkProvider: () => ClientClerkProvider
+  ClientClerkProvider: () => ClientClerkProvider,
+  NEXT_WINDOW_HISTORY_SUPPORT_VERSION: () => NEXT_WINDOW_HISTORY_SUPPORT_VERSION,
+  useNextRouter: () => useNextRouter
 });
 module.exports = __toCommonJS(ClerkProvider_exports);
 var import_clerk_react = require("@clerk/clerk-react");
+var import_router = require("@clerk/shared/router");
 var import_navigation = require("next/navigation");
@@ -46,5 +49,24 @@ var import_react = __toESM(require("react"));
 var import_useAwaitableReplace = require("./useAwaitableReplace");
+const NEXT_WINDOW_HISTORY_SUPPORT_VERSION = "14.1.0";
+const useNextRouter = () => {
+  const router = (0, import_navigation.useRouter)();
+  const pathname = (0, import_navigation.usePathname)();
+  const searchParams = typeof window === "undefined" ? new URLSearchParams() : (0, import_navigation.useSearchParams)();
+  const canUseWindowHistoryAPIs = typeof window !== "undefined" && window.next && window.next.version >= NEXT_WINDOW_HISTORY_SUPPORT_VERSION;
+  return {
+    mode: "path",
+    name: "NextRouter",
+    push: (path) => router.push(path),
+    replace: (path) => canUseWindowHistoryAPIs ? window.history.replaceState(null, "", path) : router.replace(path),
+    shallowPush(path) {
+      canUseWindowHistoryAPIs ? window.history.pushState(null, "", path) : router.push(path, {});
+    },
+    pathname: () => pathname,
+    searchParams: () => searchParams
+  };
+};
 const ClientClerkProvider = (props) => {
   const { __unstable_invokeMiddlewareOnAuthStateChange = true, children } = props;
   const router = (0, import_navigation.useRouter)();
+  const clerkRouter = useNextRouter();
   const push = (0, import_useAwaitablePush.useAwaitablePush)();
@@ -84,8 +106,10 @@ const replace = (0, import_useAwaitableReplace.useAwaitableReplace)();
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_NextOptionsContext.ClerkNextOptionsProvider, { options: mergedProps }, /* @__PURE__ */ import_react.default.createElement(import_clerk_react.ClerkProvider, { ...mergedProps }, /* @__PURE__ */ import_react.default.createElement(import_clerk_js_script.ClerkJSScript, { router: "app" }), children));
+  return /* @__PURE__ */ import_react.default.createElement(import_NextOptionsContext.ClerkNextOptionsProvider, { options: mergedProps }, /* @__PURE__ */ import_react.default.createElement(import_clerk_react.ClerkProvider, { ...mergedProps }, /* @__PURE__ */ import_react.default.createElement(import_clerk_js_script.ClerkJSScript, { router: "app" }), /* @__PURE__ */ import_react.default.createElement(import_router.ClerkHostRouterContext.Provider, { value: clerkRouter }, children)));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ClientClerkProvider
+  ClientClerkProvider,
+  NEXT_WINDOW_HISTORY_SUPPORT_VERSION,
+  useNextRouter
 });
 //# sourceMappingURL=ClerkProvider.js.map

dist/cjs/server/clerkClient.js

@@ -36,3 +36,3 @@ "use strict";
   apiVersion: import_constants.API_VERSION,
-  userAgent: `${"@clerk/nextjs"}@${"5.4.2-snapshot.v2c0f4fa"}`,
+  userAgent: `${"@clerk/nextjs"}@${"5.5.0-canary.v1351f2d"}`,
   proxyUrl: import_constants.PROXY_URL,
@@ -39,0 +39,0 @@ domain: import_constants.DOMAIN,

dist/cjs/server/constants.js

@@ -54,3 +54,3 @@ "use strict";
   name: "@clerk/nextjs",
-  version: "5.4.2-snapshot.v2c0f4fa",
+  version: "5.5.0-canary.v1351f2d",
   environment: process.env.NODE_ENV
@@ -57,0 +57,0 @@ };

dist/cjs/utils/debugLogger.js

@@ -93,3 +93,3 @@ "use strict";
 function debugLogFooter(name) {
-  return `[clerk debug end: ${name}] (@clerk/nextjs=${"5.4.2-snapshot.v2c0f4fa"},next=${import_package.default.version})`;
+  return `[clerk debug end: ${name}] (@clerk/nextjs=${"5.5.0-canary.v1351f2d"},next=${import_package.default.version})`;
 }
@@ -96,0 +96,0 @@ function truncate(str, maxLength) {

dist/esm/app-router/client/ClerkProvider.js

 "use client";
 import { ClerkProvider as ReactClerkProvider } from "@clerk/clerk-react";
-import { useRouter } from "next/navigation";
+import { ClerkHostRouterContext } from "@clerk/shared/router";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import React, { useEffect, useTransition } from "react";
@@ -12,5 +13,24 @@ import { useSafeLayoutEffect } from "../../client-boundary/hooks/useSafeLayoutEffect";
 import { useAwaitableReplace } from "./useAwaitableReplace";
+const NEXT_WINDOW_HISTORY_SUPPORT_VERSION = "14.1.0";
+const useNextRouter = () => {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = typeof window === "undefined" ? new URLSearchParams() : useSearchParams();
+  const canUseWindowHistoryAPIs = typeof window !== "undefined" && window.next && window.next.version >= NEXT_WINDOW_HISTORY_SUPPORT_VERSION;
+  return {
+    mode: "path",
+    name: "NextRouter",
+    push: (path) => router.push(path),
+    replace: (path) => canUseWindowHistoryAPIs ? window.history.replaceState(null, "", path) : router.replace(path),
+    shallowPush(path) {
+      canUseWindowHistoryAPIs ? window.history.pushState(null, "", path) : router.push(path, {});
+    },
+    pathname: () => pathname,
+    searchParams: () => searchParams
+  };
+};
 const ClientClerkProvider = (props) => {
   const { __unstable_invokeMiddlewareOnAuthStateChange = true, children } = props;
   const router = useRouter();
+  const clerkRouter = useNextRouter();
   const push = useAwaitablePush();
@@ -50,7 +70,9 @@ const replace = useAwaitableReplace();
   });
-  return /* @__PURE__ */ React.createElement(ClerkNextOptionsProvider, { options: mergedProps }, /* @__PURE__ */ React.createElement(ReactClerkProvider, { ...mergedProps }, /* @__PURE__ */ React.createElement(ClerkJSScript, { router: "app" }), children));
+  return /* @__PURE__ */ React.createElement(ClerkNextOptionsProvider, { options: mergedProps }, /* @__PURE__ */ React.createElement(ReactClerkProvider, { ...mergedProps }, /* @__PURE__ */ React.createElement(ClerkJSScript, { router: "app" }), /* @__PURE__ */ React.createElement(ClerkHostRouterContext.Provider, { value: clerkRouter }, children)));
 };
 export {
-  ClientClerkProvider
+  ClientClerkProvider,
+  NEXT_WINDOW_HISTORY_SUPPORT_VERSION,
+  useNextRouter
 };
 //# sourceMappingURL=ClerkProvider.js.map

dist/esm/server/clerkClient.js

@@ -24,3 +24,3 @@ import { createClerkClient } from "@clerk/backend";
   apiVersion: API_VERSION,
-  userAgent: `${"@clerk/nextjs"}@${"5.4.2-snapshot.v2c0f4fa"}`,
+  userAgent: `${"@clerk/nextjs"}@${"5.5.0-canary.v1351f2d"}`,
   proxyUrl: PROXY_URL,
@@ -27,0 +27,0 @@ domain: DOMAIN,

dist/esm/server/constants.js

@@ -17,3 +17,3 @@ import { apiUrlFromPublishableKey } from "@clerk/shared/apiUrlFromPublishableKey";
   name: "@clerk/nextjs",
-  version: "5.4.2-snapshot.v2c0f4fa",
+  version: "5.5.0-canary.v1351f2d",
   environment: process.env.NODE_ENV
@@ -20,0 +20,0 @@ };

dist/esm/utils/debugLogger.js

@@ -59,3 +59,3 @@ import nextPkg from "next/package.json";
 function debugLogFooter(name) {
-  return `[clerk debug end: ${name}] (@clerk/nextjs=${"5.4.2-snapshot.v2c0f4fa"},next=${nextPkg.version})`;
+  return `[clerk debug end: ${name}] (@clerk/nextjs=${"5.5.0-canary.v1351f2d"},next=${nextPkg.version})`;
 }
@@ -62,0 +62,0 @@ function truncate(str, maxLength) {

dist/types/app-router/client/ClerkProvider.d.ts

@@ -0,1 +1,2 @@
+import type { ClerkHostRouter } from '@clerk/shared/router';
 import React from 'react';
@@ -8,5 +9,13 @@ import type { NextClerkProviderProps } from '../../types';
         __clerk_internal_invalidateCachePromise: () => void | undefined;
+        next?: {
+            version: string;
+        };
     }
 }
+export declare const NEXT_WINDOW_HISTORY_SUPPORT_VERSION = "14.1.0";
+/**
+ * Clerk router integration with Next.js's router.
+ */
+export declare const useNextRouter: () => ClerkHostRouter;
 export declare const ClientClerkProvider: (props: NextClerkProviderProps) => React.JSX.Element;
 //# sourceMappingURL=ClerkProvider.d.ts.map

package.json

 {
   "name": "@clerk/nextjs",
-  "version": "5.4.2-snapshot.v2c0f4fa",
+  "version": "5.5.0-canary.v1351f2d",
   "description": "Clerk SDK for NextJS",
@@ -70,6 +70,6 @@ "keywords": [
   "dependencies": {
-    "@clerk/backend": "1.10.0-snapshot.v2c0f4fa",
-    "@clerk/clerk-react": "5.8.0-snapshot.v2c0f4fa",
-    "@clerk/shared": "2.6.3-snapshot.v2c0f4fa",
-    "@clerk/types": "4.20.0-snapshot.v2c0f4fa",
+    "@clerk/backend": "1.10.0-canary.v1351f2d",
+    "@clerk/clerk-react": "5.8.0-canary.v1351f2d",
+    "@clerk/shared": "2.7.0-canary.v1351f2d",
+    "@clerk/types": "4.20.0-canary.v1351f2d",
     "crypto-js": "4.2.0",
@@ -76,0 +76,0 @@ "path-to-regexp": "6.2.2",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

624848

increased by1.21%

Lines of code

6172

increased by0.92%

Dependency changes

• + Added@clerk/backend@1.10.0-canary.v1351f2d(transitive)

• + Added@clerk/clerk-react@5.8.0-canary.v1351f2d(transitive)

• + Added@clerk/shared@2.7.0-canary.v1351f2d(transitive)

• + Added@clerk/types@4.20.0-canary.v1351f2d(transitive)

• + Addedcaniuse-lite@1.0.30001662(transitive)

• - Removed@clerk/backend@1.10.0-snapshot.v2c0f4fa(transitive)

• - Removed@clerk/clerk-react@5.8.0-snapshot.v2c0f4fa(transitive)

• - Removed@clerk/shared@2.6.3-snapshot.v2c0f4fa(transitive)

• - Removed@clerk/types@4.20.0-snapshot.v2c0f4fa(transitive)

• - Removedcaniuse-lite@1.0.30001660(transitive)

• Updated@clerk/backend@1.10.0-canary.v1351f2d

• Updated@clerk/clerk-react@5.8.0-canary.v1351f2d

• Updated@clerk/shared@2.7.0-canary.v1351f2d

• Updated@clerk/types@4.20.0-canary.v1351f2d