Website "autodetect" setting doesn't distinguish css vs javascript

[Hirse]

Description

When formatting CSS with a url() attribute value, a space is inserted after the protocol of an unquoted URL value.

Reported as brackets-beautify/brackets-beautify#270.

Input

The code looked like this before beautification:

class{ background: url(http://someurl/img.png) }

Expected Output

The code should have looked like this after beautification:

.class {
  background: url(http://someurl/img.png) }

Actual Output

The code actually looked like this after beautification:

.class {
  background: url(http: //someurl/img.png) }
                       ^
               space inserted here

Steps to Reproduce

Reproducable on https://beautifier.io/ with default settings.

[bitwiseman]

@Hirse
Are you sure? On https://beautifier.io/ w v1.8.6 in CSS mode, I get this output:

.class {
  background: url(http://someurl/img.png)
}

[Hirse]

Thanks for checking.

I was testing it in Auto Detect mode, in which case it produces the above issue.
It looks like it is assuming the code to be JavaScript, because setting that mode explicitly shows the broken formatting.

[Hirse]

After updating my extension to js-beautify 1.8.6, this issue is fixed for CSS input (guess the /-bug was at fault).
Sorry for not testing this earlier, I thought being able to reproduce on the website could save me that step.

This only leaves the "broken" auto-detection on the website.
Feel free to close or rename this issue.

[bitwiseman]

@Hirse I'm removing the autodetect from the website.