[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_185":186,"_187":188},"routes/_app.x.$handle.$name",{"_102":101,"_38":51,"_111":92,"_33":106,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":31,"_125":126,"_127":64,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_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":31},"version",7,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","9b383e63-ffbf-447d-9c3c-0934afc55ef7","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","index.ts","latestPath","fileId","d51d32c6-7e9d-11f1-a570-1607ee4eb77e","name","fileType","http","content","import { Bot, webhookCallback, InlineQueryResultPhoto } from \"https://deno.land/x/grammy@v1.35.0/mod.ts\";\nimport {\n POPULAR_TEMPLATES,\n memeImageUrl,\n parseQuery,\n} from \"./meme.ts\";\n\nif (!Deno.env.get(\"TG_TOKEN\")) {\n throw new Error(\"TG_TOKEN is not set\");\n}\n\nconst bot = new Bot(Deno.env.get(\"TG_TOKEN\")!);\n\n// ── /start command ────────────────────────────────────────────────────\nbot.command(\"start\", (ctx) =>\n ctx.reply(\n \"👋 Welcome to Meme Bot!\\n\\n\" +\n \"Use me in any chat: type @MemeBot followed by your text.\\n\\n\" +\n \"Formats:\\n\" +\n ' • \"top text\" — top line only\\n' +\n ' • \"top text | bottom text\" — both lines\\n' +\n ' • \"template | top | bottom\" — specific template\\n\\n' +\n \"Example: @MemeBot hello | world\",\n ),\n);\n\n// ── Inline query handler ──────────────────────────────────────────────\nbot.inlineQuery(/.*/, async (ctx) => {\n const query = ctx.inlineQuery.query.trim();\n\n // Empty query → show a help article\n if (!query) {\n await ctx.answerInlineQuery(\n [\n {\n type: \"article\",\n id: \"help\",\n title: \"Type your meme text\",\n description: \"Format: top text | bottom text\",\n input_message_content: {\n message_text:\n \"Use @MemeBot in any chat to generate memes!\\n\\n\" +\n 'Type: \"top text | bottom text\"',\n },\n },\n ],\n { cache_time: 0 },\n );\n return;\n }\n\n const { templateId, lines } = parseQuery(query);\n\n // Build the list of templates to show\n let templates = POPULAR_TEMPLATES;\n if (templateId) {\n const found = POPULAR_TEMPLATES.find((t) => t.id === templateId);\n templates = found ? [found] : [{ id: templateId, name: templateId, lines: 2 }];\n }\n\n // Generate inline photo results\n const results: InlineQueryResultPhoto[] = templates.map((tpl, i) => {\n // Adjust text lines to the template's expected count\n let textLines = [...lines];\n if (tpl.lines === 1) {\n textLines = [lines.join(\" \")];\n } else {\n while (textLines.length < tpl.lines) textLines.push(\"\");\n textLines = textLines.slice(0, tpl.lines);\n }\n\n const photoUrl = memeImageUrl(tpl.id, textLines, \"jpg\");\n const thumbUrl = photoUrl + \"?width=250\";\n\n return {\n type: \"photo\",\n id: `${tpl.id}-${i}`,\n photo_url: photoUrl,\n thumb_url: thumbUrl,\n caption: `🤖 ${tpl.name}`,\n };\n });\n\n await ctx.answerInlineQuery(results, {\n cache_time: 60,\n is_personal: false,\n });\n});\n\n// ── Fallback: handle regular messages ────────────────────────────────\nbot.on(\"message:text\", (ctx) =>\n ctx.reply(\n \"Use me in inline mode! Type @MemeBot followed by your text in any chat.\\n\" +\n \"Example: @MemeBot hello | world\",\n ),\n);\n\n// ── Webhook setup ─────────────────────────────────────────────────────\nconst SECRET_TOKEN = Deno.env.get(\"TELEGRAM_TOKEN\")!.split(\":\")[1];\n\nconst handleUpdate = webhookCallback(\n bot,\n \"std/http\",\n undefined,\n undefined,\n SECRET_TOKEN,\n);\n\nlet isEndpointSet = false;\n\nexport default async (req: Request): Promise => {\n // Register the webhook on first request (no-op if unchanged)\n if (!isEndpointSet) {\n try {\n await bot.api.setWebhook(req.url, {\n secret_token: SECRET_TOKEN,\n });\n } catch (e) {\n console.error(\"setWebhook failed:\", e);\n }\n isEndpointSet = true;\n }\n\n if (req.method === \"POST\") {\n return await handleUpdate(req);\n }\n\n return new Response(\n \"

🤖 Telegram Meme Bot

\" +\n \"

Send a message to the bot on Telegram or use it inline!

\" +\n \"

Format: top text | bottom text

\",\n { status: 200, headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n};\n","import { Bot, webhookCallback, InlineQueryResultPhoto } from \"https://deno.land/x/grammy@v1.35.0/mod.ts\";\nimport {\n POPULAR_TEMPLATES,\n memeImageUrl,\n parseQuery,\n} from \"./meme.ts\";\n\nif (!Deno.env.get(\"TG_TOKEN\")) {\n throw new Error(\"TG_TOKEN is not set\");\n}\n\nconst bot = new Bot(Deno.env.get(\"TG_TOKEN\")!);\n\n// ── /start command ────────────────────────────────────────────────────\nbot.command(\"start\", (ctx) =>\n ctx.reply(\n \"👋 Welcome to Meme Bot!\\n\\n\" +\n \"Use me in any chat: type @MemeBot followed by your text.\\n\\n\" +\n \"Formats:\\n\" +\n ' • \"top text\" — top line only\\n' +\n ' • \"top text | bottom text\" — both lines\\n' +\n ' • \"template | top | bottom\" — specific template\\n\\n' +\n \"Example: @MemeBot hello | world\",\n ),\n);\n\n// ── Inline query handler ──────────────────────────────────────────────\nbot.inlineQuery(/.*/, async (ctx) => {\n const query = ctx.inlineQuery.query.trim();\n\n // Empty query → show a help article\n if (!query) {\n await ctx.answerInlineQuery(\n [\n {\n type: \"article\",\n id: \"help\",\n title: \"Type your meme text\",\n description: \"Format: top text | bottom text\",\n input_message_content: {\n message_text:\n \"Use @MemeBot in any chat to generate memes!\\n\\n\" +\n 'Type: \"top text | bottom text\"',\n },\n },\n ],\n { cache_time: 0 },\n );\n return;\n }\n\n const { templateId, lines } = parseQuery(query);\n\n // Build the list of templates to show\n let templates = POPULAR_TEMPLATES;\n if (templateId) {\n const found = POPULAR_TEMPLATES.find((t) => t.id === templateId);\n templates = found ? [found] : [{ id: templateId, name: templateId, lines: 2 }];\n }\n\n // Generate inline photo results\n const results: InlineQueryResultPhoto[] = templates.map((tpl, i) => {\n // Adjust text lines to the template's expected count\n let textLines = [...lines];\n if (tpl.lines === 1) {\n textLines = [lines.join(\" \")];\n } else {\n while (textLines.length < tpl.lines) textLines.push(\"\");\n textLines = textLines.slice(0, tpl.lines);\n }\n\n const photoUrl = memeImageUrl(tpl.id, textLines, \"jpg\");\n const thumbUrl = photoUrl + \"?width=250\";\n\n return {\n type: \"photo\",\n id: `${tpl.id}-${i}`,\n photo_url: photoUrl,\n thumb_url: thumbUrl,\n caption: `🤖 ${tpl.name}`,\n };\n });\n\n await ctx.answerInlineQuery(results, {\n cache_time: 60,\n is_personal: false,\n });\n});\n\n// ── Fallback: handle regular messages ────────────────────────────────\nbot.on(\"message:text\", (ctx) =>\n ctx.reply(\n \"Use me in inline mode! Type @MemeBot followed by your text in any chat.\\n\" +\n \"Example: @MemeBot hello | world\",\n ),\n);\n\n// ── Webhook setup ─────────────────────────────────────────────────────\nconst SECRET_TOKEN = Deno.env.get(\"TG_TOKEN\")!.split(\":\")[1];\n\nconst handleUpdate = webhookCallback(\n bot,\n \"std/http\",\n undefined,\n undefined,\n SECRET_TOKEN,\n);\n\nlet isEndpointSet = false;\n\nexport default async (req: Request): Promise => {\n // Register the webhook on first request (no-op if unchanged)\n if (!isEndpointSet) {\n try {\n await bot.api.setWebhook(req.url, {\n secret_token: SECRET_TOKEN,\n });\n } catch (e) {\n console.error(\"setWebhook failed:\", e);\n }\n isEndpointSet = true;\n }\n\n if (req.method === \"POST\") {\n return await handleUpdate(req);\n }\n\n return new Response(\n \"

🤖 Telegram Meme Bot

\" +\n \"

Send a message to the bot on Telegram or use it inline!

\" +\n \"

Format: top text | bottom text

\",\n { status: 200, headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n};\n","createdAt",["D",1783959973249],"branchVersion","branchId","f99c4f46-19a4-4e53-b3c9-36a0028c6144","id","808534db-3ad1-492d-a368-e8e0d361afc6","telegram-meme-bot",["D",1783934462987],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Telegram inline bot that generates memes via api.memegen.link","imageUrl","80a224f2-37d8-4c2e-9eec-7d7090e80ede","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f5ac5-ca33-776e-8662-ec6a7afa171d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_110":106},"org",{"_102":101,"_103":104,"_105":106,"_19":61,"_107":108,"_109":31},"branch",{"_13":91,"_38":92,"_49":48,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"isOwned",12,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","as9851605752","handle","displayName","Дима Выхристюк","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_49":50,"_38":51,"_44":181,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_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":182,"_86":183,"_88":184,"_90":31},"tree",[168,169,170],"files",[168,169,170],"counts",{"_158":68,"_159":155,"_160":68,"_161":162,"_163":164},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":150,"_38":151,"_36":152,"_138":-5,"_47":48,"_46":153,"_140":31,"_44":154,"_13":155,"_39":26,"_41":156,"_30":31,"_144":-5,"_33":157},{"_49":146,"_38":34,"_36":37,"_138":-5,"_47":48,"_46":14,"_140":31,"_44":147,"_13":148,"_39":40,"_41":43,"_30":31,"_144":-5,"_33":149},{"_49":135,"_38":136,"_36":137,"_138":-5,"_47":48,"_46":139,"_140":64,"_44":141,"_13":68,"_39":142,"_41":143,"_30":31,"_144":-5,"_33":145},"1ac3fa9d-186b-4e4a-abfa-c1ddd793a279","meme.ts","bf096158-7e9d-11f1-bff2-1607ee4eb77e","parentId",2,"latest",["D",1783935140512],"script","// ── memegen.link helpers ──────────────────────────────────────────────\n\n/**\n * Encode arbitrary text so it's safe to use in a memegen.link URL path.\n *\n * Rules (from https://github.com/jacebrowning/memegen):\n * _ → space __ → literal _\n * - → space -- → literal -\n * ~q → ? ~a → & ~p → % ~h → # ~s → /\n * ~b → \\ ~l → < ~g → > '' → \"\n * ~n → newline\n *\n * Encoding order matters: we must escape _ and - first (before we\n * introduce new ones for spaces), then escape ~-prefixed sequences,\n * then replace spaces.\n */\nexport function encodeText(text: string): string {\n if (!text) return \"_\"; // empty line placeholder\n return text\n // 1. Escape characters that are used as space substitutes\n .replace(/_/g, \"__\")\n .replace(/-/g, \"--\")\n // 2. Escape tilde-prefixed sequences (escape ~ itself first)\n .replace(/~/g, \"~~\")\n // 3. Escape reserved URL / special characters\n .replace(/\\?/g, \"~q\")\n .replace(/&/g, \"~a\")\n .replace(/%/g, \"~p\")\n .replace(/#/g, \"~h\")\n .replace(/\\//g, \"~s\")\n .replace(/\\\\/g, \"~b\")\n .replace(//g, \"~g\")\n .replace(/\"/g, \"''\")\n .replace(/\\n/g, \"~n\")\n // 4. Replace spaces with underscores\n .replace(/ /g, \"_\");\n}\n\n/** Build a full memegen.link image URL for the given template and text lines. */\nexport function memeImageUrl(\n templateId: string,\n lines: string[],\n format: \"jpg\" | \"png\" | \"webp\" = \"jpg\",\n): string {\n const encoded = lines.map(encodeText);\n return `https://api.memegen.link/images/${templateId}/${encoded.join(\"/\")}.${format}`;\n}\n\n/** Curated list of popular 2-line meme templates. */\nexport interface MemeTemplate {\n id: string;\n name: string;\n lines: number;\n}\n\nexport const POPULAR_TEMPLATES: MemeTemplate[] = [\n { id: \"drake\", name: \"Drake Hotline Bling\", lines: 2 },\n { id: \"aag\", name: \"Ancient Aliens Guy\", lines: 2 },\n { id: \"afraid\", name: \"Afraid to Ask Andy\", lines: 2 },\n { id: \"blb\", name: \"Bad Luck Brian\", lines: 2 },\n { id: \"bihw\", name: \"But It's Honest Work\", lines: 2 },\n { id: \"boat\", name: \"I Should Buy a Boat Cat\", lines: 2 },\n { id: \"both\", name: \"Why Not Both?\", lines: 2 },\n { id: \"bd\", name: \"Butthurt Dweller\", lines: 2 },\n { id: \"cheems\", name: \"Cheems\", lines: 2 },\n { id: \"cb\", name: \"Confession Bear\", lines: 2 },\n { id: \"awesome\", name: \"Socially Awesome Penguin\", lines: 2 },\n { id: \"buzz\", name: \"X, X Everywhere\", lines: 2 },\n { id: \"cmm\", name: \"Change My Mind\", lines: 1 },\n { id: \"ch\", name: \"Captain Hindsight\", lines: 2 },\n { id: \"ants\", name: \"Do You Want Ants?\", lines: 2 },\n { id: \"yuno\", name: \"Y U No\", lines: 2 },\n { id: \"fry\", name: \"Not Sure If Fry\", lines: 2 },\n { id: \"rollsafe\", name: \"Roll Safe Think About It\", lines: 2 },\n { id: \"grumpycat\", name: \"Grumpy Cat\", lines: 2 },\n { id: \"doge\", name: \"Doge\", lines: 2 },\n];\n\n/** Parse the inline query string into template + text lines.\n *\n * Supported formats:\n * \"top\" → top only, all templates\n * \"top | bottom\" → top + bottom, all templates\n * \"template | top | bottom\" → specific template, top + bottom\n * \"template | top\" → specific template, top only\n */\nexport interface ParsedQuery {\n templateId: string | null;\n lines: string[];\n}\n\nexport function parseQuery(query: string): ParsedQuery {\n const parts = query.split(\"|\").map((s) => s.trim());\n\n // 3+ parts: first part is a template ID\n if (parts.length >= 3) {\n return {\n templateId: parts[0].toLowerCase(),\n lines: parts.slice(1),\n };\n }\n\n // 1–2 parts: text only, use all popular templates\n return {\n templateId: null,\n lines: parts,\n };\n}\n","label",[136],"7530f7a5-e556-4278-98e4-34900690ee35",["D",1783959973249],3,[34],"1b1c5b61-39bb-43ad-b440-ee24cf351406","README.md","e07c2f60-7e9c-11f1-91ce-1607ee4eb77e",5,["D",1783935210026],1,"# 🤖 Telegram Meme Bot\n\nInline Telegram bot that generates memes from user text via [api.memegen.link](https://api.memegen.link).\n\n## How it works\n\n1. User types `@YourBotName hello | world` in any Telegram chat\n2. The bot generates meme images for 20 popular templates using the memegen.link API\n3. User picks a result and the meme is sent to the chat\n\n## Usage formats\n\n| Format | Example | Result |\n|---|---|---|\n| `top text` | `@bot hello` | Top line only, 20 templates |\n| `top \\| bottom` | `@bot hello \\| world` | Both lines, 20 templates |\n| `template \\| top \\| bottom` | `@bot drake \\| hello \\| world` | Specific template only |\n\n## Setup\n\n1. Create a bot via [@BotFather](https://t.me/botfather) and get the token\n2. **Enable inline mode**: send `/setinline` to @BotFather and set a placeholder\n3. Set the `TELEGRAM_TOKEN` env var:\n\n👉 Add TELEGRAM_TOKEN here: https://www.val.town/x/as9851605752/telegram-meme-bot/environment-variables?key=TELEGRAM_TOKEN\n\n4. Visit the val's HTTP endpoint once to auto-register the webhook\n5. Test by typing `@YourBotName hello | world` in any chat\n\n## Files\n\n- `index.ts` — HTTP webhook handler (grammY bot with inline query support)\n- `meme.ts` — memegen.link URL helpers, text encoding, and template list\n\n## Tech\n\n- [grammY](https://grammy.dev/) — Telegram bot framework\n- [api.memegen.link](https://api.memegen.link) — meme image generation API\n",[151],"pulls","branches","forks","envVars",{"_165":148,"_167":68},"connections",{"_165":68,"_166":68},"count","unfilledCount","emptyCount",{"_49":150,"_38":151,"_36":152,"_138":-5,"_47":48,"_46":153,"_140":31,"_44":178,"_13":155,"_39":26,"_41":156,"_30":31,"_144":-5,"_172":179,"_33":180},{"_49":146,"_38":34,"_36":37,"_138":-5,"_47":48,"_46":14,"_140":31,"_44":175,"_13":148,"_39":40,"_41":43,"_30":31,"_144":-5,"_172":176,"_33":177},{"_49":135,"_38":136,"_36":137,"_138":-5,"_47":48,"_46":139,"_140":64,"_44":171,"_13":68,"_39":142,"_41":143,"_30":31,"_144":-5,"_172":173,"_33":174},["D",1783935140512],"children",[],[136],["D",1783959973249],[],[34],["D",1783935210026],[],[151],["D",1783934462987],{"_102":101,"_110":106},{"_102":101,"_103":104,"_105":106,"_19":61,"_107":108,"_109":31},{"_13":91,"_38":92,"_49":48,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"ctx",{"_84":-5,"_129":218,"_219":220,"_221":222,"_223":31,"_224":31,"_225":31,"_226":64,"_227":-5,"_228":-7,"_229":-7,"_230":68,"_231":31,"_232":31,"_233":-5,"_234":31,"_235":31,"_236":31,"_237":-5},"ENV",{"_189":190,"_191":192,"_193":92,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217},"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 · v7