JSON-RPC2.0 ライブラリーのユーザーインターフェイスはどう設計すればいいのか？

api-callback.js

module.exports = { upper }

function upper (params, cb) {
  var paraph = params.reduce((a, b) => a.concat(b.split(' ')), []).filter(Boolean)
  var result = paraph.map(a => a.slice(0, 1).toUpperCase() + a.slice(1)).join(' ')
  cb(null, result)
}

browser.js

var document = require('global/document')
var { pipeline, through } = require('mississippi')
var bind = require('../')
var api = require('./api-callback')
var schemas = require('./schemas')
var { prefix } = require('./config')
var rpc = bind(prefix, { api, schemas })
var xtend = require('xtend')
var yo = require('yo-yo')
var { start } = require('@ishiduca/snoopy')
var root = document.createElement('div')
var app = {
  init () {
    return { model: { org: '', result: '' } }
  },
  update (model, action) {
    if (action == null) return { model }
    if (action.upper != null) {
      return {
        model: xtend(model, { org: action.upper }),
        effect: { upper: [ action.upper ] }
      }
    }
    if (action.result != null) {
      return {
        model: xtend(model, action)
      }
    }
    return { model }
  },
  run (effect, sources) {
    if (effect == null) return
    if (effect.upper != null) {
      return pipeline.obj(
        rpc.upper(effect.upper),
        through.obj((result, _, done) => done(null, { result }))
      )
    }
  },
  view (model, actionsUp) {
    return yo`
      <div>
        <div>
          <label for="org">original:</label>
          <input
            type="text"
            id="org"
            value=${model.org}
            size=30
            oninput=${e => actionsUp({ upper: e.target.value })}
          />
        </div>
        <div><p>result: <b>${model.result}</b></p></div>
      </div>
    `
  }
}

var { views, actions, models } = start(app)
actions().on('data', action => console.log({ action }))
models().on('data', model => console.log({ model }))
views().on('data', rt => yo.update(root, rt))

document.body.appendChild(root)

config.json

{
 "prefix": "/rpc/v1.0" 
}

schemas.json

{
  "upper": {
    "type": "array",
    "items": {
      "type": "string"
    }
  }
}

server.js

var http = require('http')
var path = require('path')
var ecstatic = require('ecstatic')(path.join(__dirname, 'static'))
var bind = require('@ishiduca/snoopy-rpc')
var api = require('./api-callback')
var schemas = require('./schemas')
var { prefix } = require('./config')
var middle = bind(prefix, { api, schemas })
module.exports = http.createServer(middle(ecstatic))

start.js

#!/usr/bin/env node
var app = require('./server')
var port = process.env.PORT || 6969
var msg = `server start to listen on port "${port}"`
app.listen(port, () => console.log(msg))