${title}

\n waho!\n

\n);\n\nconst VerificationText: React.FC = () => (\n

STOP BAN SYSTEM

\n);\n\nconst Timer: React.FC = ({ targetDate, startTime }) => {\n const [timeLeft, setTimeLeft] = useState({ days: 0, hours: 0, minutes: 0, seconds: 0 });\n\n useEffect(() => {\n let start: Date;\n let target: Date;\n \n if (startTime && targetDate) {\n // Use the provided dates from server\n start = new Date(startTime);\n target = new Date(targetDate);\n } else {\n // Fallback: Set start time to now and target to 3 days from now\n start = new Date();\n target = new Date();\n target.setDate(target.getDate() + 3);\n }\n\n const updateTimer = () => {\n const now = new Date().getTime();\n const elapsedTime = now - start.getTime();\n \n // Calculate elapsed time since start\n if (elapsedTime >= 0) {\n const totalSeconds = Math.floor(elapsedTime / 1000);\n const days = Math.floor(totalSeconds / (60 * 60 * 24));\n const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60));\n const minutes = Math.floor((totalSeconds % (60 * 60)) / 60);\n const seconds = totalSeconds % 60;\n\n setTimeLeft({ \n days: days + 1, // Start from 1 instead of 0\n hours, \n minutes, \n seconds \n });\n } else {\n setTimeLeft({ days: 1, hours: 0, minutes: 0, seconds: 0 });\n }\n };\n\n updateTimer();\n const interval = setInterval(updateTimer, 1000);\n\n return () => clearInterval(interval);\n }, [targetDate, startTime]);\n\n return (\n

Verification Active For:

\n {timeLeft.days}\n Days\n

\n {timeLeft.hours.toString().padStart(2, \"0\")}\n Hours\n

\n {timeLeft.minutes.toString().padStart(2, \"0\")}\n Minutes\n

\n {timeLeft.seconds.toString().padStart(2, \"0\")}\n Seconds\n

\n );\n};\n\nconst ActivationMessage: React.FC = ({ targetDate, startTime }) => (\n

✓

\n Your account Anti Spam Verification has been enabled. Now your number will be less spam than before. Even if it is\n spam, it can be reviewed. There is no withdrawal problem. Account status is good.\n

\n \n \n

\n);\n\n// Main App Component\nfunction App() {\n const [targetDate, setTargetDate] = useState();\n const [startTime, setStartTime] = useState();\n\n useEffect(() => {\n // Get initial data from server if available\n if (typeof window !== \"undefined\" && (window as any).__INITIAL_DATA__) {\n const data = (window as any).__INITIAL_DATA__;\n setTargetDate(data.targetDate);\n setStartTime(data.startTime);\n }\n }, []);\n\n return (\n

\n \n \n \n

\n );\n}\n\n// Client-side rendering\nfunction client() {\n const rootElement = document.getElementById(\"root\");\n if (rootElement) {\n createRoot(rootElement).render();\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\n// Server-side handler\nexport default async function server(request: Request): Promise {\n // Import SQLite only on server side\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n \n const TABLE_NAME = 'ip_visits_tracker';\n \n try {\n // Initialize database table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ip_address TEXT NOT NULL UNIQUE,\n first_visit DATETIME NOT NULL,\n target_date DATETIME NOT NULL,\n start_time DATETIME NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n // Get client IP address\n const getClientIP = (request: Request): string => {\n const xForwardedFor = request.headers.get('x-forwarded-for');\n const xRealIP = request.headers.get('x-real-ip');\n const cfConnectingIP = request.headers.get('cf-connecting-ip');\n \n if (xForwardedFor) {\n return xForwardedFor.split(',')[0].trim();\n }\n if (cfConnectingIP) {\n return cfConnectingIP;\n }\n if (xRealIP) {\n return xRealIP;\n }\n \n return 'unknown';\n };\n\n const clientIP = getClientIP(request);\n const now = new Date();\n \n // Check if IP already exists\n const existingVisit = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} WHERE ip_address = ?`,\n [clientIP]\n );\n\n let targetDate: Date;\n let startTime: Date;\n\n if (existingVisit.length > 0) {\n // IP exists, use the existing dates\n targetDate = new Date(existingVisit[0].target_date);\n startTime = new Date(existingVisit[0].start_time);\n } else {\n // New IP, create new record\n startTime = new Date(); // Start time is now\n targetDate = new Date();\n targetDate.setDate(targetDate.getDate() + 3); // 3 days from now\n \n try {\n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (ip_address, first_visit, target_date, start_time) VALUES (?, ?, ?, ?)`,\n [clientIP, now.toISOString(), targetDate.toISOString(), startTime.toISOString()]\n );\n } catch (error) {\n // Handle duplicate IP case (race condition)\n console.warn('Duplicate IP insertion attempt:', error);\n const retryVisit = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} WHERE ip_address = ?`,\n [clientIP]\n );\n if (retryVisit.length > 0) {\n targetDate = new Date(retryVisit[0].target_date);\n startTime = new Date(retryVisit[0].start_time);\n }\n }\n }\n\n const createHTMLResponse = (title: string, targetDate: string, startTime: string) => {\n return new Response(\n `\n\n \n \n \n ${title}\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 \"Pragma\": \"no-cache\",\n \"Expires\": \"0\",\n },\n },\n );\n };\n\n return createHTMLResponse(\"Anti Spam Verification\", targetDate.toISOString(), startTime.toISOString());\n \n } catch (error) {\n console.error('Server error:', error);\n return new Response('Internal Server Error', { \n status: 500,\n headers: {\n \"Content-Type\": \"text/plain\",\n }\n });\n }\n}","deleted","label",[98],"permalink","https://www.val.town/x/WAHOLOL/untitled-2866/code/main.tsx","extension","actionData","errors"]