feat：移除了弹窗，服务器添加sls

apps/app-frontend/src/components/instance/studio/useStudioDocuments.ts

@@ -0,0 +1,137 @@
+import { computed, ref } from 'vue'
+
+export interface StudioDocument {
+	kind: 'text' | 'nbt' | 'image' | 'video' | 'unsupported'
+	path: string
+	name: string
+	content: string
+	savedContent: string
+	saving: boolean
+}
+
+export function useStudioDocuments(
+	writeDocument: (document: StudioDocument, content: string) => Promise<void>,
+	onSaveError: (error: unknown) => void,
+) {
+	const documents = ref<StudioDocument[]>([])
+	const activeIndex = ref(-1)
+	const savePromises = new Map<string, Promise<boolean>>()
+
+	const activeDocument = computed(() => documents.value[activeIndex.value] ?? null)
+	const activePath = computed(() => activeDocument.value?.path ?? '')
+	const hasUnsavedChanges = computed(
+		() =>
+			activeDocument.value !== null &&
+			activeDocument.value.content !== activeDocument.value.savedContent,
+	)
+	const hasAnyUnsavedChanges = computed(() =>
+		documents.value.some((document) => document.content !== document.savedContent),
+	)
+
+	function saveDocument(document: StudioDocument | null): Promise<boolean> {
+		if (
+			!document ||
+			(document.kind !== 'text' && document.kind !== 'nbt') ||
+			document.content === document.savedContent
+		) {
+			return Promise.resolve(true)
+		}
+
+		const existingPromise = savePromises.get(document.path)
+		if (existingPromise) return existingPromise
+
+		document.saving = true
+		const contentToSave = document.content
+		const savePromise = writeDocument(document, contentToSave)
+			.then(() => {
+				document.savedContent = contentToSave
+				return true
+			})
+			.catch((error) => {
+				onSaveError(error)
+				return false
+			})
+			.finally(() => {
+				document.saving = false
+				savePromises.delete(document.path)
+			})
+
+		savePromises.set(document.path, savePromise)
+		return savePromise
+	}
+
+	async function activate(path: string) {
+		if (path === activePath.value) return true
+		if (!(await saveDocument(activeDocument.value))) return false
+		const nextIndex = documents.value.findIndex((document) => document.path === path)
+		if (nextIndex === -1) return false
+		activeIndex.value = nextIndex
+		return true
+	}
+
+	async function open(document: StudioDocument) {
+		const existing = documents.value.find((candidate) => candidate.path === document.path)
+		if (existing) return activate(existing.path)
+		if (!(await saveDocument(activeDocument.value))) return false
+		documents.value.push(document)
+		activeIndex.value = documents.value.length - 1
+		return true
+	}
+
+	async function close(path: string) {
+		const index = documents.value.findIndex((document) => document.path === path)
+		if (index === -1) return false
+		if (!(await saveDocument(documents.value[index]))) return false
+
+		const wasActive = activeIndex.value === index
+		documents.value.splice(index, 1)
+		if (documents.value.length === 0) {
+			activeIndex.value = -1
+		} else if (wasActive) {
+			activeIndex.value = Math.min(index, documents.value.length - 1)
+		} else if (index < activeIndex.value) {
+			activeIndex.value -= 1
+		}
+		return true
+	}
+
+	function updateActiveContent(content: string) {
+		if (activeDocument.value) activeDocument.value.content = content
+	}
+
+	function discardActiveChanges() {
+		if (activeDocument.value) activeDocument.value.content = activeDocument.value.savedContent
+	}
+
+	async function saveActive() {
+		return saveDocument(activeDocument.value)
+	}
+
+	async function saveAll() {
+		const results = await Promise.all(documents.value.map((document) => saveDocument(document)))
+		return results.every(Boolean)
+	}
+
+	function reset() {
+		documents.value = []
+		activeIndex.value = -1
+		savePromises.clear()
+	}
+
+	return {
+		documents,
+		activeDocument,
+		activePath,
+		hasUnsavedChanges,
+		hasAnyUnsavedChanges,
+		activate,
+		open,
+		close,
+		saveDocument,
+		saveActive,
+		saveAll,
+		updateActiveContent,
+		discardActiveChanges,
+		reset,
+	}
+}