refactor: align files tab with content tab design (#5621)

* fix: files.vue bugs before styling changes * feat: move files tab to shared layout structure * fix: qa * fix: qa * fix: bugs * fix: lint * fix: admonition cleanup with progress + actions * fix: cleanup * fix: modals * fix: admon title * fix: i18n standard * fix: lint + i18n pass * fix: remove transition * fix: type errors * feat: files tab in app * fix: qa * fix: backup item minmax * fix: use ContentPageHeader for server panel * fix: lint * fix: lint * fix: lint * feat: page leave safety * fix: lint * fix: cargo fmt fix * fix: blank in prod * fix: content card table stuff * Revert "fix: blank in prod" This reverts commit 74758fe185. * fix: import * feat: browse worlds/servers flow * fix: worlds tab parity with content tab * fix: perf bug + shader filter pill copy * feat: singleplayer filter * fix: ordering * fix: breadcrumbs * fix: lint * fix: qa * feat: store server proj id when adding to a non-linked instance * fix: lint * fix: i18n + qa * fix: conflict * qa: already installed modal + placeholders not server-specific * fix: qa * fix: add + edit server modals * fix: qa * fix: security * fix: devin flags * fix: lint * chore: change file to break build cache * fix: admon * fix: import path stuff * feat: qa * fix: fmt fmt idiot --------- Signed-off-by: Calum H. <calum@modrinth.com>
2026-09-02 13:05:50 +00:00 · 2026-03-26 18:55:15 +00:00
parent 706eb800cb
commit 381ea51cce
170 changed files with 8052 additions and 4571 deletions
@@ -0,0 +1,38 @@
+import type { ComputedRef, Ref } from 'vue'
+import { onBeforeUnmount, ref, watch } from 'vue'
+import { onBeforeRouteLeave } from 'vue-router'
+
+import type ConfirmLeaveModal from '#ui/components/modal/ConfirmLeaveModal.vue'
+
+export function usePageLeaveSafety(dirty: Ref<boolean> | ComputedRef<boolean>) {
+	const confirmLeaveModal = ref<InstanceType<typeof ConfirmLeaveModal>>()
+
+	function handleBeforeUnload(e: BeforeUnloadEvent) {
+		if (dirty.value) {
+			e.preventDefault()
+		}
+	}
+
+	if (typeof window !== 'undefined') {
+		watch(dirty, (isDirty) => {
+			if (isDirty) {
+				window.addEventListener('beforeunload', handleBeforeUnload)
+			} else {
+				window.removeEventListener('beforeunload', handleBeforeUnload)
+			}
+		})
+
+		onBeforeUnmount(() => {
+			window.removeEventListener('beforeunload', handleBeforeUnload)
+		})
+
+		onBeforeRouteLeave(async () => {
+			if (dirty.value) {
+				return (await confirmLeaveModal.value?.prompt()) ?? false
+			}
+			return true
+		})
+	}
+
+	return { confirmLeaveModal }
+}