feat(view): add PackageSummary

Add a PackageSummary for a consistent 3-line information-dense summary 
of a package.

Author: larsgw

lib/components/view.jsx

@@ -11,6 +11,7 @@ const {
   Color,
   Indent
 } = require('ink')
+const Box = require('ink-box')
 
 const MAX_ITEMS = 6
 const ROW_WIDTH = 4
@@ -282,6 +283,45 @@ class PackageFields extends Component {
 }
 module.exports.PackageFields = PackageFields
 
+class PackageSummary extends Component {
+  render () {
+    let { packument, spec, json } = this.props
+    let [data] = getData(packument, spec)
+    let views = data.map((pkg) => {
+      const getProps = (field) => ({
+        field,
+        value: resolveField(pkg, field)
+      })
+
+      return <Box>
+        <div>
+          <PackageValue {...getProps('_id')} />
+          <span> | </span>
+          <PackageValue {...getProps('license')} />
+          <span> | </span>
+          <PackageField field='_deps' value={Object.keys(pkg.dependencies || {}).length} />
+          <span> | </span>
+          <span>
+            <span>published </span>
+            <PackageValue field='_time' value={packument.time[pkg.version]} />
+            <span> by </span>
+            <PackageValue {...getProps('_npmUser')} />
+          </span>
+        </div>
+
+        <div>{pkg.description}</div>
+        <span><PackageValue {...getProps('homepage')} /> - <PackageValue {...getProps('keywords')} /></span>
+      </Box>
+    })
+
+    return <Joined
+      delimiter={[<br />, <br />]}>
+      {views}
+    </Joined>
+  }
+}
+module.exports.PackageSummary = PackageSummary
+
 class PackageView extends Component {
   render () {
     let { packument, spec, json } = this.props

package-lock.json

@@ -100,6 +100,7 @@
     "graceful-fs": "^4.1.15",
     "ini": "^1.3.5",
     "ink": "^0.5.1",
+    "ink-box": "^0.1.0",
     "ink-table": "^1.0.3",
     "libnpm": "^2.0.1",
     "lock-verify": "^2.0.2",