[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_217":218,"_219":220},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_109":90,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":59,"_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":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","lib/renderer.ts","latestPath","fileId","60c3bcfe-f1f0-11f0-89cb-42dde27851f2","name","renderer.ts","fileType","script","content","import type { OGResult, ValidationWarning } from \"./types.ts\";\nimport * as previews from \"../components/previews.ts\";\n\nfunction escapeHtml(str: string): string {\n return str\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\");\n}\n\nfunction warningBadge(severity: ValidationWarning[\"severity\"]): string {\n const colors = { error: \"red\", warning: \"orange\", info: \"blue\" };\n return `${severity}`;\n}\n\nexport function renderWarnings(warnings: ValidationWarning[]): string {\n if (!warnings.length) {\n return `

✓ All recommended tags present

`;\n }\n\n return `\n

\n ${warningBadge(w.severity)}\n ${escapeHtml(w.message)}\n ${w.tag ? `${escapeHtml(w.tag)}` : \"\"}\n

`;\n}\n\nexport function renderRawTags(raw: Record): string {\n const entries = Object.entries(raw).sort((a, b) => a[0].localeCompare(b[0]));\n\n if (!entries.length) return `

No meta tags found

`;\n\n return `\n \n \n \n ${\n entries.map(([key, value]) => `\n \n \n \n \n `).join(\"\")\n }\n \n

Tag	Value
`${escapeHtml(key)}`	${\n value.startsWith(\"http\")\n ? `${\n escapeHtml(value)\n }`\n : escapeHtml(value)\n }

`;\n}\n\nexport function renderPreviews(result: OGResult): string {\n const { tags, url } = result;\n\n return `\n

Twitter / X (${tags.twitterCard || \"summary\"})

\n ${previews.twitterCard(tags, url)}\n

Facebook

\n ${previews.facebookCard(tags, url)}\n

Discord

\n ${previews.discordEmbed(tags, url)}\n

Slack

\n ${previews.slackUnfurl(tags, url)}\n

\n ${previews.linkedinCard(tags, url)}\n

iMessage / WhatsApp

\n ${previews.imessageCard(tags, url)}\n

`;\n}\n\nexport function renderPage(\n result?: OGResult,\n error?: string,\n inputUrl?: string,\n): string {\n return `\n\n\n \n \n OG Previewer - OpenGraph Meta Tag Debugger\n \n \n \n \n \n \n \n\n\n

🔍 OG Previewer

Preview how your URL appears when shared on social platforms

\n\n \n\n ${error ? `

${escapeHtml(error)}

` : \"\"}\n\n ${\n result\n ? `\n

Fetched: ${\n escapeHtml(result.url)\n } at ${result.fetchedAt}

\n\n

Validation

\n ${renderWarnings(result.warnings)}\n

\n\n

Platform Previews

\n ${renderPreviews(result)}\n

\n\n

Raw Meta Tags (${\n Object.keys(result.tags.raw).length\n })

\n ${renderRawTags(result.tags.raw)}\n

\n `\n : \"\"\n }\n\n \n

\n\n`;\n}","createdAt",["D",1768467778322],"branchVersion","branchId","2139289e-f1f0-11f0-8bce-42dde27851f2","id","2138b152-f1f0-11f0-8bce-42dde27851f2","og-previewer",["D",1768467410026],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","OpenGraph meta tag previewer with platform cards","imageUrl","3ee322c5-8742-48e0-86c7-5f3ae129683b","pinnedFileId","65657806-f1f0-11f0-9796-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","f427167a-3263-4778-81d8-f79626323ff5","tursoName","2138b152f1f011f08bce42dde27851f2","tursoHostname","2138b152f1f011f08bce42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789518676100],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},"branch",{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"isOwned",10,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","kamalnrf","handle","displayName","Kamal","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaVpXT3l1d2hWSFdtWTNoZFIwZ0lFUUhOd2oifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":212,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":213,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":214,"_84":215,"_86":216,"_88":25},"tree",[167,169,173],"files",[167,168,169,170,171,172,173],"counts",{"_157":63,"_158":147,"_159":63,"_160":161,"_162":163},"contents",[131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":151,"_32":152,"_30":153,"_136":-5,"_41":42,"_40":154,"_138":59,"_38":155,"_13":63,"_34":149,"_36":-5,"_24":25,"_142":-5,"_27":156},{"_43":144,"_32":145,"_30":146,"_136":-5,"_41":42,"_40":147,"_138":59,"_38":148,"_13":63,"_34":149,"_36":-5,"_24":25,"_142":-5,"_27":150},{"_43":134,"_32":135,"_30":57,"_136":-5,"_41":42,"_40":137,"_138":59,"_38":139,"_13":63,"_34":140,"_36":141,"_24":25,"_142":-5,"_27":143},"65657766-f1f0-11f0-9796-42dde27851f2","main.ts","parentId",7,"latest",["D",1768467524400],"http","import { fetchOG } from \"./lib/parser.ts\";\nimport { renderPage } from \"./lib/renderer.ts\";\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const targetUrl = url.searchParams.get(\"url\");\n const format = url.searchParams.get(\"format\");\n\n // JSON API\n if (format === \"json\") {\n if (!targetUrl) {\n return Response.json({ error: \"Missing url parameter\" }, { status: 400 });\n }\n try {\n const result = await fetchOG(targetUrl);\n return Response.json(result, {\n headers: { \"Access-Control-Allow-Origin\": \"*\" },\n });\n } catch (e) {\n return Response.json({ error: String(e) }, { status: 500 });\n }\n }\n\n // HTML UI\n if (!targetUrl) {\n return new Response(renderPage(), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n try {\n const result = await fetchOG(targetUrl);\n return new Response(renderPage(result, undefined, targetUrl), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n } catch (e) {\n return new Response(renderPage(undefined, String(e), targetUrl), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n}\n","label",[135],"2a82bb9a-f1f0-11f0-a275-42dde27851f2","lib","2a82bc4e-f1f0-11f0-a275-42dde27851f2",1,["D",1768467425606],"directory",[145],"2d929eea-f1f0-11f0-ae65-42dde27851f2","components","2d929f9e-f1f0-11f0-ae65-42dde27851f2",2,["D",1768467430745],[152],"pulls","branches","forks","envVars",{"_164":63,"_166":63},"connections",{"_164":63,"_165":63},"count","unfilledCount","emptyCount",{"_43":151,"_32":152,"_30":153,"_136":-5,"_41":42,"_40":154,"_138":59,"_38":209,"_13":63,"_34":149,"_36":-5,"_24":25,"_142":-5,"_175":210,"_27":211},{"_43":201,"_32":202,"_30":203,"_136":153,"_41":42,"_40":204,"_138":59,"_38":205,"_13":63,"_34":35,"_36":206,"_24":25,"_142":-5,"_175":207,"_27":208},{"_43":144,"_32":145,"_30":146,"_136":-5,"_41":42,"_40":147,"_138":59,"_38":198,"_13":63,"_34":149,"_36":-5,"_24":25,"_142":-5,"_175":199,"_27":200},{"_43":190,"_32":191,"_30":192,"_136":146,"_41":42,"_40":193,"_138":59,"_38":194,"_13":63,"_34":35,"_36":195,"_24":25,"_142":-5,"_175":196,"_27":197},{"_43":186,"_32":33,"_30":31,"_136":146,"_41":42,"_40":14,"_138":25,"_38":187,"_13":154,"_34":35,"_36":37,"_24":25,"_142":-5,"_175":188,"_27":189},{"_43":178,"_32":179,"_30":180,"_136":146,"_41":42,"_40":181,"_138":59,"_38":182,"_13":63,"_34":35,"_36":183,"_24":25,"_142":-5,"_175":184,"_27":185},{"_43":134,"_32":135,"_30":57,"_136":-5,"_41":42,"_40":137,"_138":59,"_38":174,"_13":63,"_34":140,"_36":141,"_24":25,"_142":-5,"_175":176,"_27":177},["D",1768467524400],"children",[],[135],"312354d2-f1f0-11f0-a46a-42dde27851f2","types.ts","31235586-f1f0-11f0-a46a-42dde27851f2",3,["D",1768467436726],"export interface OGTags {\n ogTitle?: string;\n ogDescription?: string;\n ogImage?: string;\n ogUrl?: string;\n ogType?: string;\n ogSiteName?: string;\n ogLocale?: string;\n\n twitterCard?: string;\n twitterTitle?: string;\n twitterDescription?: string;\n twitterImage?: string;\n twitterSite?: string;\n twitterCreator?: string;\n\n title?: string;\n description?: string;\n canonical?: string;\n favicon?: string;\n themeColor?: string;\n\n raw: Record;\n}\n\nexport interface ValidationWarning {\n severity: \"error\" | \"warning\" | \"info\";\n message: string;\n tag?: string;\n}\n\nexport interface OGResult {\n url: string;\n tags: OGTags;\n warnings: ValidationWarning[];\n fetchedAt: string;\n}\n",[],[145,179],"fcbead1c-f1f0-11f0-a68c-42dde27851f2",["D",1768467778322],[],[145,33],"3fbb432e-f1f0-11f0-a115-42dde27851f2","parser.ts","3fbb441e-f1f0-11f0-a115-42dde27851f2",4,["D",1768467461191],"import type { OGTags, ValidationWarning, OGResult } from \"./types.ts\";\n\nconst USER_AGENT = \"Mozilla/5.0 (compatible; OGPreviewBot/1.0; +https://kamals-tools.val.run)\";\n\nfunction extractMetaTags(html: string): Record {\n const tags: Record = {};\n\n // og: and twitter: meta tags (property attribute)\n const ogRegex = /]*?\\s+)?property=[\"'](og:|twitter:)([^\"']+)[\"'][^>]*?\\s+content=[\"']([^\"']*)[\"'][^>]*?\\/?>/gi;\n const ogRegex2 = /]*?\\s+)?content=[\"']([^\"']*)[\"'][^>]*?\\s+property=[\"'](og:|twitter:)([^\"']+)[\"'][^>]*?\\/?>/gi;\n\n let match;\n while ((match = ogRegex.exec(html)) !== null) {\n tags[`${match[1]}${match[2]}`] = match[3];\n }\n while ((match = ogRegex2.exec(html)) !== null) {\n tags[`${match[2]}${match[3]}`] = match[1];\n }\n\n // twitter: with name attribute\n const twitterNameRegex = /]*?\\s+)?name=[\"'](twitter:[^\"']+)[\"'][^>]*?\\s+content=[\"']([^\"']*)[\"'][^>]*?\\/?>/gi;\n const twitterNameRegex2 = /]*?\\s+)?content=[\"']([^\"']*)[\"'][^>]*?\\s+name=[\"'](twitter:[^\"']+)[\"'][^>]*?\\/?>/gi;\n\n while ((match = twitterNameRegex.exec(html)) !== null) {\n tags[match[1]] = match[2];\n }\n while ((match = twitterNameRegex2.exec(html)) !== null) {\n tags[match[2]] = match[1];\n }\n\n // Standard meta description\n const descRegex = /]*?\\s+)?name=[\"']description[\"'][^>]*?\\s+content=[\"']([^\"']*)[\"'][^>]*?\\/?>/i;\n const descRegex2 = /]*?\\s+)?content=[\"']([^\"']*)[\"'][^>]*?\\s+name=[\"']description[\"'][^>]*?\\/?>/i;\n const descMatch = html.match(descRegex) || html.match(descRegex2);\n if (descMatch) tags[\"description\"] = descMatch[1];\n\n // Theme color\n const themeRegex = /]*?\\s+)?name=[\"']theme-color[\"'][^>]*?\\s+content=[\"']([^\"']*)[\"'][^>]*?\\/?>/i;\n const themeMatch = html.match(themeRegex);\n if (themeMatch) tags[\"theme-color\"] = themeMatch[1];\n\n // Title tag\n const titleMatch = html.match(/]*>([^<]*)<\\/title>/i);\n if (titleMatch) tags[\"title\"] = titleMatch[1].trim();\n\n // Canonical URL\n const canonicalMatch = html.match(/]*\\s+rel=[\"']canonical[\"'][^>]*\\s+href=[\"']([^\"']*)[\"'][^>]*\\/?>/i);\n const canonicalMatch2 = html.match(/]*\\s+href=[\"']([^\"']*)[\"'][^>]*\\s+rel=[\"']canonical[\"'][^>]*\\/?>/i);\n if (canonicalMatch) tags[\"canonical\"] = canonicalMatch[1];\n else if (canonicalMatch2) tags[\"canonical\"] = canonicalMatch2[1];\n\n // Favicon\n const faviconMatch = html.match(/]*\\s+rel=[\"'](?:shortcut )?icon[\"'][^>]*\\s+href=[\"']([^\"']*)[\"'][^>]*\\/?>/i);\n const faviconMatch2 = html.match(/]*\\s+href=[\"']([^\"']*)[\"'][^>]*\\s+rel=[\"'](?:shortcut )?icon[\"'][^>]*\\/?>/i);\n if (faviconMatch) tags[\"favicon\"] = faviconMatch[1];\n else if (faviconMatch2) tags[\"favicon\"] = faviconMatch2[1];\n\n return tags;\n}\n\nfunction mapToOGTags(raw: Record, baseUrl: string): OGTags {\n const resolveUrl = (url?: string) => {\n if (!url) return undefined;\n if (url.startsWith(\"http\")) return url;\n if (url.startsWith(\"//\")) return `https:${url}`;\n if (url.startsWith(\"/\")) return new URL(url, baseUrl).href;\n return new URL(url, baseUrl).href;\n };\n\n return {\n ogTitle: raw[\"og:title\"],\n ogDescription: raw[\"og:description\"],\n ogImage: resolveUrl(raw[\"og:image\"]),\n ogUrl: raw[\"og:url\"],\n ogType: raw[\"og:type\"],\n ogSiteName: raw[\"og:site_name\"],\n ogLocale: raw[\"og:locale\"],\n\n twitterCard: raw[\"twitter:card\"],\n twitterTitle: raw[\"twitter:title\"],\n twitterDescription: raw[\"twitter:description\"],\n twitterImage: resolveUrl(raw[\"twitter:image\"]),\n twitterSite: raw[\"twitter:site\"],\n twitterCreator: raw[\"twitter:creator\"],\n\n title: raw[\"title\"],\n description: raw[\"description\"],\n canonical: raw[\"canonical\"],\n favicon: resolveUrl(raw[\"favicon\"]),\n themeColor: raw[\"theme-color\"],\n\n raw,\n };\n}\n\nfunction validate(tags: OGTags): ValidationWarning[] {\n const warnings: ValidationWarning[] = [];\n\n // Required tags\n if (!tags.ogTitle && !tags.title) {\n warnings.push({ severity: \"error\", message: \"Missing title (og:title or )\", tag: \"og:title\" });\n }\n if (!tags.ogImage) {\n warnings.push({ severity: \"error\", message: \"Missing og:image - most platforms won't show a preview\", tag: \"og:image\" });\n }\n if (!tags.ogDescription && !tags.description) {\n warnings.push({ severity: \"warning\", message: \"Missing description (og:description or meta description)\", tag: \"og:description\" });\n }\n\n // Twitter specific\n if (!tags.twitterCard) {\n warnings.push({ severity: \"info\", message: \"No twitter:card specified, will default to 'summary'\", tag: \"twitter:card\" });\n }\n\n // Length warnings\n const title = tags.ogTitle || tags.twitterTitle || tags.title || \"\";\n if (title.length > 70) {\n warnings.push({ severity: \"warning\", message: `Title is ${title.length} chars - Twitter truncates at ~70`, tag: \"og:title\" });\n }\n\n const desc = tags.ogDescription || tags.twitterDescription || tags.description || \"\";\n if (desc.length > 200) {\n warnings.push({ severity: \"warning\", message: `Description is ${desc.length} chars - may be truncated`, tag: \"og:description\" });\n }\n\n return warnings;\n}\n\nexport async function fetchOG(url: string): Promise<OGResult> {\n const response = await fetch(url, {\n headers: { \"User-Agent\": USER_AGENT },\n redirect: \"follow\",\n });\n\n if (!response.ok) {\n throw new Error(`Failed to fetch: ${response.status} ${response.statusText}`);\n }\n\n const html = await response.text();\n const raw = extractMetaTags(html);\n const tags = mapToOGTags(raw, url);\n const warnings = validate(tags);\n\n return {\n url: response.url,\n tags,\n warnings,\n fetchedAt: new Date().toISOString(),\n };\n}\n",[],[145,191],["D",1768467425606],[170,171,172],[145],"4b13a2a2-f1f0-11f0-b76e-42dde27851f2","previews.ts","4b13a32e-f1f0-11f0-b76e-42dde27851f2",5,["D",1768467480245],"import type { OGTags } from \"../lib/types.ts\";\n\nfunction escapeHtml(str: string): string {\n return str\n .replace(/&/g, \"&\")\n .replace(/</g, \"<\")\n .replace(/>/g, \">\")\n .replace(/\"/g, \""\");\n}\n\nfunction truncate(str: string, max: number): string {\n if (str.length <= max) return str;\n return str.slice(0, max - 1) + \"…\";\n}\n\nfunction getDomain(url: string): string {\n try {\n return new URL(url).hostname;\n } catch {\n return url;\n }\n}\n\nexport function twitterCard(tags: OGTags, url: string): string {\n const title = escapeHtml(tags.ogTitle || tags.twitterTitle || tags.title || \"No title\");\n const desc = escapeHtml(truncate(tags.ogDescription || tags.twitterDescription || tags.description || \"\", 125));\n const image = tags.twitterImage || tags.ogImage;\n const domain = getDomain(tags.ogUrl || url);\n const cardType = tags.twitterCard || \"summary\";\n\n if (cardType === \"summary_large_image\" && image) {\n return `\n <article class=\"preview-card twitter-large\">\n <div class=\"preview-image\" style=\"background-image: url('${escapeHtml(image)}')\"></div>\n <div class=\"preview-content\">\n <span class=\"preview-domain\">${escapeHtml(domain)}</span>\n <strong class=\"preview-title\">${title}</strong>\n <p class=\"preview-desc\">${desc}</p>\n </div>\n </article>`;\n }\n\n return `\n <article class=\"preview-card twitter-summary\">\n ${image ? `<div class=\"preview-thumb\" style=\"background-image: url('${escapeHtml(image)}')\"></div>` : \"\"}\n <div class=\"preview-content\">\n <span class=\"preview-domain\">${escapeHtml(domain)}</span>\n <strong class=\"preview-title\">${truncate(title, 70)}</strong>\n <p class=\"preview-desc\">${desc}</p>\n </div>\n </article>`;\n}\n\nexport function facebookCard(tags: OGTags, url: string): string {\n const title = escapeHtml(tags.ogTitle || tags.title || \"No title\");\n const desc = escapeHtml(truncate(tags.ogDescription || tags.description || \"\", 150));\n const image = tags.ogImage;\n const domain = getDomain(tags.ogUrl || url).toUpperCase();\n const siteName = tags.ogSiteName;\n\n return `\n <article class=\"preview-card facebook\">\n ${image ? `<div class=\"preview-image\" style=\"background-image: url('${escapeHtml(image)}')\"></div>` : \"\"}\n <div class=\"preview-content\">\n <span class=\"preview-domain\">${escapeHtml(siteName || domain)}</span>\n <strong class=\"preview-title\">${title}</strong>\n <p class=\"preview-desc\">${desc}</p>\n </div>\n </article>`;\n}\n\nexport function discordEmbed(tags: OGTags, url: string): string {\n const title = escapeHtml(tags.ogTitle || tags.title || \"No title\");\n const desc = escapeHtml(truncate(tags.ogDescription || tags.description || \"\", 300));\n const image = tags.ogImage;\n const siteName = escapeHtml(tags.ogSiteName || getDomain(url));\n const themeColor = tags.themeColor || \"#5865F2\";\n\n return `\n <article class=\"preview-card discord\" style=\"border-left-color: ${escapeHtml(themeColor)}\">\n <div class=\"preview-content\">\n <span class=\"preview-site-name\">${siteName}</span>\n <strong class=\"preview-title\">${title}</strong>\n <p class=\"preview-desc\">${desc}</p>\n </div>\n ${image ? `<div class=\"preview-thumb-right\" style=\"background-image: url('${escapeHtml(image)}')\"></div>` : \"\"}\n </article>`;\n}\n\nexport function slackUnfurl(tags: OGTags, url: string): string {\n const title = escapeHtml(tags.ogTitle || tags.title || \"No title\");\n const desc = escapeHtml(truncate(tags.ogDescription || tags.description || \"\", 200));\n const image = tags.ogImage;\n const domain = getDomain(tags.ogUrl || url);\n const favicon = tags.favicon;\n\n return `\n <article class=\"preview-card slack\">\n <div class=\"preview-content\">\n <div class=\"preview-header\">\n ${favicon ? `<img class=\"preview-favicon\" src=\"${escapeHtml(favicon)}\" alt=\"\" />` : \"\"}\n <span class=\"preview-domain\">${escapeHtml(domain)}</span>\n </div>\n <strong class=\"preview-title\">${title}</strong>\n <p class=\"preview-desc\">${desc}</p>\n ${image ? `<div class=\"preview-image-inline\" style=\"background-image: url('${escapeHtml(image)}')\"></div>` : \"\"}\n </div>\n </article>`;\n}\n\nexport function linkedinCard(tags: OGTags, url: string): string {\n const title = escapeHtml(truncate(tags.ogTitle || tags.title || \"No title\", 100));\n const image = tags.ogImage;\n const domain = getDomain(tags.ogUrl || url);\n\n return `\n <article class=\"preview-card linkedin\">\n ${image ? `<div class=\"preview-image\" style=\"background-image: url('${escapeHtml(image)}')\"></div>` : \"\"}\n <div class=\"preview-content\">\n <strong class=\"preview-title\">${title}</strong>\n <span class=\"preview-domain\">${escapeHtml(domain)}</span>\n </div>\n </article>`;\n}\n\nexport function imessageCard(tags: OGTags, url: string): string {\n const title = escapeHtml(truncate(tags.ogTitle || tags.title || getDomain(url), 60));\n const image = tags.ogImage;\n const domain = getDomain(tags.ogUrl || url);\n\n return `\n <article class=\"preview-card imessage\">\n ${image ? `<div class=\"preview-image\" style=\"background-image: url('${escapeHtml(image)}')\"></div>` : \"\"}\n <div class=\"preview-content\">\n <span class=\"preview-domain\">${escapeHtml(domain)}</span>\n <strong class=\"preview-title\">${title}</strong>\n </div>\n </article>`;\n}\n",[],[152,202],["D",1768467430745],[168],[152],["D",1768467410026],["D",1789518676100],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_128":250,"_251":252,"_253":254,"_255":25,"_256":25,"_257":25,"_258":59,"_259":-5,"_260":-7,"_261":-7,"_262":63,"_263":25,"_264":25,"_265":-5,"_266":25,"_267":25,"_268":25,"_269":-5},"ENV",{"_221":222,"_223":224,"_225":90,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249},"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"] </article></body></html>

Twitter / X (${tags.twitterCard || \"summary\"})

Facebook

Discord

Slack

LinkedIn

iMessage / WhatsApp

Validation

Platform Previews

Diff · v9