v4.18.3 - PrismJS Loading Improvements & Error Handling

[jongpie]

Many thanks go to everyone that helped with troubleshooting & testing issue #963, including @khouseknecht, @joshiausdemwald, @Rumtum, @jflammang-cp, @cbcruz74, and @khouseknecht!

Core Unlocked Package Changes

Fixed #963 in PR #988 by making a few changes to the LWC loggerCodeViewer, used to display code snippets using PrismJS

• Added error handling to help surface issues with loading Prism static resources, and added logic to still display code content when loading Prism fails for some reason
• Created a new node script to auto-retrieve & auto-minify PrismJS files (including plugins, languages, and themes) to streamline the update process
• Switched to using minified versions of Prism's JS & CSS files to avoid a crazy issue within the platform where JavaScript comments containing the text import can cause the Prism JS file to not load/execute successfully (╯‵□′)╯︵┻━┻
• Finally fixed a long-standing issue where calling Prism.highlightAll() twice was previously needed
• Updated folder structure for static resources to include a dedicated Prism directory, as well as a themes subdirectory
• Expanded tests for LWC logEntryMetadataViewer to better cover the current functionality

Screenshots

• When 1 or more of the Prism static resources can't be loaded or executed, loggerCodeViewer will now show the code snippet without Prism formatting/highlighting (previously, a lightning-spinner just endlessly displayed). Corresponding error messages are also printed in the browser's console

  

• With the changes to use a minified version of Prism, it now successfully loads again (visually, this looks the same as before these recent issues started happening with Prism)

  

Installation Info

Core Unlocked Package - no namespace

Full Changelog: v4.18.2...v4.18.3

• SF CLI: sf package install --wait 20 --security-type AdminsOnly --package 04tg70000009GaDAAU
• Sandbox: https://test.salesforce.com/packaging/installPackage.apexp?p0=04tg70000009GaDAAU
• Production: https://login.salesforce.com/packaging/installPackage.apexp?p0=04tg70000009GaDAAU

---

This discussion was created from the release v4.18.3 - PrismJS Loading Improvements & Error Handling.