0

Returns the markup for the interstitial page

by
Published Apr 8, 2025

The Clerk interstitial endpoint serves an html page that loads clerk.js in order to check the user's authentication state. It is used by Clerk SDKs when the user's authentication state cannot be immediately determined.

Script clerk Verified

The script

Submitted by hugo697 Bun
Verified 428 days ago
1
//native
2
type Clerk = {
3
  apiKey: string;
4
};
5
/**
6
 * Returns the markup for the interstitial page
7
 * The Clerk interstitial endpoint serves an html page that loads clerk.js in order to check the user's authentication state.
8
It is used by Clerk SDKs when the user's authentication state cannot be immediately determined.
9
 */
10
export async function main(
11
  auth: Clerk,
12
  frontendApi: string | undefined,
13
  publishable_key: string | undefined,
14
) {
15
  const url = new URL(`https://api.clerk.com/v1/public/interstitial`);
16
  for (const [k, v] of [
17
    ["frontendApi", frontendApi],
18
    ["publishable_key", publishable_key],
19
  ]) {
20
    if (v !== undefined && v !== "" && k !== undefined) {
21
      url.searchParams.append(k, v);
22
    }
23
  }
24
  const response = await fetch(url, {
25
    method: "GET",
26
    headers: {
27
      Authorization: "Bearer " + auth.apiKey,
28
    },
29
    body: undefined,
30
  });
31
  if (!response.ok) {
32
    const text = await response.text();
33
    throw new Error(`${response.status} ${text}`);
34
  }
35
  return await response.text();
36
}
37