Function init

src/handlers/quickToolsInit.js:45–133

()

 * @param {HTMLElement} $footer
 */
export default function init() {
	const { $footer, $toggler, $input } = quickTools;

	$toggler.addEventListener("click", (e) => {
		e.preventDefault();
		e.stopPropagation();
		if (appSettings.value.vibrateOnTap) {
			navigator.vibrate(config.VIBRATION_TIME);
		}
		actions("toggle");
	});

	key.on("shift", (value) => {
		if (value) $footer.setAttribute("data-shift", "true");
		else $footer.removeAttribute("data-shift");
	});

	key.on("ctrl", (value) => {
		if (value) $footer.setAttribute("data-ctrl", "true");
		else $footer.removeAttribute("data-ctrl");
	});

	key.on("alt", (value) => {
		if (value) $footer.setAttribute("data-alt", "true");
		else $footer.removeAttribute("data-alt");
	});

	key.on("meta", (value) => {
		if (value) $footer.setAttribute("data-meta", "true");
		else $footer.removeAttribute("data-meta");
	});

	editorManager.on(
		[
			"file-content-changed",
			"switch-file",
			"new-file",
			"file-loaded",
			"remove-file",
		],
		scheduleUpdateQuickToolsState,
	);

	editorManager.on("save-file", () => {
		scheduleUpdateQuickToolsState();
	});

	editorManager.on("editor-state-changed", updateHistoryButtons);

	appSettings.on("update:quicktoolsItems:after", () => {
		setTimeout(updateHistoryButtons, 100);
	});

	root.append($footer);
	if (appSettings.value.floatingButton) {
		root.appendOuter($toggler);
	}
	document.body.append($input);