Add automatic hyperlinks

.gitignore

@@ -0,0 +1 @@
+node_modules/

README.md

@@ -106,3 +106,31 @@ assert.equal(
     .join('') )
 ```
 
+Hyperlinks will be encoded automatically:
+
+```javascript
+
+/*
+BUG: This doesn't work!
+
+var plaintext = 'This is a great website: http://example.com/'
+
+console.log(plaintext)
+ > This is a great website: http://example.com/
+
+console.log( html( { content: [ plaintext ] } ) )
+ > <div class="article"><p>This is a great website: <a href="<a href="http://example.com/">http://example.com/</a>"><a href="http://example.com/">http://example.com/</a></a></p></div>
+*/
+
+assert.equal(
+  html({ content: [ 'This is a great website: http://example.com/' ] }),
+  '<div class="article"><p>This is a great website: <a href="http://example.com/">http://example.com/</a></p></div>')
+```
+
+Emails should also be linked:
+
+```javascript
+assert.equal(
+  html({ content: [ 'Email [email protected] for more information.' ] }),
+  '<div class="article"><p>Email <a href="mailto:[email protected]">[email protected]</a> for more information.</a></p></div>')
+```

index.js

@@ -1,14 +1,15 @@
 var escape = require('escape-html')
 var group = require('commonform-group-series')
 var predicate = require('commonform-predicate')
+var linkify = require('html-linkify')
 
 function renderParagraph(paragraph, blanks, html5) {
   return  (
     '<p>' +
     paragraph.content
       .map(function(element) {
         if (predicate.text(element)) {
-          return escape(element) }
+          return linkify(escape(element)) }
         else if (predicate.use(element)) {
           return (
             '<span class="term">' +
@@ -23,8 +24,8 @@ function renderParagraph(paragraph, blanks, html5) {
           return (
             '<span class="blank">' +
             ( element.blank in blanks ?
-              escape(blanks[element.blank]) :
-              escape(element.blank) ) +
+              linkify(escape(blanks[element.blank])) :
+              linkify(escape(element.blank)) ) +
             '</span>' ) }
         else if (predicate.reference(element)) {
           return (
@@ -79,7 +80,7 @@ module.exports = function commonformHTML(form, blanks, options) {
   var html5 = ( 'html5' in options && options.html5 === true )
   var title = ( 'title' in options ?
     options.title : false )
-  return (
+  return ( linkify(
     ( html5 ?
       ( form.conspicuous ?
           '<article class="conspicuous">' :
@@ -89,4 +90,5 @@ module.exports = function commonformHTML(form, blanks, options) {
           '<div class="article">' ) ) +
     ( title ? ( '<h1>' + escape(title) + '</h1>' ) : '' ) +
     renderForm(( title ? 1 : 0 ), form, blanks, html5) +
-    ( html5 ? '</article>' : '</div>' ) ) }
+    ( html5 ? '</article>' : '</div>' ),
+    { escape: false } ) ) }

package.json

@@ -6,16 +6,14 @@
   "dependencies": {
     "commonform-group-series": "^0.5.0",
     "commonform-predicate": "^0.4.0",
-    "escape-html": "^1.0.2"
+    "escape-html": "^1.0.2",
+    "html-linkify": "^1.2.1"
   },
   "devDependencies": {
     "defence-cli": "^1.0.1",
     "replace-require-self": "^1.0.0"
   },
   "license": "Apache-2.0",
-  "peerDependencies": {
-    "commonform": "1.x"
-  },
   "repository": "commonform/commonform-html",
   "scripts": {
     "test": "defence README.md | replace-require-self | node"