Skip to content

Vicemi/Rippa

Repository files navigation

Rippa

Sistema que muestra en Discord el anime que estás viendo en animeav1.com, con portada, título, episodio y géneros. Consta de una aplicación de escritorio liviana (Tauri/Rust) y extensiones para Chrome/Chromium y Firefox.

Banner del proyecto

Características

  • Detecta automáticamente el anime y episodio desde la página de reproducción.
  • Extrae título, número de episodio, géneros y portada del anime.
  • Actualiza tu perfil de Discord con Rich Presence (detalles, estado, botones e imagen).
  • Limpia automáticamente la presencia de Discord al cerrar la pestaña o salir del sitio.
  • Interfaz moderna en la bandeja del sistema (Windows) con información en tiempo real.
  • Popup de la extensión con logo real, estado de conexión y último anime detectado.
  • Notificación automática cuando hay una nueva versión disponible (vía GitHub Releases).
  • Detección y desinstalación guiada de versiones antiguas de Rippa (Electron).
  • Compatible con Chrome, Edge, Brave, OperaGX y demás navegadores Chromium.
  • Compatible con Firefox (extensión nativa con browser.tabs).
  • Reconexión automática con reintento si la app o el navegador se reinician.
  • Aplicación mucho más liviana que la versión anterior (Tauri/Rust en lugar de Electron/Node).

Requisitos previos

  • Windows (para la aplicación de escritorio).
  • Discord instalado y ejecutándose en segundo plano.
  • Navegador compatible (ver sección de compatibilidad).
  • Conexión a Internet.

Descarga e instalación

Aplicación de escritorio

Descarga el instalador desde la sección Releases. Busca el archivo Rippa_x.x.x_x64-setup.exe.

  1. Ejecuta el instalador y sigue los pasos (se instala solo para el usuario actual, sin necesitar permisos de administrador).
  2. Una vez instalada, la aplicación se iniciará automáticamente y se agregará al inicio de Windows.
  3. Aparecerá un icono en la bandeja del sistema (junto al reloj).
    • Clic izquierdo: abre/cierra la ventana de estado.
    • Clic derecho: muestra el menú (Mostrar / Salir).

Si tenías una versión antigua de Rippa basada en Electron, la app la detectará al iniciar y te ofrecerá desinstalarla automáticamente.

Extensión para Chrome / Chromium

Descarga Rippa-extension-chrome.zip desde Releases.

  1. Descomprime el ZIP en una carpeta permanente (ej. C:\Rippa\extension).
  2. Abre la página de extensiones de tu navegador:
    • Chrome: chrome://extensions
    • Edge: edge://extensions
    • Brave: brave://extensions
    • Opera: opera://extensions
  3. Activa el modo desarrollador (esquina superior derecha).
  4. Haz clic en Cargar extensión descomprimida y selecciona la carpeta donde descomprimiste los archivos.
  5. La extensión aparecerá en la lista. Asegúrate de que esté habilitada.

Extensión para Firefox

La forma más sencilla es instalarla directamente desde la tienda oficial:

→ Instalar desde Firefox Add-ons

La extensión quedará instalada de forma permanente y se actualizará automáticamente.

Instalación manual (modo desarrollador)

Descarga Rippa-extension-firefox.zip desde Releases.

  1. Abre Firefox y ve a about:debugging.
  2. Haz clic en "Este Firefox".
  3. Haz clic en "Cargar complemento temporal...".
  4. Descomprime el ZIP y selecciona el archivo manifest.json dentro de la carpeta.
  5. La extensión estará activa hasta que cierres Firefox.

Nota: La extensión requiere que la aplicación de escritorio esté ejecutándose (escucha en ws://localhost:9876). Si la app no está abierta, el popup mostrará "App no disponible" y reintentará la conexión automáticamente.

Uso

  1. Asegúrate de que la aplicación de escritorio esté ejecutándose (icono en la bandeja).
  2. Abre Discord.
  3. Ve a animeav1.com y abre la página de un episodio.
  4. La extensión detectará el contenido automáticamente y enviará los datos a la app.
  5. En tu perfil de Discord aparecerá la Rich Presence con la información del anime.
  6. Puedes hacer clic en el icono de la bandeja para ver los detalles en la ventana de estado.
  7. El popup de la extensión muestra el estado de conexión y el anime activo en tiempo real.
  8. Al cerrar la pestaña o salir del sitio, la presencia de Discord se limpia sola.

Compilación desde el código fuente

Requisitos: Rust y Node.js.

git clone https://github.com/Vicemi/Rippa.git
cd Rippa
npm install
npx tauri build

El instalador NSIS se generará en src-tauri/target/release/bundle/nsis/.

Para desarrollar en modo local (con ventana de DevTools):

npx tauri dev

Las extensiones no requieren compilación; los archivos fuente están listos en las carpetas extension/ (Chrome) y extension-firefox/ (Firefox).

Compatibilidad con navegadores

Navegador Soporte
Google Chrome
Microsoft Edge
Brave
Opera / OperaGX
Vivaldi
Cualquier Chromium
Firefox ✅ (Add-ons Store)
Safari

Solución de problemas

La extensión no conecta con la app:
Verifica que la app esté ejecutándose (debe aparecer su icono en la bandeja). El popup mostrará el estado y reintentará la conexión cada pocos segundos. En Brave, los escudos raramente interfieren con conexiones locales, pero si ocurre, añade una excepción en brave://adblock.

No aparece la presencia en Discord:
Asegúrate de que Discord esté abierto antes de que la app detecte el anime. Si la presencia no se actualiza, cierra y vuelve a abrir la pestaña del anime.

La presencia de Discord no desaparece al cerrar el episodio:
Esto está corregido en v1.2. Si usas una versión anterior, actualiza desde Releases.

La portada no se muestra en Discord:
Discord puede tardar unos segundos en cargar imágenes externas. Si persiste, es posible que la imagen del anime no sea accesible públicamente desde los servidores de Discord.

El icono de bandeja abre la app en lugar del menú al hacer clic derecho:
Esto está corregido en v1.2. El clic derecho muestra el menú contextual; el clic izquierdo abre/cierra la ventana.

Contribuciones

Las contribuciones son bienvenidas. Por favor, abre un issue para discutir cambios importantes antes de enviar un pull request.

Licencia

Este proyecto está bajo la licencia ISC. Consulta el archivo LICENSE para más detalles.

Enlaces


About

Systema para detectar animes y enviarlo a Discord como Rich Presence

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors