cyboard/dist/frontend.js

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactDom = require('react-dom');

var _reactDom2 = _interopRequireDefault(_reactDom);

var _fela = require('fela');

var _reactFela = require('react-fela');

var _ServerEventsProvider = require('./components/ServerEventsProvider');

var _injectedBoardsConfig = require('injected-boards-config');

var _injectedBoardsConfig2 = _interopRequireDefault(_injectedBoardsConfig);

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

// eslint-disable-line

// Create event source stream for server sent events, this is where the
// widget backends send their data
var serverEvents = new EventSource(location.origin + '/events');

// Create the apps container element


// Here we get the config injected by webpack. This is done with a custom
// alias, which is configured in config/webpack.config.dev.js
var app = document.createElement('div');
app.id = 'app';
document.body.appendChild(app);

// Create a style element in head for fela to render into
var styles = document.createElement('style');
document.head.appendChild(styles);

// Instanciate fela renderer
var felaRenderer = (0, _fela.createRenderer)();

// Render styles for container elements to enable full screen styling
felaRenderer.renderStatic({
    height: '100%',
    margin: 0
}, 'html, body, #app');

// Render the app
_reactDom2.default.render(_react2.default.createElement(_reactFela.Provider, { renderer: felaRenderer, mountNode: styles }, _react2.default.createElement(_reactFela.ThemeProvider, { theme: {} }, _react2.default.createElement(_ServerEventsProvider.ServerEventsProvider, { source: serverEvents }, (0, _injectedBoardsConfig2.default)({})))), app);