Syntax Highlighting not working with Nativefier

[kasplat]

• code-server version: v1.32.0-282
• OS Version: Mac, server hosted on Ubuntu 18.04.1 LTS

Description

Synatx highlighting for all files does not work with Nativefier (which hosts a browser in an electron app). I've had occasional issues using it in the web browser where the syntax highlighting stops working, so this could be related.

Screenshot of console in a working browser window

Screenshot of console in the nativefier app

Steps to Reproduce

1. Install Nativefier npm install nativefier -g
2. Open vs code server with nativefier nativefier --ignore-certificate https://xx.xx.xx.xx:port The files do not have syntax highlighting

This was tested with all relevant looking flags (--insecure, --enable-es3-apis, --ignore-certificate, --flash), but none of them got syntax highlighting to work.

[kasplat]

After a few minutes, this error showed up in the console. Looks like a file existence error.

[kasplat]

Running it as sudo to avoid the previous issue has this issue instead:

[nol166]

I followed the steps above and syntax highlighting seems to work, unless i am not understanding correctly:

[kasplat]

Interesting, not sure why it doesn't work on my machine then. Any suggestions for things to report?

I did make sure to wait a few minutes to see if it loaded to no avail.

[nol166]

@kasplat I built the electron app from a more recent binary that I built from the source. It may be a bug that has since been fixed. We are releasing an "official" new binary later today so that will likely resolve the problem.

[RyanK1m]

I tried nativefier with newly released binary, but sadly, syntax highlight doesn't seem to work.
Maybe I should build electron app without nativefier?
It's disappointing because nativefier protect me from close code-server tab on chrome by accidentally press ctrl+w to close editor tab. (And more native feel too)

[RyanK1m]

--no-auth solve the problem. nativefier app doesn't send cookie with password.
no password means no webassembly file. I guess that wasm file support syntax highlight?
So... I should somehow solve that puzzle now.

[Cosby5]

I was having the same problem. What I did was move the auth to Nginx using basic auth, then added a special case to turn it off. Nativefier can then be set with the username & password to auto-login. Now the only thing that escapes auth is the .wasm extension.

I also set the server to --no-auth.

auth_basic_user_file /path/to/.htpasswd;
auth_basic           "Administrator’s Area"

location ~ \.wasm {
  auth_basic off;
  ...
}
location / {
  ...
}

[kasplat]

@nol166 any chance this can be solved without using nginx in a reasonable amount of time? It probably wouldn't be too bad to set up nginx, but it would be nice if code server supported this out of the box.

[coadler]

Isn't this technically a nativefier bug? Or is it the way code-server handles cookies

[kasplat]

Judging from the comments above, it does seem to be an issue for nativefier, so I'll raise the issue over there. If there's a reasonable way to fix this here though feel free to reopen it. The thread is here nativefier/nativefier#789.