directify

Easier use of Director.js with Browserify, plus some added features.

Usage no npm install needed!

<script type="module">
  import directify from 'https://cdn.skypack.dev/directify';
</script>

README

Directify

Directify is a client-side router, actually it's pretty much Director.js (included) with some additional features/tweaks.

npm install directify

Example usage:

var router = require('directify');

// Usage: router(routingTable, targetElement, directorOpts);

var directorOpts = {
  notfound: function () {
    console.error('route not found')
  }
}

var routingTable = {
  '/': function() {
    return this.target.innerHTML = 'This is the root url.';
  },

  '/systems': function() {
    return this.target.innerHTML = "This is another path, it is: " + this.path;
  },

  '/parent': {
    '/sub/:json': function() {
      return this.target.innerHTML = "This path takes json params, they are: " + (JSON.stringify(this.params));
    }
  }
};

$(document).ready(function() {
  var targetElement = document.getElementById('main');
  router(routingTable, targetElement, directorOpts);
});