[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_218":219,"_220":221},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",8,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_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) return `

✓ All recommended tags present

`;\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 ${entries.map(([key, value]) => `\n \n \n \n \n `).join(\"\")}\n \n

Tag	Value
`${escapeHtml(key)}`	${\n value.startsWith(\"http\") \n ? `${escapeHtml(value)}`\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(result?: OGResult, error?: string, inputUrl?: string): 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 ${result ? `\n

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

\n\n

Validation

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

\n\n

Platform Previews

\n ${renderPreviews(result)}\n

\n\n

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

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

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

\n\n`;\n}\n","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",1768467777214],"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",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"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",{"_44":45,"_32":46,"_39":213,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":214,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":215,"_85":216,"_87":217,"_89":25},"tree",[168,170,174],"files",[168,169,170,171,172,173,174],"counts",{"_158":64,"_159":148,"_160":64,"_161":162,"_163":164},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":152,"_32":153,"_30":154,"_137":-5,"_42":43,"_41":155,"_139":60,"_39":156,"_13":64,"_34":150,"_36":-5,"_24":25,"_143":-5,"_27":157},{"_44":145,"_32":146,"_30":147,"_137":-5,"_42":43,"_41":148,"_139":60,"_39":149,"_13":64,"_34":150,"_36":-5,"_24":25,"_143":-5,"_27":151},{"_44":135,"_32":136,"_30":58,"_137":-5,"_42":43,"_41":138,"_139":60,"_39":140,"_13":64,"_34":141,"_36":142,"_24":25,"_143":-5,"_27":144},"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",[136],"2a82bb9a-f1f0-11f0-a275-42dde27851f2","lib","2a82bc4e-f1f0-11f0-a275-42dde27851f2",1,["D",1768467425606],"directory",[146],"2d929eea-f1f0-11f0-ae65-42dde27851f2","components","2d929f9e-f1f0-11f0-ae65-42dde27851f2",2,["D",1768467430745],[153],"pulls","branches","forks","envVars",{"_165":64,"_167":64},"connections",{"_165":64,"_166":64},"count","unfilledCount","emptyCount",{"_44":152,"_32":153,"_30":154,"_137":-5,"_42":43,"_41":155,"_139":60,"_39":210,"_13":64,"_34":150,"_36":-5,"_24":25,"_143":-5,"_176":211,"_27":212},{"_44":202,"_32":203,"_30":204,"_137":154,"_42":43,"_41":205,"_139":60,"_39":206,"_13":64,"_34":35,"_36":207,"_24":25,"_143":-5,"_176":208,"_27":209},{"_44":145,"_32":146,"_30":147,"_137":-5,"_42":43,"_41":148,"_139":60,"_39":199,"_13":64,"_34":150,"_36":-5,"_24":25,"_143":-5,"_176":200,"_27":201},{"_44":191,"_32":192,"_30":193,"_137":147,"_42":43,"_41":194,"_139":60,"_39":195,"_13":64,"_34":35,"_36":196,"_24":25,"_143":-5,"_176":197,"_27":198},{"_44":187,"_32":33,"_30":31,"_137":147,"_42":43,"_41":14,"_139":25,"_39":188,"_13":148,"_34":35,"_36":38,"_24":25,"_143":-5,"_176":189,"_27":190},{"_44":179,"_32":180,"_30":181,"_137":147,"_42":43,"_41":182,"_139":60,"_39":183,"_13":64,"_34":35,"_36":184,"_24":25,"_143":-5,"_176":185,"_27":186},{"_44":135,"_32":136,"_30":58,"_137":-5,"_42":43,"_41":138,"_139":60,"_39":175,"_13":64,"_34":141,"_36":142,"_24":25,"_143":-5,"_176":177,"_27":178},["D",1768467524400],"children",[],[136],"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",[],[146,180],"fc165e46-f1f0-11f0-b609-42dde27851f2",["D",1768467777214],[],[146,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",[],[146,192],["D",1768467425606],[171,172,173],[146],"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",[],[153,203],["D",1768467430745],[169],[153],["D",1768467410026],["D",1789518676100],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"ctx",{"_83":-5,"_129":251,"_252":253,"_254":255,"_256":25,"_257":25,"_258":25,"_259":60,"_260":-5,"_261":-7,"_262":-7,"_263":64,"_264":25,"_265":25,"_266":-5,"_267":25,"_268":25,"_269":25,"_270":-5},"ENV",{"_222":223,"_224":225,"_226":91,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250},"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

🔍 OG Previewer

Validation

Platform Previews

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

Facebook

Discord

Slack

LinkedIn

iMessage / WhatsApp

🔍 OG Previewer

Validation

Platform Previews

Diff · v8