Sourcemap support with Raygun

[maks]

I'm currently using Raygun with our apps Flutter web build and it works very well, thank you! 👍🏻

BUT Flutter web release builds produce minified JS which currently gives not very useful stack traces in Raygun for the Flutter web app.

Raygun's documentation outlines support for sourcemaps so I was hoping to use it with Flutter web as currently Flutter is perfectly able to produce a sourcemap. Because we don't want to make our sourcemap publicly available I attempted to upload the sourcemap to Raygun per the documentation but it seems to have no affect on the stack traces shown in Raygun.

According to the Raygun sourcemap docs, they want you to upload the un-minified JS file as well as the sourcemap file, but this doesn't exist for Flutter as the sourcemap maps to Dart sources not JS.

Would you have any advice on how this can work with Raygun and raygun4flutter?

[miquelbeltran]

Hi @maks

At the moment, there's no support for sourcemaps on the Raygun site for traffic coming from the raygun4flutter.

We are going to research for a possible solution to this, which will probably need some changes both in the Flutter package and the server side.

Meanwhile, it would help us a lot if you could provide the exact command you use to compile your Flutter Web application, compilation logs and your flutter doctor -v output, so that we don't miss any important detail.

Thank you!

[maks]

Thanks for the quick reply @miquelbeltran !

I'm just using fairly standard build command for our web app:

flutter build web --dart-define=SOME_MODE=true --source-maps -t lib/main_webapp.dart

(some things redacted out).

and doctor output:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.0.5, on Ubuntu 22.04 LTS 5.15.0-41-generic, locale en_AU.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
[✓] Chrome - develop for the web
[✓] Linux toolchain - develop for Linux desktop
[✓] Android Studio (version 2021.1)
[✓] VS Code (version 1.69.2)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

Please let me know if I can help with any other information or testing.

[JaredEzz]

Also looking for this. May need to switch to sentry

[sumitramanga]

Hi @JaredEzz I'll chat with the team to see what we can do here in terms of priority. Thank you for your patience!

[miquelbeltran]

The latest release 3.1.0 adds support for reporting column numbers, as well the website has been updated to support source map processing.

You can find information regarding generating and uploading source maps in the README.md in the section "Flutter web source maps": https://github.com/MindscapeHQ/raygun4flutter/tree/develop?tab=readme-ov-file#flutter-web-source-maps

Thanks for your patience, let us know if you have any more questions!

[JaredEzz]

The documentation on this is not entirely complete. For example, the "Finding a source maps URI section" that is reference on the docs here https://raygun.com/documentation/language-guides/javascript/crash-reporting/source-maps/ is not filled out or linkable.

I'd really like to get this integrated into our CI/CD pipeline. Sentry has a cli tool that really makes this easy.

[sumitramanga]

Hi @JaredEzz, my apologies that the link is missing. I'm double-checking with my colleague to see where the section is. I'll keep you posted

[TheRealAgentK]

I'd really like to get this integrated into our CI/CD pipeline. Sentry has a cli tool that really makes this easy.

@JaredEzz With "this" - are you referring to actually automating the uploading of the source map into RG?

You should be able to do that already via the API just using a curl call. Also - for Android Studio (and native Android apps, not specifically Flutter - so there'd be differences), we do have a Gradle task - that could probably be leveraged as well, depending on your circumstances.

What would your preferred solution for dealing with source maps look like?

[sumitramanga]

Hi all @JaredEzz @TheRealAgentK

We've just put up a fix to our documentation to include the missing section. You can find it here - https://raygun.com/documentation/language-guides/javascript/crash-reporting/source-maps/#understanding-and-finding-the-url-for-sourcemap-uploads

@JaredEzz Please do consider @TheRealAgentK response too :)

Thank you for your patience,
Sumitra