[Feature] Support Android Source Maps for React Native apps

[Eyesonly88]

Describe the solution you'd like
Support source maps on Android for React Native apps. Currently only supported on iOS.
See microsoft/appcenter-sdk-react-native#208

Describe alternatives you've considered
Without the source maps on Android, we can't understand crash logs because the stack traces don't trace back to the JavaScript side.

Additional context
This feature works for iOS already and it is very useful to know which line of code and file is causing the crash. No idea how this is not done already.

[Eyesonly88]

Hey @patniko @winnieli1208, can you please comment regarding this issue? all the other top voted requests have comments/follow-ups.

[winnie]

Hi @Eyesonly88, thanks for submitting the feature request. We understand this is a crucial feature for React Native developers and it's definitely on our radar. I am actively monitoring community interest to help our team prioritize and will post here with any updates.

[gchiacchio]

Any chance to workaround this with a post build script? My client has a paid account and crash reports are not useful at all. I'm close to recommend him to switch to other service.

[winnie]

@gchiacchio you might be able to use a build script to retrieve the source map file but our diagnostics service doesn't support uploading/processing these files so I'm not sure that would work.

Our team is busy working on the HockeyApp transition features which is why we haven't prioritized this yet. We do understand this is a major limitation and we hope to address this in the future but unfortunately, I don't have an ETA at this time.

[gchiacchio]

@winnieli1208 That would be an improvement.

• Can you provide a way to retrieve the source map out of the server with a build script?

• Please let me know what options you can think of... like email, ftp, dropbox, gdrive, or even the iOS upload symbols API here

[gchiacchio]

@winnieli1208 @Eyesonly88 after my last message, I've been trying to upload the generated mapping.txt file by using the upload symbols API, and found a way.

Hope this help others.

Snippet for the post build script...

    if [ "$AGENT_JOBSTATUS" == "Succeeded" ]; then

#Step1
        mappingData=$(curl -X POST "https://api.appcenter.ms/v0.1/apps/{owner_name}/{app_name}/symbol_uploads" \
            -H "accept: application/json" \
            -H "X-API-Token: $MY_APPCENTER_API_TOKEN" \
            -H "Content-Type: application/json" \
            --fail \
            -d '{
                    "symbol_type": "AndroidProguard",
                    "file_name": "mapping.txt",
                    "build": "'"$versionCode"'",
                    "version": "'"$versionName"'"
                }')

        if [[ $? == 0 ]]; then
#Step2
            mappingSymbolUploadId=$(echo ${mappingData} | python -c "import json,sys;obj=json.load(sys.stdin);print obj['symbol_upload_id'];")
            mappingUploadURL=$(echo ${mappingData} | python -c "import json,sys;obj=json.load(sys.stdin);print obj['upload_url'];")

            curl -X PUT \
            "$mappingUploadURL" \
            -H 'x-ms-blob-type: BlockBlob' \
            -T "$APPCENTER_SOURCE_DIRECTORY/app/build/outputs/mapping/{build_variant}/mapping.txt" \
            --silent \
            --show-error \
            --fail

            if [[ $? == 0 ]]; then
                mappingUploadStatus="committed"
            else
                mappingUploadStatus="aborted"
            fi
#Step 3
            curl -X PATCH "https://api.appcenter.ms/v0.1/apps/{owner_name}/{app_name}/symbol_uploads/$mappingSymbolUploadId" \
                -H "accept: application/json" \
                -H "X-API-Token: $MY_APPCENTER_API_TOKEN" \
                -H "Content-Type: application/json" \
                -d '{ "status": "'"$mappingUploadStatus"'"}'
        else
            echo "Couldn't upload mapping file"
        fi

    fi

Reference

Build scripts - post puild
Build scripts - variables
Acquiring an App Center - API token
Upload symbols with App Center API

• Guide
• Step 1
• Step 2 you can see in the snippet above
• Step 3

[matthiaswenz]

@gchiacchio I think your latest comment refers to uploading Android ProGuard mappings. Thanks for providing a sample post build script which can achieve this. This is part of our June iteration plan #466 and while we can't promise any immediate availability date, we're excited to share more about this soon.