Transform build scripts from Grunt to npm based scripts

[Volker-E]

As of current, we're basing our build scripts on Grunt.
To reduce maintenance overhead, dependencies and be future-proof, we should move over to npm scripts.

[prsmahajan]

Hi, I want to work on this issue, can you suggest ways to get started?

[Volker-E]

Hi @prsmahajan, thanks for your interest.
Similar has been done for other Wikimedia projects in past months.
A good orientation point for the simpler ones is https://gerrit.wikimedia.org/r/plugins/gitiles/wikimedia-ui-base/+/refs/heads/master/package.json

I'd suggest to go step by step moving the different scripts over.
Does this provide enough for you to start? Let me know about any other question! :)

[awantika10]

Hey @Volker-E, I wish to take up this issue. However, I am new to Grunt. Could you please give me an overview of how to go about converting Gruntfile to npm scripts?

[dougmellon]

@Volker-E I'll take this and walk @awantika10 through the process.

[awantika10]

@Volker-E I'll take this and walk @awantika10 through the process.

Thanks!

[danisztls]

I'm hijacking this issue.

Grunt and tooling context

check package.json & Gruntfile.js

• JS Linting -> ESlint
• JS Building -> ESbuild
• CSS Linting -> Stylelint
• CSS Postprocessing -> PostCSS
• Bitmap generation (svgs to png) -> Squoosh sharp
• Vector optimization -> svgo
• Watching -> ?

[Volker-E]

In #507 @danisztls proposed to replace soon-to-be deprecated Squoosh, which seems reasonable to me.

[rhm856591]

Hi, i am interested in this issue i want to contribute, can you give me suggestion that how to start?

[Volker-E]

Codex, as design system for Wikimedia, has become the designated successor of the Design Style Guide and doesn't feature large files anymore. Therefore closing.