UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

52 lines (50 loc) 1.91 kB
"use strict"; /* tslint:disable:no-unused-variable */ var React = require('react'); /* tslint:enable:no-unused-variable */ var ReactDOM = require('react-dom'); var App_1 = require('./components/App/App'); var AppState_1 = require('./components/App/AppState'); var index_1 = require('../utilities/router/index'); var GettingStartedPage_1 = require('./pages/GettingStartedPage/GettingStartedPage'); var resources_1 = require('../utilities/resources'); var Debugging = require('./utilities/debugging'); require('./app.scss'); require('./ColorStyles.scss'); resources_1.setBaseUrl('./dist/'); /* tslint:disable:no-string-literal */ window['Debugging'] = Debugging; /* tslint:enable:no-string-literal */ var rootElement; function _onLoad() { rootElement = rootElement || document.getElementById('content'); ReactDOM.render(React.createElement(index_1.Router, null, React.createElement(index_1.Route, {component: App_1.App}, _getAppRoutes())), rootElement); } function _getAppRoutes() { var routes = []; AppState_1.AppState.examplePages.forEach(function (group) { group.links .filter(function (link) { return link.hasOwnProperty('component'); }) .forEach(function (link, linkIndex) { var component = link.component; routes.push(React.createElement(index_1.Route, {key: linkIndex, path: link.url, component: component})); }); }); // Default route. routes.push(React.createElement(index_1.Route, {key: 'gettingstarted', component: GettingStartedPage_1.GettingStartedPage})); return routes; } function _onUnload() { if (rootElement) { ReactDOM.unmountComponentAtNode(rootElement); } } var isReady = document.readyState === 'interactive' || document.readyState === 'complete'; if (isReady) { _onLoad(); } else { window.onload = _onLoad; } window.onunload = _onUnload; //# sourceMappingURL=app.js.map