Ember.js V5 - Fpe On | Codemod.com

This automation updates event handling in Ember.js by transitioning from the .on method to using the on function for event listeners.

Estimated time saving

5 minutes/occurrence

Change mode

Applicability criteria

Ember.js version higher or equal to 3.11.

Made by

Rajasegar Chandran

Usage →

Codemod CLI:

intuita ember/5/fpe-on

Codemod VS Code extension:

Run in VS Code

Use/edit codemod in Codemod Studio:

Open in Codemod Studio

Example

This codemod updates event handling in Ember.js by transitioning from the .on method to using the on function for event listeners.

Before:

import EmberObject from '@ember/object';
import { sendEvent } from '@ember/object/events';

let Job = EmberObject.extend({
	logCompleted: function () {
		console.log('Job completed!');
	}.on('completed'),
});

let job = Job.create();

sendEvent(job, 'completed'); // Logs 'Job completed!'

After:

import { on } from '@ember/object/evented';
import EmberObject from '@ember/object';
import { sendEvent } from '@ember/object/events';

let Job = EmberObject.extend({
	logCompleted: on('completed', function () {
		console.log('Job completed!');
	}),
});

let job = Job.create();

sendEvent(job, 'completed'); // Logs 'Job completed!'

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.