dumb-cyclejs-router

router.js

import {Observable} from 'rx';

function Intent (sources) {
  return {
    sources: sources,
    changeLocation$: sources.History,
    props$: sources.props$
  };
}

function resolveComponent (model, location) {
  model.component = model.routes[location];
}

function Model (intent) {
  let changeLocation$ = intent
    .changeLocation$
    .map(location => model => {
      resolveComponent(model, location);

      return model;
    });

  let props$ = intent.props$
    .map(props => model => {
      console.log('Changing props', props);
      model.routes = props.routes;
      resolveComponent(model, props.initialLocation);

      return model;
    });

  return Observable.just(function (model) {
      model.sources = intent.sources;
      return model;
    })
    .merge(props$, changeLocation$)
    .scan((model, modelFn) => {
      return modelFn(model);
    })
    .shareReplay(1);
}

function View (model$) {
  var sinks$ = model$.map(
    function (model) {
      return model.component(model.sources);
    }
  );

  return {
    DOM: sinks$.flatMap((sinks) => {
      return sinks.DOM;
    })
  };
}

export default function Component (sources) {
  return View(Model(Intent(sources)));
}