@stackframe/tanstack-start 0.0.1 → 2.8.92

package/dist/esm/components-page/auth-page.js

@@ -0,0 +1,161 @@
+'use client';
+
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+import { Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Typography, cn } from "@stackframe/stack-ui";
+import { Suspense } from "react";
+import { useStackApp, useUser } from "../index.js";
+import { useTranslation } from "../lib/translations.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
+import { CredentialSignIn } from "../components/credential-sign-in.js";
+import { CredentialSignUp } from "../components/credential-sign-up.js";
+import { SeparatorWithText } from "../components/elements/separator-with-text.js";
+import { StyledLink } from "../components/link.js";
+import { MagicLinkSignIn } from "../components/magic-link-sign-in.js";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
+import { OAuthButtonGroup } from "../components/oauth-button-group.js";
+import { PasskeyButton } from "../components/passkey-button.js";
+
+//#region src/components-page/auth-page.tsx
+function AuthPage(props) {
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx(Fallback, { ...props }),
+		children: /* @__PURE__ */ jsx(Inner, { ...props })
+	});
+}
+function Fallback(props) {
+	return /* @__PURE__ */ jsx(MaybeFullPage, {
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "stack-scope flex flex-col items-stretch",
+			style: {
+				maxWidth: "380px",
+				flexBasis: "380px",
+				padding: props.fullPage ? "1rem" : 0
+			},
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "text-center mb-6 flex flex-col",
+				children: [
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-2/3 self-center" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16 mt-8" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24 mt-2" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-6" })
+				]
+			})
+		})
+	});
+}
+function Inner(props) {
+	const stackApp = useStackApp();
+	const user = useUser({ includeRestricted: true });
+	const projectFromHook = stackApp.useProject();
+	const project = props.mockProject || projectFromHook;
+	const { t } = useTranslation();
+	if (props.automaticRedirect && user && !props.mockProject) {
+		runAsynchronously(user.isRestricted ? stackApp.redirectToOnboarding({ replace: true }) : props.type === "sign-in" ? stackApp.redirectToAfterSignIn({ replace: true }) : stackApp.redirectToAfterSignUp({ replace: true }));
+		return null;
+	}
+	if (user && !props.mockProject && !props.automaticRedirect) return /* @__PURE__ */ jsx(PredefinedMessageCard, {
+		type: "signedIn",
+		fullPage: props.fullPage
+	});
+	if (props.type === "sign-up" && !project.config.signUpEnabled) return /* @__PURE__ */ jsx(PredefinedMessageCard, {
+		type: "signUpDisabled",
+		fullPage: props.fullPage
+	});
+	const hasOAuthProviders = project.config.oauthProviders.length > 0;
+	const hasPasskey = project.config.passkeyEnabled === true && props.type === "sign-in";
+	const enableSeparator = (project.config.credentialEnabled || project.config.magicLinkEnabled) && (hasOAuthProviders || hasPasskey);
+	return /* @__PURE__ */ jsx(MaybeFullPage, {
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "stack-scope flex flex-col items-stretch",
+			style: {
+				maxWidth: "380px",
+				flexBasis: "380px",
+				padding: props.fullPage ? "1rem" : 0
+			},
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-center mb-6",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						type: "h2",
+						children: props.type === "sign-in" ? t("Sign in to your account") : t("Create a new account")
+					}), props.type === "sign-in" ? project.config.signUpEnabled && /* @__PURE__ */ jsxs(Typography, { children: [
+						t("Don't have an account?"),
+						" ",
+						/* @__PURE__ */ jsx(StyledLink, {
+							href: stackApp.urls.signUp,
+							onClick: (e) => {
+								runAsynchronously(stackApp.redirectToSignUp());
+								e.preventDefault();
+							},
+							children: t("Sign up")
+						})
+					] }) : /* @__PURE__ */ jsxs(Typography, { children: [
+						t("Already have an account?"),
+						" ",
+						/* @__PURE__ */ jsx(StyledLink, {
+							href: stackApp.urls.signIn,
+							onClick: (e) => {
+								runAsynchronously(stackApp.redirectToSignIn());
+								e.preventDefault();
+							},
+							children: t("Sign in")
+						})
+					] })]
+				}),
+				(hasOAuthProviders || hasPasskey) && /* @__PURE__ */ jsxs("div", {
+					className: "gap-4 flex flex-col items-stretch stack-scope",
+					children: [hasOAuthProviders && /* @__PURE__ */ jsx(OAuthButtonGroup, {
+						type: props.type,
+						mockProject: props.mockProject
+					}), hasPasskey && /* @__PURE__ */ jsx(PasskeyButton, { type: props.type })]
+				}),
+				enableSeparator && /* @__PURE__ */ jsx(SeparatorWithText, { text: t("Or continue with") }),
+				project.config.credentialEnabled && project.config.magicLinkEnabled ? /* @__PURE__ */ jsxs(Tabs, {
+					defaultValue: props.firstTab || "magic-link",
+					children: [
+						/* @__PURE__ */ jsxs(TabsList, {
+							className: cn("w-full mb-2", { "flex-row-reverse": props.firstTab === "password" }),
+							children: [/* @__PURE__ */ jsx(TabsTrigger, {
+								value: "magic-link",
+								className: "flex-1",
+								children: t("Email")
+							}), /* @__PURE__ */ jsx(TabsTrigger, {
+								value: "password",
+								className: "flex-1",
+								children: t("Email & Password")
+							})]
+						}),
+						/* @__PURE__ */ jsx(TabsContent, {
+							value: "magic-link",
+							children: /* @__PURE__ */ jsx(MagicLinkSignIn, {})
+						}),
+						/* @__PURE__ */ jsx(TabsContent, {
+							value: "password",
+							children: props.type === "sign-up" ? /* @__PURE__ */ jsx(CredentialSignUp, { noPasswordRepeat: props.noPasswordRepeat }) : /* @__PURE__ */ jsx(CredentialSignIn, {})
+						})
+					]
+				}) : project.config.credentialEnabled ? props.type === "sign-up" ? /* @__PURE__ */ jsx(CredentialSignUp, { noPasswordRepeat: props.noPasswordRepeat }) : /* @__PURE__ */ jsx(CredentialSignIn, {}) : project.config.magicLinkEnabled ? /* @__PURE__ */ jsx(MagicLinkSignIn, {}) : !(hasOAuthProviders || hasPasskey) ? /* @__PURE__ */ jsx(Typography, {
+					variant: "destructive",
+					className: "text-center",
+					children: t("No authentication method enabled.")
+				}) : null,
+				props.extraInfo && /* @__PURE__ */ jsx("div", {
+					className: cn("flex flex-col items-center text-center text-sm text-gray-500", {
+						"mt-2": project.config.credentialEnabled || project.config.magicLinkEnabled,
+						"mt-6": !(project.config.credentialEnabled || project.config.magicLinkEnabled)
+					}),
+					children: /* @__PURE__ */ jsx("div", { children: props.extraInfo })
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { AuthPage };
+//# sourceMappingURL=auth-page.js.map

package/dist/esm/components-page/auth-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-page.js","names":[],"sources":["../../../src/components-page/auth-page.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronously } from '@stackframe/stack-shared/dist/utils/promises';\nimport { Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Typography, cn } from '@stackframe/stack-ui';\nimport { Suspense } from 'react';\nimport { useStackApp, useUser } from '..';\nimport { CredentialSignIn } from '../components/credential-sign-in';\nimport { CredentialSignUp } from '../components/credential-sign-up';\nimport { MaybeFullPage } from '../components/elements/maybe-full-page';\nimport { SeparatorWithText } from '../components/elements/separator-with-text';\nimport { StyledLink } from '../components/link';\nimport { MagicLinkSignIn } from '../components/magic-link-sign-in';\nimport { PredefinedMessageCard } from '../components/message-cards/predefined-message-card';\nimport { OAuthButtonGroup } from '../components/oauth-button-group';\nimport { PasskeyButton } from '../components/passkey-button';\nimport { useTranslation } from '../lib/translations';\n\ntype Props = {\n  noPasswordRepeat?: boolean,\n  firstTab?: 'magic-link' | 'password',\n  fullPage?: boolean,\n  type: 'sign-in' | 'sign-up',\n  automaticRedirect?: boolean,\n  extraInfo?: React.ReactNode,\n  mockProject?: {\n    config: {\n      signUpEnabled: boolean,\n      credentialEnabled: boolean,\n      passkeyEnabled: boolean,\n      magicLinkEnabled: boolean,\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}\n\nexport function AuthPage(props: Props) {\n  return <Suspense fallback={<Fallback {...props} />}>\n    <Inner {...props} />\n  </Suspense>;\n}\n\nfunction Fallback(props: Props) {\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6 flex flex-col\">\n          <Skeleton className='h-9 w-2/3 self-center' />\n\n          <Skeleton className='h-3 w-16 mt-8' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-3 w-24 mt-2' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-9 w-full mt-6' />\n        </div>\n      </div>\n    </MaybeFullPage>\n  );\n}\n\nfunction Inner(props: Props) {\n  const stackApp = useStackApp();\n  const user = useUser({ includeRestricted: true });\n  const projectFromHook = stackApp.useProject();\n  const project = props.mockProject || projectFromHook;\n  const { t } = useTranslation();\n\n  if (props.automaticRedirect && user && !props.mockProject) {\n    runAsynchronously(\n      user.isRestricted\n        ? stackApp.redirectToOnboarding({ replace: true })\n        : props.type === 'sign-in'\n          ? stackApp.redirectToAfterSignIn({ replace: true })\n          : stackApp.redirectToAfterSignUp({ replace: true })\n    );\n    return null;\n  }\n\n  if (user && !props.mockProject && !props.automaticRedirect) {\n    return <PredefinedMessageCard type='signedIn' fullPage={props.fullPage} />;\n  }\n\n  if (props.type === 'sign-up' && !project.config.signUpEnabled) {\n    return <PredefinedMessageCard type='signUpDisabled' fullPage={props.fullPage} />;\n  }\n\n  const hasOAuthProviders = project.config.oauthProviders.length > 0;\n  const hasPasskey = (project.config.passkeyEnabled === true && props.type === \"sign-in\");\n  const enableSeparator = (project.config.credentialEnabled || project.config.magicLinkEnabled) && (hasOAuthProviders || hasPasskey);\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>\n            {props.type === 'sign-in' ? t(\"Sign in to your account\") : t(\"Create a new account\")}\n          </Typography>\n          {props.type === 'sign-in' ? (\n            project.config.signUpEnabled && (\n              <Typography>\n                {t(\"Don't have an account?\")}{\" \"}\n                <StyledLink href={stackApp.urls.signUp} onClick={(e) => {\n                  runAsynchronously(stackApp.redirectToSignUp());\n                  e.preventDefault();\n                }}>{t(\"Sign up\")}</StyledLink>\n              </Typography>\n            )\n          ) : (\n            <Typography>\n              {t(\"Already have an account?\")}{\" \"}\n              <StyledLink href={stackApp.urls.signIn} onClick={(e) => {\n                runAsynchronously(stackApp.redirectToSignIn());\n                e.preventDefault();\n              }}>{t(\"Sign in\")}</StyledLink>\n            </Typography>\n          )}\n        </div>\n        {(hasOAuthProviders || hasPasskey) && (\n          <div className='gap-4 flex flex-col items-stretch stack-scope'>\n            {hasOAuthProviders && <OAuthButtonGroup type={props.type} mockProject={props.mockProject} />}\n            {hasPasskey && <PasskeyButton type={props.type} />}\n          </div>\n        )}\n\n        {enableSeparator && <SeparatorWithText text={t('Or continue with')} />}\n        {project.config.credentialEnabled && project.config.magicLinkEnabled ? (\n          <Tabs defaultValue={props.firstTab || 'magic-link'}>\n            <TabsList className={cn('w-full mb-2', {\n              'flex-row-reverse': props.firstTab === 'password'\n            })}>\n              <TabsTrigger value='magic-link' className='flex-1'>{t(\"Email\")}</TabsTrigger>\n              <TabsTrigger value='password' className='flex-1'>{t(\"Email & Password\")}</TabsTrigger>\n            </TabsList>\n            <TabsContent value='magic-link'>\n              <MagicLinkSignIn />\n            </TabsContent>\n            <TabsContent value='password'>\n              {props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />}\n            </TabsContent>\n          </Tabs>\n        ) : project.config.credentialEnabled ? (\n          props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />\n        ) : project.config.magicLinkEnabled ? (\n          <MagicLinkSignIn />\n        ) : !(hasOAuthProviders || hasPasskey) ? <Typography variant={\"destructive\"} className=\"text-center\">{t(\"No authentication method enabled.\")}</Typography> : null}\n        {props.extraInfo && (\n          <div className={cn('flex flex-col items-center text-center text-sm text-gray-500', {\n            'mt-2': project.config.credentialEnabled || project.config.magicLinkEnabled,\n            'mt-6': !(project.config.credentialEnabled || project.config.magicLinkEnabled),\n          })}>\n            <div>{props.extraInfo}</div>\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/components-page/cli-auth-confirm.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/cli-auth-confirm.d.ts
+type CliAuthConfirmationStatus = "idle" | "invalid" | "authorizing" | "redirecting" | "success" | "error";
+type CliAuthConfirmationState = {
+  status: CliAuthConfirmationStatus;
+  loginCode: string | null;
+  error: Error | null;
+  isLoading: boolean;
+  authorize: () => Promise<void>;
+  retry: () => void;
+};
+declare function useCliAuthConfirmation(): CliAuthConfirmationState;
+declare function CliAuthConfirmation({
+  fullPage
+}: {
+  fullPage?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CliAuthConfirmation, CliAuthConfirmationState, CliAuthConfirmationStatus, useCliAuthConfirmation };
+//# sourceMappingURL=cli-auth-confirm.d.ts.map

package/dist/esm/components-page/cli-auth-confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli-auth-confirm.d.ts","names":[],"sources":["../../../src/components-page/cli-auth-confirm.tsx"],"mappings":";;;KAgEY,yBAAA;AAAA,KAQA,wBAAA;EACV,MAAA,EAAQ,yBAAA;EACR,SAAA;EACA,KAAA,EAAO,KAAA;EACP,SAAA;EACA,SAAA,QAAiB,OAAA;EACjB,KAAA;AAAA;AAAA,iBAGc,sBAAA,CAAA,GAA0B,wBAAA;AAAA,iBAgI1B,mBAAA,CAAA;EAAsB;AAAA;EAAqB,QAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/cli-auth-confirm.js

@@ -0,0 +1,213 @@
+'use client';
+
+import { runAsynchronouslyWithAlert } from "@stackframe/stack-shared/dist/utils/promises";
+import { Typography } from "@stackframe/stack-ui";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useTranslation } from "../lib/translations.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useStackApp } from "../lib/hooks.js";
+import { stackAppInternalsSymbol } from "../lib/stack-app/common.js";
+import { MessageCard } from "../components/message-cards/message-card.js";
+
+//#region src/components-page/cli-auth-confirm.tsx
+async function postCliAuthComplete(app, body) {
+	return await app[stackAppInternalsSymbol].sendRequest("/auth/cli/complete", {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(body)
+	});
+}
+async function ensureCliCompleteOk(result) {
+	if (!result.ok) throw new Error(`Authorization failed: ${result.status} ${await result.text()}`);
+}
+async function completeCliAuthWithRefreshToken(app, loginCode, refreshToken) {
+	await ensureCliCompleteOk(await postCliAuthComplete(app, {
+		login_code: loginCode,
+		refresh_token: refreshToken
+	}));
+}
+const CLI_AUTH_CONFIRMED_KEY = "stack-cli-auth-confirmed";
+function markConfirmed(loginCode) {
+	sessionStorage.setItem(CLI_AUTH_CONFIRMED_KEY, loginCode);
+}
+function isConfirmed(loginCode) {
+	return sessionStorage.getItem(CLI_AUTH_CONFIRMED_KEY) === loginCode;
+}
+function clearConfirmed() {
+	sessionStorage.removeItem(CLI_AUTH_CONFIRMED_KEY);
+}
+function getError(err) {
+	return err instanceof Error ? err : new Error(String(err));
+}
+function getObjectField(data, fieldName) {
+	return typeof data === "object" && data !== null && fieldName in data ? data[fieldName] : void 0;
+}
+function getStringField(data, fieldName) {
+	const value = getObjectField(data, fieldName);
+	return typeof value === "string" ? value : void 0;
+}
+function useCliAuthConfirmation() {
+	const app = useStackApp();
+	const user = app.useUser({ includeRestricted: true });
+	const [status, setStatus] = useState("idle");
+	const [error, setError] = useState(null);
+	const autoCompleteRef = useRef(false);
+	const authorizeInProgressRef = useRef(false);
+	const [loginCode] = useState(() => {
+		if (typeof window === "undefined") return null;
+		return new URLSearchParams(window.location.search).get("login_code");
+	});
+	const [confirmed] = useState(() => {
+		if (typeof window === "undefined") return false;
+		return loginCode != null && isConfirmed(loginCode);
+	});
+	const completeWithCurrentUser = useCallback(async () => {
+		if (!loginCode) throw new Error("Missing login code in URL parameters");
+		if (!user) throw new Error("Cannot complete CLI authorization without a signed-in user");
+		const refreshToken = (await user.currentSession.getTokens()).refreshToken;
+		if (!refreshToken) throw new Error("Could not retrieve session token");
+		await completeCliAuthWithRefreshToken(app, loginCode, refreshToken);
+	}, [
+		app,
+		loginCode,
+		user
+	]);
+	useEffect(() => {
+		if (!confirmed || !user || autoCompleteRef.current) return;
+		autoCompleteRef.current = true;
+		runAsynchronouslyWithAlert(async () => {
+			setStatus("authorizing");
+			try {
+				await completeWithCurrentUser();
+				clearConfirmed();
+				setStatus("success");
+			} catch (err) {
+				setError(getError(err));
+				setStatus("error");
+			}
+		});
+	}, [
+		confirmed,
+		user,
+		completeWithCurrentUser
+	]);
+	const authorize = useCallback(async () => {
+		if (authorizeInProgressRef.current) return;
+		authorizeInProgressRef.current = true;
+		try {
+			if (!loginCode) {
+				setError(/* @__PURE__ */ new Error("Missing login code in URL parameters"));
+				setStatus("error");
+				return;
+			}
+			setError(null);
+			setStatus("authorizing");
+			if (user) {
+				await completeWithCurrentUser();
+				clearConfirmed();
+				setStatus("success");
+				return;
+			}
+			const checkResult = await postCliAuthComplete(app, {
+				login_code: loginCode,
+				mode: "check"
+			});
+			if (!checkResult.ok) throw new Error(`Failed to verify login code: ${checkResult.status} ${await checkResult.text()}`);
+			if ((getStringField(await checkResult.json(), "cli_session_state") ?? null) === "anonymous") {
+				const claimResult = await postCliAuthComplete(app, {
+					login_code: loginCode,
+					mode: "claim-anon-session"
+				});
+				if (!claimResult.ok) throw new Error(`Failed to claim anonymous session: ${claimResult.status} ${await claimResult.text()}`);
+				const tokens = await claimResult.json();
+				const accessToken = getStringField(tokens, "access_token");
+				const refreshToken = getStringField(tokens, "refresh_token");
+				if (!accessToken || !refreshToken) throw new Error("Anonymous CLI session claim did not return tokens");
+				await app[stackAppInternalsSymbol].signInWithTokens({
+					accessToken,
+					refreshToken
+				});
+				markConfirmed(loginCode);
+				setStatus("redirecting");
+				await app.redirectToSignUp({ replace: true });
+				return;
+			}
+			markConfirmed(loginCode);
+			setStatus("redirecting");
+			await app.redirectToSignIn({ replace: true });
+		} catch (err) {
+			setError(getError(err));
+			setStatus("error");
+		} finally {
+			authorizeInProgressRef.current = false;
+		}
+	}, [
+		app,
+		completeWithCurrentUser,
+		loginCode,
+		user
+	]);
+	const retry = useCallback(() => {
+		setError(null);
+		autoCompleteRef.current = false;
+		setStatus("idle");
+	}, []);
+	const visibleStatus = loginCode == null ? "invalid" : status;
+	return {
+		status: visibleStatus,
+		loginCode,
+		error,
+		isLoading: visibleStatus === "authorizing" || visibleStatus === "redirecting",
+		authorize,
+		retry
+	};
+}
+function CliAuthConfirmation({ fullPage = true }) {
+	const { t } = useTranslation();
+	const cliAuth = useCliAuthConfirmation();
+	if (cliAuth.status === "success") return /* @__PURE__ */ jsx(MessageCard, {
+		title: t("CLI Authorization Successful"),
+		fullPage,
+		children: /* @__PURE__ */ jsx(Typography, { children: t("The CLI application has been authorized successfully. You can close this window and return to the command line.") })
+	});
+	if (cliAuth.status === "error") return /* @__PURE__ */ jsxs(MessageCard, {
+		title: t("Authorization Failed"),
+		fullPage,
+		primaryButtonText: t("Try Again"),
+		primaryAction: cliAuth.retry,
+		children: [/* @__PURE__ */ jsx(Typography, {
+			className: "text-red-600",
+			children: t("Failed to authorize the CLI application:")
+		}), /* @__PURE__ */ jsx(Typography, {
+			className: "text-red-600",
+			children: cliAuth.error?.message
+		})]
+	});
+	if (cliAuth.status === "invalid") return /* @__PURE__ */ jsx(MessageCard, {
+		title: t("Invalid CLI Authorization Link"),
+		fullPage,
+		children: /* @__PURE__ */ jsx(Typography, {
+			className: "text-red-600",
+			children: t("This CLI authorization link is missing a login code. Please return to the command line and start the login process again.")
+		})
+	});
+	if (cliAuth.status === "authorizing" || cliAuth.status === "redirecting") return /* @__PURE__ */ jsx(MessageCard, {
+		title: t("Completing Authorization..."),
+		fullPage,
+		children: /* @__PURE__ */ jsx(Typography, { children: t("Finishing up the CLI authorization...") })
+	});
+	return /* @__PURE__ */ jsxs(MessageCard, {
+		title: t("Authorize CLI Application"),
+		fullPage,
+		primaryButtonText: cliAuth.isLoading ? t("Authorizing...") : t("Authorize"),
+		primaryAction: cliAuth.authorize,
+		children: [/* @__PURE__ */ jsx(Typography, { children: t("A command line application is requesting access to your account. Click the button below to authorize it.") }), /* @__PURE__ */ jsx(Typography, {
+			variant: "destructive",
+			children: t("WARNING: Make sure you trust the command line application, as it will gain access to your account. If you did not initiate this request, you can close this page and ignore it. We will never send you this link via email or any other means.")
+		})]
+	});
+}
+
+//#endregion
+export { CliAuthConfirmation, useCliAuthConfirmation };
+//# sourceMappingURL=cli-auth-confirm.js.map

package/dist/esm/components-page/cli-auth-confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli-auth-confirm.js","names":[],"sources":["../../../src/components-page/cli-auth-confirm.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Typography } from \"@stackframe/stack-ui\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\nimport { stackAppInternalsSymbol } from \"../lib/stack-app/common\";\nimport type { StackClientApp } from \"../lib/stack-app/apps/interfaces/client-app\";\nimport { useStackApp } from \"../lib/hooks\";\n\nasync function postCliAuthComplete(app: StackClientApp, body: Record<string, unknown>) {\n  return await app[stackAppInternalsSymbol].sendRequest(\"/auth/cli/complete\", {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application/json\" },\n    body: JSON.stringify(body),\n  });\n}\n\nasync function ensureCliCompleteOk(result: Response) {\n  if (!result.ok) {\n    throw new Error(`Authorization failed: ${result.status} ${await result.text()}`);\n  }\n}\n\nasync function completeCliAuthWithRefreshToken(app: StackClientApp, loginCode: string, refreshToken: string) {\n  const result = await postCliAuthComplete(app, { login_code: loginCode, refresh_token: refreshToken });\n  await ensureCliCompleteOk(result);\n}\n\nconst CLI_AUTH_CONFIRMED_KEY = \"stack-cli-auth-confirmed\";\n\nfunction markConfirmed(loginCode: string) {\n  sessionStorage.setItem(CLI_AUTH_CONFIRMED_KEY, loginCode);\n}\n\nfunction isConfirmed(loginCode: string): boolean {\n  return sessionStorage.getItem(CLI_AUTH_CONFIRMED_KEY) === loginCode;\n}\n\nfunction clearConfirmed() {\n  sessionStorage.removeItem(CLI_AUTH_CONFIRMED_KEY);\n}\n\nfunction getError(err: unknown): Error {\n  return err instanceof Error ? err : new Error(String(err));\n}\n\nfunction getObjectField(data: unknown, fieldName: string): unknown {\n  return typeof data === \"object\" && data !== null && fieldName in data\n    ? data[fieldName as keyof typeof data]\n    : undefined;\n}\n\nfunction getStringField(data: unknown, fieldName: string): string | undefined {\n  const value = getObjectField(data, fieldName);\n  return typeof value === \"string\" ? value : undefined;\n}\n\nexport type CliAuthConfirmationStatus =\n  | \"idle\"\n  | \"invalid\"\n  | \"authorizing\"\n  | \"redirecting\"\n  | \"success\"\n  | \"error\";\n\nexport type CliAuthConfirmationState = {\n  status: CliAuthConfirmationStatus,\n  loginCode: string | null,\n  error: Error | null,\n  isLoading: boolean,\n  authorize: () => Promise<void>,\n  retry: () => void,\n};\n\nexport function useCliAuthConfirmation(): CliAuthConfirmationState {\n  const app = useStackApp();\n  const user = app.useUser({ includeRestricted: true });\n  const [status, setStatus] = useState<Exclude<CliAuthConfirmationStatus, \"invalid\">>(\"idle\");\n  const [error, setError] = useState<Error | null>(null);\n  const autoCompleteRef = useRef(false);\n  const authorizeInProgressRef = useRef(false);\n  const [loginCode] = useState(() => {\n    if (typeof window === 'undefined') return null;\n    return new URLSearchParams(window.location.search).get(\"login_code\");\n  });\n  const [confirmed] = useState(() => {\n    if (typeof window === 'undefined') return false;\n    return loginCode != null && isConfirmed(loginCode);\n  });\n\n  const completeWithCurrentUser = useCallback(async () => {\n    if (!loginCode) {\n      throw new Error(\"Missing login code in URL parameters\");\n    }\n    if (!user) {\n      throw new Error(\"Cannot complete CLI authorization without a signed-in user\");\n    }\n    const refreshToken = (await user.currentSession.getTokens()).refreshToken;\n    if (!refreshToken) {\n      throw new Error(\"Could not retrieve session token\");\n    }\n    await completeCliAuthWithRefreshToken(app, loginCode, refreshToken);\n  }, [app, loginCode, user]);\n\n  useEffect(() => {\n    if (!confirmed || !user || autoCompleteRef.current) {\n      return;\n    }\n    autoCompleteRef.current = true;\n    runAsynchronouslyWithAlert(async () => {\n      setStatus(\"authorizing\");\n      try {\n        await completeWithCurrentUser();\n        clearConfirmed();\n        setStatus(\"success\");\n      } catch (err) {\n        setError(getError(err));\n        setStatus(\"error\");\n      }\n    });\n  }, [confirmed, user, completeWithCurrentUser]);\n\n  const authorize = useCallback(async () => {\n    if (authorizeInProgressRef.current) {\n      return;\n    }\n    authorizeInProgressRef.current = true;\n\n    try {\n      if (!loginCode) {\n        setError(new Error(\"Missing login code in URL parameters\"));\n        setStatus(\"error\");\n        return;\n      }\n\n      setError(null);\n      setStatus(\"authorizing\");\n      if (user) {\n        await completeWithCurrentUser();\n        clearConfirmed();\n        setStatus(\"success\");\n        return;\n      }\n\n      const checkResult = await postCliAuthComplete(app, { login_code: loginCode, mode: \"check\" });\n      if (!checkResult.ok) {\n        throw new Error(`Failed to verify login code: ${checkResult.status} ${await checkResult.text()}`);\n      }\n      const checkData: unknown = await checkResult.json();\n      const cliSessionState = getStringField(checkData, \"cli_session_state\") ?? null;\n\n      if (cliSessionState === \"anonymous\") {\n        const claimResult = await postCliAuthComplete(app, { login_code: loginCode, mode: \"claim-anon-session\" });\n\n        if (!claimResult.ok) {\n          throw new Error(`Failed to claim anonymous session: ${claimResult.status} ${await claimResult.text()}`);\n        }\n\n        const tokens: unknown = await claimResult.json();\n        const accessToken = getStringField(tokens, \"access_token\");\n        const refreshToken = getStringField(tokens, \"refresh_token\");\n        if (!accessToken || !refreshToken) {\n          throw new Error(\"Anonymous CLI session claim did not return tokens\");\n        }\n        await app[stackAppInternalsSymbol].signInWithTokens({\n          accessToken,\n          refreshToken,\n        });\n        markConfirmed(loginCode);\n        setStatus(\"redirecting\");\n        await app.redirectToSignUp({ replace: true });\n        return;\n      }\n\n      markConfirmed(loginCode);\n      setStatus(\"redirecting\");\n      await app.redirectToSignIn({ replace: true });\n    } catch (err) {\n      setError(getError(err));\n      setStatus(\"error\");\n    } finally {\n      authorizeInProgressRef.current = false;\n    }\n  }, [app, completeWithCurrentUser, loginCode, user]);\n\n  const retry = useCallback(() => {\n    setError(null);\n    autoCompleteRef.current = false;\n    setStatus(\"idle\");\n  }, []);\n\n  const visibleStatus = loginCode == null ? \"invalid\" : status;\n  return {\n    status: visibleStatus,\n    loginCode,\n    error,\n    isLoading: visibleStatus === \"authorizing\" || visibleStatus === \"redirecting\",\n    authorize,\n    retry,\n  };\n}\n\nexport function CliAuthConfirmation({ fullPage = true }: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n  const cliAuth = useCliAuthConfirmation();\n\n  if (cliAuth.status === \"success\") {\n    return (\n      <MessageCard title={t(\"CLI Authorization Successful\")} fullPage={fullPage}>\n        <Typography>\n          {t(\"The CLI application has been authorized successfully. You can close this window and return to the command line.\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (cliAuth.status === \"error\") {\n    return (\n      <MessageCard\n        title={t(\"Authorization Failed\")}\n        fullPage={fullPage}\n        primaryButtonText={t(\"Try Again\")}\n        primaryAction={cliAuth.retry}\n      >\n        <Typography className=\"text-red-600\">\n          {t(\"Failed to authorize the CLI application:\")}\n        </Typography>\n        <Typography className=\"text-red-600\">\n          {cliAuth.error?.message}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (cliAuth.status === \"invalid\") {\n    return (\n      <MessageCard title={t(\"Invalid CLI Authorization Link\")} fullPage={fullPage}>\n        <Typography className=\"text-red-600\">\n          {t(\"This CLI authorization link is missing a login code. Please return to the command line and start the login process again.\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (cliAuth.status === \"authorizing\" || cliAuth.status === \"redirecting\") {\n    return (\n      <MessageCard title={t(\"Completing Authorization...\")} fullPage={fullPage}>\n        <Typography>\n          {t(\"Finishing up the CLI authorization...\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  return (\n    <MessageCard\n      title={t(\"Authorize CLI Application\")}\n      fullPage={fullPage}\n      primaryButtonText={cliAuth.isLoading ? t(\"Authorizing...\") : t(\"Authorize\")}\n      primaryAction={cliAuth.authorize}\n    >\n      <Typography>\n        {t(\"A command line application is requesting access to your account. Click the button below to authorize it.\")}\n      </Typography>\n      <Typography variant=\"destructive\">\n        {t(\"WARNING: Make sure you trust the command line application, as it will gain access to your account. If you did not initiate this request, you can close this page and ignore it. We will never send you this link via email or any other means.\")}\n      </Typography>\n    </MessageCard>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/components-page/cli-auth-confirm.test.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/components-page/cli-auth-confirm.test.js

@@ -0,0 +1,175 @@
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+import React, { act } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { stackAppInternalsSymbol } from "../lib/stack-app/common.js";
+import { StackContext } from "../providers/stack-context.js";
+import { useCliAuthConfirmation } from "./cli-auth-confirm.js";
+
+//#region src/components-page/cli-auth-confirm.test.tsx
+// @vitest-environment jsdom
+const previousActEnvironment = Reflect.get(globalThis, "IS_REACT_ACT_ENVIRONMENT");
+function responseJson(data, init) {
+	return new Response(JSON.stringify(data), {
+		status: init?.status ?? 200,
+		headers: { "Content-Type": "application/json" }
+	});
+}
+function createAppTestDouble(options) {
+	return {
+		useUser: () => options.user,
+		redirectToSignIn: options.redirectToSignIn ?? vi.fn(async () => {}),
+		redirectToSignUp: options.redirectToSignUp ?? vi.fn(async () => {}),
+		[stackAppInternalsSymbol]: {
+			sendRequest: options.sendRequest,
+			signInWithTokens: options.signInWithTokens ?? vi.fn(async () => {})
+		}
+	};
+}
+function HookProbe() {
+	const cliAuth = useCliAuthConfirmation();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			"data-testid": "status",
+			children: cliAuth.status
+		}),
+		/* @__PURE__ */ jsx("div", {
+			"data-testid": "error",
+			children: cliAuth.error?.message
+		}),
+		/* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => runAsynchronously(cliAuth.authorize),
+			children: "authorize"
+		}),
+		/* @__PURE__ */ jsx("button", {
+			onClick: cliAuth.retry,
+			children: "retry"
+		})
+	] });
+}
+let root = null;
+let container = null;
+async function renderWithApp(app) {
+	container = document.createElement("div");
+	document.body.append(container);
+	root = createRoot(container);
+	await act(async () => {
+		root?.render(/* @__PURE__ */ jsx(StackContext.Provider, {
+			value: { app },
+			children: /* @__PURE__ */ jsx(HookProbe, {})
+		}));
+	});
+}
+function getByTestId(testId) {
+	const element = container?.querySelector(`[data-testid="${testId}"]`);
+	if (!(element instanceof HTMLElement)) throw new Error(`Could not find test element ${testId}`);
+	return element;
+}
+function getButton(label) {
+	const button = [...container?.querySelectorAll("button") ?? []].find((element) => element.textContent === label);
+	if (!(button instanceof HTMLButtonElement)) throw new Error(`Could not find button ${label}`);
+	return button;
+}
+describe("useCliAuthConfirmation", () => {
+	beforeEach(() => {
+		Reflect.set(globalThis, "IS_REACT_ACT_ENVIRONMENT", true);
+	});
+	afterEach(() => {
+		act(() => {
+			root?.unmount();
+		});
+		container?.remove();
+		root = null;
+		container = null;
+		vi.restoreAllMocks();
+		window.history.replaceState({}, "", "/");
+		Reflect.set(globalThis, "IS_REACT_ACT_ENVIRONMENT", previousActEnvironment);
+	});
+	it("completes CLI auth with the current user's refresh token", async () => {
+		window.history.replaceState({}, "", "/handler/cli-auth-confirm?login_code=login-code");
+		const getTokens = vi.fn(async () => ({ refreshToken: "refresh-token" }));
+		const sendRequest = vi.fn(async (_path, _requestOptions) => new Response(null, { status: 200 }));
+		await renderWithApp(createAppTestDouble({
+			user: { currentSession: { getTokens } },
+			sendRequest
+		}));
+		await act(async () => {
+			getButton("authorize").click();
+		});
+		expect(getByTestId("status").textContent).toBe("success");
+		expect(getTokens).toHaveBeenCalledOnce();
+		expect(sendRequest).toHaveBeenCalledOnce();
+		expect(sendRequest.mock.calls[0][0]).toBe("/auth/cli/complete");
+		expect(JSON.parse(String(sendRequest.mock.calls[0][1].body))).toMatchInlineSnapshot(`
+      {
+        "login_code": "login-code",
+        "refresh_token": "refresh-token",
+      }
+    `);
+	});
+	it("ignores duplicate authorize clicks before React re-renders", async () => {
+		window.history.replaceState({}, "", "/handler/cli-auth-confirm?login_code=login-code");
+		const getTokens = vi.fn(async () => ({ refreshToken: "refresh-token" }));
+		const sendRequest = vi.fn(async (_path, _requestOptions) => new Response(null, { status: 200 }));
+		await renderWithApp(createAppTestDouble({
+			user: { currentSession: { getTokens } },
+			sendRequest
+		}));
+		await act(async () => {
+			const authorizeButton = getButton("authorize");
+			authorizeButton.click();
+			authorizeButton.click();
+		});
+		expect(sendRequest).toHaveBeenCalledOnce();
+	});
+	it("claims anonymous CLI sessions before redirecting to sign-up", async () => {
+		window.history.replaceState({}, "", "/handler/cli-auth-confirm?login_code=login-code");
+		const signInWithTokens = vi.fn(async (_tokens) => {});
+		const redirectToSignUp = vi.fn(async (_options) => {});
+		const sendRequest = vi.fn(async (_path, _requestOptions) => new Response(null, { status: 200 })).mockResolvedValueOnce(responseJson({ cli_session_state: "anonymous" })).mockResolvedValueOnce(responseJson({
+			access_token: "access-token",
+			refresh_token: "refresh-token"
+		}));
+		await renderWithApp(createAppTestDouble({
+			user: null,
+			sendRequest,
+			signInWithTokens,
+			redirectToSignUp
+		}));
+		await act(async () => {
+			getButton("authorize").click();
+		});
+		expect(redirectToSignUp).toHaveBeenCalledWith({ replace: true });
+		expect(signInWithTokens).toHaveBeenCalledWith({
+			accessToken: "access-token",
+			refreshToken: "refresh-token"
+		});
+		expect(sessionStorage.getItem("stack-cli-auth-confirmed")).toBe("login-code");
+		expect(sendRequest.mock.calls.map((call) => JSON.parse(String(call[1].body)))).toMatchInlineSnapshot(`
+      [
+        {
+          "login_code": "login-code",
+          "mode": "check",
+        },
+        {
+          "login_code": "login-code",
+          "mode": "claim-anon-session",
+        },
+      ]
+    `);
+	});
+	it("reports invalid when the login code is missing", async () => {
+		window.history.replaceState({}, "", "/handler/cli-auth-confirm");
+		await renderWithApp(createAppTestDouble({
+			user: null,
+			sendRequest: vi.fn(async (_path, _requestOptions) => new Response(null, { status: 200 }))
+		}));
+		expect(getByTestId("status").textContent).toBe("invalid");
+	});
+});
+
+//#endregion
+export {  };
+//# sourceMappingURL=cli-auth-confirm.test.js.map