Whow Powerpack

This Extension will add some flavor for Whow Games developers :)

Current features:

• TypeScript, JavaScript, HTML, (S)CSS code formatting with keyboard shortcut alt+shift+f
• Wrapping pixel values in SCSS files into rem() with keyboard shortcut alt+shift+r
• Checking for duplicate msgid's in POT files while editing the file
• Mac Touchbar support for keyboard shortcuts

Code formatting

By pressing alt+shift+f, the extension will automatically apply the correct code formatter depending on the file type you are working on.

rem() wrapper

Simply press alt+shift+r to wrap pixel values into rem().

Preventing subpixels

Sometimes we need to prevent wrapping 1px values into rem(), because they would produce a subpixel (below 1px) value. This could lead into unsharp lines if you a 1px border for example.
In this case you can add a comment behind a style which should not be wrapped.

Just add // norem behind your style and it will never be automatically wrapped!

If you forgot to add // norem, the extension will ask you if you would like to add the rem() wrapper to 1px valued on border, width and height properties.

Duplicate msgid checker

If you work on POT (translation template) files, the extension will give you a hint if you have duplicate msgid's.

Touchbar support

You can also trigger the code formatter and rem() wrapper via the Mac Touchbar.