import React from "react";
import SettingsModal from "./settings";

import * as jellyfin from "./jellyfin";
import * as player from "./player";
import * as search from "./search";

async function main() {
	while (!Spicetify.showNotification) {
		await new Promise((resolve) => setTimeout(resolve, 100));
	}

	jellyfin.tryAutoLogin();
	player.registerEvents();
	search.init();

	// Topbar button for settings
	const icon = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .002C8.826.002-1.398 18.537.16 21.666c1.56 3.129 22.14 3.094 23.682 0S15.177 0 12 0zm7.76 18.949c-1.008 2.028-14.493 2.05-15.514 0C3.224 16.9 9.92 4.755 12.003 4.755c2.081 0 8.77 12.166 7.759 14.196zM12 9.198c-1.054 0-4.446 6.15-3.93 7.189c.518 1.04 7.348 1.027 7.86 0c.511-1.027-2.874-7.19-3.93-7.19z"/></svg>`;

	new Spicetify.Topbar.Button("Jellyfin", icon, () => {
		Spicetify.PopupModal.display({
			title: "Jellyfin",
			content: React.createElement(SettingsModal) as unknown as Element,
			isLarge: false,
		});
	});
}

main();