index.js

var breadCrumb = require('./docs-bread-crumb');
var learnblocks = require('./docs-learnblocks');
var sidebar = require('./docs-sidebar');
var nav = require('./docs-nav');
var header = require('./docs-header');
var quicklinks = require('./docs-quicklinks');
var tocMenu = require('./docs-toc-menu');
var react = require('react');

require('webcomponents.js');

// register custom elements
document.registerElement('gh-button', require('./docs-gh-button'));

var learnblocksSelector = document.querySelector('.learn-blocks');
if (learnblocksSelector) react.renderComponent(learnblocks(), learnblocksSelector);

var navSelector = document.querySelector('.nav-sticky');
if (navSelector) react.renderComponent(nav(), navSelector);

var headerSelector = document.querySelector('.header');
if (headerSelector) react.renderComponent(header(), headerSelector);

var quickLinksSelector = document.querySelector('.quicklinks');
if (quickLinksSelector) react.renderComponent(quicklinks(), quickLinksSelector);

var sidebarSelector = document.querySelector('.sidebar');
if (sidebarSelector) react.renderComponent(sidebar()(), sidebarSelector);

var breadCrumbSelector = document.querySelector('.bread-crumb-sticky');
if (breadCrumbSelector) react.renderComponent(breadCrumb(), breadCrumbSelector);

var tocMenuSelector = document.querySelector('.toc-menu');
if (tocMenuSelector) react.renderComponent(tocMenu(), tocMenuSelector);

// init metrics
require('./docs-metrics');