4-debugging-solution-extensions-using-sourcemaps.md

SAS Visual Investigator Solution Extensions

Table of Contents

1. Home
2. Getting Started
3. Adding Mobile Solution Extensions
4. Manually Uploading Bundles
5. Debugging Solution Extensions Using Sourcemaps

Debugging Solution Extensions Using Sourcemaps

You can upload solution extensions with sourcemaps to allow debugging on your server.

To upload your solution extension with sourcemaps you must ensure that your tooling packages meet the following minimum requirements:

Package Name	Minimum Version
@sassoftware/vi-solution-extension-create	1.1
@sassoftware/vi-solution-extension-angular-schematics	1.3
@sassoftware/vi-solution-extension-upload	0.5

To upload your solution extension with sourcemaps run the following commands:

Desktop

npm run watch:debug

Mobile

npm run watch:mobile-debug

SAS recommends that you re-upload your solution extension using the regular commands (shown below) after debugging is complete. This removes the sourcemaps from the uploaded bundle and optimizes the code.

Desktop

npm run watch

Mobile

npm run watch:mobile

Missing Debug Scripts

If the current workspace was scaffolded out using an older version of the tooling packages the required scripts to upload sourcemaps as part of the bundle may be missing. In this case make sure all tooling packages match the versions listed previously and add the following commands to the workspace's package.json under scripts:

Desktop

"watch:debug": "env-cmd ng build --configuration development --project elements --output-hashing none --single-bundle --watch --plugin @sassoftware/vi-solution-extension-upload/src/upload-bundle.ngx-plugin"

Mobile

"watch:mobile-debug": "env-cmd ng build --configuration development --project mobile-elements --output-hashing none --single-bundle --watch --plugin @sassoftware/vi-solution-extension-upload/src/upload-bundle.ngx-plugin"