System ready.

';\n }\n}\n\nfunction renderLogs(logs) {\n logContainer.innerHTML = '';\n for (let i = logs.length - 1; i >= 0; i--) {\n const entry = logs[i];\n const p = document.createElement('p');\n p.textContent = `[${new Date(entry.time).toLocaleTimeString()}] ${entry.message}`;\n logContainer.appendChild(p);\n }\n logContainer.scrollTop = 0;\n}\n\n// API mode: client-side send loop\nasync function sendLoop() {\n if (!isSendLoopRunning) return;\n try {\n const res = await fetch(`${API_BASE}/send-next`, { method: 'POST' });\n const data = await res.json();\n if (data.action === 'sent') {\n // Message sent — wait min delay then try next\n const settings = {\n min: parseInt(setMinDelay.value) || 30,\n max: parseInt(setMaxDelay.value) || 90,\n };\n const wait = Math.floor(Math.random() * (settings.max - settings.min + 1)) + settings.min;\n addLogLocal(`⏳ Next send in ${wait}s...`);\n setTimeout(() => { if (isSendLoopRunning) sendLoop(); }, wait * 1000);\n } else if (data.action === 'waiting') {\n // Still in delay/cooldown — check again in 3s\n setTimeout(() => { if (isSendLoopRunning) sendLoop(); }, 3000);\n } else if (data.action === 'done' || data.action === 'error') {\n isSendLoopRunning = false;\n } else {\n setTimeout(() => { if (isSendLoopRunning) sendLoop(); }, 3000);\n }\n } catch (err) {\n setTimeout(() => { if (isSendLoopRunning) sendLoop(); }, 5000);\n }\n}\n\nasync function sendCommand(endpoint, payload = {}) {\n try {\n const res = await fetch(`${API_BASE}/${endpoint}`, {\n method: 'POST', headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n const data = await res.json();\n if (data.error) { addLogLocal(`❌ ${data.error}`); }\n else { addLogLocal(`✅ ${endpoint} OK`); }\n fetchStatus();\n } catch (err) { addLogLocal(`❌ ${err.message}`); }\n}\n\nasync function saveMessage() {\n const msg = messageInput.value.trim();\n if (!msg) { msgFeedback.textContent = '❌ Empty'; return; }\n try {\n const res = await fetch(`${API_BASE}/message`, {\n method: 'POST', headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ message: msg })\n });\n const data = await res.json();\n msgFeedback.textContent = data.success ? '✅ Saved!' : '❌ Failed';\n setTimeout(() => msgFeedback.textContent = '', 3000);\n currentMessage = msg;\n fetchStatus();\n } catch { msgFeedback.textContent = '❌ Error'; }\n}\n\nasync function saveSettings() {\n const payload = {\n minDelaySec: parseInt(setMinDelay.value) || 30,\n maxDelaySec: parseInt(setMaxDelay.value) || 90,\n batchSize: parseInt(setBatchSize.value) || 12,\n batchCooldownMin: parseInt(setBatchCooldown.value) || 120,\n dailyLimit: parseInt(setDailyLimit.value) || 50,\n startHour: parseInt(setStartHour.value) || 9,\n endHour: parseInt(setEndHour.value) || 21,\n };\n try {\n const res = await fetch(`${API_BASE}/settings`, {\n method: 'POST', headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n const data = await res.json();\n settingsFeedback.textContent = data.success ? '✅ Saved!' : '❌ Failed';\n setTimeout(() => settingsFeedback.textContent = '', 3000);\n fetchStatus();\n } catch { settingsFeedback.textContent = '❌ Error'; }\n}\n\nasync function saveContacts() {\n const lines = contactsInput.value.trim().split('\\n').filter(l => l.trim());\n const contacts = lines.map(line => {\n const parts = line.split(',').map(s => s.trim());\n return { phone: parts[0] || '', name: parts[1] || parts[0] || '' };\n }).filter(c => c.phone);\n try {\n const res = await fetch(`${API_BASE}/contacts`, {\n method: 'POST', headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ contacts })\n });\n const data = await res.json();\n contactsFeedback.textContent = data.success ? `✅ ${data.count} saved!` : '❌ Failed';\n setTimeout(() => contactsFeedback.textContent = '', 3000);\n fetchStatus();\n } catch { contactsFeedback.textContent = '❌ Error'; }\n}\n\nasync function testWhatsAppAPI() {\n waTestFeedback.textContent = '⏳ Testing...';\n try {\n const res = await fetch(`${API_BASE}/wa-test`, { method: 'POST' });\n const data = await res.json();\n if (data.success) {\n waTestFeedback.textContent = '✅ Connected!';\n } else {\n waTestFeedback.textContent = `❌ ${data.error || 'Failed'}`;\n }\n setTimeout(() => waTestFeedback.textContent = '', 5000);\n fetchStatus();\n } catch (err) { waTestFeedback.textContent = `❌ ${err.message}`; }\n}\n\nasync function switchMode(mode) {\n try {\n await fetch(`${API_BASE}/wa-mode`, {\n method: 'POST', headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ mode })\n });\n fetchStatus();\n } catch {}\n}\n\nasync function resetAll() {\n if (!confirm('Reset everything?')) return;\n try {\n await fetch(`${API_BASE}/reset`, { method: 'POST' });\n isSendLoopRunning = false;\n lastLogCount = 0;\n fetchStatus();\n } catch {}\n}\n\nfunction addLogLocal(text) {\n const p = document.createElement('p');\n p.textContent = `[${new Date().toLocaleTimeString()}] ${text}`;\n logContainer.prepend(p);\n if (logContainer.children.length > 100) logContainer.removeChild(logContainer.lastChild);\n}\n\n// Event listeners\nsaveMsgBtn.addEventListener('click', saveMessage);\nsaveSettingsBtn.addEventListener('click', saveSettings);\nsaveContactsBtn.addEventListener('click', saveContacts);\nwaTestBtn.addEventListener('click', testWhatsAppAPI);\nmodeApiBtn.addEventListener('click', () => switchMode('api'));\nmodeTermuxBtn.addEventListener('click', () => switchMode('termux'));\nstartBtn.addEventListener('click', () => sendCommand('start'));\npauseBtn.addEventListener('click', () => sendCommand('pause'));\nstopBtn.addEventListener('click', () => sendCommand('stop'));\nresetBtn.addEventListener('click', resetAll);\n\nsetInterval(fetchStatus, 2000);\nfetchStatus();\n",[106],"b0d3125eaf007df393134e5ca66a6c65ef44227eb8edbd88143b4693171d8dc4","20acf350-4215-11f0-b215-76b3cceeab13","27db6ac2-4188-11f0-9fb1-76b3cceeab13",47,["D",1749131895828],7,"/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");",[106],"64f11332c09344f36075ba3f447d75f81cd65f6db469468e727edd7dfd221d08","main.tsx",{"_32":137,"_13":125,"_81":138,"_83":-5,"_84":33,"_85":139,"_87":26,"_34":140,"_40":141,"_90":133,"_92":142,"_65":48,"_94":-5,"_95":-7,"_74":143,"_97":144},{"_32":128,"_13":125,"_81":129,"_83":-5,"_84":58,"_85":130,"_87":26,"_34":131,"_40":132,"_90":133,"_92":134,"_65":48,"_94":-5,"_95":-7,"_74":135,"_97":136},"04a8c4ae-f1e6-41fc-abd9-4c3f1c16350b","019f8924-06aa-7049-b41b-70666076acc8",26,["D",1784713827633],13,"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_v2\";\n\nconst DEFAULT_SETTINGS = {\n minDelaySec: 30,\n maxDelaySec: 90,\n batchSize: 12,\n batchCooldownMin: 120,\n dailyLimit: 50,\n startHour: 9,\n endHour: 21,\n};\n\nconst DEFAULT_STATE = {\n command: \"idle\" as string,\n botStatus: \"disconnected\" as string,\n qrCode: null as string | null,\n broadcastMessage: \"👋 Hello {name}! 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 contacts: [] as { phone: string; name: string }[],\n sentToday: 0,\n lastSentDate: null as string | null,\n logs: [] as { time: string; message: string }[],\n lastBotUpdate: null as string | null,\n lastSentAt: null as string | null,\n settings: DEFAULT_SETTINGS,\n waMode: \"api\" as string, // \"api\" or \"termux\"\n waConnected: false as boolean,\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 ───\napp.get(\"/api/status\", async (c) => {\n const state = await getState();\n const s = { ...DEFAULT_SETTINGS, ...(state.settings ?? {}) };\n return c.json({\n status: state.botStatus,\n qrCode: state.qrCode,\n totalGroups: state.waMode === \"api\" ? state.contacts.length : state.totalGroups,\n sentCount: state.sentCount,\n remaining: state.waMode === \"api\" ? state.contacts.length - state.currentIndex : state.remaining,\n currentIndex: state.currentIndex,\n broadcastMessage: state.broadcastMessage,\n isPaused: state.isPaused,\n groups: state.groups,\n contacts: state.contacts,\n logs: state.logs,\n command: state.command,\n lastBotUpdate: state.lastBotUpdate,\n lastSentAt: state.lastSentAt,\n settings: s,\n waMode: state.waMode,\n waConnected: state.waConnected,\n });\n});\n\n// ─── POST /api/settings ───\napp.post(\"/api/settings\", async (c) => {\n const body = await c.req.json();\n const current = await getState();\n const cs = { ...DEFAULT_SETTINGS, ...(current.settings ?? {}) };\n const newSettings = {\n minDelaySec: body.minDelaySec ?? cs.minDelaySec,\n maxDelaySec: body.maxDelaySec ?? cs.maxDelaySec,\n batchSize: body.batchSize ?? cs.batchSize,\n batchCooldownMin: body.batchCooldownMin ?? cs.batchCooldownMin,\n dailyLimit: body.dailyLimit ?? cs.dailyLimit,\n startHour: body.startHour ?? cs.startHour,\n endHour: body.endHour ?? cs.endHour,\n };\n await setState({ settings: newSettings });\n await addLog(\"⚙️ Broadcast settings updated\");\n return c.json({ success: true, settings: newSettings });\n});\n\n// ─── POST /api/contacts — save contacts list ───\napp.post(\"/api/contacts\", async (c) => {\n const body = await c.req.json();\n const contacts = (body.contacts || []).map((c: { phone: string; name: string }) => ({\n phone: String(c.phone).replace(/\\D/g, \"\"),\n name: c.name || c.phone,\n }));\n await setState({ contacts });\n await addLog(`📋 Saved ${contacts.length} contacts`);\n return c.json({ success: true, count: contacts.length });\n});\n\n// ─── POST /api/message ───\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\");\n return c.json({ success: true });\n }\n return c.json({ error: \"Message is required\" }, 400);\n});\n\n// ─── POST /api/wa-mode — switch between api/termux ───\napp.post(\"/api/wa-mode\", async (c) => {\n const body = await c.req.json();\n if (body.mode === \"api\" || body.mode === \"termux\") {\n await setState({ waMode: body.mode, botStatus: \"disconnected\", waConnected: false, qrCode: null });\n await addLog(`🔄 Switched to ${body.mode === \"api\" ? \"WhatsApp API\" : \"Termux Bot\"} mode`);\n return c.json({ success: true, mode: body.mode });\n }\n return c.json({ error: \"Invalid mode\" }, 400);\n});\n\n// ─── POST /api/wa-test — test WhatsApp API connection ───\napp.post(\"/api/wa-test\", async (c) => {\n const token = Deno.env.get(\"WHATSAPP_TOKEN\");\n const phoneId = Deno.env.get(\"WHATSAPP_PHONE_NUMBER_ID\");\n if (!token || !phoneId) {\n return c.json({ error: \"Missing WHATSAPP_TOKEN or WHATSAPP_PHONE_NUMBER_ID env vars\" }, 400);\n }\n try {\n const res = await fetch(`https://graph.facebook.com/v18.0/${phoneId}`, {\n headers: { Authorization: `Bearer ${token}` },\n });\n if (res.ok) {\n const data = await res.json();\n await setState({ waConnected: true, botStatus: \"idle\" });\n await addLog(\"✅ WhatsApp API connected successfully!\");\n return c.json({ success: true, data });\n } else {\n const err = await res.text();\n await addLog(`❌ WhatsApp API test failed: ${err}`);\n return c.json({ error: err }, 400);\n }\n } catch (err) {\n return c.json({ error: String(err) }, 500);\n }\n});\n\n// ─── POST /api/send-next — send next message via WhatsApp API ───\napp.post(\"/api/send-next\", async (c) => {\n const state = await getState();\n\n // Check we're in API mode and connected\n if (state.waMode !== \"api\") {\n return c.json({ action: \"skip\", reason: \"Not in API mode\" });\n }\n if (!state.waConnected && state.botStatus === \"disconnected\") {\n return c.json({ action: \"skip\", reason: \"Not connected\" });\n }\n if (state.command !== \"start\" && state.botStatus !== \"broadcasting\") {\n return c.json({ action: \"skip\", reason: \"Not broadcasting\" });\n }\n\n const contacts = state.contacts || [];\n const index = state.currentIndex || 0;\n\n if (index >= contacts.length) {\n await setState({ botStatus: \"finished\", command: \"idle\" });\n await addLog(\"🎉 Broadcast finished!\");\n return c.json({ action: \"done\", reason: \"All contacts sent\" });\n }\n\n // Check daily limit\n const settings = { ...DEFAULT_SETTINGS, ...(state.settings ?? {}) };\n const today = new Date().toDateString();\n let sentToday = state.sentToday || 0;\n if (state.lastSentDate !== today) {\n sentToday = 0;\n }\n if (sentToday >= settings.dailyLimit) {\n await setState({ botStatus: \"finished\", command: \"idle\", sentToday });\n await addLog(`🚦 Daily limit reached (${settings.dailyLimit})`);\n return c.json({ action: \"done\", reason: \"Daily limit reached\" });\n }\n\n // Check working hours\n const hour = new Date().getHours();\n if (hour < settings.startHour || hour >= settings.endHour) {\n return c.json({ action: \"waiting\", reason: \"Outside working hours\", waitSec: 60 });\n }\n\n // Check delay since last send\n if (state.lastSentAt) {\n const elapsed = (Date.now() - new Date(state.lastSentAt).getTime()) / 1000;\n const minDelay = settings.minDelaySec;\n if (elapsed < minDelay) {\n return c.json({\n action: \"waiting\",\n reason: `Delay: ${Math.ceil(minDelay - elapsed)}s remaining`,\n waitSec: Math.ceil(minDelay - elapsed),\n });\n }\n }\n\n // Check batch cooldown\n if (sentToday > 0 && sentToday % settings.batchSize === 0 && state.lastSentAt) {\n const elapsed = (Date.now() - new Date(state.lastSentAt).getTime()) / 1000;\n const cooldownSec = settings.batchCooldownMin * 60;\n if (elapsed < cooldownSec) {\n return c.json({\n action: \"waiting\",\n reason: `Batch cooldown: ${Math.ceil((cooldownSec - elapsed) / 60)}min remaining`,\n waitSec: Math.ceil(cooldownSec - elapsed),\n });\n }\n }\n\n // Send the message!\n const contact = contacts[index];\n const token = Deno.env.get(\"WHATSAPP_TOKEN\");\n const phoneId = Deno.env.get(\"WHATSAPP_PHONE_NUMBER_ID\");\n\n if (!token || !phoneId) {\n await setState({ botStatus: \"disconnected\", command: \"idle\" });\n await addLog(\"❌ Missing WHATSAPP_TOKEN or WHATSAPP_PHONE_NUMBER_ID\");\n return c.json({ action: \"error\", reason: \"Missing env vars\" });\n }\n\n try {\n const personalizedMsg = state.broadcastMessage.replace(/{name}/g, contact.name).replace(/{group}/g, contact.name);\n const res = await fetch(`https://graph.facebook.com/v18.0/${phoneId}/messages`, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n messaging_product: \"whatsapp\",\n to: contact.phone,\n type: \"text\",\n text: { body: personalizedMsg },\n }),\n });\n\n if (res.ok) {\n const newIndex = index + 1;\n const newSentToday = sentToday + 1;\n await setState({\n currentIndex: newIndex,\n sentCount: newIndex,\n sentToday: newSentToday,\n lastSentDate: today,\n lastSentAt: new Date().toISOString(),\n botStatus: \"broadcasting\",\n });\n await addLog(`✅ [${newIndex}/${contacts.length}] Sent to ${contact.name} (${contact.phone})`);\n return c.json({ action: \"sent\", index: newIndex, total: contacts.length, name: contact.name });\n } else {\n const err = await res.text();\n await addLog(`❌ Failed to send to ${contact.name}: ${err}`);\n // Skip this contact and move on\n await setState({ currentIndex: index + 1, lastSentAt: new Date().toISOString() });\n return c.json({ action: \"error\", reason: err, index: index + 1 });\n }\n } catch (err) {\n await addLog(`❌ Send error: ${String(err)}`);\n return c.json({ action: \"error\", reason: String(err) });\n }\n});\n\n// ─── POST /api/start ───\napp.post(\"/api/start\", async (c) => {\n const state = await getState();\n if (state.waMode === \"api\") {\n if (!state.waConnected) {\n return c.json({ error: \"WhatsApp API not connected. Click Test API first.\" }, 400);\n }\n if (state.contacts.length === 0) {\n return c.json({ error: \"No contacts added.\" }, 400);\n }\n } else {\n if (state.botStatus === \"disconnected\") {\n return c.json({ error: \"Bot not connected.\" }, 400);\n }\n if (state.totalGroups === 0) {\n return c.json({ error: \"No groups found.\" }, 400);\n }\n }\n await setState({ command: \"start\", isPaused: false, botStatus: \"broadcasting\" });\n await addLog(\"▶️ Start command sent\");\n return c.json({ success: true, status: \"Started\" });\n});\n\n// ─── POST /api/pause ───\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 botStatus: newPaused ? \"paused\" : \"broadcasting\",\n });\n await addLog(newPaused ? \"⏸️ Paused\" : \"▶️ Resumed\");\n return c.json({ success: true, paused: newPaused });\n});\n\n// ─── POST /api/stop ───\napp.post(\"/api/stop\", async (c) => {\n await setState({\n command: \"stop\",\n isPaused: false,\n botStatus: \"idle\",\n currentIndex: 0,\n sentCount: 0,\n sentToday: 0,\n });\n await addLog(\"⏹️ Stopped\");\n return c.json({ success: true, status: \"Stopped\" });\n});\n\n// ─── POST /api/bot-update ───\napp.post(\"/api/bot-update\", async (c) => {\n const body = await c.req.json();\n const updates: Record = {};\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 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 updates.lastBotUpdate = new Date().toISOString();\n await setState(updates);\n const state = await getState();\n return c.json({\n command: state.command,\n broadcastMessage: state.broadcastMessage,\n settings: { ...DEFAULT_SETTINGS, ...(state.settings ?? {}) },\n });\n});\n\n// ─── GET /api/command ───\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 settings: { ...DEFAULT_SETTINGS, ...(state.settings ?? {}) },\n });\n});\n\n// ─── POST /api/command/ack ───\napp.post(\"/api/command/ack\", async (c) => {\n await setState({ command: \"idle\" });\n return c.json({ success: true });\n});\n\n// ─── POST /api/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\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",[125],"88609cedf16e7d68ab28a46669d5303e47d2ceb48e33bb091339c8bc119182f6","dfd5cc68-0dd3-11f1-a797-42dde27851f2","7a3d750a-4186-11f0-ae9b-76b3cceeab13",75,["D",1771533906963],20,"import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[125],"90dc6a3960d1c6cf605d17ce12b7f0b1623d7a74350872160331f94d11d03107","index.html",{"_32":155,"_13":145,"_81":156,"_83":-5,"_84":33,"_85":157,"_87":26,"_34":158,"_40":112,"_90":91,"_92":159,"_65":48,"_94":-5,"_95":-7,"_74":160,"_97":161},{"_32":148,"_13":145,"_81":149,"_83":-5,"_84":58,"_85":20,"_87":26,"_34":150,"_40":151,"_90":91,"_92":152,"_65":48,"_94":-5,"_95":-7,"_74":153,"_97":154},"2e18c895-542d-4065-9809-6d4d3470a4c8","019f8924-06aa-7049-b41b-6f9e56bc1301",["D",1784713827635],3,"\n\n\n \n \n WhatsApp Broadcast Dashboard\n \n \n \n\n\n

📢 WhatsApp Group Broadcaster

\n\n \n

🔀 Mode

\n \n \n

\n\n \n

📱 WhatsApp API Setup

Get credentials from Meta Developer → WhatsApp → API Setup

\n \n \n

\n Requires env vars: WHATSAPP_TOKEN and WHATSAPP_PHONE_NUMBER_ID\n

\n\n \n \n\n \n

\n Disconnected\n ● Bot: Offline\n

\n\n \n

📊 Progress

\n 0 / 0\n

Sent: 0

Remaining: 0

Today: 0

\n\n \n

📋 Contacts

One per line: phone_number,name (e.g. 1234567890,John). Use {name} in message.

\n \n \n \n

\n\n \n

✏️ Broadcast Message

Use {name} or {group} for personalization.

\n \n \n \n

\n\n \n

⚙️ Broadcast Settings

Configure how messages are sent.

\n Min Delay (sec)\n \n

\n Max Delay (sec)\n \n

\n Batch Size\n \n

\n Batch Cooldown (min)\n \n

\n Daily Limit\n \n

\n Start Hour\n \n

\n End Hour\n \n

\n \n \n

\n\n \n

🎮 Controls

\n \n \n \n \n

\n\n \n

📋 Activity Log

System ready.

\n \n\n\n",[145],"0854d10d4e9487b727c070bd7046fabbab3da34366b413511bfbdb308a4e7fe1","e2240bac-418b-11f0-883e-76b3cceeab13","e0e955f2-4187-11f0-83ff-76b3cceeab13",41,["D",1749072949867],"\n\n \n Hi there!\n \n \n \n\n \n \n\n \n \n\n \n \n \n \n

Hi there!

\n\n

\n I'm your cool new webpage. Made with Val Town!\n

\n \n",[145],"c7361dc92d6ef7bac8fa83bfd60c3e7225006fd4a979847612f5e344669e252b","README.md",{"_32":173,"_13":162,"_81":174,"_83":-5,"_84":33,"_85":41,"_87":26,"_34":175,"_40":176,"_90":91,"_92":177,"_65":48,"_94":-5,"_95":-7,"_74":178,"_97":179},{"_32":165,"_13":162,"_81":166,"_83":-5,"_84":58,"_85":167,"_87":26,"_34":168,"_40":169,"_90":91,"_92":170,"_65":48,"_94":-5,"_95":-7,"_74":171,"_97":172},"ca0fb2d9-7992-4e52-9af9-b0e8b1dcddd0","019f8924-06a9-7602-a484-0ad165f5485f",14,["D",1784712920188],1,"# 📢 WhatsApp Broadcast Dashboard\n\nA web-based dashboard for broadcasting messages to WhatsApp groups with intelligent safety rules.\n\n## Architecture\n\n- **Dashboard (Val Town)** — Web UI + API. Serves the dashboard page and stores state in blob storage.\n- **Bot (Termux)** — Runs `whatsapp-web.js` on your phone. Connects to WhatsApp, polls the dashboard for commands, and reports status back.\n\n```\n┌─────────────────┐ poll commands ┌──────────────────┐\n│ Val Town │ ◄──────────────────── │ Termux Bot │\n│ Dashboard │ ────────────────────► │ (whatsapp-web.js)│\n│ (this val) │ report status │ (your phone) │\n└─────────────────┘ └──────────────────┘\n```\n\n## Dashboard Features\n\n- 📱 Scan QR code directly in browser\n- ✏️ Write/edit broadcast message with `{group}` placeholder\n- ▶️ Start, ⏸️ Pause/Resume, ⏹️ Stop controls\n- 📊 Real-time progress (sent, remaining, progress bar)\n- 📋 Activity log\n- 🟢 Bot online/offline indicator\n\n## API Endpoints\n\n| Method | Path | Description |\n|--------|------|-------------|\n| GET | `/api/status` | Current state (polled by dashboard every 2s) |\n| POST | `/api/message` | Update broadcast message |\n| POST | `/api/start` | Start broadcasting |\n| POST | `/api/pause` | Toggle pause/resume |\n| POST | `/api/stop` | Stop and reset |\n| POST | `/api/bot-update` | Bot reports status + gets command |\n| GET | `/api/command` | Bot polls for commands |\n| POST | `/api/command/ack` | Bot acknowledges command |\n| POST | `/api/reset` | Full state reset |\n\n## Safety Rules (built into the bot)\n\n- ⏱️ Random delays: 30–90 seconds between messages\n- 📦 Batch cooldown: 2 hours after every 12 messages\n- 📅 Daily limit: 50 messages per day\n- 🕘 Working hours: 9 AM – 9 PM only\n- ⌨️ Typing simulation before each message\n- 💾 Progress persistence via Val Town blob storage\n\n## Setup\n\n### 1. Dashboard (already deployed)\n\nYour dashboard is live at the URL shown in `main.tsx`'s endpoint.\n\n### 2. Termux Bot\n\nInstall Termux from F-Droid (not Play Store), then run:\n\n```bash\npkg update && pkg upgrade -y\npkg install nodejs git python build-base -y\nnpm install whatsapp-web.js qrcode\n```\n\nDownload `termux-bot.js` from this val, then:\n\n```bash\nnode termux-bot.js\n```\n\n### 3. Connect\n\n1. Open the dashboard URL in your browser\n2. The bot will send a QR code — scan it with WhatsApp\n3. Write your message (use `{group}` for personalization)\n4. Hit **Start**\n\n## Files\n\n| File | Purpose |\n|------|---------|\n| `main.tsx` | HTTP handler — API routes + static file serving |\n| `index.html` | Dashboard UI |\n| `style.css` | Dark theme styling |\n| `script.js` | Frontend polling and controls |\n| `termux-bot.js` | Bot script for Termux (download and run on phone) |\n\n## ⚠️ Safety Reminder\n\n- Use a **spare/secondary** WhatsApp number\n- Keep daily limit low (20–30) for the first few days\n- If you see rate limit errors, **stop immediately** and increase delays\n",[162],"111e1ef69baea33523bba358eda4244a56ee9d4c05b0111aa74ccd5d2c1130f7","bcf9273a-59e1-11f1-96a6-ee650bb23af1","8ddbf374-4187-11f0-aa65-76b3cceeab13",["D",1779896149804],30,"# 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",[162],"de7909bae6a69cb7e6b3a540930221220cb9b3ba704a999a532dea66256997ad",{"_74":181,"_76":-7,"_78":182},"termux-bot.js",{"_32":183,"_13":181,"_81":184,"_83":-5,"_84":58,"_85":185,"_87":26,"_34":186,"_40":169,"_90":113,"_92":187,"_65":48,"_94":-5,"_95":-7,"_74":188,"_97":189},"43dd49a6-6f80-493b-9e69-a440cc2ba651","a16ea03a-85b0-11f1-b6b7-1607ee4eb77e",21,["D",1784713286104],"// ============================================================================\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 EXACTLY in order):\n//\n// termux-setup-storage\n// pkg update && pkg upgrade -y\n// pkg install nodejs git python build-essential chromium -y\n// npm install whatsapp-web.js qrcode puppeteer-core\n//\n// Then 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// ─── Default Safety Settings (overridden by dashboard) ───\nconst DEFAULT_SETTINGS = {\n minDelaySec: 30,\n maxDelaySec: 90,\n batchSize: 12,\n batchCooldownMin: 120,\n dailyLimit: 50,\n startHour: 9,\n endHour: 21,\n};\n\n// ─── Find Chromium on Termux ───\nconst { execSync } = require('child_process');\nlet chromiumPath = '';\nconst possiblePaths = [\n '/data/data/com.termux/files/usr/bin/chromium-browser',\n '/data/data/com.termux/files/usr/bin/chromium',\n '/usr/bin/chromium-browser',\n '/usr/bin/chromium',\n '/usr/bin/google-chrome',\n];\nfor (const p of possiblePaths) {\n try {\n execSync(`test -f \"${p}\"`, { stdio: 'ignore' });\n chromiumPath = p;\n break;\n } catch (e) { /* not found, try next */ }\n}\nif (!chromiumPath) {\n console.error('❌ Chromium not found! Install it: pkg install chromium');\n console.error(' Tried paths:', possiblePaths.join(', '));\n process.exit(1);\n}\nconsole.log(`🔍 Found Chromium at: ${chromiumPath}`);\n\n// ─── Imports ───\nconst { Client, LocalAuth } = require('whatsapp-web.js');\nconst QRCode = require('qrcode');\n\n// ─── State ───\nconst state = {\n status: 'disconnected',\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 settings: { ...DEFAULT_SETTINGS },\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 >= state.settings.startHour && hour < state.settings.endHour;\n}\nfunction updateSettings(s) {\n if (!s) return;\n state.settings = {\n minDelaySec: s.minDelaySec ?? state.settings.minDelaySec,\n maxDelaySec: s.maxDelaySec ?? state.settings.maxDelaySec,\n batchSize: s.batchSize ?? state.settings.batchSize,\n batchCooldownMin: s.batchCooldownMin ?? state.settings.batchCooldownMin,\n dailyLimit: s.dailyLimit ?? state.settings.dailyLimit,\n startHour: s.startHour ?? state.settings.startHour,\n endHour: s.endHour ?? state.settings.endHour,\n };\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 if (data.settings) updateSettings(data.settings);\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 if (data.settings) updateSettings(data.settings);\n return data;\n } catch (err) {\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) { /* ignore */ }\n}\n\n// ─── WhatsApp Client (Termux-optimized Puppeteer config) ───\nconst client = new Client({\n authStrategy: new LocalAuth(),\n puppeteer: {\n headless: true,\n executablePath: chromiumPath,\n args: [\n '--no-sandbox',\n '--disable-setuid-sandbox',\n '--disable-dev-shm-usage',\n '--disable-gpu',\n '--single-process',\n '--no-zygote',\n '--disable-software-rasterizer',\n '--disable-extensions',\n '--disable-background-networking',\n '--disable-sync',\n '--disable-translate',\n '--mute-audio',\n '--hide-scrollbars',\n '--window-size=800,600',\n ],\n timeout: 60000,\n },\n});\n\nclient.on('loading_screen', (percent) => {\n console.log(`⏳ Loading: ${percent}%`);\n});\n\nclient.on('qr', async (qr) => {\n state.status = 'disconnected';\n console.log('\\n📱 QR Code generated!');\n console.log('Scan it on the dashboard or in WhatsApp Settings > Linked Devices\\n');\n try {\n state.qrCode = await QRCode.toDataURL(qr, { width: 256, margin: 2 });\n console.log('📤 Sending QR to dashboard...');\n await reportToDashboard('📱 QR Code generated — scan on dashboard');\n console.log('✅ QR sent to dashboard. Open the dashboard URL in your browser.');\n } catch (err) {\n console.error('❌ Failed to generate QR image:', err.message);\n // Fallback: print QR to terminal\n console.log('Raw QR string (paste into a QR generator):');\n console.log(qr);\n }\n});\n\nclient.on('ready', async () => {\n state.status = 'idle';\n state.qrCode = null;\n console.log('✅ WhatsApp connected!');\n\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 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 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 }\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 if (cmd.broadcastMessage) {\n state.broadcastMessage = cmd.broadcastMessage;\n }\n\n if (state.sentToday >= state.settings.dailyLimit) {\n state.status = 'finished';\n state.isLoopRunning = false;\n await reportToDashboard(`🚦 Daily limit reached (${state.settings.dailyLimit}).`);\n return;\n }\n\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);\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 await client.sendPresenceAvailable();\n await group.sendState('typing');\n await sleep(randomDelay(3000, 8000));\n\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 if (state.sentToday % state.settings.batchSize === 0) {\n console.log(`☕ Batch cooldown for ${state.settings.batchCooldownMin} mins.`);\n state.status = 'idle';\n await reportToDashboard(`☕ Batch cooldown — ${state.settings.batchCooldownMin} min pause`);\n await sleep(state.settings.batchCooldownMin * 60 * 1000);\n state.status = 'broadcasting';\n }\n\n const wait = randomDelay(state.settings.minDelaySec * 1000, state.settings.maxDelaySec * 1000);\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);\n }\n }\n\n state.status = 'finished';\n state.isLoopRunning = false;\n console.log('🎉 Broadcast finished!');\n await reportToDashboard('🎉 Broadcast finished!');\n}\n\n// ─── Command Poller ───\nasync function commandPoller() {\n while (true) {\n try {\n const cmd = await pollCommand();\n\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 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();\n }\n\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 if (cmd.command === 'resume' && !state.isPaused) {\n await ackCommand();\n }\n\n state.lastCommand = cmd.command;\n } catch (err) { /* keep polling */ }\n await sleep(3000);\n }\n}\n\n// ─── Status Reporter ───\nasync function statusReporter() {\n while (true) {\n if (state.status !== 'disconnected' || state.qrCode) {\n await reportToDashboard(null);\n }\n await sleep(5000);\n }\n}\n\n// ─── Start ───\nconsole.log('🚀 Starting WhatsApp Broadcast Bot...');\nconsole.log(`📡 Dashboard: ${DASHBOARD_URL}`);\nconsole.log(`⚙️ Chromium: ${chromiumPath}`);\nconsole.log('⏳ Initializing WhatsApp client...\\n');\n\nclient.initialize();\ncommandPoller();\nstatusReporter();\n",[181],"a99943e359755d403eeaad6fe723a195a4cefb44ff2746add59a15dc4c1b75b0",["D",1784712267284],"legacyEnvVars","httpPrivacy","description","WhatsApp broadcast dashboard - UI on Val Town, bot on Termux","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789589947&sig=388debd7431c7baae3408b2ff846271828e01dddeedb282717345da5c1bdb6ff","userId","8f76791f-14b9-4240-82d5-e10bc0502558","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f88ff-b274-74c0-9a12-551607097ac6","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_230":226},"org",{"_11":12,"_223":224,"_225":226,"_197":198,"_227":228,"_229":48},"branch","displayName","Peter G","avatar","https://lh3.googleusercontent.com/a/ACg8ocKhHBs80WMgQKbIG_53c9hpdRLdCUJgXBYkhMuVMwk9_aZDRw=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":316,"_46":-5,"_191":48,"_49":50,"_192":50,"_193":194,"_195":196,"_197":198,"_199":129,"_200":26,"_201":-5,"_202":-5,"_203":22,"_53":204,"_205":-5,"_206":-5,"_207":-5,"_208":-5,"_209":210,"_211":210,"_212":213,"_214":213,"_215":213,"_216":210,"_217":210,"_218":317,"_220":318,"_222":319,"_47":48},"tree",[294,295,296,297,298,299,300],"files",[294,295,296,297,298,299,300],"counts",{"_284":22,"_285":169,"_286":22,"_287":288,"_289":290},"contents",[259,260,261,262,263,264,265],"upstreamProject",{"_32":39,"_13":56,"_193":256,"_195":196,"_49":50,"_218":257},"upstreamBranch",{"_32":33,"_34":254,"_36":255,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],["D",1779896149804],"Basic HTML starter template based on Glitch's starter",{"_11":52,"_230":258},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789589947&sig=06bb6df35288fb4dcac9222db28f261ddb22c8c234b33551fd07b637f855f220",{"_32":165,"_13":162,"_81":166,"_83":-5,"_84":58,"_85":167,"_87":26,"_34":282,"_40":169,"_90":91,"_92":170,"_65":48,"_94":-5,"_74":283},{"_32":276,"_13":277,"_81":278,"_83":-5,"_84":58,"_85":169,"_87":26,"_34":279,"_40":22,"_90":91,"_92":280,"_65":48,"_94":-5,"_74":281},{"_32":148,"_13":145,"_81":149,"_83":-5,"_84":58,"_85":20,"_87":26,"_34":274,"_40":151,"_90":91,"_92":152,"_65":48,"_94":-5,"_74":275},{"_32":128,"_13":125,"_81":129,"_83":-5,"_84":58,"_85":130,"_87":26,"_34":272,"_40":132,"_90":133,"_92":134,"_65":48,"_94":-5,"_74":273},{"_32":109,"_13":106,"_81":110,"_83":-5,"_84":58,"_85":57,"_87":26,"_34":270,"_40":112,"_90":113,"_92":114,"_65":48,"_94":-5,"_74":271},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":86,"_87":26,"_34":268,"_40":89,"_90":91,"_92":93,"_65":48,"_94":-5,"_74":269},{"_32":183,"_13":181,"_81":184,"_83":-5,"_84":58,"_85":185,"_87":26,"_34":266,"_40":169,"_90":113,"_92":187,"_65":48,"_94":-5,"_74":267},["D",1784713286104],[181],["D",1784713295999],[75],["D",1784713869204],[106],["D",1784713827633],[125],["D",1784713827635],[145],"f5fd06a8-6964-4747-9e8c-6db976a61b59","favicon.svg","019f8924-06aa-7049-b41b-69ec5951e242",["D",1784712267284],"",[277],["D",1784712920188],[162],"pulls","branches","forks","envVars",{"_291":22,"_293":22},"connections",{"_291":22,"_292":22},"count","unfilledCount","emptyCount",{"_32":165,"_13":162,"_81":166,"_83":-5,"_84":58,"_85":167,"_87":26,"_34":168,"_40":169,"_90":91,"_92":170,"_65":48,"_94":-5,"_95":314,"_74":315},{"_32":276,"_13":277,"_81":278,"_83":-5,"_84":58,"_85":169,"_87":26,"_34":311,"_40":22,"_90":91,"_92":280,"_65":48,"_94":-5,"_95":312,"_74":313},{"_32":148,"_13":145,"_81":149,"_83":-5,"_84":58,"_85":20,"_87":26,"_34":150,"_40":151,"_90":91,"_92":152,"_65":48,"_94":-5,"_95":309,"_74":310},{"_32":128,"_13":125,"_81":129,"_83":-5,"_84":58,"_85":130,"_87":26,"_34":131,"_40":132,"_90":133,"_92":134,"_65":48,"_94":-5,"_95":307,"_74":308},{"_32":109,"_13":106,"_81":110,"_83":-5,"_84":58,"_85":57,"_87":26,"_34":111,"_40":112,"_90":113,"_92":114,"_65":48,"_94":-5,"_95":305,"_74":306},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":86,"_87":26,"_34":88,"_40":89,"_90":91,"_92":93,"_65":48,"_94":-5,"_95":303,"_74":304},{"_32":183,"_13":181,"_81":184,"_83":-5,"_84":58,"_85":185,"_87":26,"_34":186,"_40":169,"_90":113,"_92":187,"_65":48,"_94":-5,"_95":301,"_74":302},[],[181],[],[75],[],[106],[],[125],[],[145],["D",1784712267284],[],[277],[],[162],["D",1784712267284],{"_11":12,"_230":226},{"_11":12,"_223":224,"_225":226,"_197":198,"_227":228,"_229":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":41,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_218":-5,"_251":353,"_354":355,"_356":357,"_358":48,"_359":48,"_360":48,"_361":26,"_362":-5,"_363":-7,"_364":-7,"_365":22,"_366":48,"_367":48,"_368":-5,"_369":48,"_370":48,"_371":48,"_372":-5},"ENV",{"_324":325,"_326":327,"_328":16,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

📢 WhatsApp Group Broadcaster

🔀 Mode

📱 WhatsApp API Setup

🔐 Link Device (Termux)

📊 Progress

📋 Contacts

✏️ Broadcast Message

⚙️ Broadcast Settings

🎮 Controls

📋 Activity Log

Hi there!

Compare

Mergepeterg/mainintotemplates/main

README.md+72-31

index.html+140-20

Hmain.tsx+393-1

script.js+336-5

style.css+138-8

termux-bot.js+400-0