oast-to-hast 4.4.0 → 4.4.2

package/lib/handlers/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["link.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,4BAJW,OAAO,aAAa,EAAE,KAAK,QAC3B,OAAO,MAAM,EAAE,IAAI,GACjB,OAAO,CA2DnB;6BAnE2B,MAAM"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["link.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,4BAJW,OAAO,aAAa,EAAE,KAAK,QAC3B,OAAO,MAAM,EAAE,IAAI,GACjB,OAAO,CAyGnB;6BAjH2B,MAAM"}

package/lib/handlers/link.js

@@ -57,6 +57,52 @@ export function link(state, node) {
 
 		return state.patch(node, image)
 	}
+
+	if (type && type.startsWith('video')) {
+		/** @type {Element} */
+		const video = {
+			type: 'element',
+			tagName: 'video',
+			properties: {
+				src: node.path.value,
+				controls: true
+			},
+			children: []
+		}
+		/** @type {Element|null} */
+		let cap = null
+		const c = node.attributes['caption']
+		if (c) {
+			cap = {
+				type: 'element',
+				tagName: 'figcaption',
+				properties: {},
+				children: [
+					{
+						type: 'text',
+						value: `${c}`
+					}
+				]
+			}
+		} else if (node.children.length > 0) {
+			cap = {
+				type: 'element',
+				tagName: 'figcaption',
+				properties: {},
+				children: state.all(node)
+			}
+		}
+		if (cap) {
+			return state.patch(node, {
+				type: 'element',
+				tagName: 'figure',
+				properties: {},
+				children: [video, cap]
+			})
+		}
+
+		return state.patch(node, video)
+	}
 	return state.patch(node, {
 		type: 'element',
 		tagName: 'a',

package/lib/handlers/paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["paragraph.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,iCAJW,OAAO,aAAa,EAAE,KAAK,QAC3B,OAAO,MAAM,EAAE,SAAS,GACtB,OAAO,MAAM,EAAE,OAAO,CAWlC"}
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["paragraph.js"],"names":[],"mappings":"AAcA;;;;GAIG;AACH,iCAJW,OAAO,aAAa,EAAE,KAAK,QAC3B,OAAO,MAAM,EAAE,SAAS,GACtB,OAAO,MAAM,EAAE,OAAO,CA+BlC"}

package/lib/handlers/paragraph.js

@@ -1,3 +1,17 @@
+/**
+ * Block-level HTML elements that are not allowed as descendants of <p>.
+ * When a paragraph contains any of these, we must avoid wrapping in <p>.
+ *
+ * @see https://html.spec.whatwg.org/multipage/grouping-content.html#the-p-element
+ */
+const BLOCK_TAGS = new Set([
+	'address', 'article', 'aside', 'blockquote', 'details', 'dialog',
+	'dd', 'div', 'dl', 'dt', 'fieldset', 'figcaption', 'figure',
+	'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
+	'header', 'hgroup', 'hr', 'li', 'main', 'nav', 'ol', 'p',
+	'pre', 'section', 'summary', 'table', 'ul',
+])
+
 /**
  * @param {import('../state.js').State} state
  * @param {import('orga').Paragraph} node
@@ -5,11 +19,31 @@
  */
 export function paragraph(state, node) {
 	const properties = state.getAttrHtml(node)
+	const children = state.all(node)
+
+	// If any child is a block-level element (e.g. a <figure> from a media link
+	// with caption), wrapping in <p> produces invalid HTML and causes hydration
+	// errors in React. Unwrap single block children; use <div> for mixed content.
+	const hasBlock = children.some(
+		(child) => child.type === 'element' && BLOCK_TAGS.has(/** @type {import('hast').Element} */ (child).tagName)
+	)
+
+	if (hasBlock) {
+		if (children.length === 1) {
+			return /** @type {import('hast').Element} */ (children[0])
+		}
+		return state.patch(node, {
+			type: 'element',
+			tagName: 'div',
+			properties: properties ?? {},
+			children,
+		})
+	}
 
 	return state.patch(node, {
 		type: 'element',
 		tagName: 'p',
 		properties: properties ?? {},
-		children: state.all(node)
+		children,
 	})
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oast-to-hast",
-  "version": "4.4.0",
+  "version": "4.4.2",
   "description": "Transform OAST to HAST",
   "files": [
     "lib",