Restructure project directories (#333)

`/client/web` -> `/frontend` `/client/cli` -> *delete for now* `/client/native` -> *delete for now* `/core/editor` -> `/editor` `/core/document` -> `/graphene` `/core/renderer` -> `/charcoal` `/core/proc-macro` -> `/proc-macros` *(now plural)*
2026-09-24 05:58:12 +08:00 · 2021-08-07 05:17:18 -07:00
parent 434695d578
commit 53ad105f57
239 changed files with 197 additions and 224 deletions
@@ -0,0 +1,97 @@
+import { reactive, readonly } from "vue";
+
+import { createDialog, dismissDialog } from "@/utilities/dialog";
+import { ResponseType, registerResponseHandler, Response, SetActiveDocument, UpdateOpenDocumentsList, DisplayConfirmationToCloseDocument } from "@/utilities/response-handler";
+
+const wasm = import("@/../wasm/pkg");
+
+const state = reactive({
+	title: "",
+	unsaved: false,
+	documents: [] as Array<string>,
+	activeDocumentIndex: 0,
+});
+
+export async function selectDocument(tabIndex: number) {
+	const { select_document } = await wasm;
+	select_document(tabIndex);
+}
+
+export async function closeDocumentWithConfirmation(tabIndex: number) {
+	selectDocument(tabIndex);
+
+	const tabLabel = state.documents[tabIndex];
+
+	// TODO: Rename to "Save changes before closing?" when we can actually save documents somewhere, not just export SVGs
+	createDialog("File", "Close without exporting SVG?", tabLabel, [
+		{
+			kind: "TextButton",
+			callback: async () => {
+				(await wasm).export_document();
+				dismissDialog();
+			},
+			props: { label: "Export", emphasized: true, minWidth: 96 },
+		},
+		{
+			kind: "TextButton",
+			callback: async () => {
+				(await wasm).close_document(tabIndex);
+				dismissDialog();
+			},
+			props: { label: "Discard", minWidth: 96 },
+		},
+		{
+			kind: "TextButton",
+			callback: async () => {
+				dismissDialog();
+			},
+			props: { label: "Cancel", minWidth: 96 },
+		},
+	]);
+}
+
+export async function closeAllDocumentsWithConfirmation() {
+	createDialog("Copy", "Close all documents?", "Unsaved work will be lost!", [
+		{
+			kind: "TextButton",
+			callback: async () => {
+				(await wasm).close_all_documents();
+				dismissDialog();
+			},
+			props: { label: "Discard All", minWidth: 96 },
+		},
+		{
+			kind: "TextButton",
+			callback: async () => {
+				dismissDialog();
+			},
+			props: { label: "Cancel", minWidth: 96 },
+		},
+	]);
+}
+
+export default readonly(state);
+
+registerResponseHandler(ResponseType.UpdateOpenDocumentsList, (responseData: Response) => {
+	const documentListData = responseData as UpdateOpenDocumentsList;
+	if (documentListData) {
+		state.documents = documentListData.open_documents;
+		state.title = state.documents[state.activeDocumentIndex];
+	}
+});
+registerResponseHandler(ResponseType.SetActiveDocument, (responseData: Response) => {
+	const documentData = responseData as SetActiveDocument;
+	if (documentData) {
+		state.activeDocumentIndex = documentData.document_index;
+		state.title = state.documents[state.activeDocumentIndex];
+	}
+});
+registerResponseHandler(ResponseType.DisplayConfirmationToCloseDocument, (responseData: Response) => {
+	const data = responseData as DisplayConfirmationToCloseDocument;
+	closeDocumentWithConfirmation(data.document_index);
+});
+registerResponseHandler(ResponseType.DisplayConfirmationToCloseAllDocuments, (_responseData: Response) => {
+	closeAllDocumentsWithConfirmation();
+});
+
+(async () => (await wasm).get_open_documents_list())();