[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_143":144,"_145":146},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_81":64,"_82":83,"_62":-7,"_84":-5,"_13":85,"_86":87,"_11":88,"_89":90,"_91":92,"_93":-5,"_94":-5,"_95":-5,"_96":26,"_97":98,"_99":26,"_100":-5,"_101":-5,"_102":103},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":-5,"_35":26,"_36":-5,"_37":-5,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":47,"_48":47,"_49":50,"_51":50,"_52":50,"_53":47,"_54":47,"_55":56,"_57":58,"_59":60,"_61":26},"query","handle","yaozakai","id","b5a81508-628f-11f0-90da-0224a6c84d84","name","x-card-builder","createdAt",["D",1752702981592],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","imageUrl","userId","d11b3a9e-b151-4b82-beac-d5325868b54f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","49410c9b-1bb7-4c82-81fe-366510bf38d3","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_16":17,"_80":76},"org",{"_16":17,"_74":-5,"_75":76,"_32":33,"_77":78,"_79":26},"branch",{"_62":63,"_20":64,"_18":65,"_66":19,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":21,"_73":17},"isOwned","version",7,"main","b5a866de-628f-11f0-90da-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybGZobWlaaFNkZGg1ak91VmhwWW8zMGRXODMifQ","tier","free","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_18":19,"_20":21,"_22":139,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":-5,"_35":26,"_36":-5,"_37":-5,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":-5,"_45":-5,"_46":47,"_48":47,"_49":50,"_51":50,"_52":50,"_53":47,"_54":47,"_55":140,"_57":141,"_59":142,"_61":26},"tree",[134],[134],"counts",{"_123":39,"_124":125,"_126":39,"_127":128,"_129":130},"contents",[104],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_18":105,"_20":106,"_107":108,"_109":-5,"_110":65,"_111":63,"_112":113,"_22":114,"_62":115,"_116":117,"_118":119,"_120":26,"_121":-5,"_82":122},"81f33a92-6291-11f0-8dfb-0224a6c84d84","main.tsx","fileId","b5aa0368-628f-11f0-90da-0224a6c84d84","parentId","branchId","branchVersion","latest",true,["D",1752703753837],6,"fileType","script","content","// app.ts (or main.tsx if that's your preferred file name for the environment)\nimport bodyParser from \"https://esm.sh/body-parser@1.20.2\"; // Use CDN import\nimport express, { Request, Response } from \"https://esm.sh/express@4.19.2\"; // Use CDN import\n\nconst app = express();\nconst PORT = 3000; // Hardcode port for simplicity\n\n// Basic HTML escaping function to prevent XSS.\n// For a production app, use a dedicated library like 'sanitize-html' or 'dompurify'.\nfunction escapeHtml(str: string): string {\n return str.replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\n// Middleware to parse URL-encoded bodies (from form submissions)\napp.use(bodyParser.urlencoded({ extended: true }));\n// app.use(express.static('public')); // This would require 'public' folder to be available, likely not for esm.town\n\n// GET route for the form\napp.get(\"/\", (req: Request, res: Response) => {\n const html = `\n\n\n\n \n \n X Card Builder\n \n\n\n

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});","deleted","label",[106],"pulls","branches",1,"forks","envVars",{"_131":39,"_133":39},"connections",{"_131":39,"_132":39},"count","unfilledCount","emptyCount",{"_18":105,"_20":106,"_107":108,"_109":-5,"_110":65,"_111":63,"_112":113,"_22":135,"_62":115,"_116":117,"_118":119,"_120":26,"_121":-5,"_136":137,"_82":138},["D",1752703753837],"children",[],[106],["D",1752702981592],{"_16":17,"_80":76},{"_16":17,"_74":-5,"_75":76,"_32":33,"_77":78,"_79":26},{"_62":63,"_20":64,"_18":65,"_66":19,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":21,"_73":17},"ctx",{"_55":-5,"_101":176,"_177":178,"_179":180,"_181":26,"_182":26,"_183":26,"_184":113,"_185":-5,"_186":-7,"_187":-7,"_188":39,"_189":26,"_190":26,"_191":-5,"_192":26,"_193":26,"_194":26,"_195":-5},"ENV",{"_147":148,"_149":150,"_151":64,"_152":153,"_154":155,"_156":157,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","81405aa0531e90dfbb71a5bf473aaa0cf4c8702f","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"]

Search