Insignias del panel Acerca de - ComfyUI

La API About Panel Badges permite que las extensiones agreguen insignias personalizadas a la página Acerca de de ComfyUI. Estas insignias pueden mostrar información sobre tu extensión y contener enlaces a la documentación, al código fuente u otros recursos.

Uso básico

app.registerExtension({
  name: "MyExtension",
  aboutPageBadges: [
    {
      label: "Documentation",
      url: "https://example.com/docs",
      icon: "pi pi-file"
    },
    {
      label: "GitHub",
      url: "https://github.com/username/repo",
      icon: "pi pi-github"
    }
  ]
});

Configuración de las insignias

Cada insignia requiere todas estas propiedades:

{
  label: string,           // Texto que se muestra en la insignia
  url: string,             // URL que se abre al hacer clic en la insignia
  icon: string             // Clase de icono (por ejemplo, un icono de PrimeVue)
}

Opciones de iconos

Los iconos de las insignias usan el conjunto de iconos de PrimeVue. Estos son algunos de los iconos más usados:

Documentación: pi pi-file o pi pi-book
GitHub: pi pi-github
Enlace externo: pi pi-external-link
Información: pi pi-info-circle
Descargar: pi pi-download
Sitio web: pi pi-globe
Discord: pi pi-discord

Para ver la lista completa de iconos disponibles, consulta la documentación de iconos de PrimeVue.

Ejemplo

app.registerExtension({
  name: "BadgeExample",
  aboutPageBadges: [
    {
      label: "Website",
      url: "https://example.com",
      icon: "pi pi-home"
    },
    {
      label: "Donate",
      url: "https://example.com/donate",
      icon: "pi pi-heart"
    },
    {
      label: "Documentation",
      url: "https://example.com/docs",
      icon: "pi pi-book"
    }
  ]
});

Las insignias aparecen en el panel Acerca de del diálogo de Configuraciones, al que puedes acceder con el icono de engranaje en la esquina superior derecha de la interfaz de ComfyUI.