Post code injection loading state broken

[JohnONolan]

This happens to me 9 out of 10x when I access code injection in the PSM. Looks like this for 3-5seconds, then loads the inputs

Ghost 1.17.1
Chrome 62.0.3202.94

[kevinansfield]

@JohnONolan to confirm, does this only happen the first time you open the code injection panel?

CodeMirror is loaded asynchronously which is why it will take a while for the input fields to appear the first time after loading the admin panel, subsequent opens should be instant until the admin panel is refreshed.

We should be able to:
a) have textareas visible and usable while CodeMirror is loading in the background
b) show a loading spinner in place of the inputs (if a isn't possible for some reason)

[kevinansfield]

This also ties in with a different issue - we currently have two sets of CodeMirror code in Ghost-Admin 😖. One is baked in as part of the SimpleMDE code and the other is separated out for the code injection screen/PSM inputs.

It's been on my radar for a while to either adapt our SimpleMDE fork so that we can load our already separated CodeMirror code (thus reducing initial admin load time) or getting rid of the separated CodeMirror build and use the baked-in version for the code injection inputs (keeping higher initial load time but reducing build artefacts and removing async loading times as seen in this issue).

[jloh]

I can confirm the behaviour:

1. Load Ghost and select any post (or create a new one)
2. Go into post settings -> Code Injection
3. See code injection boxes don't exist like image above then they pop into existance
4. Load any other post (without reloading Ghost Admin) and boxes appear instantly

Running Ghost v1.17.2 on Ghost(Pro)