Ember/5/Deprecate Router Events

1.0.2Last update Jan 10, 2025

Codemod verified

Official codemod published by a verified account. Learn more.

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