@ox-content/vite-plugin 3.0.0-alpha.11 → 3.0.0-alpha.13

package/dist/index.mjs

@@ -1,5 +1,6 @@
 import { _ as writeSelfHostedIcons, a as normalizeVitePressFrontmatter, b as importNapiModuleSync, c as mergeThemes, d as parsePageChromeFlags, f as resolveHeaderNavItems, g as withSelfHostedIconHead, h as resolveIconsOptions, i as generateVitePressMigrationConfig, l as resolveTheme, m as resolvePageChromeOption, n as convertVitePressSidebar, o as defaultTheme, p as resolveLocaleLabel, r as fromVitePressConfig, s as defineTheme, t as convertVitePressNav, u as themeToNapi, v as writeSelfHostedThemeFonts, y as importNapiModule } from "./vitepress.mjs";
 import { a as raw, i as jsxs, n as each, o as renderToString, r as jsx, s as when, t as Fragment } from "./jsx-html.mjs";
+import { enhanceMarkdownTables, markdownTableScrollLabel } from "./markdown-tables.mjs";
 import { createRequire } from "node:module";
 import * as path$2 from "path";
 import { unified } from "unified";
@@ -1465,6 +1466,37 @@ async function transformYouTube(html, options) {
 	return (await importNapiModule()).transformYoutubeEmbeds(html, options);
 }
 //#endregion
+//#region src/plugins/media-marker.ts
+/**
+* True when the document contains any tag the transform could rewrite.
+*
+* The list comes from the Rust registry rather than a copy kept here. The copy
+* had already drifted: `codesandbox` was missing, so a page whose only embed
+* was a `<CodeSandbox>` skipped the transform entirely and shipped the raw tag.
+*/
+async function hasMediaMarker(html) {
+	return (await markerPattern()).test(html);
+}
+/**
+* Providers that live in this package rather than the Rust registry, so the
+* registry cannot name them. Reddit is fetched here, not rendered there.
+*/
+const TYPESCRIPT_ONLY_TAGS = ["reddit"];
+let cachedPattern;
+async function markerPattern() {
+	if (cachedPattern) return cachedPattern;
+	const tags = (await importNapiModule()).mediaEmbedTags();
+	const anyCase = [...tags.filter((tag) => !tag.pascalOnly).map((tag) => tag.name), ...TYPESCRIPT_ONLY_TAGS];
+	const pascalOnly = tags.filter((tag) => tag.pascalOnly).map((tag) => tag.name);
+	const parts = [`(?:<(?:${anyCase.join("|")})[\\s/>])`];
+	if (pascalOnly.length > 0) parts.push(`(?:<(?:${pascalOnly.map(capitalize).join("|")})[\\s/>])`);
+	cachedPattern = new RegExp(parts.join("|"), "i");
+	return cachedPattern;
+}
+function capitalize(value) {
+	return value.charAt(0).toUpperCase() + value.slice(1);
+}
+//#endregion
 //#region src/plugins/provider-failure.ts
 /** Node's fetch reports a missing network through `cause.code`. */
 const OFFLINE_CODES = /* @__PURE__ */ new Set([
@@ -4042,7 +4074,7 @@ async function transformFetchedTweets(html, options) {
 //#endregion
 //#region src/plugins/media.ts
 async function transformMediaEmbeds(html, options) {
-	if (!hasEnabledMediaEmbed(options) || !hasMediaMarker(html)) return html;
+	if (!hasEnabledMediaEmbed(options) || !await hasMediaMarker(html)) return html;
 	let result = html;
 	if (typeof options.twitter === "object") result = await transformFetchedTweets(result, options.twitter);
 	if (options.reddit) result = await transformRedditEmbeds(result, typeof options.reddit === "object" ? options.reddit : {});
@@ -4079,16 +4111,18 @@ async function transformMediaEmbeds(html, options) {
 		facebook: options.facebook,
 		threads: options.threads,
 		instagram: options.instagram,
-		webContainer: options.webContainer
+		webContainer: options.webContainer,
+		loom: options.loom,
+		asciinema: options.asciinema,
+		figma: options.figma,
+		note: options.note,
+		googleSlides: options.googleSlides
 	});
 	reportRefusedEmbeds(transformed.diagnostics);
 	return transformed.html;
 }
 function hasEnabledMediaEmbed(options) {
-	return Boolean(options.spotify || options.appleMusic || options.speakerDeck || options.audio || options.video || options.stackBlitz || options.twitter || options.reddit || options.bluesky || options.googleMaps || options.qiita || options.zenn || options.packageRegistry || options.playgrounds || options.vimeo || options.twitch || options.discord || options.fediverse || options.facebook || options.threads || options.instagram || options.webContainer);
-}
-function hasMediaMarker(html) {
-	return /<(spotify|applemusic|speakerdeck|stackblitz|tweet|xpost|reddit|bluesky|googlemaps|qiita|zenn|npmpackage|cratesio|pypi|dockerhub|codepen|jsfiddle|observable|vimeo|twitch|discord|fediverse|mastodon|misskey|mixi2|facebook|threads|instagram|webcontainer)[\s/>]/i.test(html) || /<(Audio|Video)[\s/>]/.test(html);
+	return Boolean(options.spotify || options.appleMusic || options.speakerDeck || options.audio || options.video || options.stackBlitz || options.twitter || options.reddit || options.bluesky || options.googleMaps || options.qiita || options.zenn || options.packageRegistry || options.playgrounds || options.vimeo || options.twitch || options.discord || options.fediverse || options.facebook || options.threads || options.instagram || options.webContainer || options.loom || options.asciinema || options.figma || options.note || options.googleSlides);
 }
 /**
 * Warns about tags an enabled provider refused.
@@ -6016,7 +6050,20 @@ function decodeHtmlAttr$2(value) {
 * All plugins are designed with No-JavaScript-First principle.
 * They generate static HTML at build time and require no client-side JS.
 */
-const SELF_CLOSING_EMBED_TAG = /<(GitHub|OgCard|Tweet|XPost|Reddit|Bluesky|GoogleMaps|Qiita|Zenn|NpmPackage|CratesIo|PyPI|DockerHub|CodePen|JSFiddle|Observable|Vimeo|Twitch|Discord|Fediverse|Mastodon|Misskey|Mixi2|Facebook|Threads|Instagram|Spotify|AppleMusic|SpeakerDeck|Audio|Video|StackBlitz|WebContainer|YouTube|NotByAI)((?:[^>"']|"[^"]*"|'[^']*')*?)\s*\/>(?:\s*<\/\1\s*>)?/gi;
+/**
+* Embed tags this package owns, which the Rust provider registry cannot name.
+*
+* Everything else in the pattern comes from the registry, because a
+* hand-maintained copy drifts — and the drift is not cosmetic here.
+*/
+const TYPESCRIPT_ONLY_EMBED_TAGS = [
+	"GitHub",
+	"OgCard",
+	"Reddit",
+	"YouTube",
+	"NotByAI"
+];
+let selfClosingPattern;
 /**
 * Custom embed tags are not HTML void elements, so a self-closing authoring
 * form like `<GitHub ... />` reaches the HTML re-parsers (syntax highlighting,
@@ -6024,12 +6071,23 @@ const SELF_CLOSING_EMBED_TAG = /<(GitHub|OgCard|Tweet|XPost|Reddit|Bluesky|Googl
 * document. Normalize to an explicit open/close pair before any rehype pass
 * runs. A leftover `</Tweet>` after `/>` (CommonMark HTML + self-close) is
 * consumed so the closer cannot survive the embed rewrite.
+*
+* The tag list is built from the provider registry rather than written out
+* here. It had drifted: `<CodeSandbox … />` was absent, so a page using the
+* self-closing form lost every element after it.
 */
 function normalizeSelfClosingEmbeds(html) {
-	return html.replace(SELF_CLOSING_EMBED_TAG, (_match, tag, attrs) => {
+	return html.replace(selfClosingEmbedPattern(), (_match, tag, attrs) => {
 		return `<${tag}${attrs}></${tag}>`;
 	});
 }
+function selfClosingEmbedPattern() {
+	if (selfClosingPattern) return selfClosingPattern;
+	const registryTags = importNapiModuleSync().mediaEmbedTags().map((tag) => tag.name);
+	const names = [.../* @__PURE__ */ new Set([...TYPESCRIPT_ONLY_EMBED_TAGS, ...registryTags])];
+	selfClosingPattern = new RegExp(`<(${names.join("|")})((?:[^>"']|"[^"]*"|'[^']*')*?)\\s*\\/>(?:\\s*<\\/\\1\\s*>)?`, "gi");
+	return selfClosingPattern;
+}
 /**
 * Transform all enabled plugins in HTML content.
 */
@@ -6108,7 +6166,12 @@ async function transformBuiltinEmbeds(html, options) {
 		facebook: options.facebook,
 		threads: options.threads,
 		instagram: options.instagram,
-		webContainer: options.webContainer
+		webContainer: options.webContainer,
+		loom: options.loom,
+		asciinema: options.asciinema,
+		figma: options.figma,
+		note: options.note,
+		googleSlides: options.googleSlides
 	};
 	if (Object.values(mediaOptions).some(Boolean)) result = await transformMediaEmbeds(result, mediaOptions);
 	return normalizeBlockEmbedParagraphs(result);
@@ -17015,6 +17078,11 @@ async function transformSsgHtml(html, options) {
 		threads: options.embeds.threads,
 		instagram: options.embeds.instagram,
 		webContainer: options.embeds.webContainer,
+		loom: options.embeds.loom,
+		asciinema: options.embeds.asciinema,
+		figma: options.embeds.figma,
+		note: options.embeds.note,
+		googleSlides: options.embeds.googleSlides,
 		mermaid: true,
 		githubToken: process.env.GITHUB_TOKEN
 	});
@@ -17627,6 +17695,11 @@ async function renderPage$1(filePath, options, navGroups, siteName, base, root,
 		threads: options.embeds.threads,
 		instagram: options.embeds.instagram,
 		webContainer: options.embeds.webContainer,
+		loom: options.embeds.loom,
+		asciinema: options.embeds.asciinema,
+		figma: options.embeds.figma,
+		note: options.embeds.note,
+		googleSlides: options.embeds.googleSlides,
 		mermaid: true,
 		githubToken: process.env.GITHUB_TOKEN
 	});
@@ -18251,7 +18324,12 @@ function resolveBuiltinEmbedOptions(options) {
 		facebook: false,
 		threads: false,
 		instagram: false,
-		webContainer: false
+		webContainer: false,
+		loom: false,
+		asciinema: false,
+		figma: false,
+		note: false,
+		googleSlides: false
 	};
 	return {
 		github: resolveSingleEmbedOptions(options?.github),
@@ -18278,7 +18356,12 @@ function resolveBuiltinEmbedOptions(options) {
 		facebook: options?.facebook === true,
 		threads: options?.threads === true,
 		instagram: options?.instagram === true,
-		webContainer: options?.webContainer === true
+		webContainer: options?.webContainer === true,
+		loom: options?.loom === true,
+		asciinema: options?.asciinema === true,
+		figma: options?.figma === true,
+		note: options?.note === true,
+		googleSlides: options?.googleSlides === true
 	};
 }
 function resolveSingleEmbedOptions(options) {
@@ -19315,7 +19398,12 @@ function createFrameworkMarkdownOptions(options) {
 			twitter: false,
 			reddit: false,
 			bluesky: false,
-			webContainer: false
+			webContainer: false,
+			loom: false,
+			asciinema: false,
+			figma: false,
+			note: false,
+			googleSlides: false
 		},
 		i18n: false,
 		wikiLinks: {
@@ -20153,61 +20241,6 @@ function createEmptyLintResult() {
 	};
 }
 //#endregion
-//#region src/markdown-tables.ts
-const TABINDEX_FLAG = "oxTableScrollTabindex";
-const LABEL_FLAG = "oxTableScrollLabel";
-const SCROLLABLE_ATTR = "data-ox-table-scrollable";
-function markdownTableScrollLabel(locale) {
-	if (locale?.split("-")[0]?.toLowerCase() === "ja") return "横スクロールできる表";
-	return "Scrollable table";
-}
-/**
-* Makes overflowing Markdown tables keyboard-scrollable without wrapping or
-* replacing the native `<table>` element.
-*
-* Run this after rendering Markdown and again after layout-changing updates.
-* Narrow tables stay out of the tab order when overflow can be measured.
-*/
-function enhanceMarkdownTables(root, options = {}) {
-	const target = root ?? globalThis.document;
-	if (!target?.querySelectorAll) return 0;
-	const selector = options.selector ?? ".content table";
-	const locale = ownerDocument(target)?.documentElement.lang;
-	const label = options.label ?? markdownTableScrollLabel(locale);
-	let scrollableCount = 0;
-	for (const table of target.querySelectorAll(selector)) {
-		if (typeof HTMLElement === "undefined" || !(table instanceof HTMLElement)) continue;
-		if (table.tagName !== "TABLE") continue;
-		const scrollable = table.scrollWidth > table.clientWidth + 1;
-		table.toggleAttribute(SCROLLABLE_ATTR, scrollable);
-		if (scrollable) {
-			scrollableCount++;
-			if (!table.hasAttribute("tabindex")) {
-				table.tabIndex = 0;
-				table.dataset[TABINDEX_FLAG] = "true";
-			}
-			if (!table.hasAttribute("aria-label") && !table.hasAttribute("aria-labelledby")) {
-				table.setAttribute("aria-label", label);
-				table.dataset[LABEL_FLAG] = "true";
-			}
-		} else {
-			if (table.dataset[TABINDEX_FLAG] === "true") {
-				table.removeAttribute("tabindex");
-				delete table.dataset[TABINDEX_FLAG];
-			}
-			if (table.dataset[LABEL_FLAG] === "true") {
-				table.removeAttribute("aria-label");
-				delete table.dataset[LABEL_FLAG];
-			}
-		}
-	}
-	return scrollableCount;
-}
-function ownerDocument(root) {
-	if (typeof Document !== "undefined" && root instanceof Document) return root;
-	return root.ownerDocument ?? globalThis.document;
-}
-//#endregion
 //#region src/ssg-output-write.ts
 /**
 * Writers for composable SSG outputs. Custom hosts call these without `buildSsg()`.