Function InitSidebarXConfig

jsHelper/sidebarConfig.js:226–276

()

	}

	function InitSidebarXConfig() {
		// STICKY container
		const YLXAppItems = document.querySelector(".main-yourLibraryX-navItems");
		const libraryItems = document.querySelector(".main-yourLibraryX-library");

		if (!YLXAppItems || !libraryItems?.querySelector("ul")) {
			setTimeout(InitSidebarXConfig, 300);
			return;
		}

		appItems = YLXAppItems;
		buttons = [];
		ordered = [];

		appItems.id = "spicetify-sticky-list";
		// SHOW container
		list = document.createElement("ul");
		list.id = "spicetify-show-list";
		// HIDDEN container
		hiddenList = document.createElement("ul");
		hiddenList.id = "spicetify-hidden-list";
		hiddenList.classList.add("hidden-visually");
		const playlistList = libraryItems.querySelector("ul");
		playlistList.id = "spicetify-playlist-list";
		libraryItems.prepend(list, hiddenList);

		for (const ele of appItems.children) {
			ele.dataset.id = ele.querySelector("a").pathname;
			buttons.push(ele);
		}

		let storage = [];
		try {
			storage = JSON.parse(localStorage.getItem("spicetify-sidebar-config:ylx"));
			if (!Array.isArray(storage)) throw "";
		} catch {
			storage = buttons.map((el) => [el.dataset.id, STICKY]);
		}

		const observer = new MutationObserver((mutations) => {
			for (const mutation of mutations) {
				if (mutation.type === "childList" && mutation.addedNodes.length) {
					mutation.addedNodes[0].id = "spicetify-playlist-list";
				}
			}
		});
		observer.observe(playlistList.parentElement, { childList: true });

		arrangeItems(storage);
		appendItems();
	}

	initConfig();