react-router-component/lib/environment/QuerystringKeyEnvironment.js

Declarative router component for React

"use strict";

var qs                  = require('qs');
var PathnameEnvironment = require('./PathnameEnvironment');

/**
 * Environment which keeps routing state in a specified key in a querystring.
 */
function QuerystringKeyEnvironment(key) {
  this.key = key;
  PathnameEnvironment.call(this);
}

QuerystringKeyEnvironment.prototype = Object.create(PathnameEnvironment.prototype);
QuerystringKeyEnvironment.prototype.constructor = QuerystringKeyEnvironment;

QuerystringKeyEnvironment.prototype.getPath = function() {
  var query = qs.parse(window.location.search.slice(1));
  return query[this.key] ? '/' + query[this.key] : '/';
};

QuerystringKeyEnvironment.prototype.pushState = function(path, navigation) {
  path = this.updatedPath(path);
  PathnameEnvironment.prototype.pushState.call(this, path, navigation);
};

QuerystringKeyEnvironment.prototype.replaceState = function(path, navigation) {
  path = this.updatedPath(path);
  PathnameEnvironment.prototype.replaceState.call(this, path, navigation);
};

QuerystringKeyEnvironment.prototype.updatedPath = function(value) {
  var path = PathnameEnvironment.prototype.getPath.call(this);
  var query;
  if (path.indexOf('?') === -1) {
    query = {};
    query[this.key] = value.slice(1);
    return '/?' + qs.stringify(query);
  } else {
    var splitted = path.split('?');
    query = qs.parse(splitted[1] || '');
    query[this.key] = value.slice(1);
    return splitted[0] + '?' + qs.stringify(query);
  }
};
var _environments = {};

function getEnvironment(key) {
  if (_environments[key] === undefined) {
    _environments[key] = new QuerystringKeyEnvironment(key);
  }
  return _environments[key];
}

module.exports = QuerystringKeyEnvironment;
module.exports.getEnvironment = getEnvironment;