@hexclave/tanstack-start 1.0.24 → 1.0.26

package/dist/esm/components/elements/sidebar-layout.js

@@ -4,8 +4,8 @@ import { Button, Typography, cn } from "@hexclave/ui";
 import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
-import { useStackApp } from "../../index.js";
 import { useHash } from "@hexclave/shared/dist/hooks/use-hash";
+import { useStackApp } from "../../index.js";
 
 //#region src/components/elements/sidebar-layout.tsx
 function SidebarLayout(props) {

package/dist/esm/components-page/hexclave-handler-client.js

@@ -143,7 +143,7 @@ function renderComponent(props) {
 			});
 		default: {
 			if (Object.values(availablePaths).includes(path)) throw new HexclaveAssertionError(`Path alias ${path} not included in switch statement, but in availablePaths?`, { availablePaths });
-			for (const [key, value] of Object.entries(pathAliases)) if (path.toLowerCase().replaceAll("-", "") === key.toLowerCase().replaceAll("-", "")) return { redirect: `${app.urls.handler}/${value}?${new URLSearchParams(searchParams).toString()}` };
+			for (const [key, value] of Object.entries(pathAliases)) if (path.toLowerCase().replaceAll("-", "") === key.toLowerCase().replaceAll("-", "")) return { redirect: `${app[hexclaveAppInternalsSymbol].getUrls().handler}/${value}?${new URLSearchParams(searchParams).toString()}` };
 			const defaultUnknownPathUrl = getDefaultUnknownPathUrl?.(path);
 			if (defaultUnknownPathUrl != null) {
 				const defaultUnknownPathUrlObject = new URL(defaultUnknownPathUrl, "http://example.com");
@@ -184,15 +184,16 @@ function RedirectToPage(props) {
 }
 function HexclaveHandlerClient(props) {
 	const hexclaveApp = useStackApp$1();
+	const handlerUrls = hexclaveApp[hexclaveAppInternalsSymbol].getUrls();
 	const clientOrigin = useClientOriginAfterHydration();
 	const navigate = hexclaveApp.useNavigate();
 	const navigateRef = useRef(navigate);
 	navigateRef.current = navigate;
-	const currentLocation = props.location ?? (typeof window === "undefined" ? new URL(hexclaveApp.urls.handler, placeholderOrigin).pathname : window.location.pathname);
+	const currentLocation = props.location ?? (typeof window === "undefined" ? new URL(handlerUrls.handler, placeholderOrigin).pathname : window.location.pathname);
 	const searchParamsSource = new URLSearchParams(typeof window === "undefined" ? "" : window.location.search);
 	const redirectTargets = [];
 	const { path, searchParams, handlerPath } = useMemo(() => {
-		const handlerPath = new URL(hexclaveApp.urls.handler, "http://example.com").pathname;
+		const handlerPath = new URL(handlerUrls.handler, "http://example.com").pathname;
 		return {
 			path: currentLocation.startsWith(handlerPath) ? currentLocation.slice(handlerPath.length).replace(/^\/+/, "") : currentLocation.replace(/^\/+/, ""),
 			searchParams: Object.fromEntries(searchParamsSource.entries()),
@@ -201,7 +202,7 @@ function HexclaveHandlerClient(props) {
 	}, [
 		currentLocation,
 		searchParamsSource,
-		hexclaveApp.urls.handler
+		handlerUrls.handler
 	]);
 	const getDefaultUnknownPathUrl = (unknownPath) => {
 		return resolveUnknownHandlerPathFallbackUrl({
@@ -211,7 +212,7 @@ function HexclaveHandlerClient(props) {
 		});
 	};
 	const shouldRedirectToPage = (name) => {
-		const url = hexclaveApp.urls[name];
+		const url = handlerUrls[name];
 		if (name === "oauthCallback" && searchParams.hexclave_cross_domain_auth === "1") return false;
 		return !isLocalHandlerUrlTarget({
 			targetUrl: url,

package/dist/esm/components-page/hexclave-handler-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"hexclave-handler-client.js","names":["MessageCard","useStackApp"],"sources":["../../../src/components-page/hexclave-handler-client.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { KnownError } from \"@hexclave/shared\";\nimport { captureError, HexclaveAssertionError } from \"@hexclave/shared/dist/utils/errors\";\nimport { FilterUndefined, filterUndefined } from \"@hexclave/shared/dist/utils/objects\";\nimport { use } from \"@hexclave/shared/dist/utils/react\";\nimport { getRelativePart } from \"@hexclave/shared/dist/utils/urls\";\nimport { Suspense, useMemo, useSyncExternalStore } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { SignIn, SignUp, StackServerApp } from \"..\";\nimport { useStackApp } from \"../lib/hooks\";\nimport { HandlerUrls, StackClientApp, hexclaveAppInternalsSymbol } from \"../lib/hexclave-app\";\nimport { isLocalHandlerUrlTarget, resolveUnknownHandlerPathFallbackUrl } from \"../lib/hexclave-app/url-targets\";\nimport { AccountSettings } from \"./account-settings\";\nimport { CliAuthConfirmation } from \"./cli-auth-confirm\";\nimport { EmailVerification } from \"./email-verification\";\nimport { ErrorPage } from \"./error-page\";\nimport { ForgotPassword } from \"./forgot-password\";\nimport { MagicLinkCallback } from \"./magic-link-callback\";\nimport { MFA } from \"./mfa\";\nimport { OAuthCallback } from \"./oauth-callback\";\nimport { Onboarding } from \"./onboarding\";\nimport { PasswordReset } from \"./password-reset\";\nimport { SignOut } from \"./sign-out\";\nimport { TeamInvitation } from \"./team-invitation\";\n\nimport { KnownErrorMessageCard } from \"../components/message-cards/known-error-message-card\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\ntype Components = {\n  SignIn: typeof SignIn,\n  SignUp: typeof SignUp,\n  EmailVerification: typeof EmailVerification,\n  PasswordReset: typeof PasswordReset,\n  ForgotPassword: typeof ForgotPassword,\n  SignOut: typeof SignOut,\n  OAuthCallback: typeof OAuthCallback,\n  MagicLinkCallback: typeof MagicLinkCallback,\n  TeamInvitation: typeof TeamInvitation,\n  ErrorPage: typeof ErrorPage,\n  AccountSettings: typeof AccountSettings,\n  CliAuthConfirmation: typeof CliAuthConfirmation,\n  MFA: typeof MFA,\n  Onboarding: typeof Onboarding,\n};\n\ntype RouteProps = {\n  params: Promise<{ stack?: string[] }> | { stack?: string[] },\n  searchParams: Promise<Record<string, string>> | Record<string, string>,\n};\n\ntype RedirectToPageResult =\n  | { status: \"success\" }\n  | { status: \"known-error\", error: KnownError }\n  | { status: \"unknown-error\" };\n\nconst availablePaths = {\n  signIn: 'sign-in',\n  signUp: 'sign-up',\n  emailVerification: 'email-verification',\n  passwordReset: 'password-reset',\n  forgotPassword: 'forgot-password',\n  signOut: 'sign-out',\n  oauthCallback: 'oauth-callback',\n  magicLinkCallback: 'magic-link-callback',\n  teamInvitation: 'team-invitation',\n  accountSettings: 'account-settings',\n  cliAuthConfirm: 'cli-auth-confirm',\n  mfa: 'mfa',\n  error: 'error',\n  onboarding: 'onboarding',\n} as const;\n\nconst placeholderOrigin = \"http://example.com\";\n\nconst pathAliases = {\n  // also includes the uppercase and non-dashed versions\n  ...Object.fromEntries(Object.entries(availablePaths).map(([key, value]) => [value, value])),\n  \"log-in\": availablePaths.signIn,\n  \"register\": availablePaths.signUp,\n} as const;\n\nexport type BaseHandlerProps = {\n  fullPage: boolean,\n  componentProps?: {\n    [K in keyof Components]?: Parameters<Components[K]>[0];\n  },\n};\n\nfunction renderComponent(props: {\n  path: string,\n  searchParams: Record<string, string>,\n  fullPage: boolean,\n  componentProps?: BaseHandlerProps['componentProps'],\n  shouldRedirectToPage?: (name: keyof HandlerUrls) => boolean,\n  getDefaultUnknownPathUrl?: (path: string) => string | null,\n  onNotFound: () => any,\n  app: StackClientApp<any> | StackServerApp<any>,\n}) {\n  const { path, searchParams, fullPage, componentProps, shouldRedirectToPage, getDefaultUnknownPathUrl, onNotFound, app } = props;\n\n  switch (path) {\n    case availablePaths.signIn: {\n      if (shouldRedirectToPage?.('signIn')) return { redirectToPage: 'signIn' as const };\n      return <SignIn\n        fullPage={fullPage}\n        automaticRedirect\n        {...filterUndefinedINU(componentProps?.SignIn)}\n      />;\n    }\n    case availablePaths.signUp: {\n      if (shouldRedirectToPage?.('signUp')) return { redirectToPage: 'signUp' as const };\n      return <SignUp\n        fullPage={fullPage}\n        automaticRedirect\n        {...filterUndefinedINU(componentProps?.SignUp)}\n      />;\n    }\n    case availablePaths.emailVerification: {\n      if (shouldRedirectToPage?.('emailVerification')) return { redirectToPage: 'emailVerification' as const };\n      return <EmailVerification\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.EmailVerification)}\n      />;\n    }\n    case availablePaths.passwordReset: {\n      if (shouldRedirectToPage?.('passwordReset')) return { redirectToPage: 'passwordReset' as const };\n      return <PasswordReset\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.PasswordReset)}\n      />;\n    }\n    case availablePaths.forgotPassword: {\n      if (shouldRedirectToPage?.('forgotPassword')) return { redirectToPage: 'forgotPassword' as const };\n      return <ForgotPassword\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.ForgotPassword)}\n      />;\n    }\n    case availablePaths.signOut: {\n      if (shouldRedirectToPage?.('signOut')) return { redirectToPage: 'signOut' as const };\n      return <SignOut\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.SignOut)}\n      />;\n    }\n    case availablePaths.oauthCallback: {\n      if (shouldRedirectToPage?.('oauthCallback')) return { redirectToPage: 'oauthCallback' as const };\n      return <OAuthCallback\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.OAuthCallback)}\n      />;\n    }\n    case availablePaths.magicLinkCallback: {\n      if (shouldRedirectToPage?.('magicLinkCallback')) return { redirectToPage: 'magicLinkCallback' as const };\n      return <MagicLinkCallback\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.MagicLinkCallback)}\n      />;\n    }\n    case availablePaths.teamInvitation: {\n      if (shouldRedirectToPage?.('teamInvitation')) return { redirectToPage: 'teamInvitation' as const };\n      return <TeamInvitation\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.TeamInvitation)}\n      />;\n    }\n    case availablePaths.accountSettings: {\n      return <AccountSettings\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.AccountSettings)}\n      />;\n    }\n    case availablePaths.error: {\n      return <ErrorPage\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.ErrorPage)}\n      />;\n    }\n    case availablePaths.cliAuthConfirm: {\n      if (shouldRedirectToPage?.('cliAuthConfirm')) return { redirectToPage: 'cliAuthConfirm' as const };\n      return <CliAuthConfirmation\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.CliAuthConfirmation)}\n      />;\n    }\n    case availablePaths.mfa: {\n      if (shouldRedirectToPage?.('mfa')) return { redirectToPage: 'mfa' as const };\n      return <MFA\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.MFA)}\n      />;\n    }\n    case availablePaths.onboarding: {\n      if (shouldRedirectToPage?.('onboarding')) return { redirectToPage: 'onboarding' as const };\n      return <Onboarding\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.Onboarding)}\n      />;\n    }\n    default: {\n      if (Object.values(availablePaths).includes(path as any)) {\n        throw new HexclaveAssertionError(`Path alias ${path} not included in switch statement, but in availablePaths?`, { availablePaths });\n      }\n      for (const [key, value] of Object.entries(pathAliases)) {\n        if (path.toLowerCase().replaceAll('-', '') === key.toLowerCase().replaceAll('-', '')) {\n          const redirectUrl = `${app.urls.handler}/${value}?${new URLSearchParams(searchParams).toString()}`;\n          return { redirect: redirectUrl };\n        }\n      }\n      const defaultUnknownPathUrl = getDefaultUnknownPathUrl?.(path);\n      if (defaultUnknownPathUrl != null) {\n        const defaultUnknownPathUrlObject = new URL(defaultUnknownPathUrl, \"http://example.com\");\n        for (const [key, value] of Object.entries(searchParams)) {\n          defaultUnknownPathUrlObject.searchParams.set(key, value);\n        }\n        return { redirect: toAbsoluteOrRelativeRedirectTarget(defaultUnknownPathUrlObject) };\n      }\n      return onNotFound();\n    }\n  }\n}\n\nexport async function getRedirectToPageResult(\n  app: StackClientApp,\n  redirectToPage: keyof HandlerUrls,\n): Promise<RedirectToPageResult> {\n  try {\n    await app[hexclaveAppInternalsSymbol].redirectToHandler(redirectToPage, { replace: true });\n    return { status: \"success\" };\n  } catch (e) {\n    if (KnownError.isKnownError(e)) {\n      return { status: \"known-error\", error: e };\n    }\n    captureError(\"<HexclaveHandlerClient redirectToPage />\", e);\n    return { status: \"unknown-error\" };\n  }\n}\n\nfunction RedirectToPage(props: {\n  app: StackClientApp,\n  fullPage?: boolean,\n  redirectToPage: keyof HandlerUrls,\n}) {\n  const redirectResultPromise = useMemo(\n    () => getRedirectToPageResult(props.app, props.redirectToPage),\n    [props.app, props.redirectToPage],\n  );\n\n  const redirectResult = use(redirectResultPromise);\n  if (redirectResult.status === \"known-error\") {\n    return <KnownErrorMessageCard error={redirectResult.error} fullPage={props.fullPage} />;\n  }\n  if (redirectResult.status === \"unknown-error\") {\n    return <PredefinedMessageCard type=\"unknownError\" fullPage={props.fullPage} />;\n  }\n  return <MessageCard title=\"Redirecting...\" fullPage={props.fullPage} />;\n}\n\nexport function HexclaveHandlerClient(props: BaseHandlerProps & Partial<RouteProps> & { location?: string }) {\n  // Use hooks to get app\n  const hexclaveApp = useStackApp();\n  const clientOrigin = useClientOriginAfterHydration();\n\n  const navigate = hexclaveApp.useNavigate();\n  const navigateRef = useRef(navigate);\n  navigateRef.current = navigate;\n  const currentLocation = props.location ?? (typeof window === \"undefined\" ? new URL(hexclaveApp.urls.handler, placeholderOrigin).pathname : window.location.pathname);\n  const searchParamsSource = new URLSearchParams(typeof window === \"undefined\" ? \"\" : window.location.search);\n  const redirectTargets: (string | undefined)[] = [];\n\n  const { path, searchParams, handlerPath } = useMemo(() => {\n    const handlerPath = new URL(hexclaveApp.urls.handler, 'http://example.com').pathname;\n    const relativePath = currentLocation.startsWith(handlerPath)\n      ? currentLocation.slice(handlerPath.length).replace(/^\\/+/, '')\n      : currentLocation.replace(/^\\/+/, '');\n\n    return {\n      path: relativePath,\n      searchParams: Object.fromEntries(searchParamsSource.entries()),\n      handlerPath,\n    };\n  }, [currentLocation, searchParamsSource, hexclaveApp.urls.handler]);\n\n  const getDefaultUnknownPathUrl = (unknownPath: string): string | null => {\n    return resolveUnknownHandlerPathFallbackUrl({\n      defaultTarget: hexclaveApp[hexclaveAppInternalsSymbol].getConstructorOptions().urls?.default,\n      projectId: hexclaveApp.projectId,\n      unknownPath,\n    });\n  };\n\n  const shouldRedirectToPage = (name: keyof HandlerUrls): boolean => {\n    const url = hexclaveApp.urls[name];\n    const isCrossDomainLocalOauthCallback = name === \"oauthCallback\" && searchParams.hexclave_cross_domain_auth === \"1\";\n    if (isCrossDomainLocalOauthCallback) {\n      return false;\n    }\n    return !isLocalHandlerUrlTarget({\n      targetUrl: url,\n      handlerPath,\n      currentOrigin: clientOrigin,\n    });\n  };\n\n  const result = renderComponent({\n    path,\n    searchParams,\n    fullPage: props.fullPage,\n    componentProps: props.componentProps,\n    shouldRedirectToPage,\n    getDefaultUnknownPathUrl,\n    onNotFound: () =>\n      (\n        <MessageCard\n          title=\"Page does not exist\"\n          fullPage={props.fullPage}\n          primaryButtonText=\"Go to Home\"\n          primaryAction={() => hexclaveApp.redirectToHome()}\n        >\n          The page you are looking for could not be found. Please check the URL and try again.\n        </MessageCard>\n      )\n    ,\n    app: hexclaveApp,\n  });\n\n  const redirectToPage = (result != null && typeof result === 'object' && 'redirectToPage' in result) ? result.redirectToPage : undefined;\n\n  if (redirectToPage != null) {\n    return (\n      <Suspense fallback={<MessageCard title=\"Redirecting...\" fullPage={props.fullPage} />}>\n        <RedirectToPage app={hexclaveApp} redirectToPage={redirectToPage} fullPage={props.fullPage} />\n      </Suspense>\n    );\n  }\n\n  if (result && 'redirect' in result) {\n    redirectTargets.push(result.redirect);\n  }\n\n  const redirectTarget = redirectTargets[0];\n  const shouldRenderRedirectFallback = redirectTarget != null && hexclaveApp[hexclaveAppInternalsSymbol].getRedirectMethod() === \"none\";\n  useEffect(() => {\n    if (redirectTarget == null || shouldRenderRedirectFallback) {\n      return;\n    }\n    navigateRef.current(redirectTarget);\n  }, [redirectTarget, shouldRenderRedirectFallback]);\n\n  if (redirectTarget != null && shouldRenderRedirectFallback) {\n    return (\n      <MessageCard\n        title=\"Continue\"\n        fullPage={props.fullPage}\n        primaryButtonText=\"Continue\"\n        primaryAction={() => window.location.assign(redirectTarget)}\n      >\n        Continue to the next page.\n      </MessageCard>\n    );\n  }\n\n  if (redirectTarget != null) {\n    return null;\n  }\n\n  return result;\n}\n\n// filter undefined values in object. if object itself is undefined, return undefined\nfunction filterUndefinedINU<T extends {}>(value: T | undefined): FilterUndefined<T> | undefined {\n  return value === undefined ? value : filterUndefined(value);\n}\n\nfunction toAbsoluteOrRelativeRedirectTarget(url: URL): string {\n  return url.origin === \"http://example.com\" ? getRelativePart(url) : url.toString();\n}\n\nfunction useClientOriginAfterHydration(): string | undefined {\n  // The first hydrated render must match SSR. After hydration, React re-checks\n  // the snapshot and lets us distinguish same-path cross-origin handler URLs.\n  return useSyncExternalStore(\n    () => () => {},\n    () => window.location.origin,\n    () => undefined,\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"hexclave-handler-client.js","names":["MessageCard","useStackApp"],"sources":["../../../src/components-page/hexclave-handler-client.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { KnownError } from \"@hexclave/shared\";\nimport { captureError, HexclaveAssertionError } from \"@hexclave/shared/dist/utils/errors\";\nimport { FilterUndefined, filterUndefined } from \"@hexclave/shared/dist/utils/objects\";\nimport { use } from \"@hexclave/shared/dist/utils/react\";\nimport { getRelativePart } from \"@hexclave/shared/dist/utils/urls\";\nimport { Suspense, useMemo, useSyncExternalStore } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { SignIn, SignUp, StackServerApp } from \"..\";\nimport { useStackApp } from \"../lib/hooks\";\nimport { HandlerUrls, StackClientApp, hexclaveAppInternalsSymbol } from \"../lib/hexclave-app\";\nimport { isLocalHandlerUrlTarget, resolveUnknownHandlerPathFallbackUrl } from \"../lib/hexclave-app/url-targets\";\nimport { AccountSettings } from \"./account-settings\";\nimport { CliAuthConfirmation } from \"./cli-auth-confirm\";\nimport { EmailVerification } from \"./email-verification\";\nimport { ErrorPage } from \"./error-page\";\nimport { ForgotPassword } from \"./forgot-password\";\nimport { MagicLinkCallback } from \"./magic-link-callback\";\nimport { MFA } from \"./mfa\";\nimport { OAuthCallback } from \"./oauth-callback\";\nimport { Onboarding } from \"./onboarding\";\nimport { PasswordReset } from \"./password-reset\";\nimport { SignOut } from \"./sign-out\";\nimport { TeamInvitation } from \"./team-invitation\";\n\nimport { KnownErrorMessageCard } from \"../components/message-cards/known-error-message-card\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\ntype Components = {\n  SignIn: typeof SignIn,\n  SignUp: typeof SignUp,\n  EmailVerification: typeof EmailVerification,\n  PasswordReset: typeof PasswordReset,\n  ForgotPassword: typeof ForgotPassword,\n  SignOut: typeof SignOut,\n  OAuthCallback: typeof OAuthCallback,\n  MagicLinkCallback: typeof MagicLinkCallback,\n  TeamInvitation: typeof TeamInvitation,\n  ErrorPage: typeof ErrorPage,\n  AccountSettings: typeof AccountSettings,\n  CliAuthConfirmation: typeof CliAuthConfirmation,\n  MFA: typeof MFA,\n  Onboarding: typeof Onboarding,\n};\n\ntype RouteProps = {\n  params: Promise<{ stack?: string[] }> | { stack?: string[] },\n  searchParams: Promise<Record<string, string>> | Record<string, string>,\n};\n\ntype RedirectToPageResult =\n  | { status: \"success\" }\n  | { status: \"known-error\", error: KnownError }\n  | { status: \"unknown-error\" };\n\nconst availablePaths = {\n  signIn: 'sign-in',\n  signUp: 'sign-up',\n  emailVerification: 'email-verification',\n  passwordReset: 'password-reset',\n  forgotPassword: 'forgot-password',\n  signOut: 'sign-out',\n  oauthCallback: 'oauth-callback',\n  magicLinkCallback: 'magic-link-callback',\n  teamInvitation: 'team-invitation',\n  accountSettings: 'account-settings',\n  cliAuthConfirm: 'cli-auth-confirm',\n  mfa: 'mfa',\n  error: 'error',\n  onboarding: 'onboarding',\n} as const;\n\nconst placeholderOrigin = \"http://example.com\";\n\nconst pathAliases = {\n  // also includes the uppercase and non-dashed versions\n  ...Object.fromEntries(Object.entries(availablePaths).map(([key, value]) => [value, value])),\n  \"log-in\": availablePaths.signIn,\n  \"register\": availablePaths.signUp,\n} as const;\n\nexport type BaseHandlerProps = {\n  fullPage: boolean,\n  componentProps?: {\n    [K in keyof Components]?: Parameters<Components[K]>[0];\n  },\n};\n\nfunction renderComponent(props: {\n  path: string,\n  searchParams: Record<string, string>,\n  fullPage: boolean,\n  componentProps?: BaseHandlerProps['componentProps'],\n  shouldRedirectToPage?: (name: keyof HandlerUrls) => boolean,\n  getDefaultUnknownPathUrl?: (path: string) => string | null,\n  onNotFound: () => any,\n  app: StackClientApp<any> | StackServerApp<any>,\n}) {\n  const { path, searchParams, fullPage, componentProps, shouldRedirectToPage, getDefaultUnknownPathUrl, onNotFound, app } = props;\n\n  switch (path) {\n    case availablePaths.signIn: {\n      if (shouldRedirectToPage?.('signIn')) return { redirectToPage: 'signIn' as const };\n      return <SignIn\n        fullPage={fullPage}\n        automaticRedirect\n        {...filterUndefinedINU(componentProps?.SignIn)}\n      />;\n    }\n    case availablePaths.signUp: {\n      if (shouldRedirectToPage?.('signUp')) return { redirectToPage: 'signUp' as const };\n      return <SignUp\n        fullPage={fullPage}\n        automaticRedirect\n        {...filterUndefinedINU(componentProps?.SignUp)}\n      />;\n    }\n    case availablePaths.emailVerification: {\n      if (shouldRedirectToPage?.('emailVerification')) return { redirectToPage: 'emailVerification' as const };\n      return <EmailVerification\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.EmailVerification)}\n      />;\n    }\n    case availablePaths.passwordReset: {\n      if (shouldRedirectToPage?.('passwordReset')) return { redirectToPage: 'passwordReset' as const };\n      return <PasswordReset\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.PasswordReset)}\n      />;\n    }\n    case availablePaths.forgotPassword: {\n      if (shouldRedirectToPage?.('forgotPassword')) return { redirectToPage: 'forgotPassword' as const };\n      return <ForgotPassword\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.ForgotPassword)}\n      />;\n    }\n    case availablePaths.signOut: {\n      if (shouldRedirectToPage?.('signOut')) return { redirectToPage: 'signOut' as const };\n      return <SignOut\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.SignOut)}\n      />;\n    }\n    case availablePaths.oauthCallback: {\n      if (shouldRedirectToPage?.('oauthCallback')) return { redirectToPage: 'oauthCallback' as const };\n      return <OAuthCallback\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.OAuthCallback)}\n      />;\n    }\n    case availablePaths.magicLinkCallback: {\n      if (shouldRedirectToPage?.('magicLinkCallback')) return { redirectToPage: 'magicLinkCallback' as const };\n      return <MagicLinkCallback\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.MagicLinkCallback)}\n      />;\n    }\n    case availablePaths.teamInvitation: {\n      if (shouldRedirectToPage?.('teamInvitation')) return { redirectToPage: 'teamInvitation' as const };\n      return <TeamInvitation\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.TeamInvitation)}\n      />;\n    }\n    case availablePaths.accountSettings: {\n      return <AccountSettings\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.AccountSettings)}\n      />;\n    }\n    case availablePaths.error: {\n      return <ErrorPage\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.ErrorPage)}\n      />;\n    }\n    case availablePaths.cliAuthConfirm: {\n      if (shouldRedirectToPage?.('cliAuthConfirm')) return { redirectToPage: 'cliAuthConfirm' as const };\n      return <CliAuthConfirmation\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.CliAuthConfirmation)}\n      />;\n    }\n    case availablePaths.mfa: {\n      if (shouldRedirectToPage?.('mfa')) return { redirectToPage: 'mfa' as const };\n      return <MFA\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.MFA)}\n      />;\n    }\n    case availablePaths.onboarding: {\n      if (shouldRedirectToPage?.('onboarding')) return { redirectToPage: 'onboarding' as const };\n      return <Onboarding\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.Onboarding)}\n      />;\n    }\n    default: {\n      if (Object.values(availablePaths).includes(path as any)) {\n        throw new HexclaveAssertionError(`Path alias ${path} not included in switch statement, but in availablePaths?`, { availablePaths });\n      }\n      for (const [key, value] of Object.entries(pathAliases)) {\n        if (path.toLowerCase().replaceAll('-', '') === key.toLowerCase().replaceAll('-', '')) {\n          const redirectUrl = `${app[hexclaveAppInternalsSymbol].getUrls().handler}/${value}?${new URLSearchParams(searchParams).toString()}`;\n          return { redirect: redirectUrl };\n        }\n      }\n      const defaultUnknownPathUrl = getDefaultUnknownPathUrl?.(path);\n      if (defaultUnknownPathUrl != null) {\n        const defaultUnknownPathUrlObject = new URL(defaultUnknownPathUrl, \"http://example.com\");\n        for (const [key, value] of Object.entries(searchParams)) {\n          defaultUnknownPathUrlObject.searchParams.set(key, value);\n        }\n        return { redirect: toAbsoluteOrRelativeRedirectTarget(defaultUnknownPathUrlObject) };\n      }\n      return onNotFound();\n    }\n  }\n}\n\nexport async function getRedirectToPageResult(\n  app: StackClientApp,\n  redirectToPage: keyof HandlerUrls,\n): Promise<RedirectToPageResult> {\n  try {\n    await app[hexclaveAppInternalsSymbol].redirectToHandler(redirectToPage, { replace: true });\n    return { status: \"success\" };\n  } catch (e) {\n    if (KnownError.isKnownError(e)) {\n      return { status: \"known-error\", error: e };\n    }\n    captureError(\"<HexclaveHandlerClient redirectToPage />\", e);\n    return { status: \"unknown-error\" };\n  }\n}\n\nfunction RedirectToPage(props: {\n  app: StackClientApp,\n  fullPage?: boolean,\n  redirectToPage: keyof HandlerUrls,\n}) {\n  const redirectResultPromise = useMemo(\n    () => getRedirectToPageResult(props.app, props.redirectToPage),\n    [props.app, props.redirectToPage],\n  );\n\n  const redirectResult = use(redirectResultPromise);\n  if (redirectResult.status === \"known-error\") {\n    return <KnownErrorMessageCard error={redirectResult.error} fullPage={props.fullPage} />;\n  }\n  if (redirectResult.status === \"unknown-error\") {\n    return <PredefinedMessageCard type=\"unknownError\" fullPage={props.fullPage} />;\n  }\n  return <MessageCard title=\"Redirecting...\" fullPage={props.fullPage} />;\n}\n\nexport function HexclaveHandlerClient(props: BaseHandlerProps & Partial<RouteProps> & { location?: string }) {\n  // Use hooks to get app\n  const hexclaveApp = useStackApp();\n  const handlerUrls = hexclaveApp[hexclaveAppInternalsSymbol].getUrls();\n  const clientOrigin = useClientOriginAfterHydration();\n\n  const navigate = hexclaveApp.useNavigate();\n  const navigateRef = useRef(navigate);\n  navigateRef.current = navigate;\n  const currentLocation = props.location ?? (typeof window === \"undefined\" ? new URL(handlerUrls.handler, placeholderOrigin).pathname : window.location.pathname);\n  const searchParamsSource = new URLSearchParams(typeof window === \"undefined\" ? \"\" : window.location.search);\n  const redirectTargets: (string | undefined)[] = [];\n\n  const { path, searchParams, handlerPath } = useMemo(() => {\n    const handlerPath = new URL(handlerUrls.handler, 'http://example.com').pathname;\n    const relativePath = currentLocation.startsWith(handlerPath)\n      ? currentLocation.slice(handlerPath.length).replace(/^\\/+/, '')\n      : currentLocation.replace(/^\\/+/, '');\n\n    return {\n      path: relativePath,\n      searchParams: Object.fromEntries(searchParamsSource.entries()),\n      handlerPath,\n    };\n  }, [currentLocation, searchParamsSource, handlerUrls.handler]);\n\n  const getDefaultUnknownPathUrl = (unknownPath: string): string | null => {\n    return resolveUnknownHandlerPathFallbackUrl({\n      defaultTarget: hexclaveApp[hexclaveAppInternalsSymbol].getConstructorOptions().urls?.default,\n      projectId: hexclaveApp.projectId,\n      unknownPath,\n    });\n  };\n\n  const shouldRedirectToPage = (name: keyof HandlerUrls): boolean => {\n    const url = handlerUrls[name];\n    const isCrossDomainLocalOauthCallback = name === \"oauthCallback\" && searchParams.hexclave_cross_domain_auth === \"1\";\n    if (isCrossDomainLocalOauthCallback) {\n      return false;\n    }\n    return !isLocalHandlerUrlTarget({\n      targetUrl: url,\n      handlerPath,\n      currentOrigin: clientOrigin,\n    });\n  };\n\n  const result = renderComponent({\n    path,\n    searchParams,\n    fullPage: props.fullPage,\n    componentProps: props.componentProps,\n    shouldRedirectToPage,\n    getDefaultUnknownPathUrl,\n    onNotFound: () =>\n      (\n        <MessageCard\n          title=\"Page does not exist\"\n          fullPage={props.fullPage}\n          primaryButtonText=\"Go to Home\"\n          primaryAction={() => hexclaveApp.redirectToHome()}\n        >\n          The page you are looking for could not be found. Please check the URL and try again.\n        </MessageCard>\n      )\n    ,\n    app: hexclaveApp,\n  });\n\n  const redirectToPage = (result != null && typeof result === 'object' && 'redirectToPage' in result) ? result.redirectToPage : undefined;\n\n  if (redirectToPage != null) {\n    return (\n      <Suspense fallback={<MessageCard title=\"Redirecting...\" fullPage={props.fullPage} />}>\n        <RedirectToPage app={hexclaveApp} redirectToPage={redirectToPage} fullPage={props.fullPage} />\n      </Suspense>\n    );\n  }\n\n  if (result && 'redirect' in result) {\n    redirectTargets.push(result.redirect);\n  }\n\n  const redirectTarget = redirectTargets[0];\n  const shouldRenderRedirectFallback = redirectTarget != null && hexclaveApp[hexclaveAppInternalsSymbol].getRedirectMethod() === \"none\";\n  useEffect(() => {\n    if (redirectTarget == null || shouldRenderRedirectFallback) {\n      return;\n    }\n    navigateRef.current(redirectTarget);\n  }, [redirectTarget, shouldRenderRedirectFallback]);\n\n  if (redirectTarget != null && shouldRenderRedirectFallback) {\n    return (\n      <MessageCard\n        title=\"Continue\"\n        fullPage={props.fullPage}\n        primaryButtonText=\"Continue\"\n        primaryAction={() => window.location.assign(redirectTarget)}\n      >\n        Continue to the next page.\n      </MessageCard>\n    );\n  }\n\n  if (redirectTarget != null) {\n    return null;\n  }\n\n  return result;\n}\n\n// filter undefined values in object. if object itself is undefined, return undefined\nfunction filterUndefinedINU<T extends {}>(value: T | undefined): FilterUndefined<T> | undefined {\n  return value === undefined ? value : filterUndefined(value);\n}\n\nfunction toAbsoluteOrRelativeRedirectTarget(url: URL): string {\n  return url.origin === \"http://example.com\" ? getRelativePart(url) : url.toString();\n}\n\nfunction useClientOriginAfterHydration(): string | undefined {\n  // The first hydrated render must match SSR. After hydration, React re-checks\n  // the snapshot and lets us distinguish same-path cross-origin handler URLs.\n  return useSyncExternalStore(\n    () => () => {},\n    () => window.location.origin,\n    () => undefined,\n  );\n}\n"],"mappings":"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"}

package/dist/esm/dev-tool/dev-tool-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBAkxEgB,aAAA,CAAc,GAAA,EAAK,cAAA"}
+{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBA4tEgB,aAAA,CAAc,GAAA,EAAK,cAAA"}

package/dist/esm/dev-tool/dev-tool-core.js

@@ -502,14 +502,6 @@ function createOverviewTab(app) {
 		className: "sdt-ov-toast",
 		style: { display: "none" }
 	});
-	const emailRow = h("div", { className: "sdt-ov-email-input" });
-	const emailInput = h("input", {
-		type: "email",
-		placeholder: "Sign in as email…"
-	});
-	const emailBtn = h("button", null);
-	setHtml(emailBtn, "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/></svg>");
-	emailRow.append(emailInput, emailBtn);
 	function isBestEffortOverviewError(error) {
 		if (error instanceof DOMException && error.name === "AbortError") return true;
 		if (error instanceof TypeError) return true;
@@ -561,15 +553,13 @@ function createOverviewTab(app) {
 			});
 			actions.append(signOutBtn, randomBtn);
 		} else {
-			const quickBtn = h("button", { className: "sdt-ov-btn sdt-ov-btn-primary sdt-ov-btn-wide" }, loading ? "Working…" : "Quick Sign In");
+			const quickBtn = h("button", { className: "sdt-ov-btn sdt-ov-btn-primary sdt-ov-btn-wide" }, loading ? "Working…" : "Quick Sign Up");
 			quickBtn.disabled = loading;
 			quickBtn.addEventListener("click", () => {
 				runAsynchronously(doQuickSignIn());
 			});
 			actions.appendChild(quickBtn);
 		}
-		emailInput.placeholder = currentUser ? "Switch to email…" : "Sign in as email…";
-		actions.appendChild(emailRow);
 	}
 	async function doQuickSignIn() {
 		if (!isLocalhost(window.location.href)) {
@@ -604,60 +594,6 @@ function createOverviewTab(app) {
 		loading = false;
 		await refreshUser();
 	}
-	async function doSignInAs(targetEmail) {
-		if (!targetEmail.trim()) return;
-		if (!isLocalhost(window.location.href)) {
-			showToast("Quick sign-in is only available on localhost", "error");
-			return;
-		}
-		loading = true;
-		rebuildActions();
-		const trimmed = targetEmail.trim();
-		try {
-			if ((await app.signInWithCredential({
-				email: trimmed,
-				password: trimmed,
-				noRedirect: true
-			})).status === "ok") {
-				showToast(`Signed in as ${trimmed}`, "success");
-				emailInput.value = "";
-				loading = false;
-				await refreshUser();
-				return;
-			}
-			const signUpResult = await app.signUpWithCredential({
-				email: trimmed,
-				password: trimmed,
-				noRedirect: true
-			});
-			if (signUpResult.status === "error") {
-				showToast(`Failed: ${signUpResult.error.message}`, "error");
-				loading = false;
-				rebuildActions();
-				return;
-			}
-			const retryResult = await app.signInWithCredential({
-				email: trimmed,
-				password: trimmed,
-				noRedirect: true
-			});
-			if (retryResult.status === "error") showToast(`Sign in failed: ${retryResult.error.message}`, "error");
-			else {
-				showToast(`Signed in as ${trimmed}`, "success");
-				emailInput.value = "";
-			}
-		} catch (e) {
-			showToast(e.message || "Unknown error", "error");
-		}
-		loading = false;
-		await refreshUser();
-	}
-	emailBtn.addEventListener("click", () => {
-		runAsynchronously(doSignInAs(emailInput.value));
-	});
-	emailInput.addEventListener("keydown", (e) => {
-		if (e.key === "Enter") runAsynchronously(doSignInAs(emailInput.value));
-	});
 	heroCard.append(actions, toast);
 	const methodsCard = h("div", { className: "sdt-ov-card sdt-ov-card-auth" });
 	methodsCard.appendChild(h("div", { className: "sdt-ov-label" }, "Auth Methods"));
@@ -728,7 +664,7 @@ function createOverviewTab(app) {
 			hasPersistentTokenStore ? {
 				ok: !!currentUser,
 				label: "Sign in a test user",
-				hint: "Use “Quick Sign In” above →"
+				hint: "Use “Quick Sign Up” above →"
 			} : {
 				ok: true,
 				label: "Current-user tools unavailable",
@@ -790,7 +726,7 @@ function createOverviewTab(app) {
 				avatar.className = "sdt-ov-avatar sdt-ov-avatar-active";
 				if (currentUser.profileImageUrl) avatar.innerHTML = `<img src="${escapeHtml(currentUser.profileImageUrl)}" alt="" />`;
 				else avatar.textContent = initials;
-				userName.textContent = currentUser.displayName || "Anonymous";
+				userName.textContent = currentUser.displayName || "(No display name)";
 				userEmail.textContent = currentUser.primaryEmail || "No email";
 				authIndicator.style.display = "";
 			} else {
@@ -1655,7 +1591,7 @@ function createSupportTab(app) {
 function createComponentsTab(app) {
 	const container = h("div", { className: "sdt-pg-layout" });
 	const apiBaseUrl = resolveApiBaseUrl(app);
-	const urls = app.urls;
+	const urls = app[hexclaveAppInternalsSymbol].getUrls();
 	const urlOptions = app[hexclaveAppInternalsSymbol].getConstructorOptions().urls ?? {};
 	const PAGE_ENTRIES = [
 		{