route-scroll.js

route-scroll.js

import Route from '@ember/routing/route';
import { next } from '@ember/runloop';
import { scrollToTarget } from 'postedin/helpers/scroll-to-target';

export function initialize() {
  Route.reopen({
    activate() {
      this._super();

      window.scrollTo(0, 0);

      next(() => {
        let hash = window.location.hash;

        if (! hash) {
          // esa = `ember sucks anchor` because you can't link to anchors in embers link-to so we have to use it to hack around
          const esa = new URLSearchParams(window.location.search).get('esa');

          if (esa) {
            hash = `#${esa}`;

            // now remove the hack and add the hash
            this.controllerFor('application').set('esa');

            // for some reason it runs this twice and if I do it in current runloop it doesn't apply at all,
            // probably because of the query param change still applying on the controller
            next(() => {
              if (! window.location.hash) {
                history.replaceState({}, '', `${window.location.href}${hash}`);
              }
            });
          }
        }

        scrollToTarget(hash);
      });
    },
  });
}

export default {
  initialize,
};