deno-fmt: move imports to top, sort tailwind classes

[guy-borderless]

I'm missing two formatting options which prettier solves via a plugin mechanism:

1. prettier-plugin-tailwindcss is rather important for tailwind dx
2. move imports to top of file: in a large file, just past the import above the function you're working on, and on save it's at the top. It's more maintainable to have imports at the top.

[bartlomieju]

@dsherret any thoughts on that?

[guy-borderless]

also note this:
biomjs
and this: sql

[DaniGuardiola]

y'all are welcome to take inspiration from my implementation of tailwind class sorting in biome once done (note: work in progress, lots to do still) - it is tailwind labs approved :)

[guy-borderless]

rustywind

[felix-schindler]

this would be great for the dx

[wiesson]

I also like to migrate to the Deno 2.0 "stack" and get rid of a lot of dependencies, unfortunately I also use prettier-plugin-tailwindcss a lot and it really helps me with the only downside I have with tailwind - keep an overview of all classes.

https://docs.deno.com/runtime/fundamentals/linting_and_formatting/#formatting says

Deno’s built-in formatter, deno fmt, uses the powerful Prettier engine to ensure that your code is always clean, readable, and consistent.

I'm wondering what's required to enable prettier-plugins 🤔

@marvinhagemeister - any hint where I could start looking? (Never really looked into Denos source and I only used it for some hello world stuff and some scripts / data transforming)

[marvinhagemeister]

Deno uses dprint under the hood for formatting. It's Rust-based formatter were languages are plugins. The one for TypeScript and JavaScript can be found here: https://github.com/dprint/dprint-plugin-typescript

There is an upstream issue about tailwind formatting on that repo: dprint/dprint-plugin-typescript#552