Ensure handles are treated as case insensitive when signing in (#126)

* Ensure handles are treated as case insensitive when signing in

* Trim whitespace

* Also lower case verified handle check

packages/frontpage/app/(auth)/login/_lib/action.tsx

@@ -1,9 +1,18 @@
 "use server";
 import { signIn } from "@/lib/auth-sign-in";
+import { isValidHandle } from "@atproto/syntax";
 
 export async function loginAction(_prevStart: unknown, formData: FormData) {
   const identifier = formData.get("identifier") as string;
-  const result = await signIn(identifier.replace(/^@/, ""));
+  let handleOrDid = identifier.trim();
+  // Sanitize only handles
+  if (
+    isValidHandle(identifier) ||
+    isValidHandle(identifier.replace(/^@/, ""))
+  ) {
+    handleOrDid = identifier.replace(/^@/, "").toLowerCase();
+  }
+  const result = await signIn(handleOrDid);
   if (result && "error" in result) {
     return {
       error: `An error occured while signing in (${result.error})`,

packages/frontpage/lib/data/atproto/identity.ts

@@ -29,7 +29,7 @@ export const getVerifiedDid = cache(async (handle: string) => {
 
   if (!plcHandle) return null;
 
-  return plcHandle === handle ? did : null;
+  return plcHandle.toLowerCase() === handle.toLowerCase() ? did : null;
 });
 
 const DnsQueryResponse = z.object({

packages/frontpage/package.json

@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@atproto/oauth-types": "^0.1.2",
+    "@atproto/syntax": "^0.3.0",
     "@libsql/client": "^0.9.0",
     "@next/env": "^14.2.4",
     "@radix-ui/react-alert-dialog": "^1.1.1",