Add support for <pre> to code

Author: wooorm

handlers/code.js

@@ -0,0 +1,42 @@
+'use strict';
+
+module.exports = code;
+
+var is = require('hast-util-is-element');
+var has = require('hast-util-has-property');
+var toString = require('hast-util-to-string');
+
+var prefix = 'language-';
+
+function code(h, node) {
+  var values = node.children;
+  var length = values.length;
+  var index = -1;
+  var value;
+  var classList;
+  var lang;
+
+  while (++index < length) {
+    value = values[index];
+    if (is(value, 'code') && has(value, 'className')) {
+      classList = value.properties.className;
+      break;
+    }
+  }
+
+  if (classList) {
+    length = classList.length;
+    index = -1;
+
+    while (++index < length) {
+      value = classList[index];
+
+      if (value.slice(0, prefix.length) === prefix) {
+        lang = value.slice(prefix.length);
+        break;
+      }
+    }
+  }
+
+  return h(node, 'code', {lang: lang || null}, toString(node));
+}

handlers/index.js

@@ -10,6 +10,7 @@ exports.code = exports.kbd = exports.samp = exports.var = require('./inline-code
 exports.img = require('./image');
 
 exports.p = require('./paragraph');
+exports.pre = require('./code');
 
 exports.h1 = exports.h2 = exports.h3 =
   exports.h4 = exports.h5 = exports.h6 = require('./heading');

package.json

@@ -23,6 +23,8 @@
   "homepage": "https://github.com/syntax-tree/hast-util-to-mdast#readme",
   "dependencies": {
     "has": "^1.0.1",
+    "hast-util-has-property": "^1.0.0",
+    "hast-util-is-element": "^1.0.0",
     "hast-util-to-string": "^1.0.0",
     "trim-lines": "^1.1.0",
     "unist-builder": "^1.0.2",

tests/fixtures/pre/index.html

@@ -0,0 +1,9 @@
+<pre>alpha();</pre>
+<pre><code>bravo();</code></pre>
+<pre><code class="language-js">charlie();</code></pre>
+<pre><code class="delta language-js echo">foxtrot();</code></pre>
+<pre>golf <code>hotel();</code> india</pre>
+<pre>juliet <code>kilo();</code></pre>
+<pre><code>lima();</code> mike</pre>
+<pre><code></code></pre>
+<pre>november <div><code>oscar();</code></div> papa</pre>

tests/fixtures/pre/index.json

@@ -0,0 +1,4 @@
+{
+  "fragment": true,
+  "stringify": false
+}

tests/fixtures/pre/index.md

@@ -0,0 +1,35 @@
+```
+alpha();
+```
+
+```
+bravo();
+```
+
+
+```js
+charlie();
+```
+
+```js
+foxtrot();
+```
+
+```
+golf hotel(); india
+```
+
+```
+juliet kilo();
+```
+
+```
+lima(); mike
+```
+
+```
+```
+
+```
+november oscar(); papa
+```

tests/index.js

@@ -56,7 +56,9 @@ test('fixtures', function (t) {
         'should produce valid MDAST nodes'
       );
 
-      st.deepEqual(remark.stringify(tree), output || '\n', 'should produce the same documents');
+      if (!config || config.stringify !== false) {
+        st.deepEqual(remark.stringify(tree), output || '\n', 'should produce the same documents');
+      }
 
       st.deepEqual(
         tree,