Customize tab titles in atom text editor.

init.coffee

# place this snippet into init.coffee in ~/.atom directory

atom.workspace.observeTextEditors (editor) ->
    if editor.getTitle() isnt "untitled"
        sp = editor.getPath().split('/')
        title = sp.slice(sp.length-2).join('/')
        editor.getTitle = -> title
        editor.getLongTitle = -> title

for item in atom.workspace.getPaneItems()
    if item.emitter?
        item.emitter.emit "did-change-title", item.getTitle()

Very useful if you use the ${componentName}/index.js pattern for organising your react projects.

For some reason, Atom wasn't refreshing the title consistently on the OneDark UI theme. If anyone else experienced this, I found a different event hook to use with this slightly altered script here:

https://gist.github.com/tribou/53b508b65b390183e4b23678e5b0816f

Please note if anyone needs it just because of multiple 'index.…' tabs, a CSS solution is possible too
[in Atom -> Stylesheet add:]

.tab-bar .tab .title[data-name^="index"] {
letter-spacing: -1px;
direction: rtl;
text-align: left;
}