framework/js/forum/src/initializers/boot.js

import ScrollListener from 'flarum/utils/scroll-listener';
import History from 'flarum/utils/history';
import Pane from 'flarum/utils/pane';
import mapRoutes from 'flarum/utils/map-routes';

import BackButton from 'flarum/components/back-button';
import HeaderPrimary from 'flarum/components/header-primary';
import HeaderSecondary from 'flarum/components/header-secondary';
import FooterPrimary from 'flarum/components/footer-primary';
import FooterSecondary from 'flarum/components/footer-secondary';
import Composer from 'flarum/components/composer';
import Modal from 'flarum/components/modal';
import Alerts from 'flarum/components/alerts';
import SearchBox from 'flarum/components/search-box';

export default function(app) {
  var id = id => document.getElementById(id);

  app.history = new History();
  app.pane = new Pane(id('page'));
  app.cache = {};

  m.mount(id('back-control'), BackButton.component({ className: 'back-control', drawer: true }));
  m.mount(id('back-button'), BackButton.component());

  $('.global-content').click(e => {
    if ($('body').hasClass('drawer-open')) {
      e.preventDefault();
      $('body').removeClass('drawer-open');
    }
  });

  m.mount(id('header-primary'), HeaderPrimary.component());
  m.mount(id('header-secondary'), HeaderSecondary.component());
  m.mount(id('footer-primary'), FooterPrimary.component());
  m.mount(id('footer-secondary'), FooterSecondary.component());

  app.composer = m.mount(id('composer'), Composer.component());
  app.modal = m.mount(id('modal'), Modal.component());
  app.alerts = m.mount(id('alerts'), Alerts.component());

  m.route.mode = 'hash';
  m.route(id('content'), '/', mapRoutes(app.routes));

  app.search = new SearchBox();

  new ScrollListener(top => $('body').toggleClass('scrolled', top > 0)).start();
}