client.ts

import Cycle from '@cycle/xstream-run'
import { makeDOMDriver } from '@cycle/dom'
import { timeDriver } from '@cycle/time'

const { rerunner, restartable } = require('cycle-restart')

import Main from './main'

const getMain = () => require('./main').default
const getDrivers = () => ({
  DOM: restartable(makeDOMDriver('#main'), {pauseSinksWhileReplaying: false}),
  Time: timeDriver
})
const drivers = getDrivers()

let run = rerunner(Cycle.run)
run(Main, getDrivers())

if (module['hot']) {
  module['hot'].accept('./main', () => {
    const newMain = getMain()
    run(newMain, getDrivers())
  })
}