Line numbers in the code viewer

I use https://runpkg.com sometimes to debug stack traces that point to my node_modules when I don’t have access to the actual node_modules folder. It would be really helpful if I could see line numbers in the code viewer.

Other related features I’d really appreciate:

• Jump to line/column. I’d love to type in https://runpkg.com/follow-redirects/index.js:158:24 which comes from a stack trace and jump right there.
• URL to share a specific line number or range of line numbers. When I’m debugging an issue for others I can then link to the actual problem code from runkg.com

[VirtualDOMinic]

For a bit of fun, in the meantime you could do something like this to show line numbers:

document.querySelector("pre").innerHTML = 
document.querySelector("pre")
  .innerHTML.split(/\n/)
  .map((x, i) => `<span class="token line-number L${i+1}">${i+1}\t</span>${x}`)
  .join("\n")

…and if you wanted a function to then do the scrolling for you, you could do something like this, where 158 is the line number you want.

(function(lineNumber){
  document.querySelector(`.L${lineNumber}`).scrollIntoView();
  document.querySelector("article").scrollBy(0, -55);
})(158)

Definitely not proposing this as a long-term solution, but the snippet for showing line numbers might prove at least moderately useful for now

[lukejacksonn]

This is done now, thanks to @alex-saunders 🎉