@ox-content/vite-plugin 2.25.0 → 2.27.0

package/dist/youtube2.mjs

@@ -1,27 +1,16 @@
-import { unified } from "unified";
-import rehypeParse from "rehype-parse";
-import rehypeStringify from "rehype-stringify";
+import { t as importNapiModule } from "./napi.mjs";
 //#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.
-*/
-const defaultOptions = {
-	privacyEnhanced: true,
-	aspectRatio: "16/9",
-	allowFullscreen: true,
-	lazyLoad: true
-};
-/**
-* Get element attribute value.
+* Transforms <YouTube> components into responsive iframe embeds using
+* youtube-nocookie.com for enhanced privacy.
+*
+* The HTML rewrite is performed in Rust (`transformYoutubeEmbeds` in
+* @ox-content/napi), replacing the previous rehype parse/stringify
+* round-trip. This module keeps the public TS surface and a cheap marker
+* check so pages without a `<youtube>` element never cross the NAPI boundary.
 */
-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.
 */
@@ -34,77 +23,11 @@ function extractVideoId(input) {
 	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);
+	if (!/<youtube/i.test(html)) return html;
+	return (await importNapiModule()).transformYoutubeEmbeds(html, options);
 }
 //#endregion
 export { transformYouTube as n, extractVideoId as t };

package/dist/youtube2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"youtube2.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;CAC9B,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,MAAM,QAAQ,MAAM,EAAE,OAAO,MAAM,KAAK,IAAI;;;;;AAOlD,SAAgB,eAAe,OAA8B;CAE3D,IAAI,sBAAsB,KAAK,MAAM,EACnC,OAAO;CAST,KAAK,MAAM,WAAW,CAJpB,sGACA,4CAG4B,EAAE;EAC9B,MAAM,QAAQ,MAAM,MAAM,QAAQ;EAClC,IAAI,OAAO,OAAO,MAAM;;CAG1B,OAAO;;;;;AAMT,SAAS,cACP,SACA,SACA,QACQ;CACR,MAAM,SAAS,QAAQ,kBAAkB,6BAA6B;CACtE,MAAM,MAAM,IAAI,IAAI,WAAW,OAAO,SAAS,UAAU;CAGzD,IAAI,QACF,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,OAAO,EAC/C,IAAI,aAAa,IAAI,KAAK,MAAM;CAIpC,OAAO,IAAI,UAAU;;;;;AAMvB,SAAS,qBACP,SACA,SACA,OACA,OACS;CACT,MAAM,SAAiC,EAAE;CACzC,IAAI,OACF,OAAO,QAAQ;CAejB,MAAM,SAAkB;EACtB,MAAM;EACN,SAAS;EACT,YAAY;GAZZ,KAHe,cAAc,SAAS,SAAS,OAGlC;GACb,OAAO,SAAS,iBAAiB;GACjC,OACE;GACF,gBAAgB;GAChB,iBAAiB,QAAQ,mBAAmB,KAAA;GAC5C,SAAS,QAAQ,WAAW,SAAS,KAAA;GAMd;EACvB,UAAU,EAAE;EACb;CAED,OAAO;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;CACxD,QAAQ,SAAe;EACrB,MAAM,SAAS,SAAyB;GACtC,IAAI,cAAc,MAChB,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,SAAS,QAAQ,KAAK;IAC7C,MAAM,QAAQ,KAAK,SAAS;IAE5B,IAAI,MAAM,SAAS,WAEjB,IAAI,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;KAEtE,IAAI,SAAS;MACX,MAAM,iBAAiB,qBAAqB,SAAS,SAAS,OAAO,MAAM;MAC3E,KAAK,SAAS,KAAK;;WAGrB,MAAM,MAAM;;;EAOtB,MAAM,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;CAEhB,OAAO,OAAO,OAAO"}
+{"version":3,"file":"youtube2.mjs","names":[],"sources":["../src/plugins/youtube.ts"],"sourcesContent":["/**\n * YouTube Plugin - Privacy-enhanced iframe embedding\n *\n * Transforms <YouTube> components into responsive iframe embeds using\n * youtube-nocookie.com for enhanced privacy.\n *\n * The HTML rewrite is performed in Rust (`transformYoutubeEmbeds` in\n * @ox-content/napi), replacing the previous rehype parse/stringify\n * round-trip. This module keeps the public TS surface and a cheap marker\n * check so pages without a `<youtube>` element never cross the NAPI boundary.\n */\n\nimport { importNapiModule } from \"../napi\";\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\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 * Transform YouTube components in HTML.\n */\nexport async function transformYouTube(html: string, options?: YouTubeOptions): Promise<string> {\n  // Cheap marker check: skip the NAPI call entirely when there's no\n  // `<youtube>` element (the common case). The Rust side guards the same way,\n  // but short-circuiting here avoids marshalling the whole document across\n  // the boundary.\n  if (!/<youtube/i.test(html)) {\n    return html;\n  }\n\n  const mod = await importNapiModule();\n  return mod.transformYoutubeEmbeds(html, options);\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA4BA,SAAgB,eAAe,OAA8B;CAE3D,IAAI,sBAAsB,KAAK,MAAM,EACnC,OAAO;CAST,KAAK,MAAM,WAAW,CAJpB,sGACA,4CAG4B,EAAE;EAC9B,MAAM,QAAQ,MAAM,MAAM,QAAQ;EAClC,IAAI,OAAO,OAAO,MAAM;;CAG1B,OAAO;;;;;AAMT,eAAsB,iBAAiB,MAAc,SAA2C;CAK9F,IAAI,CAAC,YAAY,KAAK,KAAK,EACzB,OAAO;CAIT,QAAO,MADW,kBAAkB,EACzB,uBAAuB,MAAM,QAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ox-content/vite-plugin",
-  "version": "2.25.0",
+  "version": "2.27.0",
   "description": "Vite plugin for Ox Content - High-performance Markdown processing with Environment API",
   "keywords": [
     "environment-api",
@@ -58,7 +58,7 @@
     "shiki": "^4.0.2",
     "typescript": "^6.0.3",
     "unified": "^11.0.5",
-    "@ox-content/napi": "2.25.0"
+    "@ox-content/napi": "2.27.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.60.0",