Refactor source of Git commit build info (closes #661)

frontend/src/App.vue

@@ -258,10 +258,10 @@ img {
 <script lang="ts">
 import { defineComponent } from "vue";
 
-import { createBuildMetadataManager } from "@/io-managers/build-metadata";
 import { createClipboardManager } from "@/io-managers/clipboard";
 import { createHyperlinkManager } from "@/io-managers/hyperlinks";
 import { createInputManager } from "@/io-managers/input";
+import { createLocalizationManager } from "@/io-managers/localization";
 import { createPanicManager } from "@/io-managers/panic";
 import { createPersistenceManager } from "@/io-managers/persistence";
 import { createDialogState, DialogState } from "@/state-providers/dialog";
@@ -276,10 +276,10 @@ import LayoutRow from "@/components/layout/LayoutRow.vue";
 import MainWindow from "@/components/window/MainWindow.vue";
 
 const managerDestructors: {
-	createBuildMetadataManager?: () => void;
 	createClipboardManager?: () => void;
 	createHyperlinkManager?: () => void;
 	createInputManager?: () => void;
+	createLocalizationManager?: () => void;
 	createPanicManager?: () => void;
 	createPersistenceManager?: () => void;
 } = {};
@@ -332,10 +332,10 @@ export default defineComponent({
 	async mounted() {
 		// Initialize managers, which are isolated systems that subscribe to backend messages to link them to browser API functionality (like JS events, IndexedDB, etc.)
 		Object.assign(managerDestructors, {
-			createBuildMetadataManager: createBuildMetadataManager(this.editor),
 			createClipboardManager: createClipboardManager(this.editor),
 			createHyperlinkManager: createHyperlinkManager(this.editor),
 			createInputManager: createInputManager(this.editor, this.$el.parentElement, this.dialog, this.portfolio, this.fullscreen),
+			createLocalizationManager: createLocalizationManager(this.editor),
 			createPanicManager: createPanicManager(this.editor, this.dialog),
 			createPersistenceManager: await createPersistenceManager(this.editor, this.portfolio),
 		});

frontend/src/io-managers/build-metadata.ts

@@ -1,26 +0,0 @@
-import { Editor } from "@/wasm-communication/editor";
-
-// Gets metadata populated in the `process.env` namespace by code in `frontend/vue.config.js`.
-// TODO: Move that functionality to a build.rs file so our web build system is more lightweight.
-export function createBuildMetadataManager(editor: Editor): void {
-	// Release
-	const release = process.env.VUE_APP_RELEASE_SERIES;
-
-	// Timestamp
-	const date = new Date(process.env.VUE_APP_COMMIT_DATE || "");
-	const timezoneName = Intl.DateTimeFormat(undefined, { timeZoneName: "long" })
-		.formatToParts(new Date())
-		.find((part) => part.type === "timeZoneName");
-	const dateString = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
-	const timeString = `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
-	const timezoneNameString = timezoneName?.value;
-	const timestamp = `${dateString} ${timeString} ${timezoneNameString}`;
-
-	// Hash
-	const hash = (process.env.VUE_APP_COMMIT_HASH || "").substring(0, 8);
-
-	// Branch
-	const branch = process.env.VUE_APP_COMMIT_BRANCH;
-
-	editor.instance.populate_build_metadata(release || "", timestamp, hash, branch || "");
-}

frontend/src/io-managers/localization.ts

@@ -0,0 +1,25 @@
+import { Editor } from "@/wasm-communication/editor";
+import { TriggerAboutGraphiteLocalizedCommitDate } from "@/wasm-communication/messages";
+
+export function createLocalizationManager(editor: Editor): void {
+	function localizeTimestamp(utc: string): string {
+		// Timestamp
+		const date = new Date(utc);
+		if (Number.isNaN(date.getTime())) return utc;
+
+		const timezoneName = Intl.DateTimeFormat(undefined, { timeZoneName: "long" })
+			.formatToParts(new Date())
+			.find((part) => part.type === "timeZoneName");
+
+		const dateString = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+		const timeString = `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
+		const timezoneNameString = timezoneName?.value;
+		return `${dateString} ${timeString} ${timezoneNameString}`;
+	}
+
+	// Subscribe to process backend event
+	editor.subscriptions.subscribeJsMessage(TriggerAboutGraphiteLocalizedCommitDate, (triggerAboutGraphiteLocalizedCommitDate) => {
+		const localized = localizeTimestamp(triggerAboutGraphiteLocalizedCommitDate.commit_date);
+		editor.instance.request_about_graphite_dialog_with_localized_commit_date(localized);
+	});
+}

frontend/src/wasm-communication/messages.ts

@@ -522,6 +522,10 @@ export class TriggerTextCopy extends JsMessage {
 	readonly copy_text!: string;
 }
 
+export class TriggerAboutGraphiteLocalizedCommitDate extends JsMessage {
+	readonly commit_date!: string;
+}
+
 export class TriggerViewportResize extends JsMessage {}
 
 // `any` is used since the type of the object should be known from the Rust side
@@ -546,6 +550,7 @@ export const messageMakers: Record<string, MessageMaker> = {
 	TriggerRasterDownload,
 	TriggerTextCommit,
 	TriggerTextCopy,
+	TriggerAboutGraphiteLocalizedCommitDate,
 	TriggerViewportResize,
 	TriggerVisitLink,
 	UpdateActiveDocument,