@ox-content/vite-plugin 2.76.0 → 2.80.0

package/dist/media.cjs

@@ -1,13 +1,294 @@
 const require_chunk = require("./chunk.cjs");
 const require_napi = require("./napi.cjs");
+let node_path = require("node:path");
+node_path = require_chunk.__toESM(node_path, 1);
+let node_fs_promises = require("node:fs/promises");
+//#region src/plugins/twitter/url.ts
+const STATUS_PATH = /^\/(?:[^/]+|i\/web)\/status\/(\d+)(?:\/.*)?$/;
+function createSyndicationToken(id) {
+	return (Number(id) / 0x38d7ea4c68000 * Math.PI).toString(36).replaceAll(/(0+|\.)/g, "");
+}
+function parseTweetReference(value) {
+	const trimmed = value.trim();
+	if (/^\d+$/.test(trimmed)) return {
+		id: trimmed,
+		url: `https://x.com/i/web/status/${trimmed}`
+	};
+	try {
+		const url = new URL(trimmed);
+		const hostname = url.hostname.toLowerCase().replace(/^(?:www\.|mobile\.)/, "");
+		if (url.protocol !== "https:" || hostname !== "x.com" && hostname !== "twitter.com") return null;
+		const match = url.pathname.match(STATUS_PATH);
+		if (!match) return null;
+		const screenName = url.pathname.startsWith("/i/web/status/") ? "i/web" : url.pathname.split("/")[1];
+		return {
+			id: match[1],
+			url: `https://x.com/${screenName}/status/${match[1]}`
+		};
+	} catch {
+		return null;
+	}
+}
+function referenceFromAttributes(attributes) {
+	const values = /* @__PURE__ */ new Map();
+	for (const match of attributes.matchAll(/\b(url|href|id)\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+))/gi)) values.set(match[1].toLowerCase(), match[2] ?? match[3] ?? match[4] ?? "");
+	return parseTweetReference(values.get("url") ?? values.get("href") ?? values.get("id") ?? "");
+}
+//#endregion
+//#region src/plugins/twitter/fetch.ts
+const tweetCache = /* @__PURE__ */ new Map();
+async function fetchTweetData(id, options) {
+	const key = `${id}-${sanitizeSegment(options.lang)}`;
+	if (options.cache) {
+		const memory = tweetCache.get(key);
+		if (memory) return memory;
+		const disk = await readCachedTweet(key, options.cacheDir);
+		if (disk) {
+			tweetCache.set(key, disk);
+			return disk;
+		}
+	}
+	const controller = new AbortController();
+	const timeout = setTimeout(() => controller.abort(), options.timeout);
+	const endpoint = new URL("https://cdn.syndication.twimg.com/tweet-result");
+	endpoint.searchParams.set("id", id);
+	endpoint.searchParams.set("lang", options.lang);
+	endpoint.searchParams.set("token", createSyndicationToken(id));
+	try {
+		const response = await fetch(endpoint, {
+			headers: { Accept: "application/json" },
+			signal: controller.signal
+		});
+		if (!response.ok) return null;
+		const data = await response.json();
+		if (!isTweetData(data)) return null;
+		if (options.cache) {
+			tweetCache.set(key, data);
+			await writeCachedTweet(key, data, options.cacheDir);
+		}
+		return data;
+	} catch {
+		return null;
+	} finally {
+		clearTimeout(timeout);
+	}
+}
+async function materializeTweetAssets(id, data, options) {
+	const assets = { media: [] };
+	const avatarUrl = data.user.profile_image_url_https?.replace(/_normal(?=\.[^.]+$)/, "_bigger");
+	if (avatarUrl) assets.avatar = await downloadAsset(avatarUrl, `${id}-avatar`, options);
+	const media = data.mediaDetails ?? data.entities?.media ?? [];
+	for (const [index, item] of media.entries()) {
+		if (item.type && item.type !== "photo") continue;
+		if (!item.media_url_https) continue;
+		const src = await downloadAsset(item.media_url_https, `${id}-media-${index + 1}`, options);
+		if (src) assets.media.push(assetRecord(src, item));
+	}
+	return assets;
+}
+async function downloadAsset(source, basename, options) {
+	let url;
+	try {
+		url = new URL(source);
+	} catch {
+		return;
+	}
+	if (url.protocol !== "https:" || url.hostname.toLowerCase() !== "pbs.twimg.com") return;
+	const filename = `${basename}${extensionFromUrl(url)}`;
+	const output = node_path.default.join(options.mediaOutputDir, filename);
+	try {
+		await (0, node_fs_promises.access)(output);
+		return joinPublicPath(options.mediaPublicPath, filename);
+	} catch {}
+	try {
+		const response = await fetch(url, { headers: { Accept: "image/*" } });
+		if (!response.ok) return void 0;
+		await (0, node_fs_promises.mkdir)(options.mediaOutputDir, { recursive: true });
+		await (0, node_fs_promises.writeFile)(output, new Uint8Array(await response.arrayBuffer()));
+		return joinPublicPath(options.mediaPublicPath, filename);
+	} catch {
+		return;
+	}
+}
+async function readCachedTweet(key, directory) {
+	try {
+		const data = JSON.parse(await (0, node_fs_promises.readFile)(node_path.default.join(directory, `${key}.json`), "utf8"));
+		return isTweetData(data) ? data : null;
+	} catch {
+		return null;
+	}
+}
+async function writeCachedTweet(key, data, directory) {
+	try {
+		await (0, node_fs_promises.mkdir)(directory, { recursive: true });
+		await (0, node_fs_promises.writeFile)(node_path.default.join(directory, `${key}.json`), `${JSON.stringify(data)}\n`);
+	} catch {}
+}
+function isTweetData(data) {
+	if (!data || typeof data !== "object") return false;
+	const value = data;
+	return typeof value.text === "string" && Boolean(value.user) && typeof value.user?.name === "string" && typeof value.user.screen_name === "string";
+}
+function extensionFromUrl(url) {
+	const match = url.pathname.match(/\.(jpe?g|png|webp|gif)$/i);
+	return match ? `.${match[1].toLowerCase().replace("jpeg", "jpg")}` : ".jpg";
+}
+function joinPublicPath(prefix, filename) {
+	return `${prefix.replace(/\/$/, "")}/${filename}`;
+}
+function sanitizeSegment(value) {
+	return value.replaceAll(/[^a-zA-Z0-9_-]/g, "-");
+}
+function assetRecord(src, media) {
+	return {
+		src,
+		alt: media.ext_alt_text,
+		width: media.original_info?.width,
+		height: media.original_info?.height
+	};
+}
+//#endregion
+//#region src/plugins/twitter/render.ts
+function renderFetchedTweet(permalink, data, assets, options) {
+	const profile = `https://x.com/${encodeURIComponent(data.user.screen_name)}`;
+	const author = escapeHtml(data.user.name);
+	const handle = escapeHtml(data.user.screen_name);
+	const avatar = assets.avatar ? `<img class="ox-tweet__avatar" src="${escapeAttribute(assets.avatar)}" alt="" width="48" height="48" loading="lazy" decoding="async">` : "";
+	const media = renderMedia(assets);
+	const footer = renderFooter(permalink, data.created_at, options.lang);
+	return [
+		"<figure class=\"ox-tweet ox-tweet--fetched\">",
+		"<header class=\"ox-tweet__header\">",
+		`<a class="ox-tweet__profile" href="${escapeAttribute(profile)}" target="_blank" rel="noopener noreferrer">`,
+		avatar,
+		`<span class="ox-tweet__author-name">${author}</span>`,
+		`<span class="ox-tweet__author-handle">@${handle}</span>`,
+		"</a></header>",
+		`<div class="ox-tweet__body">${renderTweetText(data)}</div>`,
+		media,
+		footer,
+		"</figure>"
+	].join("");
+}
+function renderTweetText(data) {
+	const [start, end] = data.display_text_range ?? [0, data.text.length];
+	const entities = collectEntities(data).filter((entity) => validRange(entity.indices, start, end)).sort((left, right) => left.indices[0] - right.indices[0]);
+	let cursor = start;
+	let output = "";
+	for (const entity of entities) {
+		const [entityStart, entityEnd] = entity.indices;
+		if (entityStart < cursor) continue;
+		output += escapeText(data.text.slice(cursor, entityStart));
+		if (entity.kind === "url") {
+			const href = entity.expanded_url ?? entity.url;
+			const label = entity.display_url ?? href;
+			output += `<a href="${escapeAttribute(href)}" target="_blank" rel="noopener noreferrer">${escapeHtml(label)}</a>`;
+		}
+		cursor = entityEnd;
+	}
+	output += escapeText(data.text.slice(cursor, end));
+	return output.trim();
+}
+function collectEntities(data) {
+	return [...(data.entities?.urls ?? []).map((entity) => ({
+		...entity,
+		kind: "url"
+	})), ...(data.entities?.media ?? []).map((entity) => ({
+		...entity,
+		kind: "media"
+	}))];
+}
+function validRange(indices, start, end) {
+	return Boolean(indices && indices[0] >= start && indices[1] <= end && indices[0] < indices[1]);
+}
+function renderMedia(assets) {
+	if (assets.media.length === 0) return "";
+	const images = assets.media.map((item) => {
+		const size = [item.width ? ` width="${item.width}"` : "", item.height ? ` height="${item.height}"` : ""].join("");
+		return `<img class="ox-tweet__media-item" src="${escapeAttribute(item.src)}" alt="${escapeAttribute(item.alt ?? "")}"${size} loading="lazy" decoding="async">`;
+	}).join("");
+	return `<div class="ox-tweet__media" data-count="${assets.media.length}">${images}</div>`;
+}
+function renderFooter(permalink, createdAt, lang) {
+	if (!createdAt) return `<footer class="ox-tweet__footer"><a class="ox-tweet__permalink" href="${escapeAttribute(permalink)}" target="_blank" rel="noopener noreferrer">View on X</a></footer>`;
+	const date = new Date(createdAt);
+	if (Number.isNaN(date.valueOf())) return renderFooter(permalink, void 0, lang);
+	const iso = date.toISOString();
+	let label;
+	try {
+		label = new Intl.DateTimeFormat(lang, {
+			dateStyle: "medium",
+			timeZone: "UTC"
+		}).format(date);
+	} catch {
+		label = new Intl.DateTimeFormat("en", {
+			dateStyle: "medium",
+			timeZone: "UTC"
+		}).format(date);
+	}
+	return `<footer class="ox-tweet__footer"><a class="ox-tweet__permalink" href="${escapeAttribute(permalink)}" target="_blank" rel="noopener noreferrer"><time datetime="${iso}">${escapeHtml(label)}</time></a></footer>`;
+}
+function escapeText(value) {
+	return escapeHtml(value).replaceAll("\n", "<br>");
+}
+function escapeAttribute(value) {
+	return escapeHtml(value).replaceAll("`", "&#96;");
+}
+function escapeHtml(value) {
+	return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
+}
+//#endregion
+//#region src/plugins/twitter/transform.ts
+const TWEET_ELEMENT = /<(tweet|xpost)\b([^>]*?)(?:\/\s*>|>[\s\S]*?<\/\1\s*>)/gi;
+function resolveTwitterEmbedOptions(options) {
+	return {
+		fetch: options.fetch ?? false,
+		lang: options.lang ?? "en",
+		timeout: options.timeout ?? 1e4,
+		cache: options.cache ?? true,
+		cacheDir: node_path.default.resolve(options.cacheDir ?? ".cache/ox-content/twitter"),
+		mediaOutputDir: node_path.default.resolve(options.mediaOutputDir ?? "public/ox-content/twitter"),
+		mediaPublicPath: options.mediaPublicPath ?? "/ox-content/twitter"
+	};
+}
+async function transformFetchedTweets(html, options) {
+	const resolved = resolveTwitterEmbedOptions(options);
+	if (!resolved.fetch) return html;
+	let output = "";
+	let cursor = 0;
+	for (const match of html.matchAll(TWEET_ELEMENT)) {
+		const index = match.index ?? 0;
+		output += html.slice(cursor, index);
+		const reference = referenceFromAttributes(match[2]);
+		if (!reference) {
+			output += match[0];
+			cursor = index + match[0].length;
+			continue;
+		}
+		const data = await fetchTweetData(reference.id, resolved);
+		if (!data) {
+			output += match[0];
+			cursor = index + match[0].length;
+			continue;
+		}
+		const assets = await materializeTweetAssets(reference.id, data, resolved);
+		output += renderFetchedTweet(reference.url, data, assets, resolved);
+		cursor = index + match[0].length;
+	}
+	return output + html.slice(cursor);
+}
+//#endregion
 //#region src/plugins/media.ts
 var media_exports = /* @__PURE__ */ require_chunk.__exportAll({ transformMediaEmbeds: () => transformMediaEmbeds });
 async function transformMediaEmbeds(html, options) {
 	if (!hasEnabledMediaEmbed(options) || !hasMediaMarker(html)) return html;
-	return (await require_napi.importNapiModule()).transformMediaEmbeds(html, {
+	let result = html;
+	if (typeof options.twitter === "object") result = await transformFetchedTweets(result, options.twitter);
+	if (!hasMediaMarker(result)) return result;
+	return (await require_napi.importNapiModule()).transformMediaEmbeds(result, {
 		spotify: options.spotify,
 		stackBlitz: options.stackBlitz,
-		twitter: options.twitter,
+		twitter: Boolean(options.twitter),
 		bluesky: options.bluesky,
 		webContainer: options.webContainer
 	});

package/dist/media.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"media.cjs","names":["importNapiModule"],"sources":["../src/plugins/media.ts"],"sourcesContent":["import { importNapiModule } from \"../napi\";\n\nexport interface MediaEmbedOptions {\n  /**\n   * Render `<Spotify>` embeds.\n   * @default false\n   */\n  spotify?: boolean;\n\n  /**\n   * Render `<StackBlitz>` embeds.\n   * @default false\n   */\n  stackBlitz?: boolean;\n\n  /**\n   * Render `<Tweet>` / `<XPost>` static cards.\n   * @default false\n   */\n  twitter?: boolean;\n\n  /**\n   * Render `<Bluesky>` static cards.\n   * @default false\n   */\n  bluesky?: boolean;\n\n  /**\n   * Render `<WebContainer>` lazy placeholder blocks.\n   * @default false\n   */\n  webContainer?: boolean;\n}\n\nexport async function transformMediaEmbeds(\n  html: string,\n  options: MediaEmbedOptions,\n): Promise<string> {\n  if (!hasEnabledMediaEmbed(options) || !hasMediaMarker(html)) {\n    return html;\n  }\n\n  const mod = await importNapiModule();\n  return mod.transformMediaEmbeds(html, {\n    spotify: options.spotify,\n    stackBlitz: options.stackBlitz,\n    twitter: options.twitter,\n    bluesky: options.bluesky,\n    webContainer: options.webContainer,\n  });\n}\n\nfunction hasEnabledMediaEmbed(options: MediaEmbedOptions): boolean {\n  return Boolean(\n    options.spotify ||\n    options.stackBlitz ||\n    options.twitter ||\n    options.bluesky ||\n    options.webContainer,\n  );\n}\n\nfunction hasMediaMarker(html: string): boolean {\n  return /<(spotify|stackblitz|tweet|xpost|bluesky|webcontainer)[\\s/>]/i.test(html);\n}\n"],"mappings":";;;;AAkCA,eAAsB,qBACpB,MACA,SACiB;CACjB,IAAI,CAAC,qBAAqB,QAAQ,IAAI,CAAC,eAAe,KAAK,EACzD,OAAO;CAIT,QAAO,MADWA,aAAAA,kBAAkB,EACzB,qBAAqB,MAAM;EACpC,SAAS,QAAQ;EACjB,YAAY,QAAQ;EACpB,SAAS,QAAQ;EACjB,SAAS,QAAQ;EACjB,cAAc,QAAQ;EACvB,CAAC;;AAGJ,SAAS,qBAAqB,SAAqC;CACjE,OAAO,QACL,QAAQ,WACR,QAAQ,cACR,QAAQ,WACR,QAAQ,WACR,QAAQ,aACT;;AAGH,SAAS,eAAe,MAAuB;CAC7C,OAAO,gEAAgE,KAAK,KAAK"}
+{"version":3,"file":"media.cjs","names":["path","path","importNapiModule"],"sources":["../src/plugins/twitter/url.ts","../src/plugins/twitter/fetch.ts","../src/plugins/twitter/render.ts","../src/plugins/twitter/transform.ts","../src/plugins/media.ts"],"sourcesContent":["import type { TweetReference } from \"./types\";\n\nconst STATUS_PATH = /^\\/(?:[^/]+|i\\/web)\\/status\\/(\\d+)(?:\\/.*)?$/;\n\nexport function createSyndicationToken(id: string): string {\n  return ((Number(id) / 1e15) * Math.PI).toString(36).replaceAll(/(0+|\\.)/g, \"\");\n}\n\nexport function parseTweetReference(value: string): TweetReference | null {\n  const trimmed = value.trim();\n  if (/^\\d+$/.test(trimmed)) {\n    return { id: trimmed, url: `https://x.com/i/web/status/${trimmed}` };\n  }\n\n  try {\n    const url = new URL(trimmed);\n    const hostname = url.hostname.toLowerCase().replace(/^(?:www\\.|mobile\\.)/, \"\");\n    if (url.protocol !== \"https:\" || (hostname !== \"x.com\" && hostname !== \"twitter.com\")) {\n      return null;\n    }\n\n    const match = url.pathname.match(STATUS_PATH);\n    if (!match) return null;\n    const screenName = url.pathname.startsWith(\"/i/web/status/\")\n      ? \"i/web\"\n      : url.pathname.split(\"/\")[1];\n    return {\n      id: match[1],\n      url: `https://x.com/${screenName}/status/${match[1]}`,\n    };\n  } catch {\n    return null;\n  }\n}\n\nexport function referenceFromAttributes(attributes: string): TweetReference | null {\n  const values = new Map<string, string>();\n  const pattern = /\\b(url|href|id)\\s*=\\s*(?:\"([^\"]*)\"|'([^']*)'|([^\\s>]+))/gi;\n  for (const match of attributes.matchAll(pattern)) {\n    values.set(match[1].toLowerCase(), match[2] ?? match[3] ?? match[4] ?? \"\");\n  }\n  return parseTweetReference(values.get(\"url\") ?? values.get(\"href\") ?? values.get(\"id\") ?? \"\");\n}\n","import { access, mkdir, readFile, writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\nimport { createSyndicationToken } from \"./url\";\nimport type { ResolvedTwitterEmbedOptions, TweetAssets, TweetData, TweetMedia } from \"./types\";\n\nconst tweetCache = new Map<string, TweetData>();\n\nexport function clearTweetCache(): void {\n  tweetCache.clear();\n}\n\nexport async function fetchTweetData(\n  id: string,\n  options: ResolvedTwitterEmbedOptions,\n): Promise<TweetData | null> {\n  const key = `${id}-${sanitizeSegment(options.lang)}`;\n  if (options.cache) {\n    const memory = tweetCache.get(key);\n    if (memory) return memory;\n    const disk = await readCachedTweet(key, options.cacheDir);\n    if (disk) {\n      tweetCache.set(key, disk);\n      return disk;\n    }\n  }\n\n  const controller = new AbortController();\n  const timeout = setTimeout(() => controller.abort(), options.timeout);\n  const endpoint = new URL(\"https://cdn.syndication.twimg.com/tweet-result\");\n  endpoint.searchParams.set(\"id\", id);\n  endpoint.searchParams.set(\"lang\", options.lang);\n  endpoint.searchParams.set(\"token\", createSyndicationToken(id));\n\n  try {\n    const response = await fetch(endpoint, {\n      headers: { Accept: \"application/json\" },\n      signal: controller.signal,\n    });\n    if (!response.ok) return null;\n    const data: unknown = await response.json();\n    if (!isTweetData(data)) return null;\n    if (options.cache) {\n      tweetCache.set(key, data);\n      await writeCachedTweet(key, data, options.cacheDir);\n    }\n    return data;\n  } catch {\n    return null;\n  } finally {\n    clearTimeout(timeout);\n  }\n}\n\nexport async function materializeTweetAssets(\n  id: string,\n  data: TweetData,\n  options: ResolvedTwitterEmbedOptions,\n): Promise<TweetAssets> {\n  const assets: TweetAssets = { media: [] };\n  const avatarUrl = data.user.profile_image_url_https?.replace(/_normal(?=\\.[^.]+$)/, \"_bigger\");\n  if (avatarUrl) {\n    assets.avatar = await downloadAsset(avatarUrl, `${id}-avatar`, options);\n  }\n\n  const media = data.mediaDetails ?? data.entities?.media ?? [];\n  for (const [index, item] of media.entries()) {\n    if (item.type && item.type !== \"photo\") continue;\n    if (!item.media_url_https) continue;\n    const src = await downloadAsset(item.media_url_https, `${id}-media-${index + 1}`, options);\n    if (src) assets.media.push(assetRecord(src, item));\n  }\n  return assets;\n}\n\nasync function downloadAsset(\n  source: string,\n  basename: string,\n  options: ResolvedTwitterEmbedOptions,\n): Promise<string | undefined> {\n  let url: URL;\n  try {\n    url = new URL(source);\n  } catch {\n    return undefined;\n  }\n  if (url.protocol !== \"https:\" || url.hostname.toLowerCase() !== \"pbs.twimg.com\") {\n    return undefined;\n  }\n\n  const extension = extensionFromUrl(url);\n  const filename = `${basename}${extension}`;\n  const output = path.join(options.mediaOutputDir, filename);\n  try {\n    await access(output);\n    return joinPublicPath(options.mediaPublicPath, filename);\n  } catch {\n    // Download the missing asset below.\n  }\n\n  try {\n    const response = await fetch(url, { headers: { Accept: \"image/*\" } });\n    if (!response.ok) return undefined;\n    await mkdir(options.mediaOutputDir, { recursive: true });\n    await writeFile(output, new Uint8Array(await response.arrayBuffer()));\n    return joinPublicPath(options.mediaPublicPath, filename);\n  } catch {\n    return undefined;\n  }\n}\n\nasync function readCachedTweet(key: string, directory: string): Promise<TweetData | null> {\n  try {\n    const data: unknown = JSON.parse(await readFile(path.join(directory, `${key}.json`), \"utf8\"));\n    return isTweetData(data) ? data : null;\n  } catch {\n    return null;\n  }\n}\n\nasync function writeCachedTweet(key: string, data: TweetData, directory: string): Promise<void> {\n  try {\n    await mkdir(directory, { recursive: true });\n    await writeFile(path.join(directory, `${key}.json`), `${JSON.stringify(data)}\\n`);\n  } catch {\n    // A read-only cache directory must not fail the build.\n  }\n}\n\nfunction isTweetData(data: unknown): data is TweetData {\n  if (!data || typeof data !== \"object\") return false;\n  const value = data as Partial<TweetData>;\n  return (\n    typeof value.text === \"string\" &&\n    Boolean(value.user) &&\n    typeof value.user?.name === \"string\" &&\n    typeof value.user.screen_name === \"string\"\n  );\n}\n\nfunction extensionFromUrl(url: URL): string {\n  const match = url.pathname.match(/\\.(jpe?g|png|webp|gif)$/i);\n  return match ? `.${match[1].toLowerCase().replace(\"jpeg\", \"jpg\")}` : \".jpg\";\n}\n\nfunction joinPublicPath(prefix: string, filename: string): string {\n  return `${prefix.replace(/\\/$/, \"\")}/${filename}`;\n}\n\nfunction sanitizeSegment(value: string): string {\n  return value.replaceAll(/[^a-zA-Z0-9_-]/g, \"-\");\n}\n\nfunction assetRecord(src: string, media: TweetMedia): TweetAssets[\"media\"][number] {\n  return {\n    src,\n    alt: media.ext_alt_text,\n    width: media.original_info?.width,\n    height: media.original_info?.height,\n  };\n}\n","import type { ResolvedTwitterEmbedOptions, TweetAssets, TweetData, TweetEntity } from \"./types\";\n\nexport function renderFetchedTweet(\n  permalink: string,\n  data: TweetData,\n  assets: TweetAssets,\n  options: ResolvedTwitterEmbedOptions,\n): string {\n  const profile = `https://x.com/${encodeURIComponent(data.user.screen_name)}`;\n  const author = escapeHtml(data.user.name);\n  const handle = escapeHtml(data.user.screen_name);\n  const avatar = assets.avatar\n    ? `<img class=\"ox-tweet__avatar\" src=\"${escapeAttribute(assets.avatar)}\" alt=\"\" width=\"48\" height=\"48\" loading=\"lazy\" decoding=\"async\">`\n    : \"\";\n  const media = renderMedia(assets);\n  const footer = renderFooter(permalink, data.created_at, options.lang);\n\n  return [\n    '<figure class=\"ox-tweet ox-tweet--fetched\">',\n    '<header class=\"ox-tweet__header\">',\n    `<a class=\"ox-tweet__profile\" href=\"${escapeAttribute(profile)}\" target=\"_blank\" rel=\"noopener noreferrer\">`,\n    avatar,\n    `<span class=\"ox-tweet__author-name\">${author}</span>`,\n    `<span class=\"ox-tweet__author-handle\">@${handle}</span>`,\n    \"</a></header>\",\n    `<div class=\"ox-tweet__body\">${renderTweetText(data)}</div>`,\n    media,\n    footer,\n    \"</figure>\",\n  ].join(\"\");\n}\n\nexport function renderTweetText(data: TweetData): string {\n  const [start, end] = data.display_text_range ?? [0, data.text.length];\n  const entities = collectEntities(data)\n    .filter((entity) => validRange(entity.indices, start, end))\n    .sort((left, right) => left.indices![0] - right.indices![0]);\n\n  let cursor = start;\n  let output = \"\";\n  for (const entity of entities) {\n    const [entityStart, entityEnd] = entity.indices!;\n    if (entityStart < cursor) continue;\n    output += escapeText(data.text.slice(cursor, entityStart));\n    if (entity.kind === \"url\") {\n      const href = entity.expanded_url ?? entity.url;\n      const label = entity.display_url ?? href;\n      output += `<a href=\"${escapeAttribute(href)}\" target=\"_blank\" rel=\"noopener noreferrer\">${escapeHtml(label)}</a>`;\n    }\n    cursor = entityEnd;\n  }\n  output += escapeText(data.text.slice(cursor, end));\n  return output.trim();\n}\n\nfunction collectEntities(data: TweetData): Array<TweetEntity & { kind: \"url\" | \"media\" }> {\n  return [\n    ...(data.entities?.urls ?? []).map((entity) => ({ ...entity, kind: \"url\" as const })),\n    ...(data.entities?.media ?? []).map((entity) => ({ ...entity, kind: \"media\" as const })),\n  ];\n}\n\nfunction validRange(\n  indices: [number, number] | undefined,\n  start: number,\n  end: number,\n): indices is [number, number] {\n  return Boolean(indices && indices[0] >= start && indices[1] <= end && indices[0] < indices[1]);\n}\n\nfunction renderMedia(assets: TweetAssets): string {\n  if (assets.media.length === 0) return \"\";\n  const images = assets.media\n    .map((item) => {\n      const size = [\n        item.width ? ` width=\"${item.width}\"` : \"\",\n        item.height ? ` height=\"${item.height}\"` : \"\",\n      ].join(\"\");\n      return `<img class=\"ox-tweet__media-item\" src=\"${escapeAttribute(item.src)}\" alt=\"${escapeAttribute(item.alt ?? \"\")}\"${size} loading=\"lazy\" decoding=\"async\">`;\n    })\n    .join(\"\");\n  return `<div class=\"ox-tweet__media\" data-count=\"${assets.media.length}\">${images}</div>`;\n}\n\nfunction renderFooter(permalink: string, createdAt: string | undefined, lang: string): string {\n  if (!createdAt) {\n    return `<footer class=\"ox-tweet__footer\"><a class=\"ox-tweet__permalink\" href=\"${escapeAttribute(permalink)}\" target=\"_blank\" rel=\"noopener noreferrer\">View on X</a></footer>`;\n  }\n  const date = new Date(createdAt);\n  if (Number.isNaN(date.valueOf())) return renderFooter(permalink, undefined, lang);\n  const iso = date.toISOString();\n  let label: string;\n  try {\n    label = new Intl.DateTimeFormat(lang, { dateStyle: \"medium\", timeZone: \"UTC\" }).format(date);\n  } catch {\n    label = new Intl.DateTimeFormat(\"en\", { dateStyle: \"medium\", timeZone: \"UTC\" }).format(date);\n  }\n  return `<footer class=\"ox-tweet__footer\"><a class=\"ox-tweet__permalink\" href=\"${escapeAttribute(permalink)}\" target=\"_blank\" rel=\"noopener noreferrer\"><time datetime=\"${iso}\">${escapeHtml(label)}</time></a></footer>`;\n}\n\nfunction escapeText(value: string): string {\n  return escapeHtml(value).replaceAll(\"\\n\", \"<br>\");\n}\n\nfunction escapeAttribute(value: string): string {\n  return escapeHtml(value).replaceAll(\"`\", \"&#96;\");\n}\n\nfunction escapeHtml(value: string): string {\n  return value\n    .replaceAll(\"&\", \"&amp;\")\n    .replaceAll(\"<\", \"&lt;\")\n    .replaceAll(\">\", \"&gt;\")\n    .replaceAll('\"', \"&quot;\")\n    .replaceAll(\"'\", \"&#39;\");\n}\n","import path from \"node:path\";\nimport { fetchTweetData, materializeTweetAssets } from \"./fetch\";\nimport { renderFetchedTweet } from \"./render\";\nimport type { ResolvedTwitterEmbedOptions, TwitterEmbedOptions } from \"./types\";\nimport { referenceFromAttributes } from \"./url\";\n\nconst TWEET_ELEMENT = /<(tweet|xpost)\\b([^>]*?)(?:\\/\\s*>|>[\\s\\S]*?<\\/\\1\\s*>)/gi;\n\nexport function resolveTwitterEmbedOptions(\n  options: TwitterEmbedOptions,\n): ResolvedTwitterEmbedOptions {\n  return {\n    fetch: options.fetch ?? false,\n    lang: options.lang ?? \"en\",\n    timeout: options.timeout ?? 10000,\n    cache: options.cache ?? true,\n    cacheDir: path.resolve(options.cacheDir ?? \".cache/ox-content/twitter\"),\n    mediaOutputDir: path.resolve(options.mediaOutputDir ?? \"public/ox-content/twitter\"),\n    mediaPublicPath: options.mediaPublicPath ?? \"/ox-content/twitter\",\n  };\n}\n\nexport async function transformFetchedTweets(\n  html: string,\n  options: TwitterEmbedOptions,\n): Promise<string> {\n  const resolved = resolveTwitterEmbedOptions(options);\n  if (!resolved.fetch) return html;\n\n  let output = \"\";\n  let cursor = 0;\n  for (const match of html.matchAll(TWEET_ELEMENT)) {\n    const index = match.index ?? 0;\n    output += html.slice(cursor, index);\n    const reference = referenceFromAttributes(match[2]);\n    if (!reference) {\n      output += match[0];\n      cursor = index + match[0].length;\n      continue;\n    }\n\n    const data = await fetchTweetData(reference.id, resolved);\n    if (!data) {\n      output += match[0];\n      cursor = index + match[0].length;\n      continue;\n    }\n\n    const assets = await materializeTweetAssets(reference.id, data, resolved);\n    output += renderFetchedTweet(reference.url, data, assets, resolved);\n    cursor = index + match[0].length;\n  }\n  return output + html.slice(cursor);\n}\n","import { importNapiModule } from \"../napi\";\nimport { transformFetchedTweets } from \"./twitter\";\nimport type { TwitterEmbedOptions } from \"./twitter\";\n\nexport interface MediaEmbedOptions {\n  /**\n   * Render `<Spotify>` embeds.\n   * @default false\n   */\n  spotify?: boolean;\n\n  /**\n   * Render `<StackBlitz>` embeds.\n   * @default false\n   */\n  stackBlitz?: boolean;\n\n  /**\n   * Render `<Tweet>` / `<XPost>` static cards. Pass `{ fetch: true }` to\n   * resolve the post content and self-host its media at build time.\n   * @default false\n   */\n  twitter?: boolean | TwitterEmbedOptions;\n\n  /**\n   * Render `<Bluesky>` static cards.\n   * @default false\n   */\n  bluesky?: boolean;\n\n  /**\n   * Render `<WebContainer>` lazy placeholder blocks.\n   * @default false\n   */\n  webContainer?: boolean;\n}\n\nexport async function transformMediaEmbeds(\n  html: string,\n  options: MediaEmbedOptions,\n): Promise<string> {\n  if (!hasEnabledMediaEmbed(options) || !hasMediaMarker(html)) {\n    return html;\n  }\n\n  let result = html;\n  if (typeof options.twitter === \"object\") {\n    result = await transformFetchedTweets(result, options.twitter);\n  }\n  if (!hasMediaMarker(result)) return result;\n\n  const mod = await importNapiModule();\n  return mod.transformMediaEmbeds(result, {\n    spotify: options.spotify,\n    stackBlitz: options.stackBlitz,\n    twitter: Boolean(options.twitter),\n    bluesky: options.bluesky,\n    webContainer: options.webContainer,\n  });\n}\n\nfunction hasEnabledMediaEmbed(options: MediaEmbedOptions): boolean {\n  return Boolean(\n    options.spotify ||\n    options.stackBlitz ||\n    options.twitter ||\n    options.bluesky ||\n    options.webContainer,\n  );\n}\n\nfunction hasMediaMarker(html: string): boolean {\n  return /<(spotify|stackblitz|tweet|xpost|bluesky|webcontainer)[\\s/>]/i.test(html);\n}\n"],"mappings":"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"}

package/dist/media.mjs

@@ -1,2 +1,302 @@
-import { t as transformMediaEmbeds } from "./media2.mjs";
-export { transformMediaEmbeds };
+import { t as importNapiModule } from "./napi.mjs";
+import path from "node:path";
+import { access, mkdir, readFile, writeFile } from "node:fs/promises";
+//#region src/plugins/twitter/url.ts
+const STATUS_PATH = /^\/(?:[^/]+|i\/web)\/status\/(\d+)(?:\/.*)?$/;
+function createSyndicationToken(id) {
+	return (Number(id) / 0x38d7ea4c68000 * Math.PI).toString(36).replaceAll(/(0+|\.)/g, "");
+}
+function parseTweetReference(value) {
+	const trimmed = value.trim();
+	if (/^\d+$/.test(trimmed)) return {
+		id: trimmed,
+		url: `https://x.com/i/web/status/${trimmed}`
+	};
+	try {
+		const url = new URL(trimmed);
+		const hostname = url.hostname.toLowerCase().replace(/^(?:www\.|mobile\.)/, "");
+		if (url.protocol !== "https:" || hostname !== "x.com" && hostname !== "twitter.com") return null;
+		const match = url.pathname.match(STATUS_PATH);
+		if (!match) return null;
+		const screenName = url.pathname.startsWith("/i/web/status/") ? "i/web" : url.pathname.split("/")[1];
+		return {
+			id: match[1],
+			url: `https://x.com/${screenName}/status/${match[1]}`
+		};
+	} catch {
+		return null;
+	}
+}
+function referenceFromAttributes(attributes) {
+	const values = /* @__PURE__ */ new Map();
+	for (const match of attributes.matchAll(/\b(url|href|id)\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+))/gi)) values.set(match[1].toLowerCase(), match[2] ?? match[3] ?? match[4] ?? "");
+	return parseTweetReference(values.get("url") ?? values.get("href") ?? values.get("id") ?? "");
+}
+//#endregion
+//#region src/plugins/twitter/fetch.ts
+const tweetCache = /* @__PURE__ */ new Map();
+async function fetchTweetData(id, options) {
+	const key = `${id}-${sanitizeSegment(options.lang)}`;
+	if (options.cache) {
+		const memory = tweetCache.get(key);
+		if (memory) return memory;
+		const disk = await readCachedTweet(key, options.cacheDir);
+		if (disk) {
+			tweetCache.set(key, disk);
+			return disk;
+		}
+	}
+	const controller = new AbortController();
+	const timeout = setTimeout(() => controller.abort(), options.timeout);
+	const endpoint = new URL("https://cdn.syndication.twimg.com/tweet-result");
+	endpoint.searchParams.set("id", id);
+	endpoint.searchParams.set("lang", options.lang);
+	endpoint.searchParams.set("token", createSyndicationToken(id));
+	try {
+		const response = await fetch(endpoint, {
+			headers: { Accept: "application/json" },
+			signal: controller.signal
+		});
+		if (!response.ok) return null;
+		const data = await response.json();
+		if (!isTweetData(data)) return null;
+		if (options.cache) {
+			tweetCache.set(key, data);
+			await writeCachedTweet(key, data, options.cacheDir);
+		}
+		return data;
+	} catch {
+		return null;
+	} finally {
+		clearTimeout(timeout);
+	}
+}
+async function materializeTweetAssets(id, data, options) {
+	const assets = { media: [] };
+	const avatarUrl = data.user.profile_image_url_https?.replace(/_normal(?=\.[^.]+$)/, "_bigger");
+	if (avatarUrl) assets.avatar = await downloadAsset(avatarUrl, `${id}-avatar`, options);
+	const media = data.mediaDetails ?? data.entities?.media ?? [];
+	for (const [index, item] of media.entries()) {
+		if (item.type && item.type !== "photo") continue;
+		if (!item.media_url_https) continue;
+		const src = await downloadAsset(item.media_url_https, `${id}-media-${index + 1}`, options);
+		if (src) assets.media.push(assetRecord(src, item));
+	}
+	return assets;
+}
+async function downloadAsset(source, basename, options) {
+	let url;
+	try {
+		url = new URL(source);
+	} catch {
+		return;
+	}
+	if (url.protocol !== "https:" || url.hostname.toLowerCase() !== "pbs.twimg.com") return;
+	const filename = `${basename}${extensionFromUrl(url)}`;
+	const output = path.join(options.mediaOutputDir, filename);
+	try {
+		await access(output);
+		return joinPublicPath(options.mediaPublicPath, filename);
+	} catch {}
+	try {
+		const response = await fetch(url, { headers: { Accept: "image/*" } });
+		if (!response.ok) return void 0;
+		await mkdir(options.mediaOutputDir, { recursive: true });
+		await writeFile(output, new Uint8Array(await response.arrayBuffer()));
+		return joinPublicPath(options.mediaPublicPath, filename);
+	} catch {
+		return;
+	}
+}
+async function readCachedTweet(key, directory) {
+	try {
+		const data = JSON.parse(await readFile(path.join(directory, `${key}.json`), "utf8"));
+		return isTweetData(data) ? data : null;
+	} catch {
+		return null;
+	}
+}
+async function writeCachedTweet(key, data, directory) {
+	try {
+		await mkdir(directory, { recursive: true });
+		await writeFile(path.join(directory, `${key}.json`), `${JSON.stringify(data)}\n`);
+	} catch {}
+}
+function isTweetData(data) {
+	if (!data || typeof data !== "object") return false;
+	const value = data;
+	return typeof value.text === "string" && Boolean(value.user) && typeof value.user?.name === "string" && typeof value.user.screen_name === "string";
+}
+function extensionFromUrl(url) {
+	const match = url.pathname.match(/\.(jpe?g|png|webp|gif)$/i);
+	return match ? `.${match[1].toLowerCase().replace("jpeg", "jpg")}` : ".jpg";
+}
+function joinPublicPath(prefix, filename) {
+	return `${prefix.replace(/\/$/, "")}/${filename}`;
+}
+function sanitizeSegment(value) {
+	return value.replaceAll(/[^a-zA-Z0-9_-]/g, "-");
+}
+function assetRecord(src, media) {
+	return {
+		src,
+		alt: media.ext_alt_text,
+		width: media.original_info?.width,
+		height: media.original_info?.height
+	};
+}
+//#endregion
+//#region src/plugins/twitter/render.ts
+function renderFetchedTweet(permalink, data, assets, options) {
+	const profile = `https://x.com/${encodeURIComponent(data.user.screen_name)}`;
+	const author = escapeHtml(data.user.name);
+	const handle = escapeHtml(data.user.screen_name);
+	const avatar = assets.avatar ? `<img class="ox-tweet__avatar" src="${escapeAttribute(assets.avatar)}" alt="" width="48" height="48" loading="lazy" decoding="async">` : "";
+	const media = renderMedia(assets);
+	const footer = renderFooter(permalink, data.created_at, options.lang);
+	return [
+		"<figure class=\"ox-tweet ox-tweet--fetched\">",
+		"<header class=\"ox-tweet__header\">",
+		`<a class="ox-tweet__profile" href="${escapeAttribute(profile)}" target="_blank" rel="noopener noreferrer">`,
+		avatar,
+		`<span class="ox-tweet__author-name">${author}</span>`,
+		`<span class="ox-tweet__author-handle">@${handle}</span>`,
+		"</a></header>",
+		`<div class="ox-tweet__body">${renderTweetText(data)}</div>`,
+		media,
+		footer,
+		"</figure>"
+	].join("");
+}
+function renderTweetText(data) {
+	const [start, end] = data.display_text_range ?? [0, data.text.length];
+	const entities = collectEntities(data).filter((entity) => validRange(entity.indices, start, end)).sort((left, right) => left.indices[0] - right.indices[0]);
+	let cursor = start;
+	let output = "";
+	for (const entity of entities) {
+		const [entityStart, entityEnd] = entity.indices;
+		if (entityStart < cursor) continue;
+		output += escapeText(data.text.slice(cursor, entityStart));
+		if (entity.kind === "url") {
+			const href = entity.expanded_url ?? entity.url;
+			const label = entity.display_url ?? href;
+			output += `<a href="${escapeAttribute(href)}" target="_blank" rel="noopener noreferrer">${escapeHtml(label)}</a>`;
+		}
+		cursor = entityEnd;
+	}
+	output += escapeText(data.text.slice(cursor, end));
+	return output.trim();
+}
+function collectEntities(data) {
+	return [...(data.entities?.urls ?? []).map((entity) => ({
+		...entity,
+		kind: "url"
+	})), ...(data.entities?.media ?? []).map((entity) => ({
+		...entity,
+		kind: "media"
+	}))];
+}
+function validRange(indices, start, end) {
+	return Boolean(indices && indices[0] >= start && indices[1] <= end && indices[0] < indices[1]);
+}
+function renderMedia(assets) {
+	if (assets.media.length === 0) return "";
+	const images = assets.media.map((item) => {
+		const size = [item.width ? ` width="${item.width}"` : "", item.height ? ` height="${item.height}"` : ""].join("");
+		return `<img class="ox-tweet__media-item" src="${escapeAttribute(item.src)}" alt="${escapeAttribute(item.alt ?? "")}"${size} loading="lazy" decoding="async">`;
+	}).join("");
+	return `<div class="ox-tweet__media" data-count="${assets.media.length}">${images}</div>`;
+}
+function renderFooter(permalink, createdAt, lang) {
+	if (!createdAt) return `<footer class="ox-tweet__footer"><a class="ox-tweet__permalink" href="${escapeAttribute(permalink)}" target="_blank" rel="noopener noreferrer">View on X</a></footer>`;
+	const date = new Date(createdAt);
+	if (Number.isNaN(date.valueOf())) return renderFooter(permalink, void 0, lang);
+	const iso = date.toISOString();
+	let label;
+	try {
+		label = new Intl.DateTimeFormat(lang, {
+			dateStyle: "medium",
+			timeZone: "UTC"
+		}).format(date);
+	} catch {
+		label = new Intl.DateTimeFormat("en", {
+			dateStyle: "medium",
+			timeZone: "UTC"
+		}).format(date);
+	}
+	return `<footer class="ox-tweet__footer"><a class="ox-tweet__permalink" href="${escapeAttribute(permalink)}" target="_blank" rel="noopener noreferrer"><time datetime="${iso}">${escapeHtml(label)}</time></a></footer>`;
+}
+function escapeText(value) {
+	return escapeHtml(value).replaceAll("\n", "<br>");
+}
+function escapeAttribute(value) {
+	return escapeHtml(value).replaceAll("`", "&#96;");
+}
+function escapeHtml(value) {
+	return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
+}
+//#endregion
+//#region src/plugins/twitter/transform.ts
+const TWEET_ELEMENT = /<(tweet|xpost)\b([^>]*?)(?:\/\s*>|>[\s\S]*?<\/\1\s*>)/gi;
+function resolveTwitterEmbedOptions(options) {
+	return {
+		fetch: options.fetch ?? false,
+		lang: options.lang ?? "en",
+		timeout: options.timeout ?? 1e4,
+		cache: options.cache ?? true,
+		cacheDir: path.resolve(options.cacheDir ?? ".cache/ox-content/twitter"),
+		mediaOutputDir: path.resolve(options.mediaOutputDir ?? "public/ox-content/twitter"),
+		mediaPublicPath: options.mediaPublicPath ?? "/ox-content/twitter"
+	};
+}
+async function transformFetchedTweets(html, options) {
+	const resolved = resolveTwitterEmbedOptions(options);
+	if (!resolved.fetch) return html;
+	let output = "";
+	let cursor = 0;
+	for (const match of html.matchAll(TWEET_ELEMENT)) {
+		const index = match.index ?? 0;
+		output += html.slice(cursor, index);
+		const reference = referenceFromAttributes(match[2]);
+		if (!reference) {
+			output += match[0];
+			cursor = index + match[0].length;
+			continue;
+		}
+		const data = await fetchTweetData(reference.id, resolved);
+		if (!data) {
+			output += match[0];
+			cursor = index + match[0].length;
+			continue;
+		}
+		const assets = await materializeTweetAssets(reference.id, data, resolved);
+		output += renderFetchedTweet(reference.url, data, assets, resolved);
+		cursor = index + match[0].length;
+	}
+	return output + html.slice(cursor);
+}
+//#endregion
+//#region src/plugins/media.ts
+async function transformMediaEmbeds(html, options) {
+	if (!hasEnabledMediaEmbed(options) || !hasMediaMarker(html)) return html;
+	let result = html;
+	if (typeof options.twitter === "object") result = await transformFetchedTweets(result, options.twitter);
+	if (!hasMediaMarker(result)) return result;
+	return (await importNapiModule()).transformMediaEmbeds(result, {
+		spotify: options.spotify,
+		stackBlitz: options.stackBlitz,
+		twitter: Boolean(options.twitter),
+		bluesky: options.bluesky,
+		webContainer: options.webContainer
+	});
+}
+function hasEnabledMediaEmbed(options) {
+	return Boolean(options.spotify || options.stackBlitz || options.twitter || options.bluesky || options.webContainer);
+}
+function hasMediaMarker(html) {
+	return /<(spotify|stackblitz|tweet|xpost|bluesky|webcontainer)[\s/>]/i.test(html);
+}
+//#endregion
+export { transformMediaEmbeds as t };
+
+//# sourceMappingURL=media.mjs.map