generator-confit/lib/buildTool/npm/documentation/templates/docs/themes/test-theme/index.js

Yeoman generator for creating the development process, tools and a sample project for current-generation web applications

if (__DEV__) {
  module.hot.accept();
}

// Nav
import './js/nav';
import gumshoe from './js/libs/gumshoe';
import smoothScroll from './js/libs/smooth-scroll';
import accordion from './js/libs/accordion';

// Syntax highlighting
import hljs from 'highlightjs';

// Base theme
import './css/index.styl';

(() => {
  hljs.initHighlighting();

  accordion.init();

  gumshoe.init({
    offset: 40, // Distance in pixels to offset calculations
    activeClass: 'sw-active'
  });

  smoothScroll.init({
    selector: '[data-scroll]', // Selector for links (must be a valid CSS selector)
    selectorHeader: '[data-gumshoe-header]', // Selector for fixed headers (must be a valid CSS selector)
    speed: 500, // Integer. How fast to complete the scroll in milliseconds
    easing: 'easeInOutCubic', // Easing pattern to use
    offset: 40, // Integer. How far to offset the scrolling anchor location in pixels
    updateURL: true, // Boolean. If true, update the URL hash on scroll
  });

  // Add label to code blocks
  const LANGUAGE_TYPES = {
    css: 'CSS',
    html: 'HTML',
    javascript: 'JavaScript',
    bash: 'Shell'
  };

  const codeBlocks = document.getElementsByTagName('code');

  for (let i = 0; i < codeBlocks.length; i++) {
    const languageType = codeBlocks[i].className.match(/language-(\w*)/);

    if (languageType && LANGUAGE_TYPES[languageType[1]]) {
      codeBlocks[i].innerHTML += `<span class="language-type">${LANGUAGE_TYPES[languageType[1]]}</span>`;
    }
  }
})();