Submit NetAlertX to Raspberry Pi Imager

[MrMeatikins]

We should prepare the necessary information and configuration to get NetAlertX added to the official Raspberry Pi Imager list.

To do this, we need to submit an issue or PR to raspberrypi/rpi-imager. Based on previous successful requests (e.g. raspberrypi/rpi-imager#333, raspberrypi/rpi-imager#330, raspberrypi/rpi-imager#274), we need to provide a JSON snippet like the following:

{
  "os_list": [
    {
      "name": "NetAlertX",
      "description": "Network security scanner and device tracker.",
      "icon": "https://url-to-a-40x40-icon-for-netalertx.png",
      "subitems_url": "https://raw.githubusercontent.com/netalertx/rpi-image/refs/heads/master/doc/json-schema/os-list-schema.json"
    }
  ]
}

Action items:

1. Create a 40x40 icon for NetAlertX to be displayed in the imager.
2. Host a JSON file containing the actual image download links and metadata.
3. Once those assets are ready, submit an issue to raspberrypi/rpi-imager with the configuration so users can easily flash NetAlertX.

[adamoutler]

@jokob-sk do we have a red icon for netalertx to be displayed as the main image for NetAlertX? Currently it is using the b+w image which is fine for the prod/dev images themselves, but the project uses the red one.

@MrMeatikins please reference this. https://raw.githubusercontent.com/netalertx/rpi-image/refs/heads/master/doc/json-schema/os-list-schema.json

[jokob-sk]

Hey, do you mean this one?. https://github.com/netalertx/NetAlertX/blob/main/front/img/NetAlertX_logo_notification.png

[adamoutler]

@MrMeatikins please do the following:

1. take @jokob-sk's URL
2. extract the picture
3. Use ImageMagick to make it 80x80
4. pull this repo
5. insert the picture to docs/img
6. make a PR with the new image.

[adamoutler]

Thanks @MrMeatikins . The new graphic is a bit fuzzy. I'd like to try a different approach. I found some instructions on how to vectorize an image.
can you please convert the picture to SVG first as an intermediate format, eg:

pip install vtracer to your venv, then:

#!/usr/bin/env python3
# Convert image to vector

import vtracer

vtracer.convert_image_to_svg_py(
    "input.png",
    "output.svg",
    colormode="color",
    mode="spline"
)

Then use imagemagick to go directly to png instead of using the nearest neighbor or whatever scaling is being used? I think it could be nicer if we go direct. Please try that and see what happens.

[MrMeatikins]

I've run the vectorization using vtracer, converted the SVG back to a direct 80x80 PNG via ImageMagick, and pushed the updated docs/img/NetAlertX_logo_notification.png to the PR branch!