For us non minified JS native speakers, there is hope:
github.com/ornicar/lila/commit/25de98fbdaa9788f126ff5e344373428731ef155Quote:
Improve typescript sourcemaps:
- Inline sources allows browserify to sourcemap back to original typescript.
- If you add the ui folder to chrome, you can then edit ts files and set ts breakpoints directly in the browser!
Typescript (ts):
- JavaScript superset language ("macros" on top of the base language, allowing coding at a more conceptual level)
Browserify:
- Compiler Typescript code to Minified JS bundle which is shipped by lichess server to our client machine browsers.
Breakpoints:
- Devtools inspect page, set DOM tree variables updating conditions that will pause execution of the compiled JS code from lichess, and its updating actions on the live DOM tree, at the first time when condition is true, and point to the exact code line in the source file panel.
Sourcemaps:
- allows us to bridge meaningful typescript definitions to the code line pointed at break-point pause in the minified JS code, an otherwise unreadable sequence of function definitions each with 1 letter from the alphabet, or 2 if more than 26 functions (some people can figure it out, though without the mapping. ;).
So what we were missing was somehow to "add the ui folder to chrome"
I am assuming that this means the github repo URL, however, I asked for confirmation or alternative meaning on Discord.
discordapp.com/channels/280713822073913354/527867866700054538/700537372462546944discordapp.com/channels/280713822073913354/693123651272179793/700594592894025788But, we may find out by trying at by experimenting, URL in the context menu of Devtools, once on the source panel.
Remark: in any case, the settings of Devtools need to enable CSS source maps, as well as JS source maps.
