This Bugzilla instance is a read-only archive of historic NetBeans bug reports. To report a bug in NetBeans please follow the project's instructions for reporting issues.

Bug 233384

Summary:	Make CSS Styles view source map aware
Product:	web	Reporter:	Jan Stola <jstola>
Component:	Inspection	Assignee:	Jan Stola <jstola>
Status:	RESOLVED FIXED
Severity:	normal	CC:	pjiricka, vriha
Priority:	P2
Version:	7.4
Hardware:	All
OS:	All
Issue Type:	DEFECT	Exception Reporter:
Bug Depends on:
Bug Blocks:	233369
Attachments:	sample project where it doesn't work

Description Jan Stola 2013-07-25 08:50:20 UTC

Update CSS Styles view such that it understands CSS files produced by SASS 3.3 compiler with --sourcemap option, i.e., make sure that the navigation to source SASS files works for such CSS files.

Comment 1 Jan Stola 2013-08-29 09:07:48 UTC

Implemented by:
http://hg.netbeans.org/web-main/rev/c41f598892e3
http://hg.netbeans.org/web-main/rev/beee576de6e3

Comment 2 Vladimir Riha 2013-09-02 06:22:01 UTC

I'm afraid I have to reopen, I've tried latest trunk and web-main build and it doesn't work for me. I'm attaching sample project. Once I run it, CSS Styles do not indicate that CSS is coming from Sass files, Go To source from CSS Styles navigates to CSS not SCSS etc.


Product Version: NetBeans IDE Dev (Build web-main-11515-on-20130901)
Java: 1.7.0_40; Java HotSpot(TM) Client VM 24.0-b55
Runtime: Java(TM) SE Runtime Environment 1.7.0_40-b39
System: Linux version 3.2.0-48-generic-pae running on i386; UTF-8; en_US (nb)

Comment 3 Vladimir Riha 2013-09-02 06:22:50 UTC

Created attachment 139551 [details]
sample project where it doesn't work

Comment 4 Jan Stola 2013-09-02 06:43:47 UTC

I am able to reproduce the problem using the attached project. The root of the problem seems to be quite simple. Your compiler generates

/*@ sourceMappingURL=newstyle.css.map */

into the CSS file while mine generates

/*# sourceMappingURL=newstyle.css.map */

for some reason (note # instead of @). You test-case works fine when I modify the CSS file and replace this letter. I will modify the corresponding code to handle both cases.

Comment 5 Vladimir Riha 2013-09-02 06:50:43 UTC

Weird, all tutorials I've found shows also # form, although Chrome Dev Tools works with fine @

Comment 6 Jan Stola 2013-09-02 07:50:33 UTC

Fixed by http://hg.netbeans.org/web-main/rev/1ee490b35781

Comment 7 Vladimir Riha 2013-09-02 08:00:17 UTC

Thank you. I've found in [1] that @ is an old form replaced with newer # due to browser compatibility issues.


[1] https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/edit?hl=en_US