add: do shallow clone (#454)

* do git clone with depth 1

* add git shallow clone for fast UI response with fetching rest of history in background

* comment

* fix prettier

source-code/website/src/pages/editor/@host/@owner/@repository/State.tsx

@@ -466,13 +466,30 @@ async function cloneRepository(args: {
 	if (host === undefined || owner === undefined || repository === undefined) {
 		return undefined
 	}
+
+	// do shallow clone, get first commit and just one branch
 	await raw.clone({
 		fs: args.fs,
 		http,
 		dir: "/",
 		corsProxy: clientSideEnv.VITE_GIT_REQUEST_PROXY_PATH,
 		url: `https://${host}/${owner}/${repository}`,
+		singleBranch: true,
+		depth: 1,
 	})
+
+	// fetch 100 more commits, can get more commits if needed
+	// https://isomorphic-git.org/docs/en/faq#how-to-make-a-shallow-repository-unshallow
+	raw.fetch({
+		fs: args.fs,
+		http,
+		dir: "/",
+		corsProxy: clientSideEnv.VITE_GIT_REQUEST_PROXY_PATH,
+		url: `https://${host}/${owner}/${repository}`,
+		depth: 100,
+		relative: true,
+	})
+
 	// triggering a side effect here to trigger a re-render
 	// of components that depends on fs
 	const date = new Date()

source-code/website/src/pages/index/repositories.ts

@@ -28,7 +28,8 @@ export const repositories: Repositories = [
 	{
 		owner: "knadh",
 		repository: "listmonk",
-		description: "High performance, self-hosted, newsletter and mailing list manager with a modern dashboard. Single binary app.",
+		description:
+			"High performance, self-hosted, newsletter and mailing list manager with a modern dashboard. Single binary app.",
 	},
 ]