zudoku 0.0.0-f36627bd → 0.0.0-f370c714

package/src/lib/assets/language-icons/scala.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const ScalaIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 128 128"
+    {...props}
+  >
+    <title>Scala</title>
+    <path
+      fill="currentColor"
+      d="M25.411 110.572V95.077l11.842-.474c12.315-.473 21.45-1.488 34.847-3.789 15.225-2.639 30.246-7.375 31.803-10.082.406-.677.676 4.534.676 14.616v15.698l-1.76 1.353c-1.894 1.489-9.202 3.993-17.524 6.09C72.303 121.737 40.568 126 29.742 126h-4.33zm0-39.245V55.83l11.842-.406c13.127-.541 23.344-1.691 36.877-4.195 15.157-2.842 28.96-7.443 29.976-9.947.203-.473.406 6.09.406 14.616.067 13.533-.068 15.698-1.083 16.78-2.368 2.64-20.638 7.376-39.449 10.286-11.435 1.76-30.381 3.79-35.66 3.79h-2.909zm0-38.975V17.195l2.098-.406c1.15-.203 3.992-.406 6.293-.406 11.367 0 38.366-3.722 51.628-7.105 9.27-2.436 15.698-4.872 17.931-6.902 1.15-1.015 1.218-.406 1.218 14.48 0 14.548-.067 15.63-1.285 16.714-1.827 1.691-14.345 5.548-24.09 7.51-15.765 3.113-41.951 6.429-50.883 6.429h-2.91z"
+    />
+  </svg>
+);
+
+export default ScalaIcon;

package/src/lib/assets/language-icons/zig.tsx

@@ -0,0 +1,32 @@
+import type { SVGProps } from "react";
+
+const ZigIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 400 140"
+    {...props}
+  >
+    <title>Zig</title>
+    <g fill="#F7A41D">
+      <path d="M46 22 28 44l-9-14z" />
+      <path d="M46 22 33 33l-5 11h-6v51h9l-11 5-8 17H0V22z" />
+      <path d="m31 95-19 22-8-11zM56 22l6 14-25 8z" />
+      <path d="M56 22h55v22H37l19-12zM116 95l-19 22-7-13z" />
+      <path d="m116 95-16 9-3 13H42V95z" />
+      <path d="M150 0 52 117 3 140l98-118zM141 22l-1 18-18 5z" />
+      <path d="M153 22v95h-47l14-12 5-10h6V45h-9l10-9 9-14z" />
+      <path d="m125 95 5 15-24 7z" />
+    </g>
+    <g fill="currentColor">
+      <path d="M260 22v15l-31 3h-52V22z" />
+      <path d="m260 37-53 62v4h-31l53-63v-3z" />
+      <path d="M261 99v18h-85v-14l30-4zM272 22h22v95h-22zM394 67v39h-18V81l-16-11-14-3z" />
+      <path d="m360 68 16 13-30-14z" />
+      <path d="M394 106c-10.2 7.3-24 12-37.7 12-29 0-51.1-20.8-51.1-48.3 0-27.3 22.5-48.1 52-48.1 14.3 0 29.2 5.5 38.9 14l-13 15c-7.1-6.3-16.8-10-25.9-10-17 0-30.2 12.9-30.2 29.5 0 16.8 13.3 29.6 30.3 29.6 5.7 0 12.8-2.3 19-5.5L394 106z" />
+    </g>
+  </svg>
+);
+
+export default ZigIcon;

package/src/lib/auth/issuer.ts

@@ -31,6 +31,9 @@ export const getIssuer = async (config: ZudokuConfig) => {
     case "azureb2c": {
       return config.authentication.issuer;
     }
+    case "firebase": {
+      return `https://securetoken.google.com/${config.authentication.projectId}`;
+    }
     case undefined: {
       return undefined;
     }

package/src/lib/authentication/authentication.ts

@@ -1,11 +1,35 @@
+import type { NavigateFunction } from "react-router";
+import type { ZudokuContext } from "../core/ZudokuContext.js";
+
+export type AuthActionContext = { navigate: NavigateFunction };
+export type AuthActionOptions = { redirectTo?: string; replace?: boolean };
+
 export interface AuthenticationPlugin {
-  signUp(options?: { redirectTo?: string; replace?: boolean }): Promise<void>;
-  signIn(options?: { redirectTo?: string; replace?: boolean }): Promise<void>;
-  signOut(): Promise<void>;
-  // @deprecated use signRequest instead
-  getAccessToken(): Promise<string>;
+  initialize?(context: ZudokuContext): Promise<void>;
   onPageLoad?(): void;
+  setNavigate?(navigate: NavigateFunction): void;
+
+  signUp(
+    { navigate }: AuthActionContext,
+    options?: AuthActionOptions,
+  ): Promise<void>;
+  signIn(
+    { navigate }: AuthActionContext,
+    options?: AuthActionOptions,
+  ): Promise<void>;
+
+  signOut({ navigate }: AuthActionContext): Promise<void>;
+
   signRequest(request: Request): Promise<Request>;
+  requestEmailVerification?(
+    { navigate }: AuthActionContext,
+    options?: AuthActionOptions,
+  ): Promise<void>;
+
+  /**
+   * @deprecated use signRequest instead
+   */
+  getAccessToken?(): Promise<string>;
 }
 
 export type AuthenticationProviderInitializer<TConfig> = (

package/src/lib/authentication/components/OAuthErrorPage.tsx

@@ -106,7 +106,7 @@ export function OAuthErrorPage({ error }: { error: unknown }) {
               type === "invalid_grant" ||
               type === "token_expired") && (
               <Button
-                onClick={login}
+                onClick={() => login()}
                 className="w-full capitalize"
                 variant={"default"}
               >

package/src/lib/authentication/components/SignIn.tsx

@@ -8,17 +8,22 @@ import {
   CardHeader,
   CardTitle,
 } from "zudoku/ui/Card.js";
-import { useZudoku } from "../../components/context/ZudokuContext.js";
+import { useLatest } from "../../util/useLatest.js";
+import { useAuth } from "../hook.js";
 
 export const SignIn = () => {
-  const context = useZudoku();
+  const auth = useAuth();
   const [search] = useSearchParams();
+  const redirectTo = search.get("redirect") ?? undefined;
+
+  const login = useLatest(auth.login);
+
   useEffect(() => {
-    void context.authentication?.signIn({
-      redirectTo: search.get("redirect") ?? undefined,
+    void login.current({
+      redirectTo,
       replace: true,
     });
-  }, [context.authentication, search]);
+  }, [login, redirectTo]);
 
   return (
     <div className="flex items-center justify-center mt-8">

package/src/lib/authentication/components/SignOut.tsx

@@ -1,14 +1,15 @@
 import { useEffect } from "react";
-import { useNavigate } from "react-router";
-import { useZudoku } from "../../components/context/ZudokuContext.js";
+import { useLatest } from "../../util/useLatest.js";
+import { useAuth } from "../hook.js";
 
 export const SignOut = () => {
-  const context = useZudoku();
-  const navigate = useNavigate();
+  const auth = useAuth();
+
+  const logout = useLatest(auth.logout);
 
   useEffect(() => {
-    void context.authentication?.signOut().then(() => navigate("/"));
-  }, [context.authentication, navigate]);
+    void logout.current();
+  }, [logout]);
 
   return null;
 };

package/src/lib/authentication/components/SignUp.tsx

@@ -7,14 +7,17 @@ import {
   CardHeader,
   CardTitle,
 } from "zudoku/ui/Card.js";
-import { useZudoku } from "../../components/context/ZudokuContext.js";
+import { useLatest } from "../../util/useLatest.js";
+import { useAuth } from "../hook.js";
 
 export const SignUp = () => {
-  const context = useZudoku();
+  const auth = useAuth();
+
+  const signup = useLatest(auth.signup);
 
   useEffect(() => {
-    void (context.authentication?.signUp() ?? context.authentication?.signIn());
-  }, [context.authentication]);
+    void signup.current();
+  }, [signup]);
 
   return (
     <div className="flex items-center justify-center mt-8">
@@ -28,10 +31,7 @@ export const SignUp = () => {
         </CardHeader>
         <CardContent>
           <div className="flex flex-col gap-2 justify-center">
-            <Button
-              onClick={() => context.authentication?.signIn()}
-              variant="default"
-            >
+            <Button onClick={() => auth.signup()} variant="default">
               Register
             </Button>
             <Button variant="link" className="text-muted-foreground" asChild>

package/src/lib/authentication/hook.ts

@@ -1,4 +1,6 @@
+import { useNavigate } from "react-router";
 import { useZudoku } from "../components/context/ZudokuContext.js";
+import type { AuthActionOptions } from "./authentication.js";
 import { useAuthState } from "./state.js";
 
 export type UseAuthReturn = ReturnType<typeof useAuth>;
@@ -7,19 +9,24 @@ export const useAuth = () => {
   const { authentication } = useZudoku();
   const authState = useAuthState();
   const isAuthEnabled = typeof authentication !== "undefined";
+  const navigate = useNavigate();
 
   return {
     isAuthEnabled,
     ...authState,
 
-    login: async () => {
+    login: async (options?: AuthActionOptions) => {
       if (!isAuthEnabled) {
         throw new Error("Authentication is not enabled.");
       }
       // TODO: Should handle errors/state
-      await authentication.signIn({
-        redirectTo: window.location.href,
-      });
+      await authentication.signIn(
+        { navigate },
+        {
+          ...options,
+          redirectTo: options?.redirectTo ?? window.location.href,
+        },
+      );
     },
 
     logout: async () => {
@@ -27,19 +34,39 @@ export const useAuth = () => {
         throw new Error("Authentication is not enabled.");
       }
       // TODO: Should handle errors/state
-      await authentication.signOut();
+      await authentication.signOut({ navigate });
 
       // Redirect to home
-      window.location.href = "/";
+      void navigate("/", { replace: true });
     },
 
-    signup: async () => {
+    signup: async (options?: AuthActionOptions) => {
       if (!isAuthEnabled) {
         throw new Error("Authentication is not enabled.");
       }
-      await authentication.signUp({
-        redirectTo: window.location.href,
-      });
+      await authentication.signUp(
+        { navigate },
+        {
+          ...options,
+          redirectTo: options?.redirectTo ?? window.location.href,
+        },
+      );
+    },
+    supportsEmailVerification:
+      typeof authentication?.requestEmailVerification === "function",
+
+    requestEmailVerification: async (options?: AuthActionOptions) => {
+      if (!isAuthEnabled) {
+        throw new Error("Authentication is not enabled.");
+      }
+
+      await authentication.requestEmailVerification?.(
+        { navigate },
+        {
+          ...options,
+          redirectTo: options?.redirectTo ?? window.location.href,
+        },
+      );
     },
   };
 };

package/src/lib/authentication/providers/auth0.tsx

@@ -1,5 +1,6 @@
 import type { Auth0AuthenticationConfig } from "../../../config/config.js";
 import type {
+  AuthActionContext,
   AuthenticationPlugin,
   AuthenticationProviderInitializer,
 } from "../authentication.js";
@@ -10,6 +11,7 @@ class Auth0AuthenticationProvider
   extends OpenIDAuthenticationProvider
   implements AuthenticationPlugin
 {
+  private readonly options: Auth0AuthenticationConfig["options"];
   constructor(config: Auth0AuthenticationConfig) {
     super({
       ...config,
@@ -19,27 +21,35 @@ class Auth0AuthenticationProvider
       audience: config.audience,
       scopes: config.scopes,
     });
+    this.options = config.options;
   }
 
   onAuthorizationUrl = async (
     url: URL,
     { isSignUp }: { isSignUp: boolean },
   ) => {
-    url.searchParams.set("prompt", "login");
+    if (this.options?.prompt !== undefined) {
+      if (this.options.prompt !== "") {
+        url.searchParams.set("prompt", this.options.prompt);
+      }
+    } else if (this.options?.alwaysPromptLogin !== false) {
+      url.searchParams.set("prompt", "login");
+    }
+
     if (isSignUp) {
       url.searchParams.set("screen_hint", "signup");
     }
   };
 
-  signOut = async (): Promise<void> => {
+  signOut = async (_: AuthActionContext): Promise<void> => {
     const as = await this.getAuthServer();
     const idToken = await this.getAccessToken();
 
     useAuthState.setState({
       isAuthenticated: false,
       isPending: false,
-      profile: null,
-      providerData: null,
+      profile: undefined,
+      providerData: undefined,
     });
 
     const redirectUrl = new URL(window.location.origin);

package/src/lib/authentication/providers/azureb2c.tsx

@@ -6,6 +6,7 @@ import { ClientOnly } from "../../components/ClientOnly.js";
 import { joinUrl } from "../../util/joinUrl.js";
 import { CoreAuthenticationPlugin } from "../AuthenticationPlugin.js";
 import type {
+  AuthActionContext,
   AuthenticationPlugin,
   AuthenticationProviderInitializer,
 } from "../authentication.js";
@@ -106,7 +107,10 @@ export class AzureB2CAuthPlugin
     });
   }
 
-  async signUp({ redirectTo }: { redirectTo?: string } = {}) {
+  async signUp(
+    _: AuthActionContext,
+    { redirectTo }: { redirectTo?: string } = {},
+  ) {
     const redirectUri = this.redirectToAfterSignUp ?? redirectTo ?? "/";
     sessionStorage.setItem("redirect-to", redirectUri);
 
@@ -116,7 +120,10 @@ export class AzureB2CAuthPlugin
     });
   }
 
-  async signIn({ redirectTo }: { redirectTo?: string } = {}) {
+  async signIn(
+    _: AuthActionContext,
+    { redirectTo }: { redirectTo?: string } = {},
+  ) {
     const redirectUri = this.redirectToAfterSignIn ?? redirectTo ?? "/";
     sessionStorage.setItem("redirect-to", redirectUri);
 
@@ -156,7 +163,7 @@ export class AzureB2CAuthPlugin
     return request;
   };
 
-  signOut = async () => {
+  signOut = async (_: AuthActionContext) => {
     const account = this.msalInstance.getAllAccounts()[0];
     if (account) {
       await this.msalInstance.logoutRedirect({

package/src/lib/authentication/providers/clerk.tsx

@@ -3,6 +3,7 @@ import { LogOutIcon } from "lucide-react";
 import type { ZudokuPlugin } from "zudoku/plugins";
 import type { ClerkAuthenticationConfig } from "../../../config/config.js";
 import type {
+  AuthActionContext,
   AuthenticationPlugin,
   AuthenticationProviderInitializer,
 } from "../authentication.js";
@@ -147,7 +148,10 @@ const clerkAuth: AuthenticationProviderInitializer<
       });
       useAuthState.getState().setLoggedOut();
     },
-    signIn: async ({ redirectTo }: { redirectTo?: string } = {}) => {
+    signIn: async (
+      _: AuthActionContext,
+      { redirectTo }: { redirectTo?: string } = {},
+    ) => {
       await ensureLoaded;
       await clerkApi?.redirectToSignIn({
         signInForceRedirectUrl: redirectToAfterSignIn
@@ -158,7 +162,10 @@ const clerkAuth: AuthenticationProviderInitializer<
           : redirectTo,
       });
     },
-    signUp: async ({ redirectTo }: { redirectTo?: string } = {}) => {
+    signUp: async (
+      _: AuthActionContext,
+      { redirectTo }: { redirectTo?: string } = {},
+    ) => {
       await ensureLoaded;
       await clerkApi?.redirectToSignUp({
         signInForceRedirectUrl: redirectToAfterSignIn