Ask HN: How do you relate rendered HTML to the TypeScript file it came from?

Let's say we have a any web app (React, Next, whatevr framework. It has a App.tsx file and Button.tsx file. We start the local development server and use puppeteer to extract the content. You can use whatever frameworks, source maps, tools, etc. How would you take that string input and figure out the line number where the typescript actually occurred?