Simple routes resolver

route.js

import settings from '../settings';

const {routes} = settings;
const {basePath} = routes;

/*
 * Route path resolver.
 * Read routes from the settings file.
 *
 *  - id: route identifier (or alias)
 *  - values: optional sequential list of params substitutions
 *
 * Examples:
 *
 * const routes = {beep: '/beep/:a/:b', bop: '/bop'};
 *
 * route('beep'); // => /beep/:a/:b
 * route('beep', 'foo'); // => /beep/foo/:b
 * route('beep', 'foo', 'bar'); // => /beep/foo/bar
 * route('bop'); // /bop
 */

const route = (id, ...values) => {
  const path = `${basePath}${routes[id]}`;
  const params = path.match(/\:\w+/gm) || [];

  return params.reduce((previous, next, index) => {
    return previous.replace(next, values[index] || next);
  }, path);
};

export default route;

// Special named export for urls that are not affected by `basePath`
export const external = id => routes.external[id];

settings.js

export default {
  routes: {
    // Base path for all the routes
    basePath: '',

    // Root path
    home: '/',

    // Path for every article detail
    article: '/article/:slug',

    // Path for every content landing (Guide, 101, etc)
    articles: '/articles/:slug',

    // Path for glossary index
    glossary: '/glossary',

    // Path for glossary definition detail
    glossaryDetail: '/glossary/:slug',

    // Path for the plans page
    plans: '/plans',

    // Path for the plans page with the madlibs active
    quote: '/plans/quote',

    // Logged in
    forms: '/forms',
    login: '/auth/login',

    // External
    external: {
      blog: 'http://blog.thing.com',
      facebook: 'https://www.facebook.com/ThingOfficial',
      instagram: 'https://instagram.com/thingofficial',
      twitter: 'https://twitter.com/thingofficial',
      youtube: 'https://www.youtube.com/user/ThingOfficial',
    },
  },
};