Locate Typescript files from JS files in debugger

[johnh]

Hi,

I've gotten both an internal launcher of the DevTools as well as the remote-debugging option working. All the contents are served up from resources, HTML, JS, .JS.MAP and .TS file.
The Chrome debug view both internal and remote identify that a source map is present as indicated in the header bar but don't seem to show the TS file. Has anyone been able to get a transpiled file with map working ?

Thanks!
John

[magreenblatt]

What CEF version? Does it work in Google Chrome at the same version?

[johnh]

It's working/worked in all the versions of Chrome I've been running for some time, currently : Version 68.0.3440.84 (Official Build) (64-bit)

CEF version: 3.3440.1803

Normally the .ts file would show in the file-tree in italic, but for some reason nothing shows up at all (even from Ctrl-P).
Is there any sort of additional handler that I need to implement to load the mapping file?

I put a breakpoint in my resource handler to see which files are being requested and it never looks for the .map or .ts.

[johnh]

Anyone have any ideas on this? or getting the map + related resource working in general ?

[Czarek]

Have you tested with cefclient sample application?

[johnh]

Hi,

Yes I have with the same result.
The JS file shows in the debugger, the window indicates that a source-map is present, I guess from the comment in the js file which it references.
But the map and the TS file are not included and thus not debuggable.

[amaitland]

What scheme are you using? Http/https?

[johnh]

I've tried locally on my machine with file:// and http:// and https:// and on a remote server with http:// and https://
same outcome in all cases.

For example:

http://www.terraspace.co.uk/ts/index.html

That file references app.js which includes app.js.map and app.ts file, all present in the same folder.
If you open that link in Chrome (any browser) the debug view will show you the js and via map the ts file too.
ceflient and my app show the js, but make no attempt to process the map or fetch the ts file.

[johnh]

Ok, this still definitely doesn't work properly in CEF, however I have found a workaround using the Typescript compiler.

By specifying the following options in the tsconfig.json file:

"inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */
"inlineSources": true /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */

CEF is now able to see the TS files in the debugger, so this is workable for now.

[fanjunwu]

i using angular 6 to generate web page, use inlineSourceMap and inlineSources in tsconfig.json, but not working