SourceMap - Producing invalid JSON

[am11]

Cc: sass/node-sass#218

Like LESS, please replace \ with \\ in file paths in .map files.

Here is what I am getting:

{
    "version": 3,
    "file": "C:\Users\Adeel\Documents\Visual Studio 2013\WebSites\WebSite1\1\2\3\SASS\cd.scss",
    "sources": [
        "C:\Users\Adeel\Documents\Visual Studio 2013\WebSites\WebSite1\1\2\3\SASS\cd.scss"
    ],
    "names": [

    ],
    "mappings": "AAsCA;EACI,QAAQ;;AAGZ,MAAM,OAAO,UAAU;EArCnB,aAAa;EAwCb,WAAW;;AAEf,IAAI,IAAI,IAAI,IAAI;EA1CZ,aAAa;;AA8CjB;EACI,OAAO;EACP,WAAW;EACX,YAAY;EACZ,eAAe;;AAEnB;EACI,WAAW;;AAEf;EACI,OAAO;EACP,YAAY;;AAEhB;EA3DI,aAAa;EA8Db,WAAW;;AAGf;EACI,YAAqC;EACrC,YAAY;EAEZ,eAAe;EAJnB,UAKI;IACI,QAAQ;IACR,kBAAkB;;AAKtB;EADJ,MAEQ;IAAQ,SAAS;EAFzB,MAGQ;IAAQ,SAAS;AAErB;EALJ;IAMQ,SAAS;IANjB,MAOQ;MAAQ,SAAS;AAErB;EATJ;IAUQ,SAAS;IAVjB,MAWQ;MAAQ,SAAS;AAXzB,MAcI;EAAK,QAAQ"
}

which is an invalid JSON

The expected result (the valid JSON) can be achieved by replacing \ in file paths with \\.

Also, (OAN) the value of file is supposed to be path to output CSS, not the input SCSS (sass/node-sass#219).

Thank you.

@am11 I have created a separate issue to track the file bug in issue #243. I'm working on a fix.

I do not use Windows, but I will look to setup a Windows VM to look at this issue.

[am11]

@svnieuw, thanks for your input.

The LESS compiler generates the sourcemap with \\ in file paths in Windows. We solved those in the post-processing step in SAAS compiler class of Web Essentials extension for VS. On the contrary, we didn't need that step in the corresponding function of LESS compiler class.

[nschonni]

I don't think the Windows style paths are valid whether they are escaped or not. Going by the spec https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/edit?pli=1#! any paths need to be in URL format

[am11]

@nschonni, yes. Ideally, it should calculate relative paths of destination file (.css) and all the sources .scss in map, from map file as a reference. Note, the map file can also be generated at different location than css and the source scss files.

There is a C++ Windows system function PathRelativePathTo() in shlwapi.dll, which calculates relative paths from a point of reference.

[am11]

Total Paths:

• From .map to .css file; for "file: " value in JSON.
• From .map to all .scss files; for "sources[]" values in JSON.
• From .css to .map file; for /*# SourceMap .. / comment.

[am11]

FWIW, here is how we can consume shlwapi.dll in C# managed code madskristensen/WebEssentials2013#134 (comment).