examples/basic.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <script type="text/javascript" src="../components/rhumb/dist/rhumb.js"></script>
  <script type="text/javascript" src="../src/nap.js"></script>
  <script type="text/javascript" src="../lib/d3/d3.js"></script>
  
  <script type="text/javascript">
    function init(){

      var ok = nap.responses.ok
        , into = nap.into
      
      function bar(req, res){
        console.log("called", req.uri, req.params)
        res(false, ok("bar called"))
      }

      function foo(req, res){
        console.log("called", req.uri, req.params)
        res(false, ok("foo called"))
      }

      function speak(req, res){
        res(
          false
        , ok(function(node) {
            d3.select(node).text(req.params.name)
          })
        )
      }

      // setup this web
      var web = nap.web()
        .resource("/foo/bar", bar)
        .resource("/foo/{thing}/wibble", foo)
        .resource("/speak/{name}", speak)

      // make some requests
      web.req("/foo/bar", function(err, res) {
        console.log(res.body)
      })

      web.req("/foo/chips/wibble", function(err, res) {
        console.log(res.body)
      })

      // create some views from requests
      d3.select(".message")
        .selectAll("li")
        .data(
          [ "/speak/sammy"
          , "/speak/becky"
          , "/speak/zia"
          ]
        )
        .enter().append("li")
        .each(function(d, i) {
          web.req(d, into(this))
        })
    }
  </script>
  <title>Basic</title>
</head>
<body onload="init()">
  <ul class="message">
  </ul>
</body>
</html>