feat(#15): implement view post online

Author: laggage

package.json

@@ -199,6 +199,11 @@
                 "command": "vscode-cnb.open-workspace",
                 "title": "打开工作空间",
                 "category": "Cnblogs"
+            },
+            {
+                "command": "vscode-cnb.view-post-online",
+                "title": "在线查看博文",
+                "category": "Cnblogs"
             }
         ],
         "configuration": {
@@ -367,6 +372,10 @@
                 {
                     "command": "vscode-cnb.login",
                     "when": "false"
+                },
+                {
+                    "command": "vscode-cnb.view-post-online",
+                    "when": "false"
                 }
             ],
             "view/item/context": [
@@ -426,7 +435,12 @@
                 {
                     "command": "vscode-cnb.reveal-local-post-file-in-os",
                     "when": "view == cnblogs-posts-list",
-                    "group": "@3"
+                    "group": "0@1"
+                },
+                {
+                    "command": "vscode-cnb.view-post-online",
+                    "when": "view == cnblogs-posts-list",
+                    "group": "0@2"
                 },
                 {
                     "command": "vscode-cnb.delete-selected-post-categories",

src/commands/commands-registration.ts

@@ -32,6 +32,7 @@ import { openPostInBlogAdmin } from './open-post-in-blog-admin';
 import { openWorkspace } from './open-workspace';
 import { setWorkspace } from './set-workspace';
 import { revealWorkspaceInOs } from './reveal-workspace-in-os';
+import { viewPostOnline } from './view-post-online';
 
 export const registerCommands = () => {
     const context = globalState.extensionContext;
@@ -70,6 +71,7 @@ export const registerCommands = () => {
         vscode.commands.registerCommand(`${appName}.open-workspace`, openWorkspace),
         vscode.commands.registerCommand(`${appName}.set-workspace`, setWorkspace),
         vscode.commands.registerCommand(`${appName}.reveal-workspace-in-os`, revealWorkspaceInOs),
+        vscode.commands.registerCommand(`${appName}.view-post-online`, viewPostOnline),
     ];
     context?.subscriptions.push(...disposables);
 };

src/commands/show-local-file-to-post-info.ts

@@ -5,6 +5,7 @@ import { blogPostService } from '../services/blog-post.service';
 import { postCategoryService } from '../services/post-category.service';
 import { PostFileMapManager } from '../services/post-file-map';
 import { searchPostsByTitle } from '../services/search-post-by-title';
+import { viewPostOnline } from './view-post-online';
 
 /**
  * 本地文件所关联的博文信息
@@ -54,7 +55,7 @@ export const showLocalFileToPostInfo = async (input: Uri | number): Promise<void
     categories = categories.filter(x => post.categoryIds.includes(x.categoryId));
     const categoryDesc = categories.length > 0 ? `博文分类: ${categories.map(c => c.title).join(', ')}\n` : '';
     const tagsDesc = post.tags?.length ?? 0 > 0 ? `博文标签: ${post.tags?.join(', ')}\n` : '';
-    const options = ['取消关联'];
+    const options = ['在线查看博文', '取消关联'];
     const postUrl = post.url.startsWith('//') ? `https:${post.url}` : post.url;
     const selected = await window.showInformationMessage(
         `关联博文 - ${post.title}(Id: ${post.id})`,
@@ -67,6 +68,8 @@ export const showLocalFileToPostInfo = async (input: Uri | number): Promise<void
         ...options
     );
     if (selected === options[0]) {
+        await viewPostOnline(post);
+    } else if (selected === options[1]) {
         await PostFileMapManager.updateOrCreate(postId, '');
         AlertService.info(`博文 ${post.title} 已与 ${filePath} 取消关联`);
     }

src/commands/view-post-online.ts

@@ -0,0 +1,21 @@
+import { commands, Uri } from 'vscode';
+import { BlogPost } from '../models/blog-post';
+import { blogPostService } from '../services/blog-post.service';
+import { PostFileMapManager } from '../services/post-file-map';
+
+export const viewPostOnline = async (input: BlogPost | Uri) => {
+    let post: BlogPost | undefined = input instanceof BlogPost ? input : undefined;
+    if (input instanceof Uri) {
+        const postId = PostFileMapManager.getPostId(input.fsPath);
+        if (postId) {
+            post = (await blogPostService.fetchPostEditDto(postId)).post;
+        }
+    }
+
+    if (!post) {
+        return;
+    }
+
+    const url = post.url.startsWith('//') ? `https:${post.url}` : post.url;
+    await commands.executeCommand('vscode.open', Uri.parse(url));
+};