datahub/wherehows-web/app/router.js

import Ember from 'ember';
import config from './config/environment';

const {
  get,
  Router,
  getWithDefault,
  inject: { service },
  run: { scheduleOnce }
} = Ember;

const AppRouter = Router.extend({
  location: config.locationType,

  rootURL: config.rootURL,

  metrics: service(),

  didTransition() {
    this._super(...arguments);

    // On route transition / navigation invoke page tracking
    this._trackPage();
  },

  /**
   * Tracks the current page
   * @private
   */
  _trackPage() {
    scheduleOnce('afterRender', null, () => {
      const page = get(this, 'location').getURL();
      const title = getWithDefault(this, 'currentRouteName', 'unknown.page.title');
      const metrics = get(this, 'metrics');

      /**
       * Manually track Piwik siteSearch using the `trackSiteSearch` api
       *  rather than using Piwik's default reading of url's containing the
       *  "search", "q", "query", "s", "searchword", "k" and "keyword", keywords
       * @link https://developer.piwik.org/guides/tracking-javascript-guide#internal-search-tracking
       */
      if (title.includes('search')) {
        // Reference to the _paq queue
        //   check if we are in a browser env
        const paq = window && window._paq ? window._paq : [];
        const routerJs = get(this, 'router');
        const queryParams = routerJs ? get(routerJs, 'state.queryParams') : {};
        // const queryParams = routerJs ? get(routerJs, 'activeTransition.queryParams') : {};
        const { keyword, category = 'datasets' } = queryParams;

        // Early exit once we track search, so we do not invoke the
        //   default op by invoking `trackPageView` event
        return paq.push(['trackSiteSearch', keyword, category, false]);
      }

      metrics.trackPage({ page, title });
    });
  }
});

AppRouter.map(function () {
  this.route('page-not-found', {
    path: '/*wildcard'
  });
  this.route('datasets', function () {
    this.route('page', {
      path: '/page/:page'
    });

    this.route('dataset', {
      path: '/:dataset_id'
    });

    this.route('name', {
      path: '/name/:name'
    }, function () {
      this.route('subpage', {
        path: '/page/:page'
      });
    });
  });
  this.route('search');
  this.route('metrics', function () {
    this.route('metricspage', {
      path: '/page/:page'
    });

    this.route('metric', {
      path: '/:metric_id'
    });

    this.route('metricname', {
      path: '/name/:metric_name'
    }, function () {
      this.route('metricnamepage', {
        path: '/page/:page'
      });

      this.route('metricgroup', {
        path: '/:metric_group'
      }, function () {
        this.route('metricnamesubpage', {
          path: '/page/:page'
        });
      });
    });
  });
  this.route('flows', function () {
    this.route('flowspage', {
      path: '/page/:page'
    });

    this.route('flowsname', {
      path: '/name/:name'
    }, function () {
      this.route('flowssubpage', {
        path: '/page/:page'
      });

      this.route('flow', {
        path: '/:flow_id'
      }, function () {
        this.route('pagedflow', {
          path: '/page/:page'
        });
      });
    });

    this.route('flow', {
      path: '/:flow_id'
    });
  });
  this.route('logout');
  this.route('metadata', function () {
    this.route('user', {
      path: '/:user'
    });
  });
  this.route('idpc', function () {
    this.route('user', {
      path: '/:user'
    });
  });
  this.route('scripts', function () {
    this.route('page', {
      path: '/page/:page'
    });

    this.route('script', {
      path: '/:script_id'
    });
  });

  this.route('schemahistory', {
    path: 'schemas'
  }, function () {
    this.route('page', {
      path: '/page/:page'
    });

    this.route('schema', {
      path: '/:schema'
    });
  });
  this.route('lineage', function () {
    this.route('dataset', {
      path: '/dataset/:id'
    });
  });
  this.route('login');

  this.route('help', function () {
    this.route('feedback');
  });
  this.route('browse', function() {
    this.route('entity', {
      path: '/:entity'
    });
  });
});

export default AppRouter;