Trailing white space in TextMate has been bugging the hell out of me in recently, until Dominic Mitchell bookmarked this awesome tip.

I've decided to take the tip one step further.

NewCommand line for non-techies

I've published 37 videos for new developers, designers, UX, UI, product owners and anyone who needs to conquer the command line today.

The idea is to create a base layer grammar, and have it inherited by all the languages you want some common patterns to be matched.

Common Grammar

Start by creating a new language grammar. I've created it in the Source folder and called it source - but you can call it what you like.

I've added the trailing space pattern, with a slight twist on Britt's version, in that I'm only looking for trailing space (2 spaces or more) on lines I have code on (i.e. I don't care about blank lines):

{
  scopeName = 'source';
  patterns = (
    { name = 'source.invalid.trailing-whitespace';
      match = '\S(\s{2,})$';
      captures = { 1 = { name = 'invalid.trailing-whitespace'; }; };
    },
  );
}

It's a same we can't use scopeName = 'source.*' and have TextMate use namespacing to handling the inheriting.

Inherit

Now in each language you want to make use of this grammar, add the following to the patterns lists:

patterns = (
  { include = 'source'; },
  // patterns continue...

I've included this in my JavaScript bundle, HTML bundle and so on.

Highlight

As Britt's post shows, you can now highlight the nasty lines as such via the preferences:

Highlighting trailing white space

Wrap Up

Now that you've got a common language grammar, you can add any number of extra matches that make programming that little bit more enjoyable...not that I can think of any just yet :-)

Want more?

Posts, web development learnings & insights, exclusive workshop and training discounts and more, direct to your inbox.

I won't send you any spam, and you can unsubscribe at any time. Powered by ConvertKit