planning

node_modules/hast-util-to-mdast/lib/handlers/input.js

@@ -0,0 +1,105 @@
+'use strict'
+
+module.exports = input
+
+var convert = require('hast-util-is-element/convert')
+var repeat = require('repeat-string')
+var findSelectedOptions = require('../util/find-selected-options')
+var own = require('../util/own')
+var resolve = require('../util/resolve')
+var wrapText = require('../util/wrap-text')
+
+var datalist = convert('datalist')
+
+function input(h, node) {
+  var props = node.properties
+  var value = props.value || props.placeholder
+  var results = []
+  var values = []
+  var index = -1
+  var list
+
+  if (props.disabled || props.type === 'hidden' || props.type === 'file') {
+    return
+  }
+
+  if (props.type === 'checkbox' || props.type === 'radio') {
+    return h(
+      node,
+      'text',
+      wrapText(h, h[props.checked ? 'checked' : 'unchecked'])
+    )
+  }
+
+  if (props.type === 'image') {
+    return props.alt || value
+      ? h(node, 'image', {
+          url: resolve(h, props.src),
+          title: (props.title && wrapText(h, props.title)) || null,
+          alt: wrapText(h, props.alt || value)
+        })
+      : []
+  }
+
+  if (value) {
+    values = [[value]]
+  } else if (
+    // `list` is not supported on these types:
+    props.type !== 'password' &&
+    props.type !== 'file' &&
+    props.type !== 'submit' &&
+    props.type !== 'reset' &&
+    props.type !== 'button' &&
+    props.list
+  ) {
+    list = String(props.list).toUpperCase()
+
+    if (own.call(h.nodeById, list) && datalist(h.nodeById[list])) {
+      values = findSelectedOptions(h, h.nodeById[list], props)
+    }
+  }
+
+  if (!values.length) {
+    return
+  }
+
+  // Hide password value.
+  if (props.type === 'password') {
+    // Passwords don’t support `list`.
+    values[0] = [repeat('•', values[0][0].length)]
+  }
+
+  if (props.type === 'url' || props.type === 'email') {
+    while (++index < values.length) {
+      value = resolve(h, values[index][0])
+
+      results.push(
+        h(
+          node,
+          'link',
+          {
+            title: null,
+            url: wrapText(h, props.type === 'email' ? 'mailto:' + value : value)
+          },
+          [{type: 'text', value: wrapText(h, values[index][1] || value)}]
+        )
+      )
+
+      if (index !== values.length - 1) {
+        results.push({type: 'text', value: ', '})
+      }
+    }
+
+    return results
+  }
+
+  while (++index < values.length) {
+    results.push(
+      values[index][1]
+        ? values[index][1] + ' (' + values[index][0] + ')'
+        : values[index][0]
+    )
+  }
+
+  return h(node, 'text', wrapText(h, results.join(', ')))
+}