Vite build with sourcemaps

[stylecramper]

If you are looking for help, please confirm the following...

• I confirm I have searched the Docs, Codemagic Sample Projects, and GitHub Discussions.
• I confirm the software versions on my local computer match the ones in CI environment (e.g. Xcode version, Gradle version). See here
• I confirm I am able to do a fresh clone of the repository and build the project on my local computer.

Which mobile framework are you using?

Ionic/Capacitor

Steps to reproduce

Our codemagic.yaml includes a script that uses vite to build artifacts using the command:
vite build --sourcemap true
If I run this command locally, the JS files and their associated sourcemap files are built into the ./dist/assets directory.

Expected results

I expect the Codemagic build to do the same thing I'm seeing locally: build the JS files with their associated sourcemap files.

Actual results

When the codemagic script runs the same command, I can see in the build overview that only the JS files - and not the sourcemap files - are built.

Build id (optional)

66ff15f0704a7c9066add214

[dam-ease]

Hello @stylecramper.
I did a quick google search of the issue and can see a similar/related github issue here: remix-run/remix#8935 which has been fixed with an update, do you specify the version of vite being used in any file which is included in your .gitignore? Also, please can you try with the newer version as suggested in that thread?

[stylecramper]

Thanks @dam-ease , we have set build.sourcemap to true in our vite config. I'll explore using verbose

[stylecramper]

@dam-ease it looks like the default for setting log verbosity level is 'info', not sure we can get anything better than that. I can already see the log output for every single file built, and that's how I know it's not producing sourcemap files

[stylecramper]

@dam-ease after another look, I think I may be wrong. I downloaded the log from the build and I see lines like this:

dist/assets/QuotesPage-BLg_XL1g.js                                                             4.17 kB │ gzip:   2.02 kB │ map:     11.16 kB
dist/assets/QuestionnairesPage-D97STp4Q.js                                                     4.42 kB │ gzip:   2.05 kB │ map:     11.95 kB

In the build overview I couldn't see the map items (it's VERY dark grey against slightly darker grey, didn't even see it).
Would you say this means the sourcemap files WERE built alongside the JS files? The next step Upload source maps to Sentry still finishes with "Nothing to upload"

[dam-ease]

Hey @stylecramper,
Yes, from this logs, it seems the source map files are being built alongside the .js files. Is this your expected behaviour with your configuration or does it build as a separate .map file locally? If this is expected, hence the issue seems to lie with uploading the source maps to Sentry, I went through the Sentry docs and I found that to add a dist to your uploaded artifacts, you need to run the sourcemaps upload command with the additional --dist option. As shown in the docs here: https://docs.sentry.io/platforms/javascript/sourcemaps/uploading/cli/#associating-dist-with-artifact-bundle
Please can you try below suggestions to see if it helps in this case:

1. Install Sentry dependency using the script below

scripts:
    - name: Install Sentry dependency
      script: | 
        npm install --save @sentry/react-native

2. Specify artifacts path: In this case should be the path should either be the .js file or the .map file in the artifacts section.

[dam-ease]

Hey @stylecramper,
Any update for me on this please?
If there is anything else I can assist you with, please don't hesitate to let me know.

[stylecramper]

Hi Damilola, Another dev looked into it and determined that our script was missing the info from the .env file, it's working now. Thanks for the time and attention.

…

-Matt

________________________________ From: Damilola Alimi ***@***.***> Sent: Thursday, October 31, 2024 2:55 AM To: codemagic-ci-cd/codemagic-docs ***@***.***> Cc: Matt Anderson ***@***.***>; Mention ***@***.***> Subject: Re: [codemagic-ci-cd/codemagic-docs] Vite build with sourcemaps (Discussion #2765) Hey @stylecramper<https://github.com/stylecramper>, Any update for me on this please? If there is anything else I can assist you with, please don't hesitate to let me know. — Reply to this email directly, view it on GitHub<#2765 (reply in thread)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AAAL34T5PDPWQN3REZVW4LDZ6H47PAVCNFSM6AAAAABPMMGNU6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTCMJQHE3DAOI>. You are receiving this because you were mentioned.Message ID: ***@***.***>