Feat/add cli

[0x1337ak]

hi @SihamBen @yjose I need your feedback, is this the right path to walk in?

and also for managing the packages i think about using https://www.npmjs.com/package/lerna and keep the cli separate from the app-icon-badge

what does this do

• add cli feature

[yjose]

@0x10Ayoub here is my thought on this:

• I don't think we need to create a separate module for this. Using a separate module means we'd have to use a monorepo tool to manage it, which I don't think is necessary in our case. I would recommend just creating a separate folder cli and putting the CLI logic there.
• Regarding the file configuration, I'm not sure if requiring a configuration file is the best option to be honest. I would prefer a simple command even if it seems a little bit complex in our case, for that reason let's start small regarding this. The CLI should only allow adding one badge to the icon and should be similar to the following:

npx app-icon-badge  icon.png \
  --type=ribbon\
  --text=text\
  --position=top \
 --background-color=#fff \
 --color=#000 

let me know what you think ?

[0x1337ak]

@yjose regarding the config file it is optional instead of passing parameters as you mention we let user write them in json file
example

[
  {
    "icon":"../example/icon.png",
    "badges": [
      {
        "text": "qa",
        "type": "banner",
        "color": "black",
        "position":"top",
        "background": "#3300ff"
      },
      {
        "text": "V1.0.1",
        "type": "ribbon",
        "position":"left"
      }
    ]
  },
  {
    "icon":"../example/adaptive-icon.png",
    "isAdaptiveIcon": true,
    "badges": [
      {
        "text": "prod",
        "type": "banner",
        "color": "black",
        "position":"top",
        "background": "#ff0099"
      },
      {
        "text": "V1.0.1",
        "type": "ribbon",
        "position":"left"
      }
    ]
  }
]

for passing parameters like i think it will be hard to add multiple icons with different parameters that's why i suggested 3 different why to get user input

• json file
• non-interactive passing paramaters
• interactive (less favorite)

npx app-icon-badge  icon.png \
  --type=ribbon\
  --text=text\
  --position=top \
 --background-color=#fff \
 --color=#000 

[yjose]

ok great make sense. to make sure we are in the same path i would recommend making non-interactive passing paramaters work as expected then we can make other option too.

[0x1337ak]

just as side note i did start with json file running validation with zod

[0x1337ak]

What does this do?

• add cli feature for the default command

npx app-icon-badge  icon.png \
  --type=ribbon\
  --text=text\
  --position=top \
 --background-color=#fff \
 --color=#000 

How did you test this?

Locally manually with build and npm link

[SihamBen]

👍