\nTo see exactly how we use this template at Val Town: https://www.val.town/v/stevekrouse/twitterAlert\n\n## Set Up\n\n### 1. Fork this Val\nTo use this template, fork this val on the top right corner of this page.\n![Screenshot 2025-01-10 at 1.22.10 PM.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c4ae349d-7e28-4378-8646-21c8958e1f00/public)\n\n### 2. View Source Code\nThe `CODE` box shows you the the full source code of this val, you may need to scroll down to see it.\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/6a4dabb4-3b27-4cea-fce3-95a1a1c3cd00/public)\n\n### 3. Customize Query\nDefine what you want to search for by modifying `query`:\n\n```ts\nconst query = \"\\\"val.town\\\" OR \\\"val.run\\\" OR \\\"val town\\\" -_ValTown_ -is:retweet -from:valenzuelacity -from:val__run\";\n```\n\nRefer to [Twitter's search operators](https://socialdata.gitbook.io/docs/twitter-tweets/retrieve-search-results-by-keyword#endpoint-parameters) to fine-tune your query.\n\n### 4. Test API call\nSet `isProd = false` in the code if you are testing, to ensure there are enough tweets to display.
\nToggle it back to `true` when you're ready to run this cron job in production and actuall send notifications.\n\n### 5. Choose Notification Method\n\nThis template uses a Discord webhook for notifications, but \nyou can update this to your preferred platform by replacing the `discordWebhook` call \nwith a call to [Slack](https://docs.val.town/integrations/slack/send-messages-to-slack/), [`@std/email`](https://docs.val.town/std/email/), etc.\n\n**Create a Discord webhook following [this guide](https://support.discord.com/hc/en-us/articles/228383668-Intro-to-Webhooks).**\n\nSave your Discord Webhook URL in your [Val Town environment variables](https://www.val.town/settings/environment-variables):\n- Key: `mentionsDiscord`\n- Value: Your Discord webhook URL.\nNotifications will be sent using this function:\n\n```ts\nawait discordWebhook({\n url: Deno.env.get(\"mentionsDiscord\"),\n content,\n});\n```\n\n\n#### 🎉 Congrats! You now have a val running that ensures you never miss another Twitter/X mention. 🎉\n\n\n### NOTE: Usage Limits\nThis val uses the SocialData API for Twitter data:\n\n- **Proxies via Val Town's [SocialDataProxy](https://www.val.town/v/stevekrouse/socialDataProxy)**: Limited to 10 cents per day for [**Val Town Pro users**](https://www.val.town/pricing). This API is *only* for Pro users.\n- **Need more calls?** Sign up for your own [SocialData API token](https://socialdata.tools) and configure the [`socialDataSearch`](https://www.val.town/v/stevekrouse/socialDataSearch) function.","deleted","label","children",[],[155],{"_102":173,"_95":174,"_156":175,"_158":-5,"_159":138,"_160":137,"_161":115,"_104":176,"_99":177,"_163":178,"_165":179,"_167":22,"_168":-5,"_169":180,"_98":181},"96adb2d8-26db-11f0-a5b3-569c3dd06744","main.tsx","9692ad80-26db-11f0-a5b3-569c3dd06744",["D",1741700543534],4,"interval","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [balance, setBalance] = useState(0);\n const [clickCount, setClickCount] = useState(0);\n\n useEffect(() => {\n // Fetch initial balance when component loads\n fetch('/balance')\n .then(response => response.json())\n .then(data => setBalance(data.balance));\n }, []);\n\n const handleClick = async () => {\n try {\n const response = await fetch('/earn', { method: 'POST' });\n const data = await response.json();\n setBalance(data.balance);\n setClickCount(prev => prev + 1);\n } catch (error) {\n console.error('Error earning money:', error);\n }\n };\n\n return (\n

💰 Money Clicker Game 💰

Current Balance: ${balance.toFixed(2)}

Clicks: {clickCount}

\n \n

\n\n

📱 Download the App

\n \n 🍎 iOS App Store\n \n \n 🤖 Google Play\n \n

\n\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"twitterAlert\";\n const SCHEMA_VERSION = 1;\n\n // Create table for tracking user earnings\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_earnings_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n total_balance REAL DEFAULT 0,\n total_clicks INTEGER DEFAULT 0\n )\n `);\n\n // Ensure at least one row exists\n await sqlite.execute(`\n INSERT OR IGNORE INTO ${KEY}_earnings_${SCHEMA_VERSION} (total_balance, total_clicks) \n VALUES (0, 0)\n `);\n\n // Handle different routes\n if (request.method === 'GET' && new URL(request.url).pathname === '/balance') {\n const result = await sqlite.execute(`\n SELECT total_balance FROM ${KEY}_earnings_${SCHEMA_VERSION} LIMIT 1\n `);\n return new Response(JSON.stringify({ \n balance: result.rows[0].total_balance \n }), { \n headers: { 'Content-Type': 'application/json' } \n });\n }\n\n if (request.method === 'POST' && new URL(request.url).pathname === '/earn') {\n // Simulate earning money with some randomness\n const earnAmount = Math.random() * 0.50; // Earn between $0 and $0.50 per click\n\n await sqlite.execute(`\n UPDATE ${KEY}_earnings_${SCHEMA_VERSION} \n SET total_balance = total_balance + ?, \n total_clicks = total_clicks + 1\n `, [earnAmount]);\n\n const result = await sqlite.execute(`\n SELECT total_balance FROM ${KEY}_earnings_${SCHEMA_VERSION} LIMIT 1\n `);\n\n return new Response(JSON.stringify({ \n balance: result.rows[0].total_balance,\n earned: earnAmount \n }), { \n headers: { 'Content-Type': 'application/json' } \n });\n }\n\n // Render the main page\n return new Response(`\n \n \n Money Clicker Game\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}",[],[174],"files",[153,172],"counts",{"_186":32,"_187":118,"_188":32,"_189":32},"pulls","branches","forks","envVars","contents",[192,195],{"_102":154,"_95":155,"_156":157,"_158":-5,"_159":138,"_160":118,"_161":115,"_104":193,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":194},["D",1741700364453],[155],{"_102":173,"_95":174,"_156":175,"_158":-5,"_159":138,"_160":137,"_161":115,"_104":196,"_99":177,"_163":178,"_165":179,"_167":22,"_168":-5,"_98":197},["D",1741700543534],[174],"upstreamProject",{"_102":145,"_95":200,"_110":201,"_111":-5,"_108":109,"_23":202},"templateTwitterAlert","Get notifications when a keyword is mentioned on Twitter/X",{"_93":203,"_130":204},"valdottown","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9","upstreamBranch",{"_102":141,"_104":207,"_208":209,"_95":43,"_139":145,"_99":210,"_140":-5,"_142":-5,"_211":212,"_106":-5,"_150":22,"_108":109,"_149":203,"_16":147,"_148":200},["D",1744838193294],"updatedAt",["D",1749585551501],33,"lockfileKey","1749585924025-esm.town_v_valdottown_templateTwitterAlert@33-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":219,"_224":137,"_225":210,"_226":227,"_244":115,"_245":223,"_246":247,"_250":-5},{"_102":103,"_95":96,"_104":220,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":115,"_116":-5,"_117":118,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":221,"_132":222,"_135":223,"_150":22},["D",1746138501416],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":141,"_142":32,"_143":109,"_144":145,"_146":147,"_148":96,"_149":94},"ahead","behind","diff",{"_228":229,"_167":241,"_242":243},"added",[230,237],{"_98":155,"_231":-7,"_232":233},"targetFile","sourceFile",{"_102":154,"_95":155,"_156":157,"_158":-5,"_159":138,"_160":118,"_161":115,"_104":162,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":-7,"_98":234,"_235":236},[155],"contentHash","b998c08c1ad08bfe037e44785467153003b1ba4206944a1b4bda8fa748eed641",{"_98":174,"_231":-7,"_232":238},{"_102":173,"_95":174,"_156":175,"_158":-5,"_159":138,"_160":137,"_161":115,"_104":176,"_99":177,"_163":178,"_165":179,"_167":22,"_168":-5,"_169":-7,"_98":239,"_235":240},[174],"0525142a6e3a0c6e3e40052d4755e5f6234976a347748948b6509c7c9f29dd7f",[],"modified",[],"hasChanges","sourceBranch","targetBranch",{"_102":141,"_104":248,"_208":249,"_95":43,"_139":145,"_99":210,"_140":-5,"_142":-5,"_211":212,"_106":-5,"_150":22,"_108":109,"_149":203,"_16":147,"_148":200},["D",1744838193294],["D",1749585551501],"pull","actionData","errors"]

Akash11

twitterAlert

MergeAkash11/mainintovaldottown/main

README.md+65-0

Cmain.tsx+203-0