Migrate Ember services away from pod structure

On one of my Ember projects I noticed that my Services were for whatever reason using so pod layout:

❯ fd service.js
app/customers/service.js
app/preference/service.js
app/raven/service.js
...

Compare this to classic way to create services:

❯ ember g service customers --pod=false
installing service
  create app/services/customers.js

The former layout is not practical for several reasons:

• Those extra files are in the way when you decide that you want to change your route structure, because your route.js/controller.js/template.hbs files live in the same place.
• If you're looking for a service and you're not exactly sure about it's name, it's way easier to find it in one folder than multiple.

There is a neat trick to refactor all this in one go. You will just need nifty little renaming tool called mmv, which can use wildcards for file matching and capturing groups for renaming. If you're using homebrew on OSX, it's as simple as:

❯ brew install mmv

And then following command should do the trick:

❯ mmv -v "app/*/service.js" "app/services/#1.js"
app/customers/service.js -> app/services/customers.js : done
app/preference/service.js -> app/services/preference.js : done
app/raven/service.js -> app/services/raven.js : done
...

Much better. All services are neatly organised in one place.

Photo by The Matter of Food on Unsplash