[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_180":181,"_182":183},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":49,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",17,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","e6a3507c-26db-11f0-a5b3-569c3dd06744","name","fileType","http","content","/** @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\";\nimport { verify_discord_signature } from \"https://esm.town/v/mattx/verify_discord_signature?v=8\";\nimport { registerDiscordSlashCommand } from \"https://esm.town/v/neverstew/registerDiscordSlashCommand\";\n\nfunction transformLink(url: string): string {\n try {\n const parsedUrl = new URL(url);\n if (parsedUrl.hostname === \"x.com\" || parsedUrl.hostname === \"twitter.com\") {\n parsedUrl.hostname = \"vxtwitter.com\";\n }\n // Add more transformations here as needed\n return parsedUrl.toString();\n } catch (error) {\n console.error(\"Error transforming link:\", error);\n return url;\n }\n}\n\nasync function registerCommands() {\n const result = await registerDiscordSlashCommand(\n Deno.env.get(\"LINKIFY_DISCORD_APPLICATION_ID\"),\n Deno.env.get(\"LINKIFY_DISCORD_BOT_TOKEN\"),\n {\n name: \"linkify\",\n description: \"Transform a URL\",\n options: [\n {\n name: \"url\",\n description: \"The URL to transform\",\n type: 3, // STRING\n required: true,\n },\n {\n name: \"summarize\",\n description: \"Whether to summarize the link content\",\n type: 5, // BOOLEAN\n required: false,\n },\n ],\n }\n );\n return result.json();\n}\n\nfunction DiscordSetupInstructions() {\n return (\n

Discord Application Setup Instructions

Go to the Discord Developer Portal
Create a new application or select an existing one
In the \"OAuth2\" section, select the \"applications.commands\" scope
Use the generated URL to add the application to your server
Copy your application's public key and add it as a Val Town environment variable named LINKIFY_DISCORD_PUBLIC_KEY
Copy your application ID and add it as a Val Town environment variable named LINKIFY_DISCORD_APPLICATION_ID
In the \"Bot\" section, ensure that the \"MESSAGE CONTENT INTENT\" is enabled
Copy your bot token and add it as a Val Town environment variable named LINKIFY_DISCORD_BOT_TOKEN
In the \"General Information\" section, set the following URL as your Discord application's interactions endpoint URL:\n {window.location.href}\n

After setting up the Discord application and environment variables, use the \"Register Commands\" button below to set up the /linkify command.

\n );\n}\n\nfunction InstallationLinks() {\n const [applicationId, setApplicationId] = useState(null);\n\n useEffect(() => {\n fetch('/application-id')\n .then(response => response.json())\n .then(data => setApplicationId(data.applicationId))\n .catch(error => console.error('Error fetching application ID:', error));\n }, []);\n\n if (!applicationId) {\n return

Loading installation links...

;\n }\n\n const serverInstallUrl = `https://discord.com/oauth2/authorize?client_id=${applicationId}&integration_type=0&scope=applications.commands`;\n const userInstallUrl = `https://discord.com/oauth2/authorize?client_id=${applicationId}&integration_type=1&scope=applications.commands`;\n\n return (\n

Installation Links

Use these links to install the bot on your server or for personal use:

Install on Server
Install for Personal Use

\n );\n}\n\nfunction App() {\n const [url, setUrl] = useState(\"\");\n const [transformedUrl, setTransformedUrl] = useState(\"\");\n const [registrationStatus, setRegistrationStatus] = useState(\"\");\n\n const handleTransform = () => {\n const transformed = transformLink(url);\n setTransformedUrl(transformed);\n };\n\n const handleRegisterCommands = async () => {\n try {\n const result = await registerCommands();\n setRegistrationStatus(\"Commands registered successfully!\");\n console.log(\"Registration result:\", result);\n } catch (error) {\n setRegistrationStatus(`Error registering commands: ${error.message}`);\n }\n };\n\n return (\n

Discord Linkify Command Tester

\n setUrl(e.target.value)}\n placeholder=\"Enter URL\"\n />\n \n

\n {transformedUrl && (\n

Transformed URL:

{transformedUrl}

\n )}\n \n

\n \n {registrationStatus &&

{registrationStatus}

}\n

\n \n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(req: Request): Promise {\n if (req.method === \"GET\") {\n const url = new URL(req.url);\n if (url.pathname === \"/application-id\") {\n const applicationId = Deno.env.get(\"LINKIFY_DISCORD_APPLICATION_ID\");\n return new Response(JSON.stringify({ applicationId }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(`\n \n \n Discord Linkify Command Tester\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" },\n });\n }\n\n if (req.method === \"POST\" && new URL(req.url).pathname === \"/register-commands\") {\n try {\n const result = await registerCommands();\n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n const body = await req.json();\n\n const verified = await verify_discord_signature(\n Deno.env.get(\"LINKIFY_DISCORD_PUBLIC_KEY\"),\n JSON.stringify(body),\n req.headers.get(\"X-Signature-Ed25519\"),\n req.headers.get(\"X-Signature-Timestamp\")\n );\n if (!verified) {\n return new Response(\"signature invalid\", {\n status: 401,\n statusText: \"signature invalid\",\n });\n }\n\n // PING\n if (body.type === 1) {\n return Response.json({ type: 1 }); // PONG\n }\n\n // APPLICATION_COMMAND interactions\n if (body.type === 2) {\n if (body.data?.name === \"linkify\") {\n const url = body.data.options.find((opt) => opt.name === \"url\")?.value;\n const summarize = body.data.options.find((opt) => opt.name === \"summarize\")?.value ?? false;\n\n if (!url) {\n return Response.json({\n type: 4,\n data: {\n content: \"Please provide a valid URL.\",\n },\n });\n }\n\n const transformedUrl = transformLink(url);\n let response = {\n type: 4,\n data: {\n content: `Transformed link: ${transformedUrl}`,\n },\n };\n\n if (summarize) {\n response.data.content += \"\\n\\nSummary functionality is not implemented in this example.\";\n }\n\n return Response.json(response);\n }\n\n return new Response(\"Bad request\", {\n status: 400,\n statusText: \"Bad request\",\n });\n }\n\n return new Response(\"Not handled\", { status: 422 });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\ninput[type=\"text\"] {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n}\n\nbutton {\n padding: 10px 20px;\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n margin-right: 10px;\n}\n\nbutton:hover {\n background-color: #45a049;\n}\n\npre {\n background-color: #f4f4f4;\n padding: 10px;\n overflow-x: auto;\n}\n\n.setup-instructions, .installation-links {\n background-color: #f0f0f0;\n border: 1px solid #ddd;\n border-radius: 5px;\n padding: 20px;\n margin-top: 20px;\n margin-bottom: 20px;\n}\n\n.setup-instructions h2, .installation-links h2 {\n margin-top: 0;\n}\n\n.setup-instructions ol, .installation-links ul {\n padding-left: 20px;\n}\n\n.setup-instructions li, .installation-links li {\n margin-bottom: 10px;\n}\n\n.setup-instructions code {\n background-color: #e0e0e0;\n padding: 2px 4px;\n border-radius: 3px;\n}\n\n.installation-links a {\n color: #4CAF50;\n text-decoration: none;\n}\n\n.installation-links a:hover {\n text-decoration: underline;\n}\n\nfooter {\n margin-top: 20px;\n text-align: center;\n}\n\n.view-source {\n color: #4CAF50;\n text-decoration: none;\n}\n\n.view-source:hover {\n text-decoration: underline;\n}\n`;","/** @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\";\nimport { verify_discord_signature } from \"https://esm.town/v/mattx/verify_discord_signature?v=8\";\nimport { registerDiscordSlashCommand } from \"https://esm.town/v/neverstew/registerDiscordSlashCommand\";\n\nfunction transformLink(url: string): string {\n try {\n const parsedUrl = new URL(url);\n if (parsedUrl.hostname === \"x.com\" || parsedUrl.hostname === \"twitter.com\") {\n parsedUrl.hostname = \"vxtwitter.com\";\n }\n // Add more transformations here as needed\n return parsedUrl.toString();\n } catch (error) {\n console.error(\"Error transforming link:\", error);\n return url;\n }\n}\n\nfunction DiscordSetupInstructions() {\n return (\n

Discord Application Setup Instructions

Go to the Discord Developer Portal
Create a new application or select an existing one
In the \"OAuth2\" section, select the \"applications.commands\" scope
Use the generated URL to add the application to your server
Copy your application's public key and add it as a Val Town environment variable named LINKIFY_DISCORD_PUBLIC_KEY
Copy your application ID and add it as a Val Town environment variable named LINKIFY_DISCORD_APPLICATION_ID
In the \"Bot\" section, ensure that the \"MESSAGE CONTENT INTENT\" is enabled
Copy your bot token and add it as a Val Town environment variable named LINKIFY_DISCORD_BOT_TOKEN
In the \"General Information\" section, set the following URL as your Discord application's interactions endpoint URL:\n {window.location.href}\n

After setting up the Discord application and environment variables, use the \"Register Commands\" button below to set up the /linkify command.

Loading installation links...

Installation Links

Use these links to install the bot on your server or for personal use:

Install on Server
Install for Personal Use

\n );\n}\n\nfunction App() {\n const [url, setUrl] = useState(\"\");\n const [transformedUrl, setTransformedUrl] = useState(\"\");\n const [registrationStatus, setRegistrationStatus] = useState(\"\");\n\n const handleTransform = () => {\n const transformed = transformLink(url);\n setTransformedUrl(transformed);\n };\n\n const handleRegisterCommands = async () => {\n try {\n const response = await fetch('/register-commands', { method: 'POST' });\n const result = await response.json();\n if (response.ok) {\n setRegistrationStatus(\"Commands registered successfully!\");\n } else {\n setRegistrationStatus(`Error registering commands: ${result.error}`);\n }\n console.log(\"Registration result:\", result);\n } catch (error) {\n setRegistrationStatus(`Error registering commands: ${error.message}`);\n }\n };\n\n return (\n

Discord Linkify Command Tester

\n setUrl(e.target.value)}\n placeholder=\"Enter URL\"\n />\n \n

\n {transformedUrl && (\n

Transformed URL:

{transformedUrl}

\n )}\n \n

\n \n {registrationStatus &&

{registrationStatus}

}\n

\n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" },\n });\n }\n\n if (req.method === \"POST\" && new URL(req.url).pathname === \"/register-commands\") {\n try {\n const result = await registerDiscordSlashCommand(\n Deno.env.get(\"LINKIFY_DISCORD_APPLICATION_ID\"),\n Deno.env.get(\"LINKIFY_DISCORD_BOT_TOKEN\"),\n {\n name: \"linkify\",\n description: \"Transform a URL\",\n options: [\n {\n name: \"url\",\n description: \"The URL to transform\",\n type: 3, // STRING\n required: true,\n },\n {\n name: \"summarize\",\n description: \"Whether to summarize the link content\",\n type: 5, // BOOLEAN\n required: false,\n },\n ],\n }\n );\n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n const body = await req.json();\n\n const verified = await verify_discord_signature(\n Deno.env.get(\"LINKIFY_DISCORD_PUBLIC_KEY\"),\n JSON.stringify(body),\n req.headers.get(\"X-Signature-Ed25519\"),\n req.headers.get(\"X-Signature-Timestamp\")\n );\n if (!verified) {\n return new Response(\"signature invalid\", {\n status: 401,\n statusText: \"signature invalid\",\n });\n }\n\n // PING\n if (body.type === 1) {\n return Response.json({ type: 1 }); // PONG\n }\n\n // APPLICATION_COMMAND interactions\n if (body.type === 2) {\n if (body.data?.name === \"linkify\") {\n const url = body.data.options.find((opt) => opt.name === \"url\")?.value;\n const summarize = body.data.options.find((opt) => opt.name === \"summarize\")?.value ?? false;\n\n if (!url) {\n return Response.json({\n type: 4,\n data: {\n content: \"Please provide a valid URL.\",\n },\n });\n }\n\n const transformedUrl = transformLink(url);\n let response = {\n type: 4,\n data: {\n content: `Transformed link: ${transformedUrl}`,\n },\n };\n\n if (summarize) {\n response.data.content += \"\\n\\nSummary functionality is not implemented in this example.\";\n }\n\n return Response.json(response);\n }\n\n return new Response(\"Bad request\", {\n status: 400,\n statusText: \"Bad request\",\n });\n }\n\n return new Response(\"Not handled\", { status: 422 });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\ninput[type=\"text\"] {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n}\n\nbutton {\n padding: 10px 20px;\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n margin-right: 10px;\n}\n\nbutton:hover {\n background-color: #45a049;\n}\n\npre {\n background-color: #f4f4f4;\n padding: 10px;\n overflow-x: auto;\n}\n\n.setup-instructions, .installation-links {\n background-color: #f0f0f0;\n border: 1px solid #ddd;\n border-radius: 5px;\n padding: 20px;\n margin-top: 20px;\n margin-bottom: 20px;\n}\n\n.setup-instructions h2, .installation-links h2 {\n margin-top: 0;\n}\n\n.setup-instructions ol, .installation-links ul {\n padding-left: 20px;\n}\n\n.setup-instructions li, .installation-links li {\n margin-bottom: 10px;\n}\n\n.setup-instructions code {\n background-color: #e0e0e0;\n padding: 2px 4px;\n border-radius: 3px;\n}\n\n.installation-links a {\n color: #4CAF50;\n text-decoration: none;\n}\n\n.installation-links a:hover {\n text-decoration: underline;\n}\n\nfooter {\n margin-top: 20px;\n text-align: center;\n}\n\n.view-source {\n color: #4CAF50;\n text-decoration: none;\n}\n\n.view-source:hover {\n text-decoration: underline;\n}\n`;","createdAt",["D",1740356327082],"branchVersion","branchId","e6a0f55c-26db-11f0-a5b3-569c3dd06744","id","e6a09b34-26db-11f0-a5b3-569c3dd06744","linkifyDiscordBot",["D",1746138635744],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","28a12253-d65d-490e-97f1-5c00c30f3c90","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","de23cbae-f041-436a-b718-67f3be167b4d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":55,"_103":104,"_105":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":51,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned",19,"main","projectId","forkedBranchId","c3bf39e4-2826-11f0-af78-569c3dd06744","forkedBranchVersion",0,"forkedProjectPrivacy","forkedProjectId","c3bedb02-2826-11f0-af78-569c3dd06744","forkedProjectOrgId","b0fc47c7-b6cd-4ddb-a95a-0eb75d322130","projectName","userHandle","jamiedubs","handle","displayName","avatar","https://avatars.githubusercontent.com/u/1903?v=4","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":176,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":177,"_79":178,"_81":179,"_83":25},"tree",[167,168],"files",[167,168],"counts",{"_157":90,"_158":61,"_159":61,"_160":161,"_162":163},"contents",[142,143],"upstreamProject",{"_43":93,"_32":139,"_53":-5,"_54":-5,"_50":51,"_77":140},"upstreamBranch",{"_43":88,"_38":131,"_132":133,"_32":85,"_86":93,"_13":134,"_87":135,"_89":90,"_136":137,"_47":-5,"_83":25,"_50":51,"_97":138,"_62":95,"_96":139},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746280740640],"updatedAt",["D",1737701776207],13,"ef0487c8-252c-11f0-8a67-569c3dd06744","lockfileKey","1746507334419-esm.town_v_wilt_handleDiscordInteraction@13-main","wilt","handleDiscordInteraction",{"_99":138,"_106":141},"https://secure.gravatar.com/avatar/95316a1d4fbd8be9c802a4e1e92fb9e9.jpg?s=200&d=identicon",{"_43":151,"_32":152,"_30":153,"_145":-5,"_41":42,"_40":61,"_146":49,"_38":154,"_13":90,"_33":20,"_35":155,"_24":25,"_149":-5,"_27":156},{"_43":144,"_32":28,"_30":31,"_145":-5,"_41":42,"_40":14,"_146":25,"_38":147,"_13":148,"_33":34,"_35":37,"_24":25,"_149":-5,"_27":150},"e7034ea0-26db-11f0-a5b3-569c3dd06744","parentId","latest",["D",1740356327082],16,"label",[28],"e6a356e4-26db-11f0-a5b3-569c3dd06744","README.md","e6a3577a-26db-11f0-a5b3-569c3dd06744",["D",1740329689148],"A `/linkify` Discord slash commend which does stuff to links. Mostly a scaffold for building fancier Discord commands, with a little web UI to remind me how to setup all the various API bits, and an interactive POST-based tester which makes it easier to debug.",[152],"pulls","branches","forks","envVars",{"_164":90,"_166":90},"connections",{"_164":90,"_165":90},"count","unfilledCount","emptyCount",{"_43":151,"_32":152,"_30":153,"_145":-5,"_41":42,"_40":61,"_146":49,"_38":173,"_13":90,"_33":20,"_35":155,"_24":25,"_149":-5,"_170":174,"_27":175},{"_43":144,"_32":28,"_30":31,"_145":-5,"_41":42,"_40":14,"_146":25,"_38":169,"_13":148,"_33":34,"_35":37,"_24":25,"_149":-5,"_170":171,"_27":172},["D",1740356327082],"children",[],[28],["D",1740329689148],[],[152],["D",1746138635744],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":55,"_103":104,"_105":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":51,"_92":93,"_94":95,"_96":45,"_97":98},"ctx",{"_77":-5,"_128":213,"_214":215,"_216":217,"_218":25,"_219":25,"_220":25,"_221":49,"_222":-5,"_223":-7,"_224":-7,"_225":90,"_226":25,"_227":25,"_228":-5,"_229":25,"_230":25,"_231":25,"_232":-5},"ENV",{"_184":185,"_186":187,"_188":85,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v17