question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hi,

I don’t really understand how this package works so I apologise in advance if this isn’t the right place to make this question.

On my project, the code that reaches the browser is processed by babel. The final code has source maps that google chrome uses to show the original source when I open the dev tools. However the puppeteer coverage information of a file shows the processed source code, not the original. Is there a way to convert the text and ranges fields of the coverage object to the original source and line numbers?

Thank you for your antention

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:15
  • Comments:20 (3 by maintainers)

github_iconTop GitHub Comments

8reactions
bcoecommented, May 1, 2019

@stevenvachon the newest version of v8-to-istanbul which is the library that remaps coverage from V8 format to Istanbul format now supports source-maps, perhaps try experimenting with this?

7reactions
felixfbeckercommented, Aug 17, 2019

Without this, the tool is not really useable unfortunately if you’re using any bundler like webpack 😕

Read more comments on GitHub >

github_iconTop Results From Across the Web

Introduction to JavaScript Source Maps - Chrome Developers
Source maps are a very powerful utility in a developer's tool set. It's super useful to be able to keep your web app...
Read more >
Should I Use Source Maps in Production? | CSS-Tricks
It's a valid question. A “source map” is a special file that connects a minified/uglified version of an asset (CSS or JavaScript) to...
Read more >
WTF is a Source Map - Schneems
What is a source map? At its core, a source map allows a browser to map the source of an asset to the...
Read more >
What are Javascript Source Maps? | Rapid7 Blog
Source maps are a new addition to the developer toolbox. Although the source maps spec lives in Google docs (no kidding), they're supported...
Read more >
JavaScript Debugging with Sourcemaps - TrackJS
A sourcemap is a mapping between the generated/transpiled/minified JavaScript file and one or more original source files. The main purpose of sourcemaps is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found