Need some kind of obvious visual indicator of the current TypeScript compilation status

When compiling JS to TypeScript, the compilation could be at of any of these stages:

  • Compilation hasn't occurred yet
  • Currently compiling
  • Compilation failed and shows typescript error messages in the tool window
  • Compiler process died silently
  • Compilation finished successfully

Aside from when there's errors in the typescript window, I'm never really sure which of the above stages I'm currently at.  It's very frustrating testing my compiled JS code when I'm never really sure if it has been compiled yet.  Then having to wonder if I'm having problems related to bugs or compilation.

Because of this, I've wasted quite a lot of time:

  • Testing .js scripts that are outdated and running old code because it hasn't finished compiling yet
  • Testing .js scripts that are outdated because the TypeScript process died (with no visual indication anywhere)
  • And even on a couple of occasions, spending up to an hour or more Investigating non-existent bugs in my code that have already been fixed - but the typescript compiler stopped running for some reason
  • Manually restarting the compiler more that is actually needed - I feel like I need to restart the compiler and then manually run "compile all" quite regularly in order to ensure that it's still running - probably not needed a lot of the time, but who knows
  • Comparing timestamps on my .ts -vs- .js files to see if the .js files are older

Is there some kind of way to get some obvious indicator on the screen so that I at least know what stage the compiler is at?  Failures happen, and we just have to accept the lag in compilation... but it's very frustrating having no idea what the current status is without a heap of fiddling around. 

It feels like maybe I should just disable the compiler in phpstorm altogether and run it manually on the command line so that I can at least have some consistency and confidence that I know the current state of things before going back to my code to look for bugs.

To use a "missing persons" analogy, most people would rather just know if the person is dead rather than having to wonder about it.

If something doesn't already exist for this, I could imagine another icon in the typescript window with "traffic light" color icons to indicate current status:

  • green = everything successfully compiled - you can now run your code
  • orange = currently compiling
  • red = errors
  • flashing red = compiler died

I've only recently started with typescript, so maybe there's something I'm missing here?  Any tips appreciated.  Thanks.

Also, more generally... where are we meant to post these types of non-php/langauge questions that likely apply to all JetBrains IDEs?  i.e. This isn't a specific question to phpstorm, but I don't know where else to post it.  This forum and the bug trackers are very fragmented, and makes it hard to get many eyes on threads/issues that apply to all the IDEs.

1

Please sign in to leave a comment.