prettier VS JS-Beautifier

Automating code checks with static code analysis allows us to enforce code styling effectively. By integrating tools into our workflow, we can identify errors at an early stage, while coding instead of blocking us at the end. For instance, flake8 checks Python code for style and errors, eslint performs similar checks for JavaScript, and prettier automatically formats code to maintain consistency.

So anyways, I wanted to hook up Emacs with Astro support. For now, I've just been roughing it out there and running Prettier by itself and turning off save on format and auto-complete. It's been scary.

If you're a developer, you're surely familiar with Prettier and ESLint. With over 8 years of existence, they have established themselves as references in the JavaScript ecosystem.

prettier is used to format you text

No formatting inconsistencies: The committed code should follow the organization's code formatting standards(prettier or pretty-quick).

Let’s walk through the steps for a one-time setup to configure husky pre-commit and pre-push hooks, ESLint with code styles conventions, prettier code formatter, and lint-staged. Husky automatically runs a script on each commit or push. This is useful for linting files to enforce code styles that keeps the entire code base following conventions.

GitHub | Website

Prettier: An opinionated code formatter that enforces a consistent code style.

What is Prettier 😎?

In this Thread, I won't show you little extensions that you probably already know, like Live Server or Prettier.

Even without tools it looked a bit weird, all files in source without minification costs us 27k, its something not needed inside, and if you unpack it with something like https://beautifier.io/ you will see:

I can go through the functions that I have wrote in here. Go to js beautifier and paste in the code for easier viewing while reading this.

I just cobbled together a version using js-beautify https://github.com/beautify-web/js-beautify, works for JavaScript and JSON, does not format HTML correctly.

View source and get the main javascript file https://musicforprogramming.net/client/client.bc21fa59.js then stick it in a beautifier https://beautifier.io/ then grab the most likely looking function, the easiest way is to delete everything that's obviously nothing to do with the animation, then what you have left is the code you want.

One that is customizable, I don't know. Always used vscode formatter with default settings (are there some options?) Or prettier. Maybe https://github.com/beautify-web/js-beautify

Sprite list from the randomizer can be found at https://alttpr.com/sprites/ with links to the zspr files (copy/paste the output into https://beautifier.io/ to make it more readable)

You can use an online service like beautifier.io to try to clean it up a bit. There is no way to get the original human readable JS back though. If you are interested in reading source code, you might have more luck looking at repos on GitHub, which will not be minified.

This is fantastic, thank you for the decoded output. I had run it through Beautifier.io to get some of the unicode/hex characters decoded, but this is much more readable.