Hi John,
Probably not the answer you are looking for, but if you really want to debug, i.e. use breakpoints, view the stack and experiment in the console while the script is executing, I'd recommend trying one of the options bellow. I'm not sure how to make client-side errors appear in the console automatically, though.
1. Place debugger; before the line you wish the debugging to start, e.g.
/**
* @param {params} params
* @param {api} params.api
* @param {any} params.imports
*/
function evaluateProperty({api}) {
debugger;
return `Status is ${api.data.case.result.state.value} (${api.data.case.result.state.displayValue})`;
}Then load the page with the developer console open and the code breaks execution at this line.
2. If you don't want to modify your code, find a snippet which is unlikely to appear in other scripts and copy it. In my case, that could be return `Status is ${api.data.case.result.state.value}
Load the page, let the script execute first (so it's evaluated by the browser) and then press Ctrl+Shift+F in the developer console (Chrome). Paste the code snippet , hit enter and then click on the highlighted result, which will bring you to the evaluated source where you can place breakpoints. Of course, then you need to execute the script once again (or reload the page).
