"use client" import { FormEvent, useEffect, useState } from "react" import styles from "./auth.module.css" import { useRouter } from "next/navigation" import Link from "../link" import Cookies from "js-cookie" import useSignedIn from "@lib/hooks/use-signed-in" import Input from "@components/input" import Button from "@components/button" import Note from "@components/note" const NO_EMPTY_SPACE_REGEX = /^\S*$/ const ERROR_MESSAGE = "Provide a non empty username and a password with at least 6 characters" const Auth = ({ page, requiresServerPassword }: { page: "signup" | "signin" requiresServerPassword?: boolean }) => { const router = useRouter() const [username, setUsername] = useState("") const [password, setPassword] = useState("") const [serverPassword, setServerPassword] = useState("") const [errorMsg, setErrorMsg] = useState("") const signingIn = page === "signin" const { signin } = useSignedIn() const handleJson = (json: any) => { signin(json.token) Cookies.set("drift-userid", json.userId) router.push("/new") } const handleSubmit = async (e: FormEvent) => { e.preventDefault() if ( !signingIn && (!NO_EMPTY_SPACE_REGEX.test(username) || password.length < 6) ) return setErrorMsg(ERROR_MESSAGE) if ( !signingIn && requiresServerPassword && !NO_EMPTY_SPACE_REGEX.test(serverPassword) ) return setErrorMsg(ERROR_MESSAGE) else setErrorMsg("") const reqOpts = { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ username, password, serverPassword }) } try { const signUrl = signingIn ? "/api/auth/signin" : "/api/auth/signup" const resp = await fetch(signUrl, reqOpts) const json = await resp.json() if (!resp.ok) throw new Error(json.error.message) handleJson(json) } catch (err: any) { setErrorMsg(err.message ?? "Something went wrong") } } return (

{signingIn ? "Sign In" : "Sign Up"}

setUsername(event.currentTarget.value)} placeholder="Username" required /> setPassword(event.currentTarget.value)} placeholder="Password" required /> {requiresServerPassword && ( setServerPassword(event.currentTarget.value) } placeholder="Server Password" required /> )}
{signingIn ? (

Don't have an account?{" "} Sign up

) : (

Already have an account?{" "} Sign in

)}
{errorMsg && {errorMsg}}
) } export default Auth