feat: get git commits

Author: zhangmo8

package.json

@@ -52,7 +52,7 @@
           "id": "git-panel.history",
           "name": "Git Panel",
           "type": "webview",
-          "icon": "$(list)",
+          "icon": "$(repo-forked)",
           "contextualTitle": "History"
         },
         {
@@ -134,6 +134,7 @@
     "release": "bumpp && nr publish"
   },
   "dependencies": {
+    "simple-git": "^3.27.0",
     "vue": "^3.5.13"
   },
   "devDependencies": {

pnpm-lock.yaml

@@ -1,17 +1,28 @@
 import path from 'node:path'
 import type * as vscode from 'vscode'
 import { Uri } from 'vscode'
+import { GitService } from '../services/git'
+import { StorageService } from '../services/storage'
 
 export class GitPanelViewProvider implements vscode.WebviewViewProvider {
+  private gitService: GitService
+  private storageService: StorageService
   public static readonly viewType = 'git-panel.history'
+  private _view?: vscode.WebviewView
 
   constructor(
-    private readonly _extensionUri: vscode.Uri,
-  ) { }
+    private readonly _extensionUri: Uri,
+    context: vscode.ExtensionContext,
+  ) {
+    this.gitService = new GitService()
+    this.storageService = new StorageService(context)
+  }
 
   public resolveWebviewView(
     webviewView: vscode.WebviewView,
   ) {
+    this._view = webviewView
+
     webviewView.webview.options = {
       enableScripts: true,
       localResourceRoots: [
@@ -20,6 +31,43 @@ export class GitPanelViewProvider implements vscode.WebviewViewProvider {
     }
 
     webviewView.webview.html = this._getHtmlForWebview(webviewView.webview)
+
+    // Handle messages from webview
+    webviewView.webview.onDidReceiveMessage(async (message) => {
+      switch (message.command) {
+        case 'getHistory':
+          try {
+            // Try to get commits from storage first
+            let commits = this.storageService.getCommits()
+            // If no stored commits or force refresh, get from git
+            if (commits.length === 0 || message.forceRefresh) {
+              const history = await this.gitService.getHistory()
+
+              console.log('history', history)
+
+              commits = history.all
+              // Store the new commits
+              this.storageService.saveCommits(commits)
+            }
+
+            webviewView.webview.postMessage({
+              command: 'history',
+              data: commits,
+            })
+          }
+          catch (error) {
+            webviewView.webview.postMessage({
+              command: 'Failed to get git history',
+              message: `${error}`,
+            })
+          }
+          break
+
+        case 'clearHistory':
+          this.storageService.clearCommits()
+          break
+      }
+    })
   }
 
   private _getHtmlForWebview(webview: vscode.Webview) {

src/container/webview.ts

@@ -5,10 +5,12 @@ import { GitPanelViewProvider } from './container/webview'
 
 import { logger } from './utils'
 
-const { activate, deactivate } = defineExtension(async () => {
+export function activate(context: vscode.ExtensionContext) {
   logger.info('Git Panel Activated')
-  const provider = new GitPanelViewProvider(vscode.Uri.file(__dirname))
+  const provider = new GitPanelViewProvider(vscode.Uri.file(__dirname), context)
   vscode.window.registerWebviewViewProvider(GitPanelViewProvider.viewType, provider)
-})
+}
 
-export { activate, deactivate }
+export function deactivate() {
+  // Clean up resources
+}

src/index.ts

@@ -0,0 +1,32 @@
+import simpleGit from 'simple-git'
+import type { LogResult, SimpleGit } from 'simple-git'
+import * as vscode from 'vscode'
+
+export class GitService {
+  private git: SimpleGit
+  private readonly rootRepoPath = vscode.workspace.workspaceFolders![0].uri.fsPath
+
+  constructor() {
+    try {
+      this.git = simpleGit(this.rootRepoPath, {
+        binary: 'git',
+        maxConcurrentProcesses: 10,
+      })
+    }
+    catch (error) {
+      throw new Error(`Fail to init git service: ${error}`)
+    }
+  }
+
+  async getHistory(): Promise<LogResult> {
+    const COMMIT_FORMAT = '%H%n%D%n%aN%n%aE%n%at%n%ct%n%P%n%B'
+
+    try {
+      return await this.git.log()
+    }
+    catch (error) {
+      console.error('Error getting git history:', error)
+      throw error
+    }
+  }
+}

src/services/git.ts

@@ -0,0 +1,19 @@
+import type * as vscode from 'vscode'
+
+export class StorageService {
+  private static readonly COMMITS_KEY = 'git-panel.commits'
+
+  constructor(private context: vscode.ExtensionContext) {}
+
+  saveCommits(commits: any[]) {
+    this.context.globalState.update(StorageService.COMMITS_KEY, commits)
+  }
+
+  getCommits(): any[] {
+    return this.context.globalState.get<any[]>(StorageService.COMMITS_KEY) || []
+  }
+
+  clearCommits() {
+    this.context.globalState.update(StorageService.COMMITS_KEY, undefined)
+  }
+}