Ember-cli-router-history NPM

ember-cli-router-history

Ember router history with local storage and query params support.

Installation

ember install ember-cli-router-history

Usage

After installation ember-cli-router-history open app/router.js and add following

import config from 'your-app-name/config/environment';
import EmberRouter from '@ember/routing/router';
import { inject as service } from '@ember/service';

const Router = EmberRouter.extend({
  routerHistory: service(),

  location: config.locationType,
  rootURL: config.rootURL,

  // Use `willTransition` if you want to track all transitions
  willTransition(previousTransition, currentTransition) {
    this._super(...arguments);

    this.routerHistory.addItem(currentTransition);
  },

  // Or use `didTransition` if you want to track only successful(completed/finished) transitions
  didTransition(transition) {
    this._super(...arguments);

    this.routerHistory.addItem(transition);
  },
});

this.routerHistory.previous returns previous transition if present, or null if not.

this.routerHistory.history returns all history items.

this.routerHistory.clear() clear transition history, can be used when user logges out

Configuration

import RouterHistoryService from 'ember-cli-router-history/services/router-history';

export default RouterHistoryService.extend({
  maxLength: 20, // Number of item to store in the history, default is 10
})