react-feature-toggle/lib/universal-js/index.js

A simple solution for implementing feature toggles in react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Universal = undefined;

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _asciiJson = require('ascii-json');

var _asciiJson2 = _interopRequireDefault(_asciiJson);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var Universal = function () {
  function Universal() {
    _classCallCheck(this, Universal);
  }

  _createClass(Universal, null, [{
    key: 'escapeJson',


    /**
      * Escapes the json object to make it suitable for being injected into the markup
      * @param {Object} - A JSON object with a feature toggles setup
      * @returns {String} - A stringified json
     **/
    value: function escapeJson(toggles) {
      return _asciiJson2.default.stringify(toggles).replace(/<\//g, '<\\/');
    }

    /**
      * Injects the json object with the selected feature toggles into the
      * markup, following the same approach as React Transmit:
      * https://github.com/RickWong/react-transmit/blob/master/src/lib/injectIntoMarkup.js
      *
      * @param {String} markup - The page's markup, rendered to string
      * @param {Object} toggles - The feature toggles object
      * @param {String} name - The name you wish to give to the global variable to will contain the
      * stringified feature toggles JSON object
      * @returns {String} - The original markup with a <script> tag containing the
      * feature toggles setup assigned to a global (window.[name]) variable
      **/

  }, {
    key: 'injectIntoMarkup',
    value: function injectIntoMarkup() {
      var _ref = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];

      var markup = _ref.markup;
      var toggles = _ref.toggles;
      var name = _ref.name;

      var injected = '<script>window.' + name + '=' + Universal.escapeJson(toggles) + '</script>';

      return markup.indexOf('</body>') > -1 ? markup.replace('</body>', injected + '$&') : markup + injected;
    }
  }]);

  return Universal;
}();

exports.Universal = Universal;