feat: refresh command

Author: zhangmo8

package.json

@@ -2,7 +2,7 @@
   "publisher": "zhangmo8",
   "name": "git-panel",
   "displayName": "Git Panel",
-  "version": "0.0.4-beta.1",
+  "version": "0.0.4",
   "private": true,
   "packageManager": "pnpm@9.7.1",
   "description": "",

src/commands/diff.ts

@@ -0,0 +1,43 @@
+import * as vscode from 'vscode'
+import type { DiffProvider } from '@/views/diff'
+import { GitService } from '@/git'
+
+export default function diffCommand(gitService: GitService, diffProvider: DiffProvider) {
+  return vscode.commands.registerCommand('vscGitPanel.openDiff', async (fileInfo: { path: string, status: string }) => {
+    const commit = diffProvider.getSelectedCommitHash()
+    if (!commit) {
+      return
+    }
+
+    const workspaceRoot = vscode.workspace.workspaceFolders?.[0]?.uri
+    if (!workspaceRoot) {
+      return
+    }
+
+    const uri = vscode.Uri.joinPath(workspaceRoot, fileInfo.path)
+    const title = `${fileInfo.path} (${commit})`
+
+    // For modified files, show diff between current commit and its parent
+    if (fileInfo.status === 'M') {
+      try {
+        const parentCommit = await gitService.getParentCommit(commit)
+        if (parentCommit) {
+          const leftUri = GitService.toGitUri(uri, parentCommit)
+          const rightUri = GitService.toGitUri(uri, commit)
+          await vscode.commands.executeCommand('vscode.diff', leftUri, rightUri, title)
+          return
+        }
+      }
+      catch (error) {
+        vscode.window.showErrorMessage(`无法获取父提交: ${error}`)
+        return
+      }
+    }
+
+    // For added files, show the entire file content
+    if (fileInfo.status === 'A') {
+      const gitUri = GitService.toGitUri(uri, commit)
+      await vscode.commands.executeCommand('vscode.open', gitUri)
+    }
+  })
+}

src/commands/index.ts

@@ -0,0 +1,21 @@
+import type * as vscode from 'vscode'
+
+import refreshCommand from './refresh'
+import diffCommand from './diff'
+
+import type { GitService } from '@/git'
+import type { DiffProvider } from '@/views/diff'
+import type { GitPanelViewProvider } from '@/views/webview'
+
+interface CommandProvider {
+  gitService: GitService
+  diffProvider: DiffProvider
+  provider: GitPanelViewProvider
+}
+
+export function initCommands(context: vscode.ExtensionContext, { gitService, diffProvider, provider }: CommandProvider) {
+  context.subscriptions.push(
+    refreshCommand(provider),
+    diffCommand(gitService, diffProvider),
+  )
+}

src/commands/refresh.ts

@@ -0,0 +1,8 @@
+import * as vscode from 'vscode'
+import type { GitPanelViewProvider } from '@/views/webview'
+
+export default function refreshCommand(provider: GitPanelViewProvider) {
+  return vscode.commands.registerCommand('git-panel.history.refresh', () => {
+    provider.refreshHistory(true)
+  })
+}

src/git/index.ts

@@ -74,4 +74,15 @@ export class GitService {
       return null
     }
   }
+
+  static toGitUri(uri: vscode.Uri, ref: string): vscode.Uri {
+    return uri.with({
+      scheme: 'git',
+      path: uri.path,
+      query: JSON.stringify({
+        path: uri.path,
+        ref,
+      }),
+    })
+  }
 }

src/index.ts

@@ -7,6 +7,8 @@ import { GitService } from './git'
 import { StorageService } from './storage'
 import { logger } from './utils'
 
+import { initCommands } from './commands'
+
 export function activate(context: vscode.ExtensionContext) {
   logger.info('Git Panel Activated')
 
@@ -24,56 +26,5 @@ export function activate(context: vscode.ExtensionContext) {
     showCollapseAll: true,
   })
 
-  // Register openDiff command
-  context.subscriptions.push(
-    vscode.commands.registerCommand('vscGitPanel.openDiff', async (fileInfo: { path: string, status: string }) => {
-      const commit = diffProvider.getSelectedCommitHash()
-      if (!commit) {
-        return
-      }
-
-      const workspaceRoot = vscode.workspace.workspaceFolders?.[0]?.uri
-      if (!workspaceRoot) {
-        return
-      }
-
-      const uri = vscode.Uri.joinPath(workspaceRoot, fileInfo.path)
-      const title = `${fileInfo.path} (${commit})`
-
-      // For modified files, show diff between current commit and its parent
-      if (fileInfo.status === 'M') {
-        try {
-          const parentCommit = await gitService.getParentCommit(commit)
-          if (parentCommit) {
-            const leftUri = toGitUri(uri, parentCommit)
-            const rightUri = toGitUri(uri, commit)
-            await vscode.commands.executeCommand('vscode.diff', leftUri, rightUri, title)
-            return
-          }
-        }
-        catch (error) {
-          vscode.window.showErrorMessage(`无法获取父提交: ${error}`)
-          return
-        }
-      }
-
-      // For added files, show the entire file content
-      if (fileInfo.status === 'A') {
-        const gitUri = toGitUri(uri, commit)
-        await vscode.commands.executeCommand('vscode.open', gitUri)
-      }
-    }),
-  )
-}
-
-// Helper function to create Git URIs
-function toGitUri(uri: vscode.Uri, ref: string): vscode.Uri {
-  return uri.with({
-    scheme: 'git',
-    path: uri.path,
-    query: JSON.stringify({
-      path: uri.path,
-      ref,
-    }),
-  })
+  initCommands(context, { gitService, diffProvider, provider })
 }

src/views/history/App.vue

@@ -31,6 +31,7 @@ window.vscode = vscode
 // Handle messages from extension
 window.addEventListener('message', (event: { data: any }) => {
   const message = event.data
+
   switch (message.command) {
     case CHANNEL.HISTORY:
       commits.value = message.commits as Commit[]
@@ -41,26 +42,6 @@ window.addEventListener('message', (event: { data: any }) => {
   }
 })
 
-// Save state when it changes
-watch([commits, selectedHash, filter], () => {
-  try {
-    const state: State = {
-      commits: commits.value || [],
-      selectedHash: selectedHash.value || '',
-      filter: filter.value || '',
-    }
-    vscode.postMessage({ command: 'setState', state })
-  }
-  catch (err) {
-    console.error('Failed to save state:', err)
-  }
-}, { deep: true })
-
-// function refreshHistory() {
-//   commits.value = []
-//   vscode.postMessage({ command: 'getHistory', forceRefresh: true })
-// }
-
 onMounted(() => {
   vscode.postMessage({ command: WEBVIEW_CHANNEL.GET_HISTORY })
 })

src/views/webview.ts

@@ -26,9 +26,41 @@ export class GitPanelViewProvider implements vscode.WebviewViewProvider {
     this._commits = this.storageService.getCommits()
   }
 
+  public async refreshHistory(forceRefresh: boolean = false) {
+    if (!this._view)
+      return
+
+    try {
+      if (this._commits.length === 0 || forceRefresh) {
+        const history = await this.gitService.getHistory()
+
+        this._commits = history.all.map(commit => ({
+          ...commit,
+          authorName: commit.author_name,
+          authorEmail: commit.author_email,
+          body: commit.body || '',
+        }))
+
+        this.storageService.saveCommits(this._commits)
+      }
+
+      this._view.webview.postMessage({
+        command: CHANNEL.HISTORY,
+        commits: this._commits,
+      })
+    }
+    catch (error) {
+      this._view.webview.postMessage({
+        command: 'Failed to get git history',
+        message: `${error}`,
+      })
+    }
+  }
+
   public resolveWebviewView(
     webviewView: vscode.WebviewView,
   ) {
+    this._view = webviewView
     webviewView.webview.options = {
       enableScripts: true,
       localResourceRoots: [
@@ -43,31 +75,7 @@ export class GitPanelViewProvider implements vscode.WebviewViewProvider {
     webviewView.webview.onDidReceiveMessage(async (message) => {
       switch (message.command) {
         case WEBVIEW_CHANNEL.GET_HISTORY:
-          try {
-            if (this._commits.length === 0 || message.forceRefresh) {
-              const history = await this.gitService.getHistory()
-
-              this._commits = history.all.map(commit => ({
-                ...commit,
-                authorName: commit.author_name,
-                authorEmail: commit.author_email,
-                body: commit.body || '',
-              }))
-
-              this.storageService.saveCommits(this._commits)
-            }
-
-            webviewView.webview.postMessage({
-              command: CHANNEL.HISTORY,
-              commits: this._commits,
-            })
-          }
-          catch (error) {
-            webviewView.webview.postMessage({
-              command: 'Failed to get git history',
-              message: `${error}`,
-            })
-          }
+          await this.refreshHistory(message.forceRefresh)
           break
 
         case WEBVIEW_CHANNEL.SHOW_COMMIT_DETAILS: