zudoku 0.0.0-fdf886de → 0.0.0-fe92c9e1

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const ShellIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Terminal</title>
+    <path
+      className="fill-foreground"
+      d="M13 19v-3h8v3h-8m-4.5-6L2.47 7h4.24l4.96 4.95c.58.59.58 1.55 0 2.12L6.74 19H2.5l6-6Z"
+    />
+  </svg>
+);
+
+export default ShellIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const SwiftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Swift</title>
+    <path
+      fill="#F05138"
+      d="M17.09 19.72c-2.36 1.36-5.59 1.5-8.86.1A13.807 13.807 0 0 1 2 14.5c.67.55 1.46 1 2.3 1.4 3.37 1.57 6.73 1.46 9.1 0-3.37-2.59-6.24-5.96-8.37-8.71-.45-.45-.78-1.01-1.12-1.51 8.28 6.05 7.92 7.59 2.41-1.01 4.89 4.94 9.43 7.74 9.43 7.74.16.09.25.16.36.22.1-.25.19-.51.26-.78.79-2.85-.11-6.12-2.08-8.81 4.55 2.75 7.25 7.91 6.12 12.24-.03.11-.06.22-.05.39 2.24 2.83 1.64 5.78 1.35 5.22-1.21-2.39-3.48-1.65-4.62-1.17Z"
+    />
+  </svg>
+);
+
+export default SwiftIcon;

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

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+const TomlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>TOML</title>
+    <path
+      className="dark:fill-[#7f7f7f]"
+      d="M22.76 6.83v3.25h-5v15.09h-3.5V10.08h-5V6.83Z"
+    />
+    <path
+      className="fill-[#bfbfbf] dark:fill-[#a2a2a2]"
+      d="M2 2h6.2v3.09H5.34v21.8H8.2V30H2ZM30 30h-6.2v-3.09h2.86V5.11H23.8V2H30Z"
+    />
+  </svg>
+);
+
+export default TomlIcon;

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

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+const TypescriptIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 260 260"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>TypeScript</title>
+    <path
+      fill="#fff"
+      d="M9.75 0h240.5c5.385 0 9.75 4.365 9.75 9.75v240.5a9.75 9.75 0 0 1-9.75 9.75H9.75C4.365 260 0 255.635 0 250.25V9.75C0 4.365 4.365 0 9.75 0z"
+    />
+    <path
+      fill="#3178c6"
+      d="M9.75 0h240.5c5.385 0 9.75 4.365 9.75 9.75v240.5a9.75 9.75 0 0 1-9.75 9.75H9.75C4.365 260 0 255.635 0 250.25V9.75C0 4.365 4.365 0 9.75 0zm134.78 138.32v-21.324H51.998v21.324h33.036v94.946h26.298V138.32zm10.485 92.439c4.241 2.162 9.257 3.784 15.048 4.865 5.79 1.081 11.893 1.622 18.309 1.622 6.253 0 12.193-.595 17.82-1.784 5.628-1.189 10.562-3.149 14.803-5.879s7.598-6.297 10.072-10.703 3.711-9.852 3.711-16.339c0-4.703-.707-8.824-2.12-12.365-1.414-3.541-3.453-6.69-6.117-9.447s-5.859-5.23-9.583-7.419c-3.725-2.189-7.925-4.257-12.601-6.203-3.425-1.406-6.497-2.771-9.216-4.095-2.718-1.324-5.029-2.676-6.932-4.054-1.903-1.379-3.371-2.838-4.404-4.379-1.033-1.54-1.55-3.284-1.55-5.23 0-1.784.463-3.392 1.387-4.824.924-1.433 2.229-2.663 3.915-3.69 1.685-1.027 3.751-1.824 6.198-2.392 2.447-.567 5.165-.851 8.156-.851 2.174 0 4.472.162 6.891.486 2.42.325 4.853.825 7.299 1.5a50.847 50.847 0 0 1 7.137 2.555 39.395 39.395 0 0 1 6.402 3.567v-24.244c-3.969-1.514-8.305-2.636-13.008-3.365-4.704-.73-10.1-1.095-16.189-1.095-6.199 0-12.071.662-17.617 1.987-5.546 1.324-10.425 3.392-14.639 6.203s-7.544 6.392-9.991 10.743c-2.447 4.352-3.67 9.555-3.67 15.609 0 7.731 2.243 14.326 6.729 19.785 4.485 5.46 11.295 10.082 20.43 13.866a277.435 277.435 0 0 1 10.031 4.298c3.099 1.405 5.777 2.865 8.033 4.378 2.257 1.514 4.037 3.162 5.342 4.946s1.958 3.811 1.958 6.082c0 1.676-.408 3.23-1.224 4.662-.815 1.433-2.052 2.676-3.71 3.73-1.659 1.054-3.725 1.879-6.199 2.473-2.474.595-5.369.892-8.686.892-5.654 0-11.254-.986-16.8-2.959s-10.684-4.933-15.415-8.879z"
+    />
+  </svg>
+);
+
+export default TypescriptIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const XmlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>XML</title>
+    <path
+      className="fill-foreground"
+      d="m12.89 3 1.96.4L11.11 21l-1.96-.4L12.89 3m6.7 9L16 8.41V5.58L22.42 12 16 18.41v-2.83L19.59 12M1.58 12 8 5.58v2.83L4.41 12 8 15.58v2.83L1.58 12Z"
+    />
+  </svg>
+);
+
+export default XmlIcon;

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

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+const YamlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>YAML</title>
+    <path
+      fill="#cb171e"
+      d="M20.06 12.73H14.5l-1.13 2.73H10.9l5.22-12.3h2.52l5 12.3H21l-.94-2.73zm-.92-2.46-1.71-4.51-1.9 4.51z"
+    />
+    <path
+      className="fill-foreground"
+      d="M30 28.82v-2.57h-6.36v-9.44H21v12zm-15.87-2.68 2.8-5.78v8.5h2.48V16.82H16l-3 5.46-2.86-5.46H6.8v12.06h2.58v-8.32l2.71 5.6zM2 3.14h3.46L8.5 7.97l3.07-4.85h3.31l-5.02 7.53v4.77H6.8v-4.77z"
+    />
+  </svg>
+);
+
+export default YamlIcon;

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.test.ts

@@ -109,6 +109,7 @@ describe("getIssuer", () => {
   it("should throw error for unsupported authentication type", async () => {
     const config = {
       authentication: {
+        // biome-ignore lint/suspicious/noExplicitAny: Allow any type
         type: "unsupported" as any,
       },
     } as ZudokuConfig;

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 config.authentication.authDomain;
+    }
     case undefined: {
       return undefined;
     }

package/src/lib/authentication/AuthenticationPlugin.tsx

@@ -1,8 +1,8 @@
 import { LogOutIcon } from "lucide-react";
-import {
-  type CommonPlugin,
-  type NavigationPlugin,
-  type ProfileMenuPlugin,
+import type {
+  CommonPlugin,
+  NavigationPlugin,
+  ProfileMenuPlugin,
 } from "../core/plugins.js";
 import { SignIn } from "./components/SignIn.js";
 import { SignOut } from "./components/SignOut.js";

package/src/lib/authentication/authentication.ts

@@ -1,13 +1,31 @@
+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>;
+  setNavigate?(navigate: NavigateFunction): void;
+
+  signUp(
+    { navigate }: AuthActionContext,
+    options?: AuthActionOptions,
+  ): Promise<void>;
+  signIn(
+    { navigate }: AuthActionContext,
+    options?: AuthActionOptions,
+  ): Promise<void>;
+
+  signOut({ navigate }: AuthActionContext): Promise<void>;
+  /**
+   * @deprecated use signRequest instead
+   */
+  getAccessToken?(): Promise<string>;
   onPageLoad?(): void;
   signRequest(request: Request): Promise<Request>;
 }
 
-export interface AuthenticationProviderInitializer<TConfig> {
-  (config: TConfig): AuthenticationPlugin;
-}
+export type AuthenticationProviderInitializer<TConfig> = (
+  config: TConfig,
+) => AuthenticationPlugin;

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

@@ -72,7 +72,7 @@ const errorDetailsMap: Record<string, { message: string }> = {
   },
 };
 
-export function OAuthErrorPage({ error }: { error: any }) {
+export function OAuthErrorPage({ error }: { error: unknown }) {
   const { login } = useAuth();
 
   if (!(error instanceof OAuthAuthorizationError)) {
@@ -106,7 +106,7 @@ export function OAuthErrorPage({ error }: { error: any }) {
               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,19 @@ import {
   CardHeader,
   CardTitle,
 } from "zudoku/ui/Card.js";
-import { useZudoku } from "../../components/context/ZudokuContext.js";
+import { useAuth } from "../hook.js";
 
 export const SignIn = () => {
-  const context = useZudoku();
+  const auth = useAuth();
   const [search] = useSearchParams();
+  const redirectTo = search.get("redirect") ?? undefined;
+
   useEffect(() => {
-    void context.authentication?.signIn({
-      redirectTo: search.get("redirect") ?? undefined,
+    void auth.login({
+      redirectTo,
       replace: true,
     });
-  }, [context.authentication, search]);
+  }, [auth, 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("/"));
-  }, []);
+    void logout.current();
+  }, [logout]);
 
   return null;
 };

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

@@ -7,14 +7,14 @@ import {
   CardHeader,
   CardTitle,
 } from "zudoku/ui/Card.js";
-import { useZudoku } from "../../components/context/ZudokuContext.js";
+import { useAuth } from "../hook.js";
 
 export const SignUp = () => {
-  const context = useZudoku();
+  const auth = useAuth();
 
   useEffect(() => {
-    void (context.authentication?.signUp() ?? context.authentication?.signIn());
-  }, [context.authentication]);
+    void auth.signup();
+  }, [auth]);
 
   return (
     <div className="flex items-center justify-center mt-8">
@@ -28,10 +28,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,23 @@ 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,
+        },
+      );
     },
   };
 };

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

@@ -1,7 +1,8 @@
-import { type Auth0AuthenticationConfig } from "../../../config/config.js";
-import {
-  type AuthenticationPlugin,
-  type AuthenticationProviderInitializer,
+import type { Auth0AuthenticationConfig } from "../../../config/config.js";
+import type {
+  AuthActionContext,
+  AuthenticationPlugin,
+  AuthenticationProviderInitializer,
 } from "../authentication.js";
 import { useAuthState } from "../state.js";
 import { OpenIDAuthenticationProvider } from "./openid.js";
@@ -10,6 +11,7 @@ class Auth0AuthenticationProvider
   extends OpenIDAuthenticationProvider
   implements AuthenticationPlugin
 {
+  private readonly options: Auth0AuthenticationConfig["options"];
   constructor(config: Auth0AuthenticationConfig) {
     super({
       ...config,
@@ -19,27 +21,30 @@ 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?.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);
@@ -64,7 +69,7 @@ class Auth0AuthenticationProvider
 
       // window.location.href = logoutUrl.toString();
     } else {
-      const logoutUrl = new URL(
+      const _logoutUrl = new URL(
         `${this.issuer.replace(/\/$/, "")}/oidc/logout`,
       );
       // window.location.href = logoutUrl.toString();

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

@@ -1,14 +1,15 @@
 import type { AuthenticationResult, EventMessage } from "@azure/msal-browser";
 import { EventType, PublicClientApplication } from "@azure/msal-browser";
 import { ErrorBoundary } from "react-error-boundary";
-import { type AzureB2CAuthenticationConfig } from "../../../config/config.js";
+import type { AzureB2CAuthenticationConfig } from "../../../config/config.js";
 import { ClientOnly } from "../../components/ClientOnly.js";
 import { joinUrl } from "../../util/joinUrl.js";
-import {
-  type AuthenticationPlugin,
-  type AuthenticationProviderInitializer,
-} from "../authentication.js";
 import { CoreAuthenticationPlugin } from "../AuthenticationPlugin.js";
+import type {
+  AuthActionContext,
+  AuthenticationPlugin,
+  AuthenticationProviderInitializer,
+} from "../authentication.js";
 import { CallbackHandler } from "../components/CallbackHandler.js";
 import { OAuthErrorPage } from "../components/OAuthErrorPage.js";
 import { AuthorizationError } from "../errors.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

@@ -1,10 +1,11 @@
 import type { Clerk } from "@clerk/clerk-js";
 import { LogOutIcon } from "lucide-react";
-import { type ZudokuPlugin } from "zudoku/plugins";
-import { type ClerkAuthenticationConfig } from "../../../config/config.js";
-import {
-  type AuthenticationPlugin,
-  type AuthenticationProviderInitializer,
+import type { ZudokuPlugin } from "zudoku/plugins";
+import type { ClerkAuthenticationConfig } from "../../../config/config.js";
+import type {
+  AuthActionContext,
+  AuthenticationPlugin,
+  AuthenticationProviderInitializer,
 } from "../authentication.js";
 import { SignIn } from "../components/SignIn.js";
 import { SignOut } from "../components/SignOut.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