Ember/5/Deprecate Router Events

Last update

Jul 24, 2024

This codemod removes all calls to willTransition or didTransition events on the Router via usage of routeWillChange event listener and routeDidChange event listener.

Before

import Router from '@ember/routing/router';
import { inject as service } from '@ember/service';

export default Router.extend({
	currentUser: service('current-user'),

	willTransition(transition) {
		this._super(...arguments);
		if (!this.currentUser.isLoggedIn) {
			transition.abort();
			this.transitionTo('login');
		}
	},

	didTransition(privateInfos) {
		this._super(...arguments);
		ga.send('pageView', {
			pageName: privateInfos.name,
		});
	},
});

After

import Router from '@ember/routing/router';
import { inject as service } from '@ember/service';

export default Router.extend({
	currentUser: service('current-user'),

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

		this.on('routeWillChange', (transition) => {
			if (!this.currentUser.isLoggedIn) {
				transition.abort();
				this.transitionTo('login');
			}
		});

		this.on('routeDidChange', (transition) => {
			ga.send('pageView', {
				pageName: privateInfos.name,
			});
		});
	},
});

This codemod removes all calls to willTransition or didTransition events on the Router via usage of routeWillChange event listener and routeDidChange event listener.

Before

import Router from '@ember/routing/router';
import { inject as service } from '@ember/service';

export default Router.extend({
	currentUser: service('current-user'),

	willTransition(transition) {
		this._super(...arguments);
		if (!this.currentUser.isLoggedIn) {
			transition.abort();
			this.transitionTo('login');
		}
	},

	didTransition(privateInfos) {
		this._super(...arguments);
		ga.send('pageView', {
			pageName: privateInfos.name,
		});
	},
});

After

import Router from '@ember/routing/router';
import { inject as service } from '@ember/service';

export default Router.extend({
	currentUser: service('current-user'),

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

		this.on('routeWillChange', (transition) => {
			if (!this.currentUser.isLoggedIn) {
				transition.abort();
				this.transitionTo('login');
			}
		});

		this.on('routeDidChange', (transition) => {
			ga.send('pageView', {
				pageName: privateInfos.name,
			});
		});
	},
});

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community

Get Started Now