[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":25,"_120":-5,"_121":-5,"_122":123},"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":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",5,"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","b5aa0368-628f-11f0-90da-0224a6c84d84","name","fileType","script","content","// app.ts\nimport bodyParser from \"body-parser\";\nimport ejs from \"ejs\"; // Import ejs to use its render function for string templates\nimport express, { Request, Response } from \"express\";\n\nconst app = express();\nconst PORT = process.env.PORT || 3000;\n\n// --- Embedded EJS Templates as String Literals ---\n\nconst indexTemplate = `\n\n\n\n \n \n <%= title %>\n \n\n\n

X Card Builder

\n \n

\n\n\n`;\n\nconst ogCardTemplate = `\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: <%= url %>

\n\n

Simulated Preview

\n <% if (image) { %>\n

\" alt=\"Preview Image\" class=\"preview-image\">\n <% } %>\n

<%= cardTitle %>

<%= description %>

<%= url %>

\n\n

Raw Meta Tag Code:

\n<!-- Open Graph Meta Tags -->\n<meta property=\"og:title\" content=\"<%= cardTitle %>\">\n<meta property=\"og:description\" content=\"<%= description %>\">\n<meta property=\"og:image\" content=\"<%= image %>\">\n<meta property=\"og:url\" content=\"<%= url %>\">\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=\"<%= cardTitle %>\">\n<meta name=\"twitter:description\" content=\"<%= description %>\">\n<meta name=\"twitter:image\" content=\"<%= image %>\">\n<meta name=\"twitter:url\" content=\"<%= url %>\">\n

X Card Builder

\n \n

\n\n\n`;\n\nconst ogCardTemplate = `\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: <%= url %>

\n\n

Simulated Preview

\n <% if (image) { %>\n

\" alt=\"Preview Image\" class=\"preview-image\">\n <% } %>\n

<%= cardTitle %>

<%= description %>

<%= url %>

\n\n

Raw Meta Tag Code:

\n<!-- Open Graph Meta Tags -->\n<meta property=\"og:title\" content=\"<%= cardTitle %>\">\n<meta property=\"og:description\" content=\"<%= description %>\">\n<meta property=\"og:image\" content=\"<%= image %>\">\n<meta property=\"og:url\" content=\"<%= url %>\">\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=\"<%= cardTitle %>\">\n<meta name=\"twitter:description\" content=\"<%= description %>\">\n<meta name=\"twitter:image\" content=\"<%= image %>\">\n<meta name=\"twitter:url\" content=\"<%= url %>\">\n

\n\n\n`;\n\n// --- Express App Setup ---\n\n// Middleware to parse URL-encoded bodies (from form submissions)\napp.use(bodyParser.urlencoded({ extended: true }));\napp.use(express.static(\"public\")); // In case you add a 'public' folder later for static assets\n\n// GET route for the form\napp.get(\"/\", (req: Request, res: Response) => {\n // Render the index template string using EJS\n ejs.render(indexTemplate, { title: \"X Card Builder\" }, (err: Error | null, html?: string) => {\n if (err) {\n console.error(\"Error rendering index template:\", err);\n return res.status(500).send(\"Error rendering page.\");\n }\n res.send(html);\n });\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 // Render the OG card template string using EJS\n ejs.render(ogCardTemplate, {\n url,\n description,\n image,\n cardTitle,\n }, (err: Error | null, html?: string) => {\n if (err) {\n console.error(\"Error rendering OG card template:\", err);\n return res.status(500).send(\"Error rendering card page.\");\n }\n res.send(html);\n });\n});\n\n// Start the server\napp.listen(PORT, () => {\n console.log(`Server is running on http://localhost:${PORT}`);\n});","createdAt",["D",1752703617610],"branchVersion","branchId","b5a866de-628f-11f0-90da-0224a6c84d84","id","b5a81508-628f-11f0-90da-0224a6c84d84","x-card-builder",["D",1752702981592],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","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",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},"branch",{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned",7,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","yaozakai","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybGZobWlaaFNkZGg1ak91VmhwWW8zMGRXODMifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":148,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":149,"_78":150,"_80":151,"_82":25},"tree",[143],"files",[143],"counts",{"_132":60,"_133":134,"_135":60,"_136":137,"_138":139},"contents",[124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":25,"_38":128,"_13":129,"_33":34,"_35":37,"_24":25,"_130":-5,"_27":131},"30c08a62-6291-11f0-bb5a-0224a6c84d84","parentId","latest",["D",1752703617610],4,"label",[28],"pulls","branches",1,"forks","envVars",{"_140":60,"_142":60},"connections",{"_140":60,"_141":60},"count","unfilledCount","emptyCount",{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":25,"_38":144,"_13":129,"_33":34,"_35":37,"_24":25,"_130":-5,"_145":146,"_27":147},["D",1752703617610],"children",[],[28],["D",1752702981592],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_76":-5,"_121":185,"_186":187,"_188":189,"_190":25,"_191":25,"_192":25,"_193":194,"_195":-5,"_196":-7,"_197":-7,"_198":60,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_156":157,"_158":159,"_160":84,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"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",true,"preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v5