X Card Builder

\n \n

\n\n\n `;\n res.send(html);\n});\n\n// POST route to handle form submission and generate the Open Graph card\napp.post(\"/create-card\", (req: Request, res: Response) => {\n const { url, description, image, cardTitle } = req.body;\n\n // Basic validation\n if (!url || !description || !image || !cardTitle) {\n return res.status(400).send(\"All fields are required.\");\n }\n\n // Escape all user-provided data before embedding it into HTML\n const escapedUrl = escapeHtml(url);\n const escapedDescription = escapeHtml(description);\n const escapedImage = escapeHtml(image);\n const escapedCardTitle = escapeHtml(cardTitle);\n\n const html = `\n\n\n\n \n \n X Card Preview\n\n \n \n \n \n \n\n \n \n \n \n \n\n \n\n\n

Generated X Card Meta Tags

\n\n

Copy the URL of this page and paste it into a platform like X Card Validator or Facebook Sharing Debugger to see the live preview!

Or simply share this URL: ${escapedUrl}

\n\n

Simulated Preview

\n ${escapedImage ? ` $\"Preview$ ` : \"\"}\n

${escapedCardTitle}

${escapedDescription}

${escapedUrl}

\n\n

Raw Meta Tag Code:

\n<!-- Open Graph Meta Tags -->\n<meta property=\"og:title\" content=\"${escapedCardTitle}\">\n<meta property=\"og:description\" content=\"${escapedDescription}\">\n<meta property=\"og:image\" content=\"${escapedImage}\">\n<meta property=\"og:url\" content=\"${escapedUrl}\">\n<meta property=\"og:type\" content=\"website\">\n\n<!-- Twitter Card Meta Tags -->\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:site\" content=\"@yourtwitterhandle\">\n<meta name=\"twitter:title\" content=\"${escapedCardTitle}\">\n<meta name=\"twitter:description\" content=\"${escapedDescription}\">\n<meta name=\"twitter:image\" content=\"${escapedImage}\">\n<meta name=\"twitter:url\" content=\"${escapedUrl}\">\n

\n\n\n `;\n res.send(html);\n});\n\n// Start the server (adapt this for esm.town or similar platforms)\n// For esm.town, you likely need to export the app directly:\n// export default app;\napp.listen(PORT, () => {\n console.log(`Server is running on http://localhost:${PORT}`);\n});","label",[64],"pulls","branches","forks","envVars",{"_198":20,"_200":20},"connections",{"_198":20,"_199":20},"count","unfilledCount","emptyCount",{"_33":182,"_13":64,"_62":63,"_43":-5,"_35":36,"_183":108,"_184":185,"_37":202,"_39":101,"_65":66,"_187":188,"_67":24,"_189":-5,"_203":204,"_159":205},["D",1752703753837],"children",[],[64],["D",1752702981592],{"_11":12,"_158":70},{"_11":12,"_154":-5,"_69":70,"_25":68,"_155":156,"_157":24},{"_39":108,"_13":16,"_33":36,"_146":113,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":14,"_153":12},"ctx",{"_51":-5,"_178":243,"_244":245,"_246":247,"_248":24,"_249":24,"_250":24,"_251":185,"_252":-5,"_253":-7,"_254":-7,"_255":20,"_256":24,"_257":24,"_258":-5,"_259":24,"_260":24,"_261":24,"_262":-5},"ENV",{"_214":215,"_216":217,"_218":16,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]

History