@clerk/nextjs
Version:
Clerk SDK for NextJS
103 lines • 5.61 kB
JavaScript
;
"use client";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var ClerkProvider_exports = {};
__export(ClerkProvider_exports, {
ClientClerkProvider: () => ClientClerkProvider
});
module.exports = __toCommonJS(ClerkProvider_exports);
var import_internal = require("@clerk/react/internal");
var import_react = require("@clerk/shared/react");
var import_dynamic = __toESM(require("next/dynamic"));
var import_navigation = require("next/navigation");
var import_react2 = __toESM(require("react"));
var import_useSafeLayoutEffect = require("../../client-boundary/hooks/useSafeLayoutEffect");
var import_NextOptionsContext = require("../../client-boundary/NextOptionsContext");
var import_feature_flags = require("../../utils/feature-flags");
var import_mergeNextClerkPropsWithEnv = require("../../utils/mergeNextClerkPropsWithEnv");
var import_router_telemetry = require("../../utils/router-telemetry");
var import_server_actions = require("../server-actions");
var import_ClerkScripts = require("./ClerkScripts");
var import_useAwaitablePush = require("./useAwaitablePush");
var import_useAwaitableReplace = require("./useAwaitableReplace");
const LazyCreateKeylessApplication = (0, import_dynamic.default)(
() => import("./keyless-creator-reader.js").then((m) => m.KeylessCreatorOrReader)
);
const NextClientClerkProvider = (props) => {
const { __internal_invokeMiddlewareOnAuthStateChange = true, __internal_scriptsSlot, children } = props;
const router = (0, import_navigation.useRouter)();
const push = (0, import_useAwaitablePush.useAwaitablePush)();
const replace = (0, import_useAwaitableReplace.useAwaitableReplace)();
(0, import_useSafeLayoutEffect.useSafeLayoutEffect)(() => {
window.__internal_onBeforeSetActive = (intent) => {
return new Promise((resolve) => {
var _a;
const nextVersion = ((_a = window == null ? void 0 : window.next) == null ? void 0 : _a.version) || "";
if ((nextVersion.startsWith("15") || nextVersion.startsWith("16")) && intent === "sign-out") {
resolve();
} else {
void (0, import_server_actions.invalidateCacheAction)().then(() => resolve());
}
});
};
window.__internal_onAfterSetActive = () => {
if (__internal_invokeMiddlewareOnAuthStateChange) {
return router.refresh();
}
};
}, []);
const mergedProps = (0, import_mergeNextClerkPropsWithEnv.mergeNextClerkPropsWithEnv)({
...props,
// @ts-expect-error Error because of the stricter types of internal `push`
routerPush: push,
// @ts-expect-error Error because of the stricter types of internal `replace`
routerReplace: replace
});
return /* @__PURE__ */ import_react2.default.createElement(import_NextOptionsContext.ClerkNextOptionsProvider, { options: mergedProps }, /* @__PURE__ */ import_react2.default.createElement(import_internal.InternalClerkProvider, { ...mergedProps }, /* @__PURE__ */ import_react2.default.createElement(import_router_telemetry.RouterTelemetry, null), __internal_scriptsSlot != null ? __internal_scriptsSlot : /* @__PURE__ */ import_react2.default.createElement(import_ClerkScripts.ClerkScripts, null), children));
};
const ClientClerkProvider = (props) => {
const { children, disableKeyless = false, ...rest } = props;
const safePublishableKey = (0, import_mergeNextClerkPropsWithEnv.mergeNextClerkPropsWithEnv)(rest).publishableKey;
const isNested = Boolean((0, import_NextOptionsContext.useClerkNextOptions)());
if (isNested) {
if (rest.initialState) {
return /* @__PURE__ */ import_react2.default.createElement(import_react.InitialStateProvider, { initialState: rest.initialState }, children);
}
return children;
}
if (safePublishableKey || !import_feature_flags.canUseKeyless || disableKeyless) {
return /* @__PURE__ */ import_react2.default.createElement(NextClientClerkProvider, { ...rest }, children);
}
return /* @__PURE__ */ import_react2.default.createElement(LazyCreateKeylessApplication, null, /* @__PURE__ */ import_react2.default.createElement(NextClientClerkProvider, { ...rest }, children));
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
ClientClerkProvider
});
//# sourceMappingURL=ClerkProvider.js.map