Create re-usable file service for reading git blobs

Author: mtsgrd

apps/desktop/src/lib/file/FileDiff.svelte

@@ -1,22 +1,16 @@
 <script lang="ts">
-	import { invoke } from '$lib/backend/ipc';
 	import { Project } from '$lib/backend/projects';
+	import { FileService } from '$lib/files/fileService';
 	import HunkViewer from '$lib/hunk/HunkViewer.svelte';
 	import InfoMessage from '$lib/shared/InfoMessage.svelte';
 	import LargeDiffMessage from '$lib/shared/LargeDiffMessage.svelte';
 	import { computeAddedRemovedByHunk } from '$lib/utils/metrics';
 	import { getLocalCommits, getLocalAndRemoteCommits } from '$lib/vbranches/contexts';
 	import { getLockText } from '$lib/vbranches/tooltip';
 	import { getContext } from '@gitbutler/shared/context';
+	import type { FileInfo } from '$lib/files/file';
 	import type { HunkSection, ContentSection } from '$lib/utils/fileSections';
 
-	interface FileInfo {
-		content: string;
-		name?: string;
-		mimeType?: string;
-		size?: number;
-	}
-
 	interface Props {
 		filePath: string;
 		isBinary: boolean;
@@ -43,6 +37,7 @@
 
 	let alwaysShow = $state(false);
 	const project = getContext(Project);
+	const fileService = getContext(FileService);
 	const localCommits = isFileLocked ? getLocalCommits() : undefined;
 	const remoteCommits = isFileLocked ? getLocalAndRemoteCommits() : undefined;
 
@@ -80,18 +75,13 @@
 	});
 
 	async function fetchBlobInfo() {
+		if (!isBinary) {
+			return;
+		}
 		try {
-			const fetchedFileInfo: FileInfo = await invoke('get_blob_info', {
-				relativePath: filePath,
-				projectId: project.id,
-				commitId
-			});
-			fileInfo = fetchedFileInfo;
-
-			// If file.size > 5mb; don't render it
-			if (fileInfo.size && fileInfo.size > 5 * 1024 * 1024) {
-				isLarge = true;
-			}
+			const file = await fileService.readFromWorkspace(filePath, project.id, commitId);
+			fileInfo = file.data;
+			isLarge = file.isLarge;
 		} catch (error) {
 			console.error(error);
 		}

apps/desktop/src/lib/files/file.ts

@@ -0,0 +1,6 @@
+export type FileInfo = {
+	content: string;
+	name?: string;
+	mimeType?: string;
+	size?: number;
+};

apps/desktop/src/lib/files/fileService.ts

@@ -0,0 +1,20 @@
+import type { Tauri } from '$lib/backend/tauri';
+import type { FileInfo } from './file';
+
+export class FileService {
+	constructor(private tauri: Tauri) {}
+
+	async readFromWorkspace(filePath: string, projectId: string, commitId: string | undefined) {
+		const data: FileInfo = await this.tauri.invoke('get_blob_info', {
+			relativePath: filePath,
+			projectId: projectId,
+			commitId
+		});
+		// TODO: isLarge should be returned by back end.
+		const isLarge = data.size && data.size > 5 * 1024 * 1024 ? true : false;
+		return {
+			data,
+			isLarge
+		};
+	}
+}

apps/desktop/src/routes/+layout.ts

@@ -10,6 +10,7 @@ import { PromptService } from '$lib/backend/prompt';
 import { Tauri } from '$lib/backend/tauri';
 import { UpdaterService } from '$lib/backend/updater';
 import { loadAppSettings } from '$lib/config/appSettings';
+import { FileService } from '$lib/files/fileService';
 import { RemotesService } from '$lib/remotes/service';
 import { RustSecretService } from '$lib/secrets/secretsService';
 import { TokenMemoryService } from '$lib/stores/tokenMemoryService';
@@ -45,7 +46,8 @@ export const load: LayoutLoad = async () => {
 	const tokenMemoryService = new TokenMemoryService();
 	const httpClient = new HttpClient(window.fetch, PUBLIC_API_BASE_URL, tokenMemoryService.token);
 	const authService = new AuthService();
-	const updaterService = new UpdaterService(new Tauri(), posthog);
+	const tauri = new Tauri();
+	const updaterService = new UpdaterService(tauri, posthog);
 	const promptService = new PromptService();
 
 	const userService = new UserService(httpClient, tokenMemoryService, posthog);
@@ -59,6 +61,7 @@ export const load: LayoutLoad = async () => {
 	const aiPromptService = new AIPromptService();
 	const lineManagerFactory = new LineManagerFactory();
 	const stackingLineManagerFactory = new StackingLineManagerFactory();
+	const fileService = new FileService(tauri);
 
 	return {
 		commandService,
@@ -77,6 +80,8 @@ export const load: LayoutLoad = async () => {
 		lineManagerFactory,
 		stackingLineManagerFactory,
 		secretsService,
-		posthog
+		posthog,
+		tauri,
+		fileService
 	};
 };

apps/desktop/src/routes/[projectId]/+layout.svelte

@@ -18,6 +18,7 @@
 	import { showHistoryView } from '$lib/config/config';
 	import { cloudFunctionality } from '$lib/config/uiFeatureFlags';
 	import { StackingReorderDropzoneManagerFactory } from '$lib/dragging/stackingReorderDropzoneManager';
+	import { FileService } from '$lib/files/fileService';
 	import { DefaultForgeFactory } from '$lib/forge/forgeFactory';
 	import { octokitFromAccessToken } from '$lib/forge/github/octokit';
 	import { createForgeStore } from '$lib/forge/interface/forge';
@@ -93,6 +94,7 @@
 		setContext(SyncedSnapshotService, data.syncedSnapshotService);
 		setContext(CloudBranchesService, data.cloudBranchesService);
 		setContext(CloudBranchCreationService, data.cloudBranchCreationService);
+		setContext(FileService, data.fileService);
 	});
 
 	const routesService = getRoutesService();