Added db/api ping on home page

rps9 · rps9 · commit f0914749133a · 2025-08-18T20:12:23.000-04:00
added ping and fixed some compatibility issues for older ios
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Ryan's Portfolio</title>
+    <title>Ryan's Website</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
@@ -2,8 +2,17 @@ import { Github, Linkedin, Mail, ArrowDown } from 'lucide-react';
 import ExperienceCard from '../components/ExperienceCard';
 import SkillBadge from '../components/SkillBadge';
 import Header from '../components/Header';
+import { useEffect } from "react";
 
 function Home() {
+  // ping to warm up API and DB
+  useEffect(() => {
+      fetch("https://ryan-website-api.onrender.com/api/db/ping", {
+          method: "GET",
+          cache: "no-store",
+      }).catch(() => {});
+  }, []);
+
   return (
     <div className="bg-gray-900">
       <Header />
diff --git a/src/pages/SignIn.tsx b/src/pages/SignIn.tsx
@@ -5,7 +5,8 @@ import { setAuth } from "../utils/auth";
 
 export default function SignIn() {
     const API_BASE = "https://ryan-website-api.onrender.com";
-    const USERNAME_RE = /^(?![._-])(?!.*[._-]{2})[a-z0-9._-]+(?<![._-])$/;
+
+    const USERNAME_RE = /^(?![._-])(?!.*[._-]{2})(?!.*[._-]\s*$)[A-Za-z0-9._-]+(?:\s*)$/;
     const PASSWORD_RE = /^[\x21-\x7E]+$/;
 
     type SignInResponse = { access_token: string; token_type: string; expires_at: number; role: string };
@@ -111,6 +112,7 @@ export default function SignIn() {
                                         onChange={(e) => setPassword(e.target.value)}
                                         onBlur={() => setTouched(t => ({ ...t, password: true }))}
                                         className="w-full rounded-xl bg-gray-900 text-gray-100 border border-gray-700 focus:border-blue-500 focus:ring-2 focus:ring-blue-500/40 px-4 py-3 pr-12"
+                                        placeholder="password"
                                     />
                                     <button type="button" onClick={() => setShowPw(s => !s)}
                                         className="absolute inset-y-0 right-3 my-auto p-2 text-gray-400 hover:text-gray-200">
diff --git a/src/pages/SignUp.tsx b/src/pages/SignUp.tsx
@@ -5,8 +5,11 @@ import { setAuth } from "../utils/auth";
 
 export default function SignUp() {
     const API_BASE = "https://ryan-website-api.onrender.com";
-    const USERNAME_RE = /^(?![._-])(?!.*[._-]{2})[a-z0-9._-]+(?<![._-])$/;
+
+    const USERNAME_RE = /^(?![._-])(?!.*[._-]{2})(?!.*[._-]\s*$)[A-Za-z0-9._-]+(?:\s*)$/;
     const PASSWORD_RE = /^[\x21-\x7E]+$/;
+    const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
 
     type SignUpResponse = { ok: boolean; message: string; access_token: string; token_type: string; expires_at: number; role: string };
     type ApiError = { detail?: string; message?: string };
@@ -27,8 +30,8 @@ export default function SignUp() {
         null;
 
     const emailError =
-        (touched.email && (!email || email.length === 0)) ? "Email is required." :
-        (email && (!email.includes("@") || !email.split("@")[1]?.includes("."))) ? "Invalid email format." :
+        (touched.email && !email) ? "Email is required." :
+        (email && !EMAIL_RE.test(email)) ? "Invalid email format." :
         null;
 
     const passwordError =
