react-blessed/dist/render.js

A react renderer for blessed.

/**
 * React Blessed
 * ==============
 *
 * Exposing the renderer's API.
 */
'use strict';

Object.defineProperty(exports, '__esModule', {
  value: true
});

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

var _reactLibReactInstanceHandles = require('react/lib/ReactInstanceHandles');

var _reactLibReactInstanceHandles2 = _interopRequireDefault(_reactLibReactInstanceHandles);

var _reactLibReactElement = require('react/lib/ReactElement');

var _reactLibReactElement2 = _interopRequireDefault(_reactLibReactElement);

var _reactLibReactUpdates = require('react/lib/ReactUpdates');

var _reactLibReactUpdates2 = _interopRequireDefault(_reactLibReactUpdates);

var _ReactBlessedIDOperations = require('./ReactBlessedIDOperations');

var _ReactBlessedIDOperations2 = _interopRequireDefault(_ReactBlessedIDOperations);

var _invariant = require('invariant');

var _invariant2 = _interopRequireDefault(_invariant);

var _reactLibInstantiateReactComponent = require('react/lib/instantiateReactComponent');

var _reactLibInstantiateReactComponent2 = _interopRequireDefault(_reactLibInstantiateReactComponent);

var _ReactBlessedInjection = require('./ReactBlessedInjection');

var _ReactBlessedInjection2 = _interopRequireDefault(_ReactBlessedInjection);

var _blessed = require('blessed');

/**
 * Injecting dependencies.
 */
(0, _ReactBlessedInjection2['default'])();

/**
 * Renders the given react element with blessed.
 *
 * @param  {ReactElement}   element   - Node to update.
 * @param  {BlessedScreen}  screen    - The screen used to render the app.
 * @return {ReactComponent}           - The rendered component instance.
 */
function render(element, screen) {

  // Is the given element valid?
  (0, _invariant2['default'])(_reactLibReactElement2['default'].isValidElement(element), 'render(): You must pass a valid ReactElement.');

  // Is the given screen valid?
  (0, _invariant2['default'])(screen instanceof _blessed.Screen, 'render(): You must pass a valid BlessedScreen.');

  // Creating a root id & creating the screen
  var id = _reactLibReactInstanceHandles2['default'].createReactRootID();

  // Mounting the app
  var transaction = _reactLibReactUpdates2['default'].ReactReconcileTransaction.getPooled(),
      component = (0, _reactLibInstantiateReactComponent2['default'])(element);

  // Injecting the screen
  _ReactBlessedIDOperations2['default'].setScreen(screen);

  transaction.perform(function () {
    component.mountComponent(id, transaction, {});
  });

  // Returning the screen so the user can attach listeners etc.
  return component._instance;
}

exports.render = render;