[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_247":248,"_249":250},"routes/_app.x.$handle.$name",{"_106":105,"_37":49,"_115":92,"_32":116,"_13":14,"_117":-5,"_11":118,"_119":120,"_121":122,"_123":124,"_125":126,"_26":-5,"_127":128,"_129":130,"_131":30,"_132":133,"_134":64,"_135":-5,"_136":-5,"_137":138},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":59,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":30},"version",13,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","996319cc-84ce-4f05-b014-7d0a172c6174","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":39,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","termux-bot.js","latestPath","fileId","a16ea03a-85b0-11f1-b6b7-1607ee4eb77e","name","fileType","script","content","// ============================================================================\n// WhatsApp Broadcast Bot — Termux Edition\n// Runs on your phone via Termux, talks to Val Town dashboard\n// ============================================================================\n//\n// SETUP (run these in Termux):\n//\n// pkg update && pkg upgrade -y\n// pkg install nodejs git python build-base -y\n// npm install whatsapp-web.js qrcode\n//\n// Then edit DASHBOARD_URL below and run:\n// node termux-bot.js\n//\n// ============================================================================\n\n// ─── CONFIG: Set your dashboard URL here ───\nconst DASHBOARD_URL = \"https://peterg--019f892406aa7049b41b70666076acc8.web.val.run\";\n\n// ─── Safety Configuration ───\nconst CONFIG = {\n minDelayMs: 30000, // 30 seconds minimum between messages\n maxDelayMs: 90000, // 90 seconds maximum\n batchSize: 12, // cooldown after every 12 messages\n batchCooldownMs: 7200000, // 2 hours\n dailyLimit: 50, // stop after 50 per day\n startHour: 9, // 9 AM\n endHour: 21, // 9 PM\n pollIntervalMs: 3000, // poll dashboard for commands every 3s\n reportIntervalMs: 5000, // report status every 5s\n};\n\n// ─── Imports ───\nconst { Client, LocalAuth } = require('whatsapp-web.js');\nconst QRCode = require('qrcode');\n\n// ─── State ───\nconst state = {\n status: 'disconnected', // disconnected | connected | idle | broadcasting | paused | finished\n qrCode: null,\n broadcastMessage: '',\n groups: [],\n totalGroups: 0,\n sentCount: 0,\n currentIndex: 0,\n isPaused: false,\n isLoopRunning: false,\n sentToday: 0,\n lastSentDate: null,\n lastCommand: 'idle',\n};\n\n// ─── Utility Functions ───\nfunction sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); }\nfunction randomDelay(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; }\nfunction isWithinWorkingHours() {\n const hour = new Date().getHours();\n return hour >= CONFIG.startHour && hour < CONFIG.endHour;\n}\n\n// ─── Dashboard Communication ───\nasync function reportToDashboard(logMessage) {\n try {\n const body = {\n botStatus: state.status,\n totalGroups: state.totalGroups,\n sentCount: state.sentCount,\n currentIndex: state.currentIndex,\n remaining: state.totalGroups - state.currentIndex,\n isPaused: state.isPaused,\n sentToday: state.sentToday,\n lastSentDate: state.lastSentDate,\n };\n if (state.qrCode) body.qrCode = state.qrCode;\n if (state.groups.length > 0) body.groups = state.groups.map(g => g.name || g);\n if (logMessage) body.log = logMessage;\n\n const res = await fetch(`${DASHBOARD_URL}/api/bot-update`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(body),\n });\n const data = await res.json();\n // Return the current command from dashboard\n return data;\n } catch (err) {\n console.error('Failed to report to dashboard:', err.message);\n return { command: state.lastCommand, broadcastMessage: state.broadcastMessage };\n }\n}\n\nasync function pollCommand() {\n try {\n const res = await fetch(`${DASHBOARD_URL}/api/command`);\n const data = await res.json();\n return data;\n } catch (err) {\n console.error('Failed to poll command:', err.message);\n return { command: 'idle', broadcastMessage: state.broadcastMessage, isPaused: state.isPaused };\n }\n}\n\nasync function ackCommand() {\n try {\n await fetch(`${DASHBOARD_URL}/api/command/ack`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({}),\n });\n } catch (err) {\n console.error('Failed to ack command:', err.message);\n }\n}\n\n// ─── WhatsApp Client ───\nconst client = new Client({\n authStrategy: new LocalAuth(),\n puppeteer: {\n headless: true,\n args: ['--no-sandbox', '--disable-setuid-sandbox', '--disable-dev-shm-usage'],\n },\n});\n\nclient.on('qr', async (qr) => {\n state.status = 'disconnected';\n console.log('📱 QR Code generated. Scan it on the dashboard.');\n try {\n state.qrCode = await QRCode.toDataURL(qr);\n await reportToDashboard('📱 QR Code generated — scan on dashboard');\n } catch (err) {\n console.error('Failed to generate QR image:', err.message);\n }\n});\n\nclient.on('ready', async () => {\n state.status = 'idle';\n state.qrCode = null;\n console.log('✅ WhatsApp connected!');\n\n // Fetch groups\n const chats = await client.getChats();\n state.groups = chats.filter(chat => chat.isGroup);\n state.totalGroups = state.groups.length;\n console.log(`📊 Found ${state.totalGroups} groups.`);\n\n await reportToDashboard(`✅ Connected! Found ${state.totalGroups} groups.`);\n});\n\nclient.on('authenticated', () => {\n console.log('🔐 Authenticated successfully.');\n});\n\nclient.on('auth_failure', (msg) => {\n console.error('❌ Auth failure:', msg);\n state.status = 'disconnected';\n reportToDashboard('❌ Authentication failed. Please re-scan QR.');\n});\n\nclient.on('disconnected', (reason) => {\n console.log('⚠️ Disconnected:', reason);\n state.status = 'disconnected';\n reportToDashboard('⚠️ Disconnected from WhatsApp.');\n});\n\n// ─── Broadcast Engine ───\nasync function broadcastEngine() {\n if (state.isLoopRunning) return;\n state.isLoopRunning = true;\n state.isPaused = false;\n state.status = 'broadcasting';\n\n const today = new Date().toDateString();\n\n // Reset daily counter if new day\n if (state.lastSentDate !== today) {\n state.sentToday = 0;\n state.lastSentDate = today;\n state.sentCount = 0;\n state.currentIndex = 0;\n }\n\n let index = state.currentIndex;\n await reportToDashboard(`▶️ Broadcasting started from group ${index + 1}`);\n\n while (index < state.totalGroups) {\n // ── Check for commands ──\n const cmd = await pollCommand();\n\n if (cmd.command === 'pause' || cmd.isPaused) {\n state.isPaused = true;\n state.status = 'paused';\n await reportToDashboard('⏸️ Broadcast paused');\n await ackCommand();\n while (state.isPaused) {\n await sleep(2000);\n const resumeCmd = await pollCommand();\n if (resumeCmd.command === 'resume' || (!resumeCmd.isPaused && resumeCmd.command !== 'pause')) {\n state.isPaused = false;\n state.status = 'broadcasting';\n await reportToDashboard('▶️ Broadcast resumed');\n await ackCommand();\n break;\n }\n if (resumeCmd.command === 'stop') break;\n }\n if (cmd.command === 'stop') break;\n }\n\n if (cmd.command === 'stop') {\n state.status = 'idle';\n state.isLoopRunning = false;\n state.currentIndex = 0;\n state.sentCount = 0;\n await reportToDashboard('⏹️ Broadcast stopped');\n await ackCommand();\n return;\n }\n\n // Update message if changed\n if (cmd.broadcastMessage) {\n state.broadcastMessage = cmd.broadcastMessage;\n }\n\n // ── Daily limit ──\n if (state.sentToday >= CONFIG.dailyLimit) {\n state.status = 'finished';\n state.isLoopRunning = false;\n await reportToDashboard(`🚦 Daily limit reached (${CONFIG.dailyLimit}).`);\n return;\n }\n\n // ── Working hours ──\n while (!isWithinWorkingHours()) {\n state.status = 'idle';\n console.log('🌙 Outside working hours. Sleeping 30 mins...');\n await reportToDashboard('🌙 Outside working hours — waiting...');\n await sleep(1800000); // 30 mins\n const checkCmd = await pollCommand();\n if (checkCmd.command === 'stop') {\n state.status = 'idle';\n state.isLoopRunning = false;\n await ackCommand();\n return;\n }\n state.status = 'broadcasting';\n }\n\n const group = state.groups[index];\n if (!group) { index++; continue; }\n\n try {\n // Simulate typing\n await client.sendPresenceAvailable();\n await group.sendState('typing');\n await sleep(randomDelay(3000, 8000));\n\n // Personalize message\n const groupName = group.name || 'Group';\n const personalizedMsg = state.broadcastMessage.replace(/{group}/g, groupName);\n await group.sendMessage(personalizedMsg);\n\n state.sentCount += 1;\n state.sentToday += 1;\n index += 1;\n state.currentIndex = index;\n\n console.log(`✅ [${index}/${state.totalGroups}] Sent to \"${groupName}\"`);\n await reportToDashboard(`✅ [${index}/${state.totalGroups}] Sent to \"${groupName}\"`);\n\n // Batch cooldown\n if (state.sentToday % CONFIG.batchSize === 0) {\n console.log(`☕ Batch cooldown for ${CONFIG.batchCooldownMs / 60000} mins.`);\n state.status = 'idle';\n await reportToDashboard(`☕ Batch cooldown — ${CONFIG.batchCooldownMs / 60000} min pause`);\n await sleep(CONFIG.batchCooldownMs);\n state.status = 'broadcasting';\n }\n\n // Random delay between messages\n const wait = randomDelay(CONFIG.minDelayMs, CONFIG.maxDelayMs);\n console.log(`⏳ Waiting ${(wait / 1000).toFixed(0)}s...`);\n await sleep(wait);\n\n } catch (err) {\n console.error(`❌ Failed on ${group.name}:`, err.message);\n await reportToDashboard(`❌ Failed on \"${group.name}\": ${err.message}`);\n await sleep(120000); // 2 min cooldown on error\n }\n }\n\n // Finished\n state.status = 'finished';\n state.isLoopRunning = false;\n console.log('🎉 Broadcast finished!');\n await reportToDashboard('🎉 Broadcast finished!');\n}\n\n// ─── Command Poller (runs continuously) ───\nasync function commandPoller() {\n while (true) {\n try {\n const cmd = await pollCommand();\n\n // Update message if changed\n if (cmd.broadcastMessage && cmd.broadcastMessage !== state.broadcastMessage) {\n state.broadcastMessage = cmd.broadcastMessage;\n console.log('📝 Message updated:', state.broadcastMessage.substring(0, 50) + '...');\n }\n\n // Handle start command\n if (cmd.command === 'start' && !state.isLoopRunning && state.status !== 'disconnected') {\n console.log('▶️ Start command received!');\n state.broadcastMessage = cmd.broadcastMessage || state.broadcastMessage;\n await ackCommand();\n broadcastEngine(); // run in background\n }\n\n // Handle stop command (when not broadcasting, just ack it)\n if (cmd.command === 'stop' && !state.isLoopRunning) {\n state.status = 'idle';\n state.currentIndex = 0;\n state.sentCount = 0;\n await ackCommand();\n await reportToDashboard('⏹️ Stopped');\n }\n\n // Acknowledge idle/resume commands that don't need action\n if (cmd.command === 'resume' && !state.isPaused) {\n await ackCommand();\n }\n\n state.lastCommand = cmd.command;\n } catch (err) {\n // Silent error — keep polling\n }\n await sleep(CONFIG.pollIntervalMs);\n }\n}\n\n// ─── Status Reporter (runs continuously) ───\nasync function statusReporter() {\n while (true) {\n if (state.status !== 'disconnected' || state.qrCode) {\n await reportToDashboard(null);\n }\n await sleep(CONFIG.reportIntervalMs);\n }\n}\n\n// ─── Start Everything ───\nconsole.log('🚀 Starting WhatsApp Broadcast Bot...');\nconsole.log(`📡 Dashboard: ${DASHBOARD_URL}`);\nconsole.log('⏳ Initializing WhatsApp client...\\n');\n\nclient.initialize();\n\n// Start background pollers\ncommandPoller();\nstatusReporter();\n","createdAt",["D",1784712909422],"branchVersion","branchId","d6175b1e-896a-4062-a868-a72a88567c15","id","f3037e52-584d-4298-8776-9de0c4704ec0","whatsapp-dashboard",["D",1784712267284],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","WhatsApp broadcast dashboard - UI on Val Town, bot on Termux","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789541999&sig=2c4f8e8762e91657f9fbbeb6de5d7ca68c14d159afdfdc3bf09959c9c9fa1b3c","8f76791f-14b9-4240-82d5-e10bc0502558","pinnedFileId","019f8924-06aa-7049-b41b-70666076acc8","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f88ff-b274-74c0-9a12-551607097ac6","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_106":105,"_114":110},"org",{"_106":105,"_107":108,"_109":110,"_19":60,"_111":112,"_113":30},"branch",{"_13":91,"_37":92,"_47":46,"_93":48,"_94":95,"_96":97,"_98":54,"_99":100,"_101":102,"_103":49,"_104":105},"isOwned",28,"main","projectId","forkedBranchId","7a3b261a-4186-11f0-ae9b-76b3cceeab13","forkedBranchVersion",76,"forkedProjectPrivacy","forkedProjectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","peterg","handle","displayName","Peter G","avatar","https://lh3.googleusercontent.com/a/ACg8ocKhHBs80WMgQKbIG_53c9hpdRLdCUJgXBYkhMuVMwk9_aZDRw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_37":49,"_42":243,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":59,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":244,"_86":245,"_88":246,"_90":30},"tree",[214,215,216,217,218,219,220],"files",[214,215,216,217,218,219,220],"counts",{"_204":68,"_205":167,"_206":68,"_207":208,"_209":210},"contents",[149,150,151,152,153,154,155],"upstreamProject",{"_47":100,"_37":145,"_56":146,"_58":59,"_53":54,"_84":147},"upstreamBranch",{"_47":95,"_42":139,"_140":141,"_37":92,"_93":100,"_13":97,"_94":-5,"_96":-5,"_142":143,"_51":-5,"_90":30,"_53":54,"_104":144,"_69":102,"_103":145},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],"updatedAt",["D",1779896149804],"lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","templates","basic-html-starter","Basic HTML starter template based on Glitch's starter",{"_106":144,"_114":148},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789541999&sig=156ae2b8ac752fc06f52d45eab428b512e0d31e2aab99a830d8bb32149c64f0f",{"_47":198,"_37":199,"_35":200,"_157":-5,"_45":46,"_44":167,"_158":30,"_42":201,"_13":68,"_38":26,"_40":202,"_29":30,"_160":-5,"_32":203},{"_47":192,"_37":193,"_35":194,"_157":-5,"_45":46,"_44":167,"_158":64,"_42":195,"_13":68,"_38":26,"_40":196,"_29":30,"_160":-5,"_32":197},{"_47":185,"_37":186,"_35":187,"_157":-5,"_45":46,"_44":188,"_158":30,"_42":189,"_13":167,"_38":26,"_40":190,"_29":30,"_160":-5,"_32":191},{"_47":177,"_37":178,"_35":62,"_157":-5,"_45":46,"_44":179,"_158":30,"_42":180,"_13":181,"_38":182,"_40":183,"_29":30,"_160":-5,"_32":184},{"_47":170,"_37":171,"_35":172,"_157":-5,"_45":46,"_44":173,"_158":30,"_42":174,"_13":167,"_38":39,"_40":175,"_29":30,"_160":-5,"_32":176},{"_47":162,"_37":163,"_35":164,"_157":-5,"_45":46,"_44":165,"_158":30,"_42":166,"_13":167,"_38":26,"_40":168,"_29":30,"_160":-5,"_32":169},{"_47":156,"_37":33,"_35":36,"_157":-5,"_45":46,"_44":14,"_158":30,"_42":159,"_13":68,"_38":39,"_40":41,"_29":30,"_160":-5,"_32":161},"d3c4596a-df95-49cd-abef-24240665a0da","parentId","latest",["D",1784712909422],"label",[33],"e64f0278-b8bc-44f7-ab1a-8690f6e0eea5","style.css","019f8924-06aa-7049-b41b-7aabce9e9645",4,["D",1784712721564],1,"* { box-sizing: border-box; margin: 0; padding: 0; }\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #0f172a;\n color: #e2e8f0;\n padding: 20px;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n}\n.container {\n max-width: 800px;\n width: 100%;\n}\nh1 { margin-bottom: 24px; text-align: center; }\n.card {\n background: #1e293b;\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 20px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.3);\n}\n.card h2 { margin-bottom: 12px; font-size: 1.2rem; }\n.badge {\n display: inline-block;\n padding: 6px 16px;\n border-radius: 20px;\n font-weight: 600;\n font-size: 0.9rem;\n background: #475569;\n color: #94a3b8;\n}\n.badge.disconnected { background: #ef4444; color: #fff; }\n.badge.connected { background: #3b82f6; color: #fff; }\n.badge.idle { background: #64748b; color: #fff; }\n.badge.broadcasting { background: #22c55e; color: #fff; animation: pulse 1.5s infinite; }\n.badge.paused { background: #eab308; color: #000; }\n.badge.finished { background: #8b5cf6; color: #fff; }\n@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } }\n\n.status-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }\n.ping { font-size: 0.85rem; color: #94a3b8; }\n.ping.online { color: #22c55e; }\n.ping.offline { color: #ef4444; }\n\n.progress-bar-container {\n background: #0f172a;\n border-radius: 8px;\n height: 30px;\n position: relative;\n overflow: hidden;\n margin-bottom: 12px;\n}\n.progress-bar {\n background: linear-gradient(90deg, #22c55e, #3b82f6);\n height: 100%;\n border-radius: 8px;\n transition: width 0.5s ease;\n}\n.progress-label {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 0.85rem;\n font-weight: 600;\n color: #e2e8f0;\n text-shadow: 0 1px 2px rgba(0,0,0,0.5);\n}\n\n.stats { display: flex; gap: 30px; margin-top: 10px; flex-wrap: wrap; }\n.stats div { background: #0f172a; padding: 8px 16px; border-radius: 8px; font-size: 0.9rem; }\n\ntextarea {\n width: 100%;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #334155;\n background: #0f172a;\n color: #e2e8f0;\n font-size: 1rem;\n resize: vertical;\n margin-bottom: 10px;\n font-family: inherit;\n}\n.btn {\n padding: 10px 24px;\n border: none;\n border-radius: 8px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s;\n font-size: 1rem;\n}\n.btn:hover { opacity: 0.8; transform: scale(0.97); }\n.btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }\n.primary { background: #3b82f6; color: #fff; }\n.success { background: #22c55e; color: #000; }\n.warning { background: #eab308; color: #000; }\n.danger { background: #ef4444; color: #fff; }\n.secondary { background: #475569; color: #fff; }\n\n.button-group { display: flex; gap: 12px; flex-wrap: wrap; }\n\n#log-container {\n background: #0f172a;\n border-radius: 8px;\n padding: 12px;\n max-height: 250px;\n overflow-y: auto;\n font-family: 'Courier New', monospace;\n font-size: 0.85rem;\n}\n#log-container p { margin: 4px 0; border-bottom: 1px solid #1e293b; padding: 4px 0; }\n#log-container p.log-empty { color: #64748b; border: none; }\n#qr-container { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 220px; }\n#qr-image { border: 4px solid #fff; border-radius: 12px; }\n\n.setup-card { background: #1e293b; }\n.setup-card ol { padding-left: 20px; line-height: 1.8; }\n.setup-card code { background: #0f172a; padding: 2px 8px; border-radius: 4px; font-size: 0.85rem; color: #38bdf8; }\n.dashboard-url { margin-top: 10px; font-size: 0.85rem; color: #94a3b8; }\n",[163],"761596ad-4259-46fb-bc9a-d7a6861a9397","script.js","019f8924-06aa-7049-b41b-75e1e29304e3",3,["D",1784712721565],"const API_BASE = '/api';\n\n// DOM refs\nconst qrImage = document.getElementById('qr-image');\nconst qrStatus = document.getElementById('qr-status');\nconst statusBadge = document.getElementById('status-badge');\nconst botPing = document.getElementById('bot-ping');\nconst progressText = document.getElementById('progress-text');\nconst progressBar = document.getElementById('progress-bar');\nconst sentCount = document.getElementById('sent-count');\nconst remainingCount = document.getElementById('remaining-count');\nconst sentToday = document.getElementById('sent-today');\nconst messageInput = document.getElementById('message-input');\nconst saveMsgBtn = document.getElementById('save-message-btn');\nconst startBtn = document.getElementById('start-btn');\nconst pauseBtn = document.getElementById('pause-btn');\nconst stopBtn = document.getElementById('stop-btn');\nconst resetBtn = document.getElementById('reset-btn');\nconst logContainer = document.getElementById('log-container');\nconst msgFeedback = document.getElementById('message-feedback');\nconst apiUrl = document.getElementById('api-url');\n\n// Show API URL for setup reference\napiUrl.textContent = window.location.origin + '/api';\n\n// Track last log count to avoid re-rendering\nlet lastLogCount = 0;\nlet currentMessage = '';\n\n// Polling\nasync function fetchStatus() {\n try {\n const res = await fetch(`${API_BASE}/status`);\n const data = await res.json();\n updateUI(data);\n } catch (err) {\n console.error('Failed to fetch status:', err);\n botPing.textContent = '● Bot: Offline';\n botPing.className = 'ping offline';\n }\n}\n\n// Update Dashboard\nfunction updateUI(data) {\n // Bot online/offline check\n if (data.lastBotUpdate) {\n const age = Date.now() - new Date(data.lastBotUpdate).getTime();\n if (age < 30000) {\n botPing.textContent = '● Bot: Online';\n botPing.className = 'ping online';\n } else {\n botPing.textContent = `● Bot: Offline (${Math.floor(age/1000)}s ago)`;\n botPing.className = 'ping offline';\n }\n } else {\n botPing.textContent = '● Bot: Offline';\n botPing.className = 'ping offline';\n }\n\n // QR\n if (data.qrCode) {\n qrImage.src = data.qrCode;\n qrImage.style.display = 'block';\n qrStatus.textContent = 'Scan this QR with WhatsApp';\n qrStatus.style.display = 'block';\n } else {\n qrImage.style.display = 'none';\n if (data.status === 'connected' || data.status === 'idle' || data.status === 'broadcasting' || data.status === 'paused' || data.status === 'finished') {\n qrStatus.textContent = '✅ WhatsApp connected!';\n } else {\n qrStatus.textContent = 'Waiting for bot to connect...';\n }\n }\n\n // Badge\n const statusText = data.status.charAt(0).toUpperCase() + data.status.slice(1);\n statusBadge.textContent = statusText;\n statusBadge.className = 'badge ' + data.status;\n\n // Progress\n const current = data.currentIndex || 0;\n const total = data.totalGroups || 0;\n const pct = total > 0 ? Math.round((current / total) * 100) : 0;\n progressText.textContent = `${current} / ${total} groups (${pct}%)`;\n progressBar.style.width = pct + '%';\n sentCount.textContent = data.sentCount || 0;\n remainingCount.textContent = data.remaining || (total - current);\n sentToday.textContent = data.sentToday || data.sentCount || 0;\n\n // Message input — only update if different from server\n if (data.broadcastMessage && data.broadcastMessage !== currentMessage) {\n messageInput.value = data.broadcastMessage;\n currentMessage = data.broadcastMessage;\n }\n\n // Buttons\n const isConnected = data.status !== 'disconnected';\n const hasGroups = data.totalGroups > 0;\n const isBroadcasting = data.status === 'broadcasting';\n const isPaused = data.status === 'paused';\n const isRunning = isBroadcasting || isPaused;\n\n startBtn.disabled = !isConnected || !hasGroups || isRunning;\n pauseBtn.disabled = !isRunning;\n pauseBtn.textContent = data.isPaused ? '▶️ Resume' : '⏸️ Pause';\n stopBtn.disabled = !isRunning;\n\n // Logs\n if (data.logs && data.logs.length > 0) {\n if (data.logs.length !== lastLogCount) {\n lastLogCount = data.logs.length;\n renderLogs(data.logs);\n }\n } else if (lastLogCount !== 0) {\n lastLogCount = 0;\n logContainer.innerHTML = '

System ready. Start the bot on Termux to begin.

';\n }\n}\n\nfunction renderLogs(logs) {\n logContainer.innerHTML = '';\n // Show newest first\n for (let i = logs.length - 1; i >= 0; i--) {\n const entry = logs[i];\n const p = document.createElement('p');\n const time = new Date(entry.time).toLocaleTimeString();\n p.textContent = `[${time}] ${entry.message}`;\n logContainer.appendChild(p);\n }\n // Auto-scroll to top (newest)\n logContainer.scrollTop = 0;\n}\n\n// Send commands\nasync function sendCommand(endpoint, payload = {}) {\n try {\n const res = await fetch(`${API_BASE}/${endpoint}`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n const data = await res.json();\n if (data.error) {\n addLogLocal(`❌ Error: ${data.error}`);\n } else {\n addLogLocal(`✅ ${endpoint} executed successfully.`);\n }\n fetchStatus();\n } catch (err) {\n addLogLocal(`❌ Command failed: ${err.message}`);\n }\n}\n\n// Save message\nasync function saveMessage() {\n const msg = messageInput.value.trim();\n if (!msg) {\n msgFeedback.textContent = '❌ Message cannot be empty.';\n return;\n }\n try {\n const res = await fetch(`${API_BASE}/message`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ message: msg })\n });\n const data = await res.json();\n if (data.success) {\n currentMessage = msg;\n msgFeedback.textContent = '✅ Saved!';\n } else {\n msgFeedback.textContent = '❌ Failed.';\n }\n setTimeout(() => msgFeedback.textContent = '', 3000);\n fetchStatus();\n } catch (err) {\n msgFeedback.textContent = '❌ Error saving.';\n }\n}\n\n// Local log (for dashboard-side actions)\nfunction addLogLocal(text) {\n const p = document.createElement('p');\n const time = new Date().toLocaleTimeString();\n p.textContent = `[${time}] ${text}`;\n logContainer.prepend(p);\n if (logContainer.children.length > 100) {\n logContainer.removeChild(logContainer.lastChild);\n }\n}\n\n// Reset\nasync function resetAll() {\n if (!confirm('Reset all state? This clears everything.')) return;\n try {\n await fetch(`${API_BASE}/reset`, { method: 'POST' });\n addLogLocal('🔄 Full reset done');\n lastLogCount = 0;\n fetchStatus();\n } catch (err) {\n addLogLocal('❌ Reset failed');\n }\n}\n\n// Event listeners\nsaveMsgBtn.addEventListener('click', saveMessage);\nstartBtn.addEventListener('click', () => sendCommand('start'));\npauseBtn.addEventListener('click', () => sendCommand('pause'));\nstopBtn.addEventListener('click', () => sendCommand('stop'));\nresetBtn.addEventListener('click', resetAll);\n\n// Poll every 2 seconds\nsetInterval(fetchStatus, 2000);\nfetchStatus();\naddLogLocal('🚀 Dashboard ready. Start the bot on Termux to begin.');\n",[171],"edd9ef92-e1f8-46cf-b059-a8d3715debea","main.tsx",12,["D",1784712869739],8,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { Hono } from \"npm:hono@4.11.9\";\n\nconst app = new Hono();\nconst STATE_KEY = \"whatsapp_state\";\n\nconst DEFAULT_STATE = {\n command: \"idle\" as string,\n botStatus: \"disconnected\" as string,\n qrCode: null as string | null,\n broadcastMessage: \"👋 Hello {group}! This is your automated update.\",\n totalGroups: 0,\n sentCount: 0,\n currentIndex: 0,\n remaining: 0,\n isPaused: false,\n groups: [] as string[],\n sentToday: 0,\n lastSentDate: null as string | null,\n logs: [] as { time: string; message: string }[],\n lastBotUpdate: null as string | null,\n};\n\nasync function getState() {\n const state = await blob.getJSON(STATE_KEY);\n return { ...DEFAULT_STATE, ...(state ?? {}) };\n}\n\nasync function setState(updates: Record) {\n const current = await getState();\n const newState = { ...current, ...updates };\n await blob.setJSON(STATE_KEY, newState);\n return newState;\n}\n\nasync function addLog(message: string) {\n const state = await getState();\n const logs = [...(state.logs ?? []), { time: new Date().toISOString(), message }];\n if (logs.length > 100) logs.shift();\n await setState({ logs });\n}\n\n// ─── GET /api/status — dashboard polls this ───\napp.get(\"/api/status\", async (c) => {\n const state = await getState();\n return c.json({\n status: state.botStatus,\n qrCode: state.qrCode,\n totalGroups: state.totalGroups,\n sentCount: state.sentCount,\n remaining: state.remaining,\n currentIndex: state.currentIndex,\n broadcastMessage: state.broadcastMessage,\n isPaused: state.isPaused,\n groups: state.groups,\n logs: state.logs,\n command: state.command,\n lastBotUpdate: state.lastBotUpdate,\n });\n});\n\n// ─── POST /api/message — update broadcast text ───\napp.post(\"/api/message\", async (c) => {\n const body = await c.req.json();\n if (body.message !== undefined) {\n await setState({ broadcastMessage: body.message });\n await addLog(\"📝 Message updated from dashboard\");\n return c.json({ success: true, message: \"Message updated!\" });\n }\n return c.json({ error: \"Message is required\" }, 400);\n});\n\n// ─── POST /api/start — tell bot to start broadcasting ───\napp.post(\"/api/start\", async (c) => {\n const state = await getState();\n if (state.botStatus === \"disconnected\") {\n return c.json({ error: \"WhatsApp not connected yet.\" }, 400);\n }\n if (state.totalGroups === 0) {\n return c.json({ error: \"No groups found.\" }, 400);\n }\n await setState({ command: \"start\", isPaused: false });\n await addLog(\"▶️ Start command sent from dashboard\");\n return c.json({ success: true, status: \"Start command sent\" });\n});\n\n// ─── POST /api/pause — toggle pause/resume ───\napp.post(\"/api/pause\", async (c) => {\n const state = await getState();\n const newPaused = !state.isPaused;\n await setState({\n command: newPaused ? \"pause\" : \"resume\",\n isPaused: newPaused,\n });\n await addLog(newPaused ? \"⏸️ Pause command sent\" : \"▶️ Resume command sent\");\n return c.json({ success: true, paused: newPaused });\n});\n\n// ─── POST /api/stop — hard reset ───\napp.post(\"/api/stop\", async (c) => {\n await setState({\n command: \"stop\",\n isPaused: false,\n currentIndex: 0,\n sentCount: 0,\n sentToday: 0,\n remaining: 0,\n });\n await addLog(\"⏹️ Stop command sent from dashboard\");\n return c.json({ success: true, status: \"Stop command sent\" });\n});\n\n// ─── POST /api/bot-update — Termux bot reports status ───\napp.post(\"/api/bot-update\", async (c) => {\n const body = await c.req.json();\n const updates: Record = {};\n\n if (body.botStatus !== undefined) updates.botStatus = body.botStatus;\n if (body.qrCode !== undefined) updates.qrCode = body.qrCode;\n if (body.totalGroups !== undefined) updates.totalGroups = body.totalGroups;\n if (body.sentCount !== undefined) updates.sentCount = body.sentCount;\n if (body.currentIndex !== undefined) updates.currentIndex = body.currentIndex;\n if (body.remaining !== undefined) updates.remaining = body.remaining;\n if (body.isPaused !== undefined) updates.isPaused = body.isPaused;\n if (body.groups !== undefined) updates.groups = body.groups;\n if (body.sentToday !== undefined) updates.sentToday = body.sentToday;\n if (body.lastSentDate !== undefined) updates.lastSentDate = body.lastSentDate;\n\n if (body.log !== undefined) {\n const state = await getState();\n const logs = [...(state.logs ?? []), { time: new Date().toISOString(), message: body.log }];\n if (logs.length > 100) logs.shift();\n updates.logs = logs;\n }\n\n updates.lastBotUpdate = new Date().toISOString();\n await setState(updates);\n\n // Return current command so bot knows what to do\n const state = await getState();\n return c.json({\n command: state.command,\n broadcastMessage: state.broadcastMessage,\n });\n});\n\n// ─── GET /api/command — bot polls for commands ───\napp.get(\"/api/command\", async (c) => {\n const state = await getState();\n return c.json({\n command: state.command,\n broadcastMessage: state.broadcastMessage,\n isPaused: state.isPaused,\n });\n});\n\n// ─── POST /api/command/ack — bot acknowledges command ───\napp.post(\"/api/command/ack\", async (c) => {\n await setState({ command: \"idle\" });\n return c.json({ success: true });\n});\n\n// ─── POST /api/reset — full reset ───\napp.post(\"/api/reset\", async (c) => {\n await blob.setJSON(STATE_KEY, DEFAULT_STATE);\n await addLog(\"🔄 Full reset\");\n return c.json({ success: true });\n});\n\n// Wrap app.fetch: if Hono returns 404, fall through to static file server\nexport default staticHTTPServer(import.meta.url, async (req) => {\n const res = await app.fetch(req);\n if (res.status === 404) return null;\n return res;\n});\n",[178],"9c4b4fb0-bc91-4c80-93e4-73ed4ad4d8cf","index.html","019f8924-06aa-7049-b41b-6f9e56bc1301",5,["D",1784712721566],"\n\n\n \n \n WhatsApp Broadcast Dashboard\n \n \n \n\n\n

📢 WhatsApp Group Broadcaster

\n\n \n

🔐 Link Device

\n \n

Waiting for bot to connect...

\n\n \n

\n Disconnected\n ● Bot: Offline\n

\n\n \n

📊 Progress

\n 0 / 0 groups\n

Sent: 0

Remaining: 0

Today: 0

\n\n \n

✏️ Broadcast Message

Use {group} to insert the group name.

\n \n \n \n

\n\n \n

🎮 Controls

\n \n \n \n \n

\n\n \n

📋 Activity Log

System ready. Start the bot on Termux to begin.

\n\n \n

⚙️ Setup

Install the bot on Termux (see termux-bot.js in this val)
Run: node termux-bot.js
Scan the QR code that appears here
Write your message and hit Start

Dashboard API:

\n \n\n\n",[186],"f5fd06a8-6964-4747-9e8c-6db976a61b59","favicon.svg","019f8924-06aa-7049-b41b-69ec5951e242",["D",1784712267284],"",[193],"8d4dd57d-fdb4-46f8-a7c9-cad32f2d2325","README.md","019f8924-06a9-7602-a484-0ad165f5485f",["D",1784712267284],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[199],"pulls","branches","forks","envVars",{"_211":68,"_213":68},"connections",{"_211":68,"_212":68},"count","unfilledCount","emptyCount",{"_47":198,"_37":199,"_35":200,"_157":-5,"_45":46,"_44":167,"_158":30,"_42":240,"_13":68,"_38":26,"_40":202,"_29":30,"_160":-5,"_222":241,"_32":242},{"_47":192,"_37":193,"_35":194,"_157":-5,"_45":46,"_44":167,"_158":64,"_42":237,"_13":68,"_38":26,"_40":196,"_29":30,"_160":-5,"_222":238,"_32":239},{"_47":185,"_37":186,"_35":187,"_157":-5,"_45":46,"_44":188,"_158":30,"_42":234,"_13":167,"_38":26,"_40":190,"_29":30,"_160":-5,"_222":235,"_32":236},{"_47":177,"_37":178,"_35":62,"_157":-5,"_45":46,"_44":179,"_158":30,"_42":231,"_13":181,"_38":182,"_40":183,"_29":30,"_160":-5,"_222":232,"_32":233},{"_47":170,"_37":171,"_35":172,"_157":-5,"_45":46,"_44":173,"_158":30,"_42":228,"_13":167,"_38":39,"_40":175,"_29":30,"_160":-5,"_222":229,"_32":230},{"_47":162,"_37":163,"_35":164,"_157":-5,"_45":46,"_44":165,"_158":30,"_42":225,"_13":167,"_38":26,"_40":168,"_29":30,"_160":-5,"_222":226,"_32":227},{"_47":156,"_37":33,"_35":36,"_157":-5,"_45":46,"_44":14,"_158":30,"_42":221,"_13":68,"_38":39,"_40":41,"_29":30,"_160":-5,"_222":223,"_32":224},["D",1784712909422],"children",[],[33],["D",1784712721564],[],[163],["D",1784712721565],[],[171],["D",1784712869739],[],[178],["D",1784712721566],[],[186],["D",1784712267284],[],[193],["D",1784712267284],[],[199],["D",1784712267284],{"_106":105,"_114":110},{"_106":105,"_107":108,"_109":110,"_19":60,"_111":112,"_113":30},{"_13":91,"_37":92,"_47":46,"_93":48,"_94":95,"_96":97,"_98":54,"_99":100,"_101":102,"_103":49,"_104":105},"ctx",{"_84":-5,"_136":280,"_281":282,"_283":284,"_285":30,"_286":30,"_287":30,"_288":64,"_289":-5,"_290":-7,"_291":-7,"_292":68,"_293":30,"_294":30,"_295":-5,"_296":30,"_297":30,"_298":30,"_299":-5},"ENV",{"_251":252,"_253":254,"_255":92,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v13