Fix server-side rendering (#8)

We can't use DOM APIs if we expect this to be server renderable, so we'll
do the "array-of-children" thing as much as it bothers me...

label-el.js

@@ -3,17 +3,22 @@ const html = require('bel')
 
 module.exports = label
 
-function label (label, labelOpts) {
+function label (label, labelOpts, children) {
   var classes = ['db', 'mt3', 'ttu', 'lh-copy']
   var style = 'text-indent: 4px;'
 
+  if (!Array.isArray(children)) {
+    children = [children]
+  }
+
   labelOpts = labelOpts || {}
 
   classes = applyOpts.classes(classes, labelOpts)
   style = applyOpts.style(style, labelOpts)
 
   var $label = html`<label class="${classes.join(' ')}" style="${style}">
     ${label}<br>
+    ${children.map((child) => child)}
   </label>`
 
   return applyOpts.opts($label, labelOpts)

labeled-input-el.js

@@ -2,9 +2,8 @@ const inputEl = require('./input-el')
 const labelEl = require('./label-el')
 
 function labeledInput (text, type, handler, value, inputOpts, labelOpts) {
-  const $label = labelEl(text, labelOpts)
   const $input = inputEl(type, handler, value, inputOpts)
-  $label.appendChild($input)
+  const $label = labelEl(text, labelOpts, $input)
   return $label
 }
 

package.json

@@ -4,7 +4,7 @@
   "description": "Form elements for showrunner",
   "main": "form-elements.js",
   "scripts": {
-    "test": "standard && npm run dep && browserify test/*.spec.js | tape-run",
+    "test": "standard && npm run dep && node test/ssr-rendering.js && browserify test/*.spec.js | tape-run",
     "coverage": "npm run test && node test-harness.js",
     "start": "bankai start standalone.js --no-uglify --debug",
     "dep": "dependency-check . && dependency-check . --unused --no-dev -i envify -i yo-yoify -i babelify -i babel-preset-env -i sheetify"

test/ssr-rendering.js

@@ -0,0 +1,14 @@
+const test = require('tape')
+const els = require('../')
+
+test('noooooooooooooooode', (t) => {
+  // this way we get a failure if we add/remove an el without making a test
+  const keys = Object.keys(els)
+  t.plan(keys.length)
+
+  t.ok(els.button('test', null), 'button renders')
+  t.ok(els.label('test'), 'label renders')
+  t.ok(els.input('text', null, ''), 'input renders')
+  t.ok(els.labeledInput('test', 'text', null, ''), 'labelled input renders')
+  t.ok(els.error().render(), 'error renders')
+})