akiva/example.js

## example.js
const app = require('choo')()
const html = require('choo/html')

app.use(function (state, emitter) {
  state.loggedIn = false

  emitter.prependListener('DOMContentLoaded', function () {
    if (state.route !== '/shazam' && !state.loggedIn) {
      emitter.emit('pushState', '/shazam')
      emitter.emit('render')
    }
  })

  emitter.prependListener('navigate', function () {
    console.log('state.route:', state.route, window.location.pathname)
    state.route = window.location.pathname
    emitter.once('render', function () {
      console.log('state.route:', state.route, window.location.pathname)
    })
  })

  emitter.on('navigate', function () {
    console.log('Post-navigate event route', state.route)
  })
})

app.route('/', function (state, emit) {
  return html`
    <body>
      <p>Foo bar baz quux</p>
    </body>
  `
})

app.route('/shazam', function (state, emit) {
  return html`
    <body>
      <p>Shazam</p>
    </body>
  `
})

if (module.parent) module.exports = app
else app.mount('body')
	const app = require('choo')()
	const html = require('choo/html')

	app.use(function (state, emitter) {
	state.loggedIn = false

	emitter.prependListener('DOMContentLoaded', function () {
	if (state.route !== '/shazam' && !state.loggedIn) {
	emitter.emit('pushState', '/shazam')
	emitter.emit('render')
	}
	})

	emitter.prependListener('navigate', function () {
	console.log('state.route:', state.route, window.location.pathname)
	state.route = window.location.pathname
	emitter.once('render', function () {
	console.log('state.route:', state.route, window.location.pathname)
	})
	})

	emitter.on('navigate', function () {
	console.log('Post-navigate event route', state.route)
	})
	})

	app.route('/', function (state, emit) {
	return html`
	<body>
	<p>Foo bar baz quux</p>
	</body>
	`
	})

	app.route('/shazam', function (state, emit) {
	return html`
	<body>
	<p>Shazam</p>
	</body>
	`
	})

	if (module.parent) module.exports = app
	else app.mount('body')