\n \n

{style.name}

\n \n\n {!hasOpenGraph && (\n

\n ⚠️ No OpenGraph tags found - using fallback data\n

\n )}\n\n

\n {data.image && (\n

\n {\n const target = e.target as HTMLImageElement;\n target.style.display = \"none\";\n const parent = target.parentElement;\n if (parent) {\n parent.innerHTML =\n '

Image failed to load

';\n }\n }}\n />\n

\n )}\n\n

\n {data.url && (\n

\n {formatUrl(data.url)}\n

\n )}\n\n {data.title && (\n

\n {platform === \"twitter\"\n ? truncateText(data.title, 70)\n : data.title}\n

\n )}\n\n {data.description && (\n

\n {platform === \"twitter\"\n ? truncateText(data.description, 125)\n : platform === \"facebook\"\n ? truncateText(data.description, 300)\n : data.description}\n

\n )}\n\n {data.siteName && (\n

\n {data.siteName}\n

\n )}\n

\n\n {/* Platform-specific metadata */}\n {(data.author || data.publishedTime) && (\n

\n {data.author && By {data.author}}\n {data.author && data.publishedTime && •}\n {data.publishedTime && (\n {new Date(data.publishedTime).toLocaleDateString()}\n )}\n

\n )}\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/hrbrmstr/og/code/frontend/components/PreviewCard.tsx","extension","actionData","errors"]