Syntax seems to break at a certain point

[lichenophile]

Cheers for this neat extension. I'm having some trouble though, I wonder if you could shed some light?

I appears that {} brakets are breaking the syntax coloring

[wfurphy]

Hi @lichenophile,

I'm unable to replicate that issue here. Are you using VSCode or VSCode Server in HA? Also, do you have any other syntax highlighting plugins that may be causing a conflict?

[lichenophile]

Hey

I'm using VSCode for windows using Remote SSH.

Using this plugin and HA Config Helper, disabled everything else related (aside from "built-in" features/languages)

I have more precisely noticed ', " or ` following a return wrapped text when within { and } to cause it, though I have noted some instances of code where it works

Simplified code that color breaks:

            state_display: >
              [[[
                if (variables.state === "playing") {
                  return 'Playing';
                }
              ]]]

Rubbish code that formats color correctly despite quotes/backticks:

A colon after the quotes, such as this style of statement (just the colon on its fixes color too)

                if (variables.state === 'playing') {
                  return 'Playing'
                    ? 
                    :  ;
                }

• Removing quotes

            state_display: >
              [[[
                if (variables.state === 'playing') {
                  return Playing;
                }
              ]]]

• any amount of = but not something such as !=

                  return ='Playing';

• a number character

                  return 2`Playing`;

Figured out by breaking down at a few more complex templates that fit the criteria but didn't fail

No idea if this is actually useful info tbh, syntax highlighting (regex?) is a bit above my head

[wfurphy]

That's very strange, I still can't replicate it on my local copy of the browser version in HA. the only thing I can think that may be causing this is Windows, I'll have to spin up a Virtual Machine and see if I can replicate the issue, I'll let you know what I find.

[wfurphy]

@lichenophile Just out of interest could you try using >- instead of > proceeding your block string? It might be Windows line breaks causing the issue. Make sure you use semicolons ; at the end of lines strictly if you do this because it will strip out the line breaks from the javascript.

[lichenophile]

Apologies, I seem to have missed or forgotten your reply.

I gave >- a whirl with no success unfortunately.

I tried running the Remote-SSH: Uninstall VS Code Server from Host command form my windows client, instead then installing vscode add-on for HA and adding this extension. However it seems to produce the same problem for me.

Let me know if there's anything further I can do to test what the issue might be

[wfurphy]

@lichenophile Ok, I just revisited this after I got your message, and it still isn't an issue on the VSCode Server plugin running in HA, but this time, I was able to reproduce the issue on my local copy of VSCode running on MacOS! This makes the whole thing much more confusing considering I wasn't able to replicate it in the past! However what it does mean is that I can now troubleshoot it and figure out why. I'll mark it as a bug and work through it; it may take a little time as I haven't touched it in months and need to set up debugging, etc, again. I'll keep you posted.

[wfurphy]

@lichenophile Out of interest: On the lines/blocks that don't break, is the syntax highlighting 100% correct in those? eg. Does it use the correct colours etc?

[lichenophile]

Now that you mention it, it does appear that the highlighting has errors and inconsistencies. Some seem erroneous as shown below, while some blocks are fine.

Button card template excerpt:

same code in a javascript file:

Theme is Monokai Dimmed, I think it's a default theme.