The Arbiter

The Arbiter is a HTML routing and analytics system for front-end applications and websites.
(based on ExpressJS Route handling and React-like loading - for front-end only)

The Arbiter preloads pages into memory and swaps pages into a container. This significantly decreases render time and page navigation.
Custom page-specific rendering can be done in one of three states: preRender, onRender, postRender.

------

$3

npm install the-arbiter

------

$3

Set up

If you are using gulp in conjuction with this module, place the following code in your global.js file.

``
function locationHashChanged( e ) {
if( !_a.isPageRouted( location.hash ) ) return;
if( !_a.hashToKey( location.hash ) || _a.currentPage === '' ) return;
if( _a.isPageRendered( location.hash ) ) return;
_a.load( location.hash, true, () => console.log( location.hash + ' loaded' ) );
Arbiter.onLocationHashChanged( e );
}

function pageDidChange( e ) {
locationHashChanged( e );
Arbiter.onPageDidChange( e );
}

window.onhashchange = locationHashChanged;
window.addEventListener( 'popstate', pageDidChange );
document.addEventListener( 'DOMContentLoaded', e => Arbiter.onApplicationDidAppear() );
window.onload = Arbiter.onApplicationDidLoad;
window.onbeforeunload = Arbiter.onApplicationDidUnload;
`

Configuration

`javascript
const
_pages = {
pagePath: 'main',
mainFile: 'home',
pages: [
{
name: 'home',
title: 'Website | Home',
preload: false,
data: null,
preRender: "console.log( 'pre' )",
onRender: "console.log( 'on' )",
postRender: "console.log( 'post' )"
}
]
},
Arbiter = require( 'the-arbiter' ),
_a = new Arbiter( _pages, true );

_a.init();
`

_pages is the primary variable. This can be an in-memory object, or loaded json.

Required keys for _pages
- pagePath: (string) location of all your page files
- mainFile: (string) your "index.html" or "primary" landing page.
- pages: (array) list of all pages in application

Required fields for a Page
- name: (string) the name of the file
- title: (string) equivalent to