Indent code snippets using js-beautify

[jmuzina]

Done

Formats all HTML, JS, and CSS code shown in pre code snippet blocks using js-beautify

Fixes #5245, WD-13629

QA

• Look at some example code blocks and make sure they are indented with 2-space indentation.
• Full width dropdown navigation is a good example to check as it has HTML, CSS, and JS, and was made with macros that generate some incorrect indentation in main

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix release (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.

Screenshots

Before

After

[webteam-app]

Demo

Jenkins

demos.haus

[jmuzina]

Here's my initial implementation @bartaz @pastelcyborg - any thoughts?
Feel free to edit the branch as you see fit @pastelcyborg as you're also interested in this problem

[pastelcyborg]

Honestly I think this is perfectly sufficient - simple, easy, will gracefully fail. The only change I might make would be to either document that the functions come from a global/window scope or actually reference window, since otherwise the script calling the library functions might fail compilation/bundling in some scenarios.

[jmuzina]

The only change I might make would be to either document that the functions come from a global/window scope or actually reference window, since otherwise the script calling the library functions might fail compilation/bundling in some scenarios.

@pastelcyborg Good call, updated this to reference window when calling the beautify functions

[bartaz]

Looks great, thanks for adding this!