Explore and downloads

// Opens the launcher windows (for themes without their own views).
botonTienda.addEventListener("click", () => ejg.downloads.open("explore"));
botonDescargas.addEventListener("click", () => ejg.downloads.open("downloads"));
// If the user turns Explore off in settings, hide it:
const pintarBoton = () => (botonTienda.hidden = !ejg.explore.enabled);
ejg.explore.onEnabled(pintarBoton);
pintarBoton();

import { bytes, speed, percent, downloadLabel } from "/_sdk/kit/store.js";

const tira = document.querySelector("#descargas");
function pintarDescargas() {
  const ahora = ejg.downloads.all.filter((d) => d.state === "downloading");
  tira.hidden = !ahora.length;
  if (!ahora.length) return;
  const d = ahora[0];
  tira.textContent = `${d.title} · ${percent(d.progress)} · ${speed(d.downBps)} · ${bytes(d.doneBytes)} de ${bytes(d.totalBytes)}`;
}
ejg.downloads.onChange(pintarDescargas);
pintarDescargas();
tira.addEventListener("click", () => ejg.downloads.open("downloads"));

import { createExplore, SORTS } from "/_sdk/kit/store.js";

const tienda = createExplore(ejg, pintar);
tienda.loadGenres();
tienda.browse({ genres: [47], sort: "date" }); // Role-playing, newest first
// More as you reach the bottom:
lista.addEventListener("scroll", () => lista.scrollTop + lista.clientHeight > lista.scrollHeight - 400 && tienda.browseMore());

function pintar(s) {
  const c = s.catalog; // { filters, items, total, filtered, loading, error, … }
  // …paint c.items and some buttons from s.genres that call tienda.toggleGenre(id)
}

import { repackName, hypervisorInfo } from "/_sdk/kit/store.js";

tarjeta.append(repackName(repack));              // "Name" or "Name HV"
ficha.append(hypervisorInfo(ejg, repack) ?? "");  // the collapsible notice (nothing if it is not HV)

"features": { "explore": true }