@clerk/astro 3.4.1 → 3.4.2-canary.v20260610190754

package/dist/async-local-storage.client.d.ts

@@ -1,5 +1,7 @@
-import { AsyncLocalStorage } from 'node:async_hooks';
+import { AsyncLocalStorage } from "node:async_hooks";
 
+//#region src/async-local-storage.client.d.ts
 declare const authAsyncStorage: AsyncLocalStorage<object>;
-
+//#endregion
 export { authAsyncStorage };
+//# sourceMappingURL=async-local-storage.client.d.ts.map

package/dist/async-local-storage.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-local-storage.client.d.ts","names":[],"sources":["../src/async-local-storage.client.ts"],"mappings":";;;cAiCa,gBAAA,EAAgB,iBAAA"}

package/dist/async-local-storage.client.js

@@ -1,29 +1,25 @@
-// src/async-local-storage.client.ts
-var sharedAsyncLocalStorageNotAvailableError = new Error(
-  "Invariant: AsyncLocalStorage accessed in runtime where it is not available"
-);
+//#region src/async-local-storage.client.ts
+const sharedAsyncLocalStorageNotAvailableError = /* @__PURE__ */ new Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available");
 var FakeAsyncLocalStorage = class {
-  disable() {
-    throw sharedAsyncLocalStorageNotAvailableError;
-  }
-  getStore() {
-    return void 0;
-  }
-  run() {
-    throw sharedAsyncLocalStorageNotAvailableError;
-  }
-  exit() {
-    throw sharedAsyncLocalStorageNotAvailableError;
-  }
-  enterWith() {
-    throw sharedAsyncLocalStorageNotAvailableError;
-  }
+	disable() {
+		throw sharedAsyncLocalStorageNotAvailableError;
+	}
+	getStore() {}
+	run() {
+		throw sharedAsyncLocalStorageNotAvailableError;
+	}
+	exit() {
+		throw sharedAsyncLocalStorageNotAvailableError;
+	}
+	enterWith() {
+		throw sharedAsyncLocalStorageNotAvailableError;
+	}
 };
 function createAsyncLocalStorage() {
-  return new FakeAsyncLocalStorage();
+	return new FakeAsyncLocalStorage();
 }
-var authAsyncStorage = createAsyncLocalStorage();
-export {
-  authAsyncStorage
-};
+const authAsyncStorage = createAsyncLocalStorage();
+
+//#endregion
+export { authAsyncStorage };
 //# sourceMappingURL=async-local-storage.client.js.map

package/dist/async-local-storage.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/async-local-storage.client.ts"],"sourcesContent":["import type { AsyncLocalStorage } from 'node:async_hooks';\n\nconst sharedAsyncLocalStorageNotAvailableError = new Error(\n  'Invariant: AsyncLocalStorage accessed in runtime where it is not available',\n);\n\nclass FakeAsyncLocalStorage<Store extends object> implements AsyncLocalStorage<Store> {\n  disable(): void {\n    throw sharedAsyncLocalStorageNotAvailableError;\n  }\n\n  getStore(): Store | undefined {\n    // This fake implementation of AsyncLocalStorage always returns `undefined`.\n    return undefined;\n  }\n\n  run<R>(): R {\n    throw sharedAsyncLocalStorageNotAvailableError;\n  }\n\n  exit<R>(): R {\n    throw sharedAsyncLocalStorageNotAvailableError;\n  }\n\n  enterWith(): void {\n    throw sharedAsyncLocalStorageNotAvailableError;\n  }\n}\n\nfunction createAsyncLocalStorage<Store extends object>(): AsyncLocalStorage<Store> {\n  return new FakeAsyncLocalStorage();\n}\n\nexport const authAsyncStorage = createAsyncLocalStorage();\n"],"mappings":";AAEA,IAAM,2CAA2C,IAAI;AAAA,EACnD;AACF;AAEA,IAAM,wBAAN,MAAsF;AAAA,EACpF,UAAgB;AACd,UAAM;AAAA,EACR;AAAA,EAEA,WAA8B;AAE5B,WAAO;AAAA,EACT;AAAA,EAEA,MAAY;AACV,UAAM;AAAA,EACR;AAAA,EAEA,OAAa;AACX,UAAM;AAAA,EACR;AAAA,EAEA,YAAkB;AAChB,UAAM;AAAA,EACR;AACF;AAEA,SAAS,0BAA0E;AACjF,SAAO,IAAI,sBAAsB;AACnC;AAEO,IAAM,mBAAmB,wBAAwB;","names":[]}
+{"version":3,"file":"async-local-storage.client.js","names":[],"sources":["../src/async-local-storage.client.ts"],"sourcesContent":["import type { AsyncLocalStorage } from 'node:async_hooks';\n\nconst sharedAsyncLocalStorageNotAvailableError = new Error(\n  'Invariant: AsyncLocalStorage accessed in runtime where it is not available',\n);\n\nclass FakeAsyncLocalStorage<Store extends object> implements AsyncLocalStorage<Store> {\n  disable(): void {\n    throw sharedAsyncLocalStorageNotAvailableError;\n  }\n\n  getStore(): Store | undefined {\n    // This fake implementation of AsyncLocalStorage always returns `undefined`.\n    return undefined;\n  }\n\n  run<R>(): R {\n    throw sharedAsyncLocalStorageNotAvailableError;\n  }\n\n  exit<R>(): R {\n    throw sharedAsyncLocalStorageNotAvailableError;\n  }\n\n  enterWith(): void {\n    throw sharedAsyncLocalStorageNotAvailableError;\n  }\n}\n\nfunction createAsyncLocalStorage<Store extends object>(): AsyncLocalStorage<Store> {\n  return new FakeAsyncLocalStorage();\n}\n\nexport const authAsyncStorage = createAsyncLocalStorage();\n"],"mappings":";AAEA,MAAM,2DAA2C,IAAI,MACnD,4EACF;AAEA,IAAM,wBAAN,MAAsF;CACpF,UAAgB;EACd,MAAM;CACR;CAEA,WAA8B,CAG9B;CAEA,MAAY;EACV,MAAM;CACR;CAEA,OAAa;EACX,MAAM;CACR;CAEA,YAAkB;EAChB,MAAM;CACR;AACF;AAEA,SAAS,0BAA0E;CACjF,OAAO,IAAI,sBAAsB;AACnC;AAEA,MAAa,mBAAmB,wBAAwB"}

package/dist/async-local-storage.server.d.ts

@@ -1,5 +1,7 @@
-import { AsyncLocalStorage } from 'node:async_hooks';
+import { AsyncLocalStorage } from "node:async_hooks";
 
+//#region src/async-local-storage.server.d.ts
 declare const authAsyncStorage: AsyncLocalStorage<object>;
-
+//#endregion
 export { authAsyncStorage };
+//# sourceMappingURL=async-local-storage.server.d.ts.map

package/dist/async-local-storage.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-local-storage.server.d.ts","names":[],"sources":["../src/async-local-storage.server.ts"],"mappings":";;;cAOa,gBAAA,EAAgB,iBAAA"}

package/dist/async-local-storage.server.js

@@ -1,10 +1,10 @@
-// src/async-local-storage.server.ts
+//#region src/async-local-storage.server.ts
 async function createAsyncLocalStorage() {
-  const { AsyncLocalStorage } = await import("async_hooks");
-  return new AsyncLocalStorage();
+	const { AsyncLocalStorage } = await import("node:async_hooks");
+	return new AsyncLocalStorage();
 }
-var authAsyncStorage = await createAsyncLocalStorage();
-export {
-  authAsyncStorage
-};
+const authAsyncStorage = await createAsyncLocalStorage();
+
+//#endregion
+export { authAsyncStorage };
 //# sourceMappingURL=async-local-storage.server.js.map

package/dist/async-local-storage.server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/async-local-storage.server.ts"],"sourcesContent":["import { type AsyncLocalStorage } from 'node:async_hooks';\n\nasync function createAsyncLocalStorage<Store extends object>(): Promise<AsyncLocalStorage<Store>> {\n  const { AsyncLocalStorage } = await import('node:async_hooks');\n  return new AsyncLocalStorage<Store>();\n}\n\nexport const authAsyncStorage = await createAsyncLocalStorage();\n"],"mappings":";AAEA,eAAe,0BAAmF;AAChG,QAAM,EAAE,kBAAkB,IAAI,MAAM,OAAO,aAAkB;AAC7D,SAAO,IAAI,kBAAyB;AACtC;AAEO,IAAM,mBAAmB,MAAM,wBAAwB;","names":[]}
+{"version":3,"file":"async-local-storage.server.js","names":[],"sources":["../src/async-local-storage.server.ts"],"sourcesContent":["import { type AsyncLocalStorage } from 'node:async_hooks';\n\nasync function createAsyncLocalStorage<Store extends object>(): Promise<AsyncLocalStorage<Store>> {\n  const { AsyncLocalStorage } = await import('node:async_hooks');\n  return new AsyncLocalStorage<Store>();\n}\n\nexport const authAsyncStorage = await createAsyncLocalStorage();\n"],"mappings":";AAEA,eAAe,0BAAmF;CAChG,MAAM,EAAE,sBAAsB,MAAM,OAAO;CAC3C,OAAO,IAAI,kBAAyB;AACtC;AAEA,MAAa,mBAAmB,MAAM,wBAAwB"}

package/dist/client/index.d.ts

@@ -1,20 +1,18 @@
-import { b as AstroClerkUpdateOptions } from '../types-DBUosXik.js';
-import { Ui } from '@clerk/ui/internal';
-import * as _clerk_shared_types from '@clerk/shared/types';
-import * as _clerk_shared__chunks_index_bgWBrAaq from '@clerk/shared/_chunks/index-bgWBrAaq';
-import * as nanostores from 'nanostores';
-export { getToken } from '@clerk/shared/getToken';
-import '@clerk/shared/ui';
+import { r as AstroClerkUpdateOptions, s as Ui } from "../types-DMewgJ3p.js";
+import { getToken } from "@clerk/shared/getToken";
+import { SignedInSessionResource } from "@clerk/shared/types";
 
+//#region src/internal/create-clerk-instance.d.ts
 declare function updateClerkOptions<TUi extends Ui = Ui>(options: AstroClerkUpdateOptions<TUi>): void;
-
+//#endregion
+//#region src/stores/external.d.ts
 /**
  * A client side store that returns the loaded state of clerk-js.
  *
  * @example
  * $isLoadedStore.subscribe((authloaded => console.log(loaded))
  */
-declare const $isLoadedStore: nanostores.ReadableAtom<boolean>;
+declare const $isLoadedStore: import("nanostores").ReadableAtom<boolean>;
 /**
  * A client side store that is prepopulated with the authentication context during SSR.
  * It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
@@ -22,20 +20,20 @@ declare const $isLoadedStore: nanostores.ReadableAtom<boolean>;
  * @example
  * $authStore.subscribe((auth) => console.log(auth.userId))
  */
-declare const $authStore: nanostores.ReadableAtom<{
-    userId: string | null | undefined;
-    user: _clerk_shared__chunks_index_bgWBrAaq.Cs | null | undefined;
-    sessionId: string | null | undefined;
-    session: _clerk_shared__chunks_index_bgWBrAaq.cs | null | undefined;
-    sessionStatus: "active" | "pending" | undefined;
-    sessionClaims: _clerk_shared__chunks_index_bgWBrAaq.do | null | undefined;
-    organization: _clerk_shared__chunks_index_bgWBrAaq.jo | null | undefined;
-    orgId: string | null | undefined;
-    orgRole: string | null | undefined;
-    orgSlug: string | null | undefined;
-    orgPermissions: _clerk_shared__chunks_index_bgWBrAaq.Fm<_clerk_shared__chunks_index_bgWBrAaq.vo>[] | null | undefined;
-    actor: _clerk_shared__chunks_index_bgWBrAaq.oo | null | undefined;
-    factorVerificationAge: [number, number] | null;
+declare const $authStore: import("nanostores").ReadableAtom<{
+  userId: string | null | undefined;
+  user: import("@clerk/shared/types").UserResource | null | undefined;
+  sessionId: string | null | undefined;
+  session: SignedInSessionResource | null | undefined;
+  sessionStatus: "active" | "pending" | undefined;
+  sessionClaims: import("@clerk/shared/types").JwtPayload | null | undefined;
+  organization: import("@clerk/shared/types").OrganizationResource | null | undefined;
+  orgId: string | null | undefined;
+  orgRole: string | null | undefined;
+  orgSlug: string | null | undefined;
+  orgPermissions: import("@clerk/shared/types").Autocomplete<import("@clerk/shared/types").OrganizationSystemPermissionKey>[] | null | undefined;
+  actor: import("@clerk/shared/types").ActClaim | null | undefined;
+  factorVerificationAge: [number, number] | null;
 }>;
 /**
  * A client side store that is populated after clerk-js has loaded.
@@ -45,7 +43,7 @@ declare const $authStore: nanostores.ReadableAtom<{
  * @example
  * $userStore.subscribe((user) => console.log(user.id))
  */
-declare const $userStore: nanostores.ReadableAtom<_clerk_shared__chunks_index_bgWBrAaq.Cs | null | undefined>;
+declare const $userStore: import("nanostores").ReadableAtom<import("@clerk/shared/types").UserResource | null | undefined>;
 /**
  * A client side store that is populated after clerk-js has loaded.
  * The store returns the session of the authenticated user or `null`.
@@ -54,7 +52,7 @@ declare const $userStore: nanostores.ReadableAtom<_clerk_shared__chunks_index_bg
  * @example
  * $sessionStore.subscribe((session) => console.log(session.id))
  */
-declare const $sessionStore: nanostores.ReadableAtom<_clerk_shared_types.ActiveSessionResource | _clerk_shared_types.PendingSessionResource | null | undefined>;
+declare const $sessionStore: import("nanostores").ReadableAtom<import("@clerk/shared/types").ActiveSessionResource | import("@clerk/shared/types").PendingSessionResource | null | undefined>;
 /**
  * A client side store that is populated after clerk-js has loaded.
  * The store returns the Active Organization of the authenticated user or `null`.
@@ -63,7 +61,7 @@ declare const $sessionStore: nanostores.ReadableAtom<_clerk_shared_types.ActiveS
  * @example
  * $organizationStore.subscribe((org) => console.log(org.id))
  */
-declare const $organizationStore: nanostores.ReadableAtom<_clerk_shared__chunks_index_bgWBrAaq.jo | null | undefined>;
+declare const $organizationStore: import("nanostores").ReadableAtom<import("@clerk/shared/types").OrganizationResource | null | undefined>;
 /**
  * A client side store that is populated after clerk-js has loaded.
  * The store returns the clerk client or `null`.
@@ -72,7 +70,7 @@ declare const $organizationStore: nanostores.ReadableAtom<_clerk_shared__chunks_
  * @example
  * $clientStore.subscribe((client) => console.log(client?.signedInSessions?.length))
  */
-declare const $clientStore: nanostores.ReadableAtom<_clerk_shared_types.ClientResource | null | undefined>;
+declare const $clientStore: import("nanostores").ReadableAtom<import("@clerk/shared/types").ClientResource | null | undefined>;
 /**
  * A client side store that is populated after clerk-js is instanciated.
  * The store returns the clerk instance or `null`.
@@ -81,7 +79,7 @@ declare const $clientStore: nanostores.ReadableAtom<_clerk_shared_types.ClientRe
  * @example
  * $clerkStore.subscribe((clerk) => console.log(clerk.publishableKey))
  */
-declare const $clerkStore: nanostores.ReadableAtom<_clerk_shared_types.Clerk | null>;
+declare const $clerkStore: import("nanostores").ReadableAtom<import("@clerk/shared/types").Clerk | null>;
 /**
  * A client side store that is populated after clerk-js has loaded.
  * The store returns all the sessions of the current clerk client or `null`.
@@ -90,7 +88,7 @@ declare const $clerkStore: nanostores.ReadableAtom<_clerk_shared_types.Clerk | n
  * @example
  * $sessionListStore.subscribe((sessionList) => sessionList.map((session) => console.log('Session id:', sessino.id) ))
  */
-declare const $sessionListStore: nanostores.ReadableAtom<_clerk_shared_types.SessionResource[] | undefined>;
+declare const $sessionListStore: import("nanostores").ReadableAtom<import("@clerk/shared/types").SessionResource[] | undefined>;
 /**
  * A client side store that is populated after clerk-js has loaded.
  * The store returns a `SignInResource` or `null`.
@@ -99,7 +97,7 @@ declare const $sessionListStore: nanostores.ReadableAtom<_clerk_shared_types.Ses
  * @example
  * $signInStore.subscribe((signIn) => console.log(signIn.status))
  */
-declare const $signInStore: nanostores.ReadableAtom<_clerk_shared_types.SignInResource | undefined>;
+declare const $signInStore: import("nanostores").ReadableAtom<import("@clerk/shared/types").SignInResource | undefined>;
 /**
  * A client side store that is populated after clerk-js has loaded.
  * The store returns a `SignUpResource` or `null`.
@@ -108,7 +106,7 @@ declare const $signInStore: nanostores.ReadableAtom<_clerk_shared_types.SignInRe
  * @example
  * $signUpStore.subscribe((signUp) => console.log(signUp.status))
  */
-declare const $signUpStore: nanostores.ReadableAtom<_clerk_shared_types.SignUpResource | undefined>;
+declare const $signUpStore: import("nanostores").ReadableAtom<import("@clerk/shared/types").SignUpResource | undefined>;
 /**
  * A client side store that is populated after clerk-js has loaded.
  * The store returns a `BillingNamespace` or `null`.
@@ -117,6 +115,7 @@ declare const $signUpStore: nanostores.ReadableAtom<_clerk_shared_types.SignUpRe
  * @example
  * $billingStore.subscribe((billing) => billing.getPlans().then((plans) => console.log(plans.data.length)))
  */
-declare const $billingStore: nanostores.ReadableAtom<_clerk_shared_types.BillingNamespace | undefined>;
-
-export { $authStore, $billingStore, $clerkStore, $clientStore, $isLoadedStore, $organizationStore, $sessionListStore, $sessionStore, $signInStore, $signUpStore, $userStore, updateClerkOptions };
+declare const $billingStore: import("nanostores").ReadableAtom<import("@clerk/shared/types").BillingNamespace | undefined>;
+//#endregion
+export { $authStore, $billingStore, $clerkStore, $clientStore, $isLoadedStore, $organizationStore, $sessionListStore, $sessionStore, $signInStore, $signUpStore, $userStore, getToken, updateClerkOptions };
+//# sourceMappingURL=index.d.ts.map

package/dist/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/internal/create-clerk-instance.ts","../../src/stores/external.ts"],"mappings":";;;;;iBA+FS,kBAAA,aAA+B,EAAA,GAAK,EAAA,EAAI,OAAA,EAAS,uBAAA,CAAwB,GAAA;;;;;;;AA5DzD;;cCtBZ,cAAA,uBAAc,YAAA;;;;;;;;cASd,UAAA,uBAAU,YAAA;;;;WAYrB,uBAAA;;;;;;;;;;;AAZF;;;;;;;;AAAA,cAsBa,UAAA,uBAAU,YAAA,+BAAA,YAAA;;;;;;;;;cAUV,aAAA,uBAAa,YAAA,+BAAA,qBAAA,iCAAA,sBAAA;;;;;;;;;cAUb,kBAAA,uBAAkB,YAAA,+BAAA,oBAAA;AApB/B;;;;AAAuB;AAUvB;;;AAVA,cA8Ba,YAAA,uBAAY,YAAA,+BAAA,cAAA;;;;;AApBC;AAU1B;;;cAoBa,WAAA,uBAAW,YAAA,+BAAA,KAAA;AApBO;AAU/B;;;;AAAyB;AAUzB;;AApB+B,cA8BlB,iBAAA,uBAAiB,YAAA,+BAAA,eAAA;;AAVN;AAUxB;;;;AAA8B;AAU9B;cAAa,YAAA,uBAAY,YAAA,+BAAA,cAAA;;;AAAA;AAUzB;;;;AAAyB;cAAZ,YAAA,uBAAY,YAAA,+BAAA,cAAA;;;;AAUC;;;;;cAAb,aAAA,uBAAa,YAAA,+BAAA,gBAAA"}

package/dist/client/index.js

@@ -1,35 +1,5 @@
-import {
-  updateClerkOptions
-} from "../chunk-NBEDB76N.js";
-import {
-  $authStore,
-  $billingStore,
-  $clerkStore,
-  $clientStore,
-  $isLoadedStore,
-  $organizationStore,
-  $sessionListStore,
-  $sessionStore,
-  $signInStore,
-  $signUpStore,
-  $userStore
-} from "../chunk-IFEBM3MJ.js";
-
-// src/client/index.ts
+import { a as $isLoadedStore, c as $sessionStore, d as $userStore, i as $clientStore, l as $signInStore, n as $billingStore, o as $organizationStore, r as $clerkStore, s as $sessionListStore, t as $authStore, u as $signUpStore } from "../external-DHTxQaok.js";
+import { n as updateClerkOptions } from "../create-clerk-instance-AkLIq0Dz.js";
 import { getToken } from "@clerk/shared/getToken";
-export {
-  $authStore,
-  $billingStore,
-  $clerkStore,
-  $clientStore,
-  $isLoadedStore,
-  $organizationStore,
-  $sessionListStore,
-  $sessionStore,
-  $signInStore,
-  $signUpStore,
-  $userStore,
-  getToken,
-  updateClerkOptions
-};
-//# sourceMappingURL=index.js.map
+
+export { $authStore, $billingStore, $clerkStore, $clientStore, $isLoadedStore, $organizationStore, $sessionListStore, $sessionStore, $signInStore, $signUpStore, $userStore, getToken, updateClerkOptions };

package/dist/create-clerk-instance-AkLIq0Dz.js

@@ -0,0 +1,162 @@
+import { f as $clerk, p as $csrState, r as $clerkStore } from "./external-DHTxQaok.js";
+import { loadClerkJSScript, loadClerkUIScript, setClerkJSLoadingErrorPackageName } from "@clerk/shared/loadClerkJsScript";
+
+//#region src/internal/invoke-clerk-astro-js-functions.ts
+/**
+* Loop through any Astro component that has requested to invoke a function and invoke it with its respective props.
+*/
+const invokeClerkAstroJSFunctions = () => {
+	["handleRedirectCallback"].forEach((fnName) => {
+		document.querySelectorAll(`[data-clerk-function-id^="clerk-${fnName}"]`).forEach((el) => {
+			const id = el.getAttribute("data-clerk-function-id");
+			const props = window.__astro_clerk_function_props?.get(fnName)?.get(id) ?? {};
+			$clerk.get()?.[fnName]?.(props);
+		});
+	});
+};
+
+//#endregion
+//#region src/internal/mount-clerk-astro-js-components.ts
+/**
+* Loop through any Astro component that has requested to mount a UI component and mount it with its respective props.
+*/
+const mountAllClerkAstroJSComponents = () => {
+	Object.entries({
+		"create-organization": "mountCreateOrganization",
+		"organization-list": "mountOrganizationList",
+		"organization-profile": "mountOrganizationProfile",
+		"organization-switcher": "mountOrganizationSwitcher",
+		"user-avatar": "mountUserAvatar",
+		"user-button": "mountUserButton",
+		"user-profile": "mountUserProfile",
+		"sign-in": "mountSignIn",
+		"sign-up": "mountSignUp",
+		"google-one-tap": "openGoogleOneTap",
+		waitlist: "mountWaitlist",
+		"pricing-table": "mountPricingTable",
+		"api-keys": "mountAPIKeys"
+	}).forEach(([category, mountFn]) => {
+		document.querySelectorAll(`[data-clerk-id^="clerk-${category}"]`).forEach((el) => {
+			const clerkId = el.getAttribute("data-clerk-id");
+			const props = window.__astro_clerk_component_props?.get(category)?.get(clerkId);
+			if (el) $clerk.get()?.[mountFn](el, props);
+		});
+	});
+};
+
+//#endregion
+//#region src/internal/run-once.ts
+/**
+* Prevents mounting components multiple times when the `createClerkInstanceInternal` was been called twice without await first
+* This is useful as the "integration" may call the function twice at the same time.
+*/
+const runOnce = (onFirst) => {
+	let hasRun = false;
+	return (params) => {
+		if (hasRun) {
+			const clerkJSInstance = window.Clerk;
+			return new Promise((res) => {
+				if (!clerkJSInstance) return res(false);
+				if (clerkJSInstance.loaded) {
+					mountAllClerkAstroJSComponents();
+					invokeClerkAstroJSFunctions();
+				}
+				return res(clerkJSInstance.loaded);
+			});
+		}
+		/**
+		* Probably html streaming has delayed the component from mounting immediately.
+		* In Astro, js modules will start executing only after html streaming has ended.
+		*/
+		hasRun = true;
+		return onFirst(params);
+	};
+};
+
+//#endregion
+//#region src/internal/create-clerk-instance.ts
+let initOptions;
+setClerkJSLoadingErrorPackageName("@clerk/astro");
+function createNavigationHandler(windowNav) {
+	return (to, opts) => {
+		if (opts?.__internal_metadata?.navigationType === "internal") windowNav(history.state, "", to);
+		else opts?.windowNavigate(to);
+	};
+}
+/**
+* Prevents firing clerk.load() multiple times
+*/
+const createClerkInstance = runOnce(createClerkInstanceInternal);
+async function createClerkInstanceInternal(options) {
+	const clerkJsChunk = getClerkJsEntryChunk(options);
+	const ClerkUI = getClerkUIEntryChunk(options);
+	await clerkJsChunk;
+	if (!window.Clerk) throw new Error("Failed to download latest ClerkJS. Contact support@clerk.com.");
+	const clerkJSInstance = window.Clerk;
+	if (!$clerk.get()) $clerk.set(clerkJSInstance);
+	const internalOptions = options;
+	const keylessClaimUrl = internalOptions.__internal_keylessClaimUrl;
+	const keylessApiKeysUrl = internalOptions.__internal_keylessApiKeysUrl;
+	const clerkOptions = {
+		routerPush: createNavigationHandler(window.history.pushState.bind(window.history)),
+		routerReplace: createNavigationHandler(window.history.replaceState.bind(window.history)),
+		...options,
+		ui: {
+			...options?.ui,
+			ClerkUI
+		},
+		...keylessClaimUrl && { __internal_keyless_claimKeylessApplicationUrl: keylessClaimUrl },
+		...keylessApiKeysUrl && { __internal_keyless_copyInstanceKeysUrl: keylessApiKeysUrl }
+	};
+	initOptions = clerkOptions;
+	return clerkJSInstance.load(clerkOptions).then(() => {
+		$csrState.setKey("isLoaded", true);
+		$clerkStore.notify();
+		mountAllClerkAstroJSComponents();
+		invokeClerkAstroJSFunctions();
+		clerkJSInstance.addListener((payload) => {
+			$csrState.setKey("client", payload.client);
+			$csrState.setKey("user", payload.user);
+			$csrState.setKey("session", payload.session);
+			$csrState.setKey("organization", payload.organization);
+		});
+	}).catch(() => {});
+}
+function updateClerkOptions(options) {
+	const clerk = $clerk.get();
+	if (!clerk) throw new Error("Missing clerk instance");
+	const updateOptions = {
+		options: {
+			...initOptions,
+			...options
+		},
+		appearance: {
+			...initOptions?.appearance,
+			...options.appearance
+		}
+	};
+	clerk.__internal_updateProps(updateOptions);
+}
+/**
+* Loads clerk-js script if not already loaded.
+* Returns early if window.Clerk already exists.
+*/
+async function getClerkJsEntryChunk(options) {
+	await loadClerkJSScript(options);
+}
+/**
+* Gets the ClerkUI constructor, either from options or by loading the script.
+* Returns early if window.__internal_ClerkUICtor already exists.
+* Returns undefined when prefetchUI={false} (no UI needed).
+*/
+async function getClerkUIEntryChunk(options) {
+	if (options?.ui?.ClerkUI) return options.ui.ClerkUI;
+	if (options?.ui || options?.prefetchUI === false) return;
+	await loadClerkUIScript(options);
+	if (!window.__internal_ClerkUICtor) throw new Error("Failed to download latest Clerk UI. Contact support@clerk.com.");
+	return window.__internal_ClerkUICtor;
+}
+
+//#endregion
+export { updateClerkOptions as n, createClerkInstance as t };
+//# sourceMappingURL=create-clerk-instance-AkLIq0Dz.js.map

package/dist/create-clerk-instance-AkLIq0Dz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-clerk-instance-AkLIq0Dz.js","names":[],"sources":["../src/internal/invoke-clerk-astro-js-functions.ts","../src/internal/mount-clerk-astro-js-components.ts","../src/internal/run-once.ts","../src/internal/create-clerk-instance.ts"],"sourcesContent":["import { $clerk } from '../stores/internal';\n\n/**\n * Loop through any Astro component that has requested to invoke a function and invoke it with its respective props.\n */\nconst invokeClerkAstroJSFunctions = () => {\n  const functionNames = ['handleRedirectCallback'] as const;\n\n  functionNames.forEach(fnName => {\n    const elementsOfCategory = document.querySelectorAll(`[data-clerk-function-id^=\"clerk-${fnName}\"]`);\n    elementsOfCategory.forEach(el => {\n      const id = el.getAttribute('data-clerk-function-id');\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      const props = window.__astro_clerk_function_props?.get(fnName)?.get(id!) ?? {};\n      void $clerk.get()?.[fnName]?.(props);\n    });\n  });\n};\n\nexport { invokeClerkAstroJSFunctions };\n","import type { Clerk } from '@clerk/shared/types';\n\nimport { $clerk } from '../stores/internal';\nimport type { InternalUIComponentId } from '../types';\n\n/**\n * Loop through any Astro component that has requested to mount a UI component and mount it with its respective props.\n */\nconst mountAllClerkAstroJSComponents = () => {\n  const mountFns = {\n    'create-organization': 'mountCreateOrganization',\n    'organization-list': 'mountOrganizationList',\n    'organization-profile': 'mountOrganizationProfile',\n    'organization-switcher': 'mountOrganizationSwitcher',\n    'user-avatar': 'mountUserAvatar',\n    'user-button': 'mountUserButton',\n    'user-profile': 'mountUserProfile',\n    'sign-in': 'mountSignIn',\n    'sign-up': 'mountSignUp',\n    'google-one-tap': 'openGoogleOneTap',\n    waitlist: 'mountWaitlist',\n    'pricing-table': 'mountPricingTable',\n    'api-keys': 'mountAPIKeys',\n  } as const satisfies Record<InternalUIComponentId, keyof Clerk>;\n\n  Object.entries(mountFns).forEach(([category, mountFn]) => {\n    const elementsOfCategory = document.querySelectorAll(`[data-clerk-id^=\"clerk-${category}\"]`);\n    elementsOfCategory.forEach(el => {\n      const clerkId = el.getAttribute('data-clerk-id') as string;\n      const props = window.__astro_clerk_component_props?.get(category)?.get(clerkId);\n      if (el) {\n        $clerk.get()?.[mountFn](el as HTMLDivElement, props);\n      }\n    });\n  });\n};\n\nexport { mountAllClerkAstroJSComponents };\n","import { invokeClerkAstroJSFunctions } from './invoke-clerk-astro-js-functions';\nimport { mountAllClerkAstroJSComponents } from './mount-clerk-astro-js-components';\nimport type { CreateClerkInstanceInternalFn } from './types';\n\n/**\n * Prevents mounting components multiple times when the `createClerkInstanceInternal` was been called twice without await first\n * This is useful as the \"integration\" may call the function twice at the same time.\n */\nconst runOnce = (onFirst: CreateClerkInstanceInternalFn) => {\n  let hasRun = false;\n  return (params: Parameters<CreateClerkInstanceInternalFn>[0]) => {\n    if (hasRun) {\n      const clerkJSInstance = window.Clerk;\n      return new Promise(res => {\n        if (!clerkJSInstance) {\n          return res(false);\n        }\n\n        if (clerkJSInstance.loaded) {\n          mountAllClerkAstroJSComponents();\n          invokeClerkAstroJSFunctions();\n        }\n        return res(clerkJSInstance.loaded);\n      });\n    }\n    /**\n     * Probably html streaming has delayed the component from mounting immediately.\n     * In Astro, js modules will start executing only after html streaming has ended.\n     */\n    hasRun = true;\n    return onFirst(params);\n  };\n};\n\nexport { runOnce };\n","import {\n  loadClerkJSScript,\n  loadClerkUIScript,\n  setClerkJSLoadingErrorPackageName,\n} from '@clerk/shared/loadClerkJsScript';\nimport type { ClerkOptions } from '@clerk/shared/types';\nimport type { ClerkUIConstructor } from '@clerk/shared/ui';\nimport type { Ui } from '@clerk/ui/internal';\n\nimport { $clerkStore } from '../stores/external';\nimport { $clerk, $csrState } from '../stores/internal';\nimport type { AstroClerkCreateInstanceParams, AstroClerkUpdateOptions, InternalRuntimeOptions } from '../types';\nimport { invokeClerkAstroJSFunctions } from './invoke-clerk-astro-js-functions';\nimport { mountAllClerkAstroJSComponents } from './mount-clerk-astro-js-components';\nimport { runOnce } from './run-once';\n\nlet initOptions: ClerkOptions | undefined;\n\nsetClerkJSLoadingErrorPackageName(PACKAGE_NAME);\n\nfunction createNavigationHandler(\n  windowNav: typeof window.history.pushState | typeof window.history.replaceState,\n): Exclude<ClerkOptions['routerPush'], undefined> | Exclude<ClerkOptions['routerReplace'], undefined> {\n  return (to, opts) => {\n    if (opts?.__internal_metadata?.navigationType === 'internal') {\n      windowNav(history.state, '', to);\n    } else {\n      opts?.windowNavigate(to);\n    }\n  };\n}\n\n/**\n * Prevents firing clerk.load() multiple times\n */\nconst createClerkInstance = runOnce(createClerkInstanceInternal);\n\nasync function createClerkInstanceInternal<TUi extends Ui = Ui>(options?: AstroClerkCreateInstanceParams<TUi>) {\n  // Load clerk-js and clerk-ui in parallel.\n  // Both functions return early if the scripts are already loaded\n  // (e.g., via middleware-injected script tags in the HTML head).\n  const clerkJsChunk = getClerkJsEntryChunk(options);\n  const ClerkUI = getClerkUIEntryChunk(options);\n\n  await clerkJsChunk;\n\n  if (!window.Clerk) {\n    throw new Error('Failed to download latest ClerkJS. Contact support@clerk.com.');\n  }\n\n  const clerkJSInstance = window.Clerk;\n\n  if (!$clerk.get()) {\n    $clerk.set(clerkJSInstance);\n  }\n\n  const internalOptions = options as AstroClerkCreateInstanceParams<TUi> & InternalRuntimeOptions;\n  const keylessClaimUrl = internalOptions.__internal_keylessClaimUrl;\n  const keylessApiKeysUrl = internalOptions.__internal_keylessApiKeysUrl;\n\n  const clerkOptions = {\n    routerPush: createNavigationHandler(window.history.pushState.bind(window.history)),\n    routerReplace: createNavigationHandler(window.history.replaceState.bind(window.history)),\n    ...options,\n    // Pass the clerk-ui constructor promise to clerk.load()\n    ui: { ...options?.ui, ClerkUI },\n    ...(keylessClaimUrl && { __internal_keyless_claimKeylessApplicationUrl: keylessClaimUrl }),\n    ...(keylessApiKeysUrl && { __internal_keyless_copyInstanceKeysUrl: keylessApiKeysUrl }),\n  } as unknown as ClerkOptions;\n\n  initOptions = clerkOptions;\n\n  return clerkJSInstance\n    .load(clerkOptions)\n    .then(() => {\n      $csrState.setKey('isLoaded', true);\n      // Notify subscribers that $clerkStore has been loaded.\n      // We're doing this because nanostores uses `===` for equality\n      // and just by setting the value to `window.Clerk` again won't trigger an update.\n      // We notify only once as this store is for advanced users.\n      $clerkStore.notify();\n\n      mountAllClerkAstroJSComponents();\n      invokeClerkAstroJSFunctions();\n\n      clerkJSInstance.addListener(payload => {\n        $csrState.setKey('client', payload.client);\n        $csrState.setKey('user', payload.user);\n        $csrState.setKey('session', payload.session);\n        $csrState.setKey('organization', payload.organization);\n      });\n    })\n    .catch(() => {});\n}\n\nfunction updateClerkOptions<TUi extends Ui = Ui>(options: AstroClerkUpdateOptions<TUi>) {\n  const clerk = $clerk.get();\n  if (!clerk) {\n    throw new Error('Missing clerk instance');\n  }\n  const updateOptions = {\n    options: { ...initOptions, ...options },\n    appearance: { ...initOptions?.appearance, ...options.appearance },\n  } as unknown as { options: ClerkOptions; appearance?: any };\n  // `__internal_updateProps` is not exposed as public API from `@clerk/types`\n  void (clerk as any).__internal_updateProps(updateOptions);\n}\n\n/**\n * Loads clerk-js script if not already loaded.\n * Returns early if window.Clerk already exists.\n */\nasync function getClerkJsEntryChunk<TUi extends Ui = Ui>(options?: AstroClerkCreateInstanceParams<TUi>): Promise<void> {\n  await loadClerkJSScript(options);\n}\n\n/**\n * Gets the ClerkUI constructor, either from options or by loading the script.\n * Returns early if window.__internal_ClerkUICtor already exists.\n * Returns undefined when prefetchUI={false} (no UI needed).\n */\nasync function getClerkUIEntryChunk<TUi extends Ui = Ui>(\n  options?: AstroClerkCreateInstanceParams<TUi>,\n): Promise<ClerkUIConstructor | undefined> {\n  // Support bundled UI via ui.ClerkUI prop\n  if (options?.ui?.ClerkUI) {\n    return options.ui.ClerkUI;\n  }\n\n  // Skip CDN prefetch when ui prop is passed (bundled UI) or prefetchUI is false\n  if (options?.ui || options?.prefetchUI === false) {\n    return undefined;\n  }\n\n  await loadClerkUIScript(options as any);\n\n  if (!window.__internal_ClerkUICtor) {\n    throw new Error('Failed to download latest Clerk UI. Contact support@clerk.com.');\n  }\n\n  return window.__internal_ClerkUICtor;\n}\n\nexport { createClerkInstance, updateClerkOptions };\n"],"mappings":"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"}

package/dist/external-DHTxQaok.js

@@ -0,0 +1,138 @@
+import { atom, batched, computed, map, onMount } from "nanostores";
+import { deriveState } from "@clerk/shared/deriveState";
+import { eventMethodCalled } from "@clerk/shared/telemetry";
+
+//#region src/stores/internal.ts
+const $csrState = map({
+	isLoaded: false,
+	client: void 0,
+	user: void 0,
+	session: void 0,
+	organization: void 0
+});
+const $initialState = map();
+const $clerk = atom(null);
+
+//#endregion
+//#region src/stores/external.ts
+/**
+* A client side store that returns the loaded state of clerk-js.
+*
+* @example
+* $isLoadedStore.subscribe((authloaded => console.log(loaded))
+*/
+const $isLoadedStore = computed([$csrState], (state) => state.isLoaded);
+/**
+* A client side store that is prepopulated with the authentication context during SSR.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $authStore.subscribe((auth) => console.log(auth.userId))
+*/
+const $authStore = batched([$csrState, $initialState], (state, initialState) => {
+	return deriveState(state.isLoaded, {
+		session: state.session,
+		user: state.user,
+		organization: state.organization,
+		client: state.client
+	}, initialState);
+});
+/**
+* A client side store that is populated after clerk-js has loaded.
+* The store returns back the authenticated user or `null`.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $userStore.subscribe((user) => console.log(user.id))
+*/
+const $userStore = computed([$authStore], (auth) => auth.user);
+/**
+* A client side store that is populated after clerk-js has loaded.
+* The store returns the session of the authenticated user or `null`.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $sessionStore.subscribe((session) => console.log(session.id))
+*/
+const $sessionStore = computed([$authStore], (auth) => auth.session);
+/**
+* A client side store that is populated after clerk-js has loaded.
+* The store returns the Active Organization of the authenticated user or `null`.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $organizationStore.subscribe((org) => console.log(org.id))
+*/
+const $organizationStore = computed([$authStore], (auth) => auth.organization);
+/**
+* A client side store that is populated after clerk-js has loaded.
+* The store returns the clerk client or `null`.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $clientStore.subscribe((client) => console.log(client?.signedInSessions?.length))
+*/
+const $clientStore = computed([$csrState], (csr) => csr.client);
+/**
+* A client side store that is populated after clerk-js is instanciated.
+* The store returns the clerk instance or `null`.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $clerkStore.subscribe((clerk) => console.log(clerk.publishableKey))
+*/
+const $clerkStore = computed([$clerk], (clerk) => clerk);
+/**
+* A client side store that is populated after clerk-js has loaded.
+* The store returns all the sessions of the current clerk client or `null`.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $sessionListStore.subscribe((sessionList) => sessionList.map((session) => console.log('Session id:', sessino.id) ))
+*/
+const $sessionListStore = computed([$clientStore], (client) => client?.sessions);
+/**
+* A client side store that is populated after clerk-js has loaded.
+* The store returns a `SignInResource` or `null`.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $signInStore.subscribe((signIn) => console.log(signIn.status))
+*/
+const $signInStore = computed([$clientStore], (client) => client?.signIn);
+/**
+* A client side store that is populated after clerk-js has loaded.
+* The store returns a `SignUpResource` or `null`.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $signUpStore.subscribe((signUp) => console.log(signUp.status))
+*/
+const $signUpStore = computed([$clientStore], (client) => client?.signUp);
+/**
+* A client side store that is populated after clerk-js has loaded.
+* The store returns a `BillingNamespace` or `null`.
+* It is a nanostore, for instructions on how to use nanostores please review the [documentation](https://github.com/nanostores/nanostores)
+*
+* @example
+* $billingStore.subscribe((billing) => billing.getPlans().then((plans) => console.log(plans.data.length)))
+*/
+const $billingStore = computed([$clerk], (clerk) => clerk?.billing);
+/**
+* Records a telemetry event when a store is used to match React hooks telemetry.
+*
+* @param {Store} store - The nanostore instance to monitor.
+* @param {string} method - The name of the method associated with the store usage.
+*/
+const recordTelemetryEvent = (store, method) => {
+	onMount(store, () => {
+		$clerk.get()?.telemetry?.record(eventMethodCalled(method));
+	});
+};
+recordTelemetryEvent($signInStore, "$signInStore");
+recordTelemetryEvent($signUpStore, "$signUpStore");
+recordTelemetryEvent($organizationStore, "$organizationStore");
+
+//#endregion
+export { $isLoadedStore as a, $sessionStore as c, $userStore as d, $clerk as f, $clientStore as i, $signInStore as l, $initialState as m, $billingStore as n, $organizationStore as o, $csrState as p, $clerkStore as r, $sessionListStore as s, $authStore as t, $signUpStore as u };
+//# sourceMappingURL=external-DHTxQaok.js.map