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');