zaceno / hyperapp-router

A modern router for hyperapp

Hyperapp Router

Warning This is a beta release, and the API will be completely unstable. Expect any change to be breaking until a proper API is ironed out.

Install

npm install --save @mrbarrysoftware/hyperapp-router
# or
yarn add @mrbarrysoftware/hyperapp-router

Usage

import { app, h } from 'hyperapp';
import withRouter from '@mrbarrysoftware/hyperapp-router';

withRouter(app)({
  router: {
    // Optional action ran every push/pop state
    RouteAction: (state, { params, path }) => ({
      ...state,
    }),
    
    routes: {
      '/': {
        // Optional Action to run when entering this route
        OnEnter: (params) => (state) => ({
          ...state,
        }),

        OnLeave: (params) => (state) => ({
          ...state,
        }),
      },
    },
  },

  init: {},

  view: state => {
    return h('div', null, 'Your app here...');
  },

  node: document.querySelector('#app'),
});