/* PreviewX — pixel-faithful X (Twitter) card. This is deliberately NOT
CROPR-branded: it mimics the platform so the team sees exactly what
followers will see. Handles the X sub-targets (CROPR / Jo / Nitin),
thread rendering (numbered + connector), media crop, and the 280 limit. */
(function () {
const SYS = '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif';
const D = window.CROPR_DATA;
function XMedia({ media }) {
if (!media || (!media.url && media.status !== "ready") || !media.kind) return null;
return (
{media.url
? (media.kind === "video" ?
:
)
:
{media.kind === "video" ? "Video" : "Image"} · {media.altText || "no alt text"}
}
{media.kind}
{item("message-circle", 12)}{item("repeat-2", 8)}{item("heart", 47)}{item("bar-chart-2", "2.1K")}{item("bookmark", "")}
);
}
function Head({ meta, time }) {
return (
{meta.name}
{meta.handle} · {time}
);
}
function Body({ text }) {
return {text || Your post text will appear here…}
;
}
function PreviewX({ post, channel }) {
const meta = D.CHANNELS[channel] || D.CHANNELS.x_cropr;
const variant = (post.content || []).find((v) => v.channel === channel) || { body: "", threadParts: null };
const media = window.firstVariantMedia ? window.firstVariantMedia(post, variant) : post.media;
const parts = Array.isArray(variant.threadParts) ? variant.threadParts.filter((p) => (p || "").trim().length) : [];
const isThread = (variant.format === "series") && parts.length > 0;
const over = window.CroprRules.countChars(variant.body) > 280;
const shell = { fontFamily: SYS, background: "#fff", border: "1px solid #EFF3F4", borderRadius: 16, padding: 16, maxWidth: 512, boxShadow: "var(--shadow-sm)" };
const AvatarX = () => ;
if (variant.format === "article") {
const a = variant.article || { title: "", body: "" };
return (
{a.title || "Untitled article"}
{a.body || Article body…}
);
}
if (isThread) {
return (
{parts.map((p, i) => (
{i < parts.length - 1 &&
}
{i === 0 &&
}
{i + 1}/{parts.length}
280 ? "#F4212E" : "#8899A6", fontSize: 12.5 }}>{window.CroprRules.countChars(p)}/280
{window.CroprRules.countChars(variant.body)} / 280
);
}
window.PreviewX = PreviewX;
})();