feat(metadata): html lang attribute (#659)

rofe · web-flow · commit 8c87c16f7064 · 2025-02-25T09:57:59.000+01:00
diff --git a/src/html2md.js b/src/html2md.js
@@ -172,6 +172,11 @@ function addMetadata(hast, mdast) {
     }
   }
 
+  const html = select('html', hast);
+  if (html.properties?.lang) {
+    meta.set(text('html-lang'), text(html.properties.lang));
+  }
+
   if (meta.size) {
     mdast.children.push(toGridTable('Metadata', Array.from(meta.entries())));
   }
diff --git a/test/fixtures/meta-tags-htmllang.html b/test/fixtures/meta-tags-htmllang.html
@@ -0,0 +1,27 @@
+<html lang="en-US">
+
+<head>
+  <meta property="og:type" content="product">
+  <meta property="og:image" content="/meta-image.png">
+  <meta property="product:availability" content="In stock">
+  <meta property="product:price.amount" content="3">
+  <meta property="product:price.currency" content="USD">
+  <meta property="invalid" content="foo">
+  <meta property="og:ignored" content="bar">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:label1" content="Price">
+  <meta name="twitter:data1" content="$3">
+  <meta name="twitter:label2" content="Availability">
+  <meta name="twitter:data2" content="In stock">
+  <meta name="twitter:image" content="/meta-image.png">
+</head>
+
+<body>
+  <main>
+    <div>
+      <h1>Hello, World.</h1>
+    </div>
+  </main>
+</body>
+
+</html>
diff --git a/test/fixtures/meta-tags-htmllang.md b/test/fixtures/meta-tags-htmllang.md
@@ -0,0 +1,31 @@
+# Hello, World.
+
++------------------------------------------------+
+| Metadata                                       |
++------------------------+-----------------------+
+| og:type                | product               |
++------------------------+-----------------------+
+| og:image               | ![][image0]           |
++------------------------+-----------------------+
+| product:availability   | In stock              |
++------------------------+-----------------------+
+| product:price.amount   | 3                     |
++------------------------+-----------------------+
+| product:price.currency | USD                   |
++------------------------+-----------------------+
+| twitter:card           | summary\_large\_image |
++------------------------+-----------------------+
+| twitter:label1         | Price                 |
++------------------------+-----------------------+
+| twitter:data1          | $3                    |
++------------------------+-----------------------+
+| twitter:label2         | Availability          |
++------------------------+-----------------------+
+| twitter:data2          | In stock              |
++------------------------+-----------------------+
+| twitter:image          | ![][image0]           |
++------------------------+-----------------------+
+| html-lang              | en-US                 |
++------------------------+-----------------------+
+
+[image0]: /meta-image.png
diff --git a/test/html2md.test.js b/test/html2md.test.js
@@ -112,6 +112,10 @@ describe('html2md Tests', () => {
   it('convert a document with meta names and properties correctly', async () => {
     await test('meta-tags');
   });
+
+  it('convert a document with html lang correctly', async () => {
+    await test('meta-tags-htmllang');
+  });
 });
 
 describe('className to block type tests', () => {

Original file line number	Diff line number	Diff line change
`@@ -172,6 +172,11 @@ function addMetadata(hast, mdast) {`
`172`	`172`	`}`
`173`	`173`	`}`
`174`	`174`
	`175`	`+ const html = select('html', hast);`
	`176`	`+ if (html.properties?.lang) {`
	`177`	`+ meta.set(text('html-lang'), text(html.properties.lang));`
	`178`	`+ }`
	`179`	`+`
`175`	`180`	`if (meta.size) {`
`176`	`181`	`mdast.children.push(toGridTable('Metadata', Array.from(meta.entries())));`
`177`	`182`	`}`