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 - Make CSS Styles view source map aware
Summary: Make CSS Styles view source map aware
Status: RESOLVED FIXED
Alias: None
Product: web
Classification: Unclassified
Component: Inspection (show other bugs)
Version: 7.4
Hardware: All All
: P2 normal (vote)
Assignee: Jan Stola
URL:
Keywords:
Depends on:
Blocks: 233369
  Show dependency tree
 
Reported: 2013-07-25 08:50 UTC by Jan Stola
Modified: 2013-09-02 08:00 UTC (History)
2 users (show)

See Also:
Issue Type: DEFECT
Exception Reporter:

Attachments
sample project where it doesn't work (4.74 KB, application/zip)
2013-09-02 06:22 UTC, Vladimir Riha 		Details
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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 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