<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ramil Muratov</title>
    <description>The latest articles on DEV Community by Ramil Muratov (@rmuratov).</description>
    <link>https://dev.to/rmuratov</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F127952%2Fe3e26fed-132d-44ef-b00a-ba5d7febaf6d.jpeg</url>
      <title>DEV Community: Ramil Muratov</title>
      <link>https://dev.to/rmuratov</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rmuratov"/>
    <language>en</language>
    <item>
      <title>sourcemap.tools — Apply source maps to the JavaScript error stack trace and get the original error position</title>
      <dc:creator>Ramil Muratov</dc:creator>
      <pubDate>Mon, 18 Dec 2023 14:30:00 +0000</pubDate>
      <link>https://dev.to/rmuratov/sourcemaptools-apply-source-maps-to-the-javascript-error-stack-trace-and-get-the-original-error-position-a1p</link>
      <guid>https://dev.to/rmuratov/sourcemaptools-apply-source-maps-to-the-javascript-error-stack-trace-and-get-the-original-error-position-a1p</guid>
      <description>&lt;p&gt;Hi all! I made a small application that helps "decipher" the stack trace of minified JS code and wanted to share it with the community.&lt;/p&gt;

&lt;p&gt;It works like this: you paste a stack trace into the textarea, provide one or more source maps (by pasting or through a file input), and the application applies the source maps to the stack trace and displays the "original" stack trace. This way, you can see the exact position of the error in the original file.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4DzQhzgg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/he7kl3ta4cx92pt2tz0r.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4DzQhzgg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/he7kl3ta4cx92pt2tz0r.jpeg" alt="Image description" width="800" height="632"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When it might be helpful:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;You found an error in a production environment, but you don't host source maps and can't see on the developer tools where exactly it occurred&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;The user found a bug and sent you a stack trace&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;You get the stack trace from monitoring (e.g., Sentry) but do not configure it to work with source maps.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;If you feel that such an application could be helpful to you, feel free to try it at &lt;a href="https://sourcemaps.tools"&gt;https://sourcemaps.tools&lt;/a&gt;. The source is available at &lt;a href="https://github.com/rmuratov/sourcemap.tools"&gt;https://github.com/rmuratov/sourcemap.tools&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;It probably contains bugs but should work in simple cases.. or at least I hope :)&lt;/p&gt;

&lt;p&gt;There are other features that might be implemented, but I wonder if this could be useful to anyone at all, so I decided to collect some feedback first.&lt;/p&gt;

&lt;p&gt;I will appreciate any feedback - first impressions, opinions, bug reports, feature requests.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>sourcemaps</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
