"use client";
import type { ReactNode } from "react";
// NOTE: We intentionally keep this file very small and dependency-free.
// It provides CI/secretless-build safe fallbacks for Clerk hooks/components.
import {
ClerkProvider,
SignedIn as ClerkSignedIn,
SignedOut as ClerkSignedOut,
SignInButton as ClerkSignInButton,
SignOutButton as ClerkSignOutButton,
useAuth as clerkUseAuth,
useUser as clerkUseUser,
} from "@clerk/nextjs";
import type { ComponentProps } from "react";
export function isClerkEnabled(): boolean {
// Invariant: Clerk is disabled ONLY when the publishable key is absent.
// If a key is present, we assume Clerk is intended to be enabled and we let
// Clerk fail fast if the key is invalid/misconfigured.
return Boolean(process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY);
}
export function SignedIn(props: { children: ReactNode }) {
if (!isClerkEnabled()) return null;
return {props.children};
}
export function SignedOut(props: { children: ReactNode }) {
if (!isClerkEnabled()) return <>{props.children}>;
return {props.children};
}
// Keep the same prop surface as Clerk components so call sites don't need edits.
export function SignInButton(props: ComponentProps) {
if (!isClerkEnabled()) return null;
return ;
}
export function SignOutButton(props: ComponentProps) {
if (!isClerkEnabled()) return null;
return ;
}
export function useUser() {
if (!isClerkEnabled()) {
return { isLoaded: true, isSignedIn: false, user: null } as const;
}
return clerkUseUser();
}
export function useAuth() {
if (!isClerkEnabled()) {
return {
isLoaded: true,
isSignedIn: false,
userId: null,
sessionId: null,
getToken: async () => null,
} as const;
}
return clerkUseAuth();
}
// Re-export ClerkProvider for places that want to mount it, but strongly prefer
// gating via isClerkEnabled() at call sites.
export { ClerkProvider };