example of sheet-router with yo-yo

lets-sheet-router.js

const sheetRouter = require('sheet-router')
const href = require('sheet-router/href')
const html = require('yo-yo')
const d = require('global/document')

const mainView = params => html `
  <div style="display:flex;flex-direction:row">
    <div><a href="/Twiggy/orgs">gotcha Twiggy !</a></div>
    <div><a href="/ishiduca" data-no-routing>gotcha ishiduca !</a></div>
  </div>
`
const userViewIn = params => `<h1>${params.username}</h1>`
const userView = (params, h1) => html `<div>${(h1 || userViewIn)(params)}</div>`

const router = sheetRouter({default: '/404'}, [
  ['/', mainView],
  ['/:username', params => userView(params),
    ['/orgs', params => userView(params, p => html `<h1>${p.username} org!</h1>`)]
  ],
  ['/404', params => html `<div>oh no, path to not found</div>`]
])

href(h => {
  html.update(root, router(h.pathname))
  console.log(`link was clicked "${h.pathname}"`)
})

const root = router('/')
d.body.appendChild(root)