index.js

var choo = require('choo')
var { Predicates } = require('prismic-javascript')
var View = require('./components/view')

var REPOSITORY = 'https://hempur.cdn.prismic.io/api/v2'
var app = choo({ hash: false })

app.use(require('./stores/reset'))
if (typeof window !== 'undefined' && process.env.NODE_ENV === 'development') {
  app.use(require('choo-devtools')())
  app.use(require('choo-service-worker/clear')())
}

app.use(require('choo-service-worker')('/sw.js'))
app.use(require('./stores/navigation'))
app.use(require('./stores/prismic')({
  repository: REPOSITORY,
  resolve: require('./lib/resolve')
}))
app.use(require('./stores/tracking'))
app.use(require('./stores/meta'))

app.route('/', View.create(
  () => import('./views/home'),
  prefetch((state) => Predicates.at('document.type', 'homepage'))
))
app.route('/produkter/:uid', View.create(
  () => import('./views/product'),
  prefetch((state) => Predicates.at('my.product.uid', state.params.uid))
))
app.route('/:uid', View.create(
  () => import('./views/page'),
  prefetch((state) => Predicates.at('my.page.uid', state.params.uid))
))

try {
  module.exports = View.mount(app, 'body')
} catch (err) {
  if (typeof window !== 'undefined') {
    document.documentElement.removeAttribute('scripting-enabled')
    document.documentElement.setAttribute('scripting-initial-only', '')
  }
}

// prefetch document while view is loading
// fn -> fn
function prefetch (predicate) {
  return function (state, emit) {
    state.prismic.get(predicate(state))
    return document.body
  }
}