Function show_recovery_window

src/sessions.js:34–91

(no_longer_blank)

let $recovery_window;
function show_recovery_window(no_longer_blank) {
	$recovery_window?.close();
	const $w = $recovery_window = $DialogWindow();
	$w.on("close", () => {
		$recovery_window = null;
	});
	$w.title("Recover Document");
	let backup_impossible = false;
	try { window.localStorage.getItem("bogus test key"); } catch (_error) { backup_impossible = true; }
	// TODO: get rid of this invasive dialog https://github.com/1j01/jspaint/issues/325
	// It appears when it shouldn't, in basic scenarios like Ctrl+A in a transparent document,
	// and it gets bigger once you edit the document, which feels... almost aggressive.
	// That said, I've made it more compact and delineated the expanded section with a horizontal rule,
	// so it doesn't feel as much like it's changed out from under you and you have to re-read it.
	$w.$main.append($(`
		<p>Woah! The canvas became empty.</p>
		<p>If this was on purpose, please ignore this message.</p>
		<p>
			If the canvas was cleared due to memory usage,<br>
			click Undo to recover the document.
		</p>
		<!--<p>Remember to save with <b>File > Save</b>!</p>-->
		${backup_impossible ?
			"<p><b>Note:</b> No automatic backup is possible unless you enable Cookies in your browser.</p>" :
			(
				no_longer_blank ?
					`<hr>
					<p style="opacity: 0.8; font-size: 0.9em;">
						Auto-save is paused while this dialog is open.
					</p>
					<p style="opacity: 0.8; font-size: 0.9em;">
						(See <b>File &gt; Manage Storage</b> to view backups.)
					</p>` :
					""
			)
		}
	`));

	const $undo = $w.$Button("Undo", () => {
		undo();
	});
	const $redo = $w.$Button("Redo", () => {
		redo();
	});
	const update_buttons_disabled = () => {
		$undo.prop("disabled", undos.length < 1);
		$redo.prop("disabled", redos.length < 1);
	};
	$G.on("session-update.session-hook", update_buttons_disabled);
	update_buttons_disabled();

	$w.$Button(localize("Close"), () => {
		$w.close();
	});
	$w.center();

	$w.find("button:enabled").focus();
}