@ox-content/vite-plugin 2.8.0 → 2.9.0

package/dist/tabs.mjs

@@ -1,2 +1,188 @@
-import { r as transformTabs } from "./tabs2.mjs";
-export { transformTabs };
+import { c as __exportAll } from "./mermaid.mjs";
+import { unified } from "unified";
+import rehypeParse from "rehype-parse";
+import rehypeStringify from "rehype-stringify";
+//#region src/plugins/tabs.ts
+/**
+* Tabs Plugin - Pure CSS implementation
+*
+* Transforms <Tabs>/<Tab> components into accessible HTML
+* with CSS :has() based tab switching (no JavaScript required).
+*/
+var tabs_exports = /* @__PURE__ */ __exportAll({
+	generateTabsCSS: () => generateTabsCSS,
+	resetTabGroupCounter: () => resetTabGroupCounter,
+	transformTabs: () => transformTabs
+});
+let tabGroupCounter = 0;
+/**
+* Reset tab group counter (for testing).
+*/
+function resetTabGroupCounter() {
+	tabGroupCounter = 0;
+}
+/**
+* Get element attribute value.
+*/
+function getAttribute(el, name) {
+	const value = el.properties?.[name];
+	if (typeof value === "string") return value;
+	if (Array.isArray(value)) return value.join(" ");
+}
+/**
+* Parse Tab elements from Tabs children.
+*/
+function parseTabChildren(children) {
+	const tabs = [];
+	for (const child of children) {
+		if (child.type !== "element") continue;
+		if (child.tagName.toLowerCase() === "tab") {
+			const label = getAttribute(child, "label") || `Tab ${tabs.length + 1}`;
+			tabs.push({
+				label,
+				content: child.children.filter((c) => c.type === "element" || c.type === "text")
+			});
+		}
+	}
+	return tabs;
+}
+/**
+* Create the HTML structure for tabs.
+*/
+function createTabsElement(tabs, groupId) {
+	const children = [];
+	const headerChildren = [];
+	tabs.forEach((tab, index) => {
+		const inputId = `ox-tab-${groupId}-${index}`;
+		headerChildren.push({
+			type: "element",
+			tagName: "input",
+			properties: {
+				type: "radio",
+				name: `ox-tabs-${groupId}`,
+				id: inputId,
+				checked: index === 0 ? true : void 0
+			},
+			children: []
+		});
+		headerChildren.push({
+			type: "element",
+			tagName: "label",
+			properties: { htmlFor: inputId },
+			children: [{
+				type: "text",
+				value: tab.label
+			}]
+		});
+	});
+	children.push({
+		type: "element",
+		tagName: "div",
+		properties: { className: ["ox-tabs-header"] },
+		children: headerChildren
+	});
+	tabs.forEach((tab, index) => {
+		children.push({
+			type: "element",
+			tagName: "div",
+			properties: {
+				className: ["ox-tab-panel"],
+				"data-tab": String(index)
+			},
+			children: tab.content
+		});
+	});
+	return {
+		type: "element",
+		tagName: "div",
+		properties: {
+			className: ["ox-tabs"],
+			"data-group": groupId
+		},
+		children
+	};
+}
+/**
+* Create fallback HTML using <details> elements.
+*/
+function createFallbackElement(tabs) {
+	const children = [];
+	tabs.forEach((tab, index) => {
+		children.push({
+			type: "element",
+			tagName: "details",
+			properties: { open: index === 0 ? true : void 0 },
+			children: [{
+				type: "element",
+				tagName: "summary",
+				properties: {},
+				children: [{
+					type: "text",
+					value: tab.label
+				}]
+			}, {
+				type: "element",
+				tagName: "div",
+				properties: { className: ["ox-tabs-fallback-content"] },
+				children: tab.content
+			}]
+		});
+	});
+	return {
+		type: "element",
+		tagName: "noscript",
+		properties: {},
+		children: [{
+			type: "element",
+			tagName: "div",
+			properties: { className: ["ox-tabs-fallback"] },
+			children
+		}]
+	};
+}
+/**
+* Rehype plugin to transform Tabs components.
+*/
+function rehypeTabs() {
+	return (tree) => {
+		const visit = (node) => {
+			if ("children" in node) for (let i = 0; i < node.children.length; i++) {
+				const child = node.children[i];
+				if (child.type === "element") if (child.tagName.toLowerCase() === "tabs") {
+					const tabs = parseTabChildren(child.children);
+					if (tabs.length > 0) {
+						const wrapper = {
+							type: "element",
+							tagName: "div",
+							properties: { className: ["ox-tabs-container"] },
+							children: [createTabsElement(tabs, String(tabGroupCounter++)), createFallbackElement(tabs)]
+						};
+						node.children[i] = wrapper;
+					}
+				} else visit(child);
+			}
+		};
+		visit(tree);
+	};
+}
+/**
+* Transform Tabs components in HTML.
+*/
+async function transformTabs(html) {
+	const result = await unified().use(rehypeParse, { fragment: true }).use(rehypeTabs).use(rehypeStringify).process(html);
+	return String(result);
+}
+/**
+* Generate dynamic CSS for :has() based tab switching.
+* This is needed because :has() selectors need unique IDs.
+*/
+function generateTabsCSS(groupCount) {
+	if (groupCount === 0) return "";
+	let css = "/* Dynamic Tabs CSS */\n";
+	for (let g = 0; g < groupCount; g++) for (let t = 0; t < 8; t++) css += `.ox-tabs[data-group="${g}"]:has(#ox-tab-${g}-${t}:checked) .ox-tab-panel[data-tab="${t}"] { display: block; }\n`;
+	return css;
+}
+//#endregion
+export { transformTabs as i, resetTabGroupCounter as n, tabs_exports as r, generateTabsCSS as t };
+
+//# sourceMappingURL=tabs.mjs.map

package/dist/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":[],"sources":["../src/plugins/tabs.ts"],"sourcesContent":["/**\n * Tabs Plugin - Pure CSS implementation\n *\n * Transforms <Tabs>/<Tab> components into accessible HTML\n * with CSS :has() based tab switching (no JavaScript required).\n */\n\nimport { unified } from \"unified\";\nimport rehypeParse from \"rehype-parse\";\nimport rehypeStringify from \"rehype-stringify\";\nimport type { Root, Element } from \"hast\";\n\nlet tabGroupCounter = 0;\n\n/**\n * Reset tab group counter (for testing).\n */\nexport function resetTabGroupCounter(): void {\n  tabGroupCounter = 0;\n}\n\n/**\n * Get element attribute value.\n */\nfunction getAttribute(el: Element, name: string): string | undefined {\n  const value = el.properties?.[name];\n  if (typeof value === \"string\") return value;\n  if (Array.isArray(value)) return value.join(\" \");\n  return undefined;\n}\n\ninterface TabData {\n  label: string;\n  content: Element[];\n}\n\n/**\n * Parse Tab elements from Tabs children.\n */\nfunction parseTabChildren(children: Element[\"children\"]): TabData[] {\n  const tabs: TabData[] = [];\n\n  for (const child of children) {\n    if (child.type !== \"element\") continue;\n\n    // Handle <Tab label=\"...\">\n    if (child.tagName.toLowerCase() === \"tab\") {\n      const label = getAttribute(child, \"label\") || `Tab ${tabs.length + 1}`;\n      tabs.push({\n        label,\n        content: child.children.filter(\n          (c): c is Element => c.type === \"element\" || c.type === \"text\",\n        ) as Element[],\n      });\n    }\n  }\n\n  return tabs;\n}\n\n/**\n * Create the HTML structure for tabs.\n */\nfunction createTabsElement(tabs: TabData[], groupId: string): Element {\n  const children: Element[\"children\"] = [];\n\n  // Create header with radio inputs and labels\n  const headerChildren: Element[\"children\"] = [];\n\n  tabs.forEach((tab, index) => {\n    const inputId = `ox-tab-${groupId}-${index}`;\n\n    // Radio input\n    headerChildren.push({\n      type: \"element\",\n      tagName: \"input\",\n      properties: {\n        type: \"radio\",\n        name: `ox-tabs-${groupId}`,\n        id: inputId,\n        checked: index === 0 ? true : undefined,\n      },\n      children: [],\n    });\n\n    // Label\n    headerChildren.push({\n      type: \"element\",\n      tagName: \"label\",\n      properties: {\n        htmlFor: inputId,\n      },\n      children: [{ type: \"text\", value: tab.label }],\n    });\n  });\n\n  // Tabs header\n  children.push({\n    type: \"element\",\n    tagName: \"div\",\n    properties: { className: [\"ox-tabs-header\"] },\n    children: headerChildren,\n  });\n\n  // Tab panels\n  tabs.forEach((tab, index) => {\n    children.push({\n      type: \"element\",\n      tagName: \"div\",\n      properties: {\n        className: [\"ox-tab-panel\"],\n        \"data-tab\": String(index),\n      },\n      children: tab.content,\n    });\n  });\n\n  return {\n    type: \"element\",\n    tagName: \"div\",\n    properties: {\n      className: [\"ox-tabs\"],\n      \"data-group\": groupId,\n    },\n    children,\n  };\n}\n\n/**\n * Create fallback HTML using <details> elements.\n */\nfunction createFallbackElement(tabs: TabData[]): Element {\n  const children: Element[\"children\"] = [];\n\n  tabs.forEach((tab, index) => {\n    children.push({\n      type: \"element\",\n      tagName: \"details\",\n      properties: {\n        open: index === 0 ? true : undefined,\n      },\n      children: [\n        {\n          type: \"element\",\n          tagName: \"summary\",\n          properties: {},\n          children: [{ type: \"text\", value: tab.label }],\n        },\n        {\n          type: \"element\",\n          tagName: \"div\",\n          properties: { className: [\"ox-tabs-fallback-content\"] },\n          children: tab.content,\n        },\n      ],\n    });\n  });\n\n  return {\n    type: \"element\",\n    tagName: \"noscript\",\n    properties: {},\n    children: [\n      {\n        type: \"element\",\n        tagName: \"div\",\n        properties: { className: [\"ox-tabs-fallback\"] },\n        children,\n      },\n    ],\n  };\n}\n\n/**\n * Rehype plugin to transform Tabs components.\n */\nfunction rehypeTabs() {\n  return (tree: Root) => {\n    const visit = (node: Root | Element) => {\n      if (\"children\" in node) {\n        for (let i = 0; i < node.children.length; i++) {\n          const child = node.children[i];\n\n          if (child.type === \"element\") {\n            // Check for <Tabs> component\n            if (child.tagName.toLowerCase() === \"tabs\") {\n              const tabs = parseTabChildren(child.children);\n\n              if (tabs.length > 0) {\n                const groupId = String(tabGroupCounter++);\n                const tabsElement = createTabsElement(tabs, groupId);\n                const fallbackElement = createFallbackElement(tabs);\n\n                // Replace <Tabs> with new structure\n                // Keep main tabs and add noscript fallback\n                const wrapper: Element = {\n                  type: \"element\",\n                  tagName: \"div\",\n                  properties: { className: [\"ox-tabs-container\"] },\n                  children: [tabsElement, fallbackElement],\n                };\n\n                node.children[i] = wrapper;\n              }\n            } else {\n              visit(child);\n            }\n          }\n        }\n      }\n    };\n\n    visit(tree);\n  };\n}\n\n/**\n * Transform Tabs components in HTML.\n */\nexport async function transformTabs(html: string): Promise<string> {\n  const result = await unified()\n    .use(rehypeParse, { fragment: true })\n    .use(rehypeTabs)\n    .use(rehypeStringify)\n    .process(html);\n\n  return String(result);\n}\n\n/**\n * Generate dynamic CSS for :has() based tab switching.\n * This is needed because :has() selectors need unique IDs.\n */\nexport function generateTabsCSS(groupCount: number): string {\n  if (groupCount === 0) return \"\";\n\n  let css = \"/* Dynamic Tabs CSS */\\n\";\n\n  for (let g = 0; g < groupCount; g++) {\n    for (let t = 0; t < 8; t++) {\n      css += `.ox-tabs[data-group=\"${g}\"]:has(#ox-tab-${g}-${t}:checked) .ox-tab-panel[data-tab=\"${t}\"] { display: block; }\\n`;\n    }\n  }\n\n  return css;\n}\n"],"mappings":"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"}

package/dist/youtube.mjs

@@ -1,2 +1,117 @@
-import { n as transformYouTube } from "./youtube2.mjs";
-export { transformYouTube };
+import { c as __exportAll } from "./mermaid.mjs";
+import { unified } from "unified";
+import rehypeParse from "rehype-parse";
+import rehypeStringify from "rehype-stringify";
+//#region src/plugins/youtube.ts
+/**
+* YouTube Plugin - Privacy-enhanced iframe embedding
+*
+* Transforms <YouTube> components into responsive iframe embeds
+* using youtube-nocookie.com for enhanced privacy.
+*/
+var youtube_exports = /* @__PURE__ */ __exportAll({
+	extractVideoId: () => extractVideoId,
+	transformYouTube: () => transformYouTube
+});
+const defaultOptions = {
+	privacyEnhanced: true,
+	aspectRatio: "16/9",
+	allowFullscreen: true,
+	lazyLoad: true
+};
+/**
+* Get element attribute value.
+*/
+function getAttribute(el, name) {
+	const value = el.properties?.[name];
+	if (typeof value === "string") return value;
+	if (Array.isArray(value)) return value.join(" ");
+}
+/**
+* Extract YouTube video ID from various URL formats.
+*/
+function extractVideoId(input) {
+	if (/^[a-zA-Z0-9_-]{11}$/.test(input)) return input;
+	for (const pattern of [/(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/|youtube\.com\/v\/)([a-zA-Z0-9_-]{11})/, /youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/]) {
+		const match = input.match(pattern);
+		if (match) return match[1];
+	}
+	return null;
+}
+/**
+* Build YouTube embed URL with parameters.
+*/
+function buildEmbedUrl(videoId, options, params) {
+	const domain = options.privacyEnhanced ? "www.youtube-nocookie.com" : "www.youtube.com";
+	const url = new URL(`https://${domain}/embed/${videoId}`);
+	if (params) for (const [key, value] of Object.entries(params)) url.searchParams.set(key, value);
+	return url.toString();
+}
+/**
+* Create YouTube embed element.
+*/
+function createYouTubeElement(videoId, options, title, start) {
+	const params = {};
+	if (start) params.start = start;
+	const iframe = {
+		type: "element",
+		tagName: "iframe",
+		properties: {
+			src: buildEmbedUrl(videoId, options, params),
+			title: title || `YouTube video ${videoId}`,
+			allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+			referrerpolicy: "strict-origin-when-cross-origin",
+			allowfullscreen: options.allowFullscreen || void 0,
+			loading: options.lazyLoad ? "lazy" : void 0
+		},
+		children: []
+	};
+	return {
+		type: "element",
+		tagName: "div",
+		properties: {
+			className: ["ox-youtube"],
+			style: `aspect-ratio: ${options.aspectRatio};`
+		},
+		children: [iframe]
+	};
+}
+/**
+* Rehype plugin to transform YouTube components.
+*/
+function rehypeYouTube(options) {
+	return (tree) => {
+		const visit = (node) => {
+			if ("children" in node) for (let i = 0; i < node.children.length; i++) {
+				const child = node.children[i];
+				if (child.type === "element") if (child.tagName.toLowerCase() === "youtube") {
+					const id = getAttribute(child, "id");
+					const url = getAttribute(child, "url");
+					const title = getAttribute(child, "title");
+					const start = getAttribute(child, "start");
+					const videoId = id ? extractVideoId(id) : url ? extractVideoId(url) : null;
+					if (videoId) {
+						const youtubeElement = createYouTubeElement(videoId, options, title, start);
+						node.children[i] = youtubeElement;
+					}
+				} else visit(child);
+			}
+		};
+		visit(tree);
+	};
+}
+/**
+* Transform YouTube components in HTML.
+*/
+async function transformYouTube(html, options) {
+	const mergedOptions = {
+		...defaultOptions,
+		...options
+	};
+	const result = await unified().use(rehypeParse, { fragment: true }).use(rehypeYouTube, mergedOptions).use(rehypeStringify).process(html);
+	return String(result);
+}
+//#endregion
+export { transformYouTube as n, youtube_exports as r, extractVideoId as t };
+
+//# sourceMappingURL=youtube.mjs.map

package/dist/youtube.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"youtube.mjs","names":[],"sources":["../src/plugins/youtube.ts"],"sourcesContent":["/**\n * YouTube Plugin - Privacy-enhanced iframe embedding\n *\n * Transforms <YouTube> components into responsive iframe embeds\n * using youtube-nocookie.com for enhanced privacy.\n */\n\nimport { unified } from \"unified\";\nimport rehypeParse from \"rehype-parse\";\nimport rehypeStringify from \"rehype-stringify\";\nimport type { Root, Element, Properties } from \"hast\";\n\nexport interface YouTubeOptions {\n  /** Use privacy-enhanced mode (youtube-nocookie.com). Default: true */\n  privacyEnhanced?: boolean;\n  /** Default aspect ratio. Default: \"16/9\" */\n  aspectRatio?: string;\n  /** Allow fullscreen. Default: true */\n  allowFullscreen?: boolean;\n  /** Lazy load iframe. Default: true */\n  lazyLoad?: boolean;\n}\n\nconst defaultOptions: Required<YouTubeOptions> = {\n  privacyEnhanced: true,\n  aspectRatio: \"16/9\",\n  allowFullscreen: true,\n  lazyLoad: true,\n};\n\n/**\n * Get element attribute value.\n */\nfunction getAttribute(el: Element, name: string): string | undefined {\n  const value = el.properties?.[name];\n  if (typeof value === \"string\") return value;\n  if (Array.isArray(value)) return value.join(\" \");\n  return undefined;\n}\n\n/**\n * Extract YouTube video ID from various URL formats.\n */\nexport function extractVideoId(input: string): string | null {\n  // Already a video ID (11 characters, alphanumeric + _ -)\n  if (/^[a-zA-Z0-9_-]{11}$/.test(input)) {\n    return input;\n  }\n\n  // Full URL patterns\n  const patterns = [\n    /(?:youtube\\.com\\/watch\\?v=|youtu\\.be\\/|youtube\\.com\\/embed\\/|youtube\\.com\\/v\\/)([a-zA-Z0-9_-]{11})/,\n    /youtube\\.com\\/shorts\\/([a-zA-Z0-9_-]{11})/,\n  ];\n\n  for (const pattern of patterns) {\n    const match = input.match(pattern);\n    if (match) return match[1];\n  }\n\n  return null;\n}\n\n/**\n * Build YouTube embed URL with parameters.\n */\nfunction buildEmbedUrl(\n  videoId: string,\n  options: Required<YouTubeOptions>,\n  params?: Record<string, string>,\n): string {\n  const domain = options.privacyEnhanced ? \"www.youtube-nocookie.com\" : \"www.youtube.com\";\n  const url = new URL(`https://${domain}/embed/${videoId}`);\n\n  // Add any custom parameters\n  if (params) {\n    for (const [key, value] of Object.entries(params)) {\n      url.searchParams.set(key, value);\n    }\n  }\n\n  return url.toString();\n}\n\n/**\n * Create YouTube embed element.\n */\nfunction createYouTubeElement(\n  videoId: string,\n  options: Required<YouTubeOptions>,\n  title?: string,\n  start?: string,\n): Element {\n  const params: Record<string, string> = {};\n  if (start) {\n    params.start = start;\n  }\n\n  const embedUrl = buildEmbedUrl(videoId, options, params);\n\n  const iframeProps: Properties = {\n    src: embedUrl,\n    title: title || `YouTube video ${videoId}`,\n    allow:\n      \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\n    referrerpolicy: \"strict-origin-when-cross-origin\",\n    allowfullscreen: options.allowFullscreen || undefined,\n    loading: options.lazyLoad ? \"lazy\" : undefined,\n  };\n\n  const iframe: Element = {\n    type: \"element\",\n    tagName: \"iframe\",\n    properties: iframeProps,\n    children: [],\n  };\n\n  return {\n    type: \"element\",\n    tagName: \"div\",\n    properties: {\n      className: [\"ox-youtube\"],\n      style: `aspect-ratio: ${options.aspectRatio};`,\n    },\n    children: [iframe],\n  };\n}\n\n/**\n * Rehype plugin to transform YouTube components.\n */\nfunction rehypeYouTube(options: Required<YouTubeOptions>) {\n  return (tree: Root) => {\n    const visit = (node: Root | Element) => {\n      if (\"children\" in node) {\n        for (let i = 0; i < node.children.length; i++) {\n          const child = node.children[i];\n\n          if (child.type === \"element\") {\n            // Check for <YouTube> component\n            if (child.tagName.toLowerCase() === \"youtube\") {\n              const id = getAttribute(child, \"id\");\n              const url = getAttribute(child, \"url\");\n              const title = getAttribute(child, \"title\");\n              const start = getAttribute(child, \"start\");\n\n              // Extract video ID from id or url attribute\n              const videoId = id ? extractVideoId(id) : url ? extractVideoId(url) : null;\n\n              if (videoId) {\n                const youtubeElement = createYouTubeElement(videoId, options, title, start);\n                node.children[i] = youtubeElement;\n              }\n            } else {\n              visit(child);\n            }\n          }\n        }\n      }\n    };\n\n    visit(tree);\n  };\n}\n\n/**\n * Transform YouTube components in HTML.\n */\nexport async function transformYouTube(html: string, options?: YouTubeOptions): Promise<string> {\n  const mergedOptions = { ...defaultOptions, ...options };\n\n  const result = await unified()\n    .use(rehypeParse, { fragment: true })\n    .use(rehypeYouTube, mergedOptions)\n    .use(rehypeStringify)\n    .process(html);\n\n  return String(result);\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAM,iBAA2C;CAC/C,iBAAiB;CACjB,aAAa;CACb,iBAAiB;CACjB,UAAU;CACX;;;;AAKD,SAAS,aAAa,IAAa,MAAkC;CACnE,MAAM,QAAQ,GAAG,aAAa;AAC9B,KAAI,OAAO,UAAU,SAAU,QAAO;AACtC,KAAI,MAAM,QAAQ,MAAM,CAAE,QAAO,MAAM,KAAK,IAAI;;;;;AAOlD,SAAgB,eAAe,OAA8B;AAE3D,KAAI,sBAAsB,KAAK,MAAM,CACnC,QAAO;AAST,MAAK,MAAM,WALM,CACf,sGACA,4CACD,EAE+B;EAC9B,MAAM,QAAQ,MAAM,MAAM,QAAQ;AAClC,MAAI,MAAO,QAAO,MAAM;;AAG1B,QAAO;;;;;AAMT,SAAS,cACP,SACA,SACA,QACQ;CACR,MAAM,SAAS,QAAQ,kBAAkB,6BAA6B;CACtE,MAAM,MAAM,IAAI,IAAI,WAAW,OAAO,SAAS,UAAU;AAGzD,KAAI,OACF,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,OAAO,CAC/C,KAAI,aAAa,IAAI,KAAK,MAAM;AAIpC,QAAO,IAAI,UAAU;;;;;AAMvB,SAAS,qBACP,SACA,SACA,OACA,OACS;CACT,MAAM,SAAiC,EAAE;AACzC,KAAI,MACF,QAAO,QAAQ;CAejB,MAAM,SAAkB;EACtB,MAAM;EACN,SAAS;EACT,YAb8B;GAC9B,KAHe,cAAc,SAAS,SAAS,OAAO;GAItD,OAAO,SAAS,iBAAiB;GACjC,OACE;GACF,gBAAgB;GAChB,iBAAiB,QAAQ,mBAAmB,KAAA;GAC5C,SAAS,QAAQ,WAAW,SAAS,KAAA;GACtC;EAMC,UAAU,EAAE;EACb;AAED,QAAO;EACL,MAAM;EACN,SAAS;EACT,YAAY;GACV,WAAW,CAAC,aAAa;GACzB,OAAO,iBAAiB,QAAQ,YAAY;GAC7C;EACD,UAAU,CAAC,OAAO;EACnB;;;;;AAMH,SAAS,cAAc,SAAmC;AACxD,SAAQ,SAAe;EACrB,MAAM,SAAS,SAAyB;AACtC,OAAI,cAAc,KAChB,MAAK,IAAI,IAAI,GAAG,IAAI,KAAK,SAAS,QAAQ,KAAK;IAC7C,MAAM,QAAQ,KAAK,SAAS;AAE5B,QAAI,MAAM,SAAS,UAEjB,KAAI,MAAM,QAAQ,aAAa,KAAK,WAAW;KAC7C,MAAM,KAAK,aAAa,OAAO,KAAK;KACpC,MAAM,MAAM,aAAa,OAAO,MAAM;KACtC,MAAM,QAAQ,aAAa,OAAO,QAAQ;KAC1C,MAAM,QAAQ,aAAa,OAAO,QAAQ;KAG1C,MAAM,UAAU,KAAK,eAAe,GAAG,GAAG,MAAM,eAAe,IAAI,GAAG;AAEtE,SAAI,SAAS;MACX,MAAM,iBAAiB,qBAAqB,SAAS,SAAS,OAAO,MAAM;AAC3E,WAAK,SAAS,KAAK;;UAGrB,OAAM,MAAM;;;AAOtB,QAAM,KAAK;;;;;;AAOf,eAAsB,iBAAiB,MAAc,SAA2C;CAC9F,MAAM,gBAAgB;EAAE,GAAG;EAAgB,GAAG;EAAS;CAEvD,MAAM,SAAS,MAAM,SAAS,CAC3B,IAAI,aAAa,EAAE,UAAU,MAAM,CAAC,CACpC,IAAI,eAAe,cAAc,CACjC,IAAI,gBAAgB,CACpB,QAAQ,KAAK;AAEhB,QAAO,OAAO,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ox-content/vite-plugin",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "description": "Vite plugin for Ox Content - High-performance Markdown processing with Environment API",
   "keywords": [
     "environment-api",
@@ -50,7 +50,7 @@
     "shiki": "^1.24.0",
     "typescript": "^5.7.0",
     "unified": "^11.0.5",
-    "@ox-content/napi": "2.8.0"
+    "@ox-content/napi": "2.9.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.59.1",

package/dist/github2.mjs

@@ -1,291 +0,0 @@
-import { unified } from "unified";
-import rehypeParse from "rehype-parse";
-import rehypeStringify from "rehype-stringify";
-//#region src/plugins/github.ts
-/**
-* GitHub Plugin - Repository card embedding
-*
-* Transforms <GitHub> components into static repository cards
-* by fetching data from GitHub API at build time.
-*/
-const defaultOptions = {
-	token: "",
-	cache: true,
-	cacheTTL: 36e5
-};
-const repoCache = /* @__PURE__ */ new Map();
-const GITHUB_REPO_RE = /^[A-Za-z0-9_.-]+\/[A-Za-z0-9_.-]+$/;
-function isSafeGitHubRepo(repo) {
-	return GITHUB_REPO_RE.test(repo) && !repo.split("/").some((part) => part === "." || part === "..");
-}
-/**
-* Get element attribute value.
-*/
-function getAttribute(el, name) {
-	const value = el.properties?.[name];
-	if (typeof value === "string") return value;
-	if (Array.isArray(value)) return value.join(" ");
-}
-/**
-* Format number with K/M suffix.
-*/
-function formatNumber(num) {
-	if (num >= 1e6) return `${(num / 1e6).toFixed(1)}M`;
-	if (num >= 1e3) return `${(num / 1e3).toFixed(1)}k`;
-	return String(num);
-}
-/**
-* Fetch repository data from GitHub API.
-*/
-async function fetchRepoData(repo, options) {
-	if (!isSafeGitHubRepo(repo)) return null;
-	if (options.cache) {
-		const cached = repoCache.get(repo);
-		if (cached && Date.now() - cached.timestamp < options.cacheTTL) return cached.data;
-	}
-	try {
-		const headers = {
-			Accept: "application/vnd.github.v3+json",
-			"User-Agent": "ox-content-github-plugin"
-		};
-		if (options.token) headers.Authorization = `Bearer ${options.token}`;
-		const response = await fetch(`https://api.github.com/repos/${repo}`, { headers });
-		if (!response.ok) {
-			console.warn(`Failed to fetch GitHub repo ${repo}: ${response.status}`);
-			return null;
-		}
-		const data = await response.json();
-		if (options.cache) repoCache.set(repo, {
-			data,
-			timestamp: Date.now()
-		});
-		return data;
-	} catch (error) {
-		console.warn(`Error fetching GitHub repo ${repo}:`, error);
-		return null;
-	}
-}
-/**
-* Create GitHub card element from repo data.
-*/
-function createGitHubCard(repoData) {
-	const statsChildren = [];
-	if (repoData.language) statsChildren.push({
-		type: "element",
-		tagName: "span",
-		properties: { className: ["ox-github-language"] },
-		children: [{
-			type: "element",
-			tagName: "span",
-			properties: {
-				className: ["ox-github-language-color"],
-				"data-lang": repoData.language.toLowerCase()
-			},
-			children: []
-		}, {
-			type: "text",
-			value: repoData.language
-		}]
-	});
-	statsChildren.push({
-		type: "element",
-		tagName: "span",
-		properties: { className: ["ox-github-stat"] },
-		children: [{
-			type: "element",
-			tagName: "svg",
-			properties: {
-				viewBox: "0 0 16 16",
-				fill: "currentColor"
-			},
-			children: [{
-				type: "element",
-				tagName: "path",
-				properties: { d: "M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z" },
-				children: []
-			}]
-		}, {
-			type: "text",
-			value: formatNumber(repoData.stargazers_count)
-		}]
-	});
-	statsChildren.push({
-		type: "element",
-		tagName: "span",
-		properties: { className: ["ox-github-stat"] },
-		children: [{
-			type: "element",
-			tagName: "svg",
-			properties: {
-				viewBox: "0 0 16 16",
-				fill: "currentColor"
-			},
-			children: [{
-				type: "element",
-				tagName: "path",
-				properties: { d: "M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z" },
-				children: []
-			}]
-		}, {
-			type: "text",
-			value: formatNumber(repoData.forks_count)
-		}]
-	});
-	return {
-		type: "element",
-		tagName: "a",
-		properties: {
-			className: ["ox-github-card"],
-			href: repoData.html_url,
-			target: "_blank",
-			rel: "noopener noreferrer"
-		},
-		children: [
-			{
-				type: "element",
-				tagName: "div",
-				properties: { className: ["ox-github-header"] },
-				children: [{
-					type: "element",
-					tagName: "svg",
-					properties: {
-						className: ["ox-github-icon"],
-						viewBox: "0 0 16 16",
-						fill: "currentColor"
-					},
-					children: [{
-						type: "element",
-						tagName: "path",
-						properties: { d: "M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z" },
-						children: []
-					}]
-				}, {
-					type: "element",
-					tagName: "span",
-					properties: { className: ["ox-github-repo"] },
-					children: [{
-						type: "text",
-						value: repoData.full_name
-					}]
-				}]
-			},
-			...repoData.description ? [{
-				type: "element",
-				tagName: "p",
-				properties: { className: ["ox-github-description"] },
-				children: [{
-					type: "text",
-					value: repoData.description
-				}]
-			}] : [],
-			{
-				type: "element",
-				tagName: "div",
-				properties: { className: ["ox-github-stats"] },
-				children: statsChildren
-			}
-		]
-	};
-}
-/**
-* Create fallback element when repo data is unavailable.
-*/
-function createFallbackCard(repo) {
-	return {
-		type: "element",
-		tagName: "a",
-		properties: {
-			className: ["ox-github-card", "error"],
-			href: isSafeGitHubRepo(repo) ? `https://github.com/${repo}` : "#",
-			target: "_blank",
-			rel: "noopener noreferrer"
-		},
-		children: [{
-			type: "element",
-			tagName: "div",
-			properties: { className: ["ox-github-header"] },
-			children: [{
-				type: "element",
-				tagName: "svg",
-				properties: {
-					className: ["ox-github-icon"],
-					viewBox: "0 0 16 16",
-					fill: "currentColor"
-				},
-				children: [{
-					type: "element",
-					tagName: "path",
-					properties: { d: "M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z" },
-					children: []
-				}]
-			}, {
-				type: "element",
-				tagName: "span",
-				properties: { className: ["ox-github-repo"] },
-				children: [{
-					type: "text",
-					value: repo
-				}]
-			}]
-		}]
-	};
-}
-/**
-* Collect all GitHub repos from HTML for pre-fetching.
-*/
-async function collectGitHubRepos(html) {
-	const repos = [];
-	const repoPattern = /<github[^>]*\s+repo=["']([^"']+)["']/gi;
-	let match;
-	while ((match = repoPattern.exec(html)) !== null) if (isSafeGitHubRepo(match[1])) repos.push(match[1]);
-	return repos;
-}
-/**
-* Pre-fetch all GitHub repos data.
-*/
-async function prefetchGitHubRepos(repos, options) {
-	const mergedOptions = {
-		...defaultOptions,
-		...options
-	};
-	const results = /* @__PURE__ */ new Map();
-	await Promise.all(repos.map(async (repo) => {
-		const data = await fetchRepoData(repo, mergedOptions);
-		results.set(repo, data);
-	}));
-	return results;
-}
-/**
-* Rehype plugin to transform GitHub components.
-*/
-function rehypeGitHub(repoDataMap) {
-	return (tree) => {
-		const visit = (node) => {
-			if ("children" in node) for (let i = 0; i < node.children.length; i++) {
-				const child = node.children[i];
-				if (child.type === "element") if (child.tagName.toLowerCase() === "github") {
-					const repo = getAttribute(child, "repo");
-					if (repo) {
-						const repoData = repoDataMap.get(repo);
-						const cardElement = repoData ? createGitHubCard(repoData) : createFallbackCard(repo);
-						node.children[i] = cardElement;
-					}
-				} else visit(child);
-			}
-		};
-		visit(tree);
-	};
-}
-/**
-* Transform GitHub components in HTML.
-*/
-async function transformGitHub(html, repoDataMap, options) {
-	let dataMap = repoDataMap;
-	if (!dataMap) dataMap = await prefetchGitHubRepos(await collectGitHubRepos(html), options);
-	const result = await unified().use(rehypeParse, { fragment: true }).use(rehypeGitHub, dataMap).use(rehypeStringify).process(html);
-	return String(result);
-}
-//#endregion
-export { transformGitHub as a, prefetchGitHubRepos as i, fetchRepoData as n, isSafeGitHubRepo as r, collectGitHubRepos as t };
-
-//# sourceMappingURL=github2.mjs.map