refactor: create post ux (#180)

Author: Thaumy

.eslintrc.json

@@ -15,6 +15,15 @@
                 "endOfLine": "auto",
                 "semi": false
             }
+        ],
+        "@typescript-eslint/strict-boolean-expressions": [
+            "error",
+            {
+                "allowString": false,
+                "allowNumber": false,
+                "allowNullableObject": false,
+                "allowNullableBoolean": false
+            }
         ]
     },
     "ignorePatterns": [

package.json

@@ -177,7 +177,7 @@
                 "enablement": "vscode-cnb.isAuthed"
             },
             {
-                "command": "vscode-cnb.post.create-local",
+                "command": "vscode-cnb.post.create",
                 "title": "新建博文",
                 "icon": "$(new-file)",
                 "category": "Cnblogs Local Draft"
@@ -855,7 +855,7 @@
                     "group": "navigation@6"
                 },
                 {
-                    "command": "vscode-cnb.post.create-local",
+                    "command": "vscode-cnb.post.create",
                     "when": "view == cnblogs-post-list || view == cnblogs-post-list-another",
                     "group": "navigation@7"
                 },
@@ -1059,7 +1059,7 @@
                     "when": "viewItem =~ /^cnb-post/ && viewItem != cnb-post-category"
                 },
                 {
-                    "command": "vscode-cnb.post.create-local",
+                    "command": "vscode-cnb.post.create",
                     "when": "viewItem == cnb-local-posts-folder"
                 },
                 {

rs/Cargo.lock

@@ -30,3 +30,5 @@ serde-wasm-bindgen = "0.5.0"
 serde_with = "3.1.0"
 
 reqwest = { version = "0.11.16", features = ["json"] }
+
+lazy_static = "1.4.0"

rs/Cargo.toml

@@ -1,10 +1,12 @@
 mod comment;
 mod get_comment;
 mod get_list;
-mod r#pub;
+mod publish;
 
 use crate::panic_hook;
 use alloc::string::{String, ToString};
+use lazy_static::lazy_static;
+use regex::Regex;
 use wasm_bindgen::prelude::*;
 
 #[wasm_bindgen(js_name = IngReq)]
@@ -24,3 +26,13 @@ impl IngReq {
         }
     }
 }
+
+#[wasm_bindgen(js_name = ingStarIconToText)]
+pub fn ing_star_tag_to_text(icon: &str) -> String {
+    lazy_static! {
+        static ref REGEX: Regex = Regex::new(r#"<img.*alt="\[(.*?)]".*>"#).unwrap();
+    }
+    let caps = REGEX.captures(icon).unwrap();
+    let star_text = caps.get(1).unwrap().as_str();
+    star_text.to_string()
+}

rs/src/cnb/ing/mod.rs

@@ -11,8 +11,8 @@ use wasm_bindgen::prelude::*;
 
 #[wasm_bindgen(js_class = IngReq)]
 impl IngReq {
-    #[wasm_bindgen(js_name = pub)]
-    pub async fn export_pub(&self, content: &str, is_private: bool) -> Result<(), String> {
+    #[wasm_bindgen(js_name = publish)]
+    pub async fn export_publish(&self, content: &str, is_private: bool) -> Result<(), String> {
         panic_hook!();
         let url = openapi!("/statuses");
 

rs/src/cnb/ing/pub.rs renamed to rs/src/cnb/ing/publish.rs

@@ -19,10 +19,10 @@ authProvider.onDidChangeSessions(async ({ added }) => {
     await AuthManager.updateAuthStatus()
 
     accountViewDataProvider.fireTreeDataChangedEvent()
-    postDataProvider.fireTreeDataChangedEvent(undefined)
+    postDataProvider.fireTreeDataChangedEvent()
     postCategoryDataProvider.fireTreeDataChangedEvent()
 
-    BlogExportProvider.optionalInstance?.refreshRecords({ force: false, clearCache: true }).catch(console.warn)
+    await BlogExportProvider.optionalInstance?.refreshRecords({ force: false, clearCache: true })
 })
 
 export namespace AuthManager {

src/auth/auth-manager.ts

@@ -15,6 +15,7 @@ export class AuthSession implements CodeAuthSession {
 
         const accessTokenPart2 = this.accessToken.split('.')[1]
         const buf = Buffer.from(accessTokenPart2, 'base64')
-        return (<{ exp: number }>JSON.parse(buf.toString())).exp
+        const exp = <number>JSON.parse(buf.toString()).exp
+        return exp * 1000 < Date.now()
     }
 }

src/auth/auth-session.ts

@@ -21,17 +21,13 @@ export async function deleteBlogExport(input: unknown): Promise<void> {
 function confirm(
     itemName: string,
     hasLocalFile = true,
-    detail: string | undefined | null = '数据可能无法恢复, 请谨慎操作!'
+    detail: string
 ): Thenable<null | { shouldDeleteLocal: boolean } | undefined> {
     const options = [
         { title: '确定' + (hasLocalFile ? '(保留本地文件)' : ''), result: { shouldDeleteLocal: false } },
         ...(hasLocalFile ? [{ title: '确定(同时删除本地文件)', result: { shouldDeleteLocal: true } }] : []),
     ]
-    return Alert.info(
-        `确定要删除 ${itemName} 吗?`,
-        { modal: true, detail: detail ? detail : undefined },
-        ...options
-    ).then(
+    return Alert.info(`确定要删除 ${itemName} 吗?`, { modal: true, detail }, ...options).then(
         x => x?.result,
         () => undefined
     )
@@ -66,14 +62,12 @@ async function deleteExportRecordItem(item: BlogExportRecordTreeItem) {
             void Alert.err(`删除博客备份失败: ${<string>e}`)
             return false
         })
-    if (hasDeleted) if (downloaded) await removeDownloadedBlogExport(downloaded, { shouldDeleteLocal })
+    if (hasDeleted) if (downloaded !== undefined) await removeDownloadedBlogExport(downloaded, { shouldDeleteLocal })
 
     await BlogExportProvider.optionalInstance?.refreshRecords()
 }
 
 async function removeDownloadedBlogExport(downloaded: DownloadedBlogExport, { shouldDeleteLocal = false }) {
-    await DownloadedExportStore.remove(downloaded, { shouldRemoveExportRecordMap: shouldDeleteLocal }).catch(
-        console.warn
-    )
-    if (shouldDeleteLocal) await promisify(fs.rm)(downloaded.filePath).catch(console.warn)
+    await DownloadedExportStore.remove(downloaded, { shouldRemoveExportRecordMap: shouldDeleteLocal })
+    if (shouldDeleteLocal) await promisify(fs.rm)(downloaded.filePath)
 }

src/cmd/blog-export/delete.ts

@@ -11,6 +11,7 @@ import path from 'path'
 import { promisify } from 'util'
 import { execCmd } from '@/infra/cmd'
 import { WorkspaceCfg } from '@/ctx/cfg/workspace'
+import AdmZip from 'adm-zip'
 
 function parseInput(input: unknown): BlogExportRecordTreeItem | null | undefined {
     return input instanceof BlogExportRecordTreeItem ? input : null
@@ -37,8 +38,8 @@ export async function downloadBlogExport(input: unknown) {
     const { optionalInstance: blogExportProvider } = BlogExportProvider
     await setIsDownloading(true)
 
-    const onError = (msg?: string | null) => {
-        if (msg) void Alert.warn(msg)
+    const onError = (msg: string) => {
+        void Alert.warn(msg)
         if (!isFileExist) fs.rmSync(zipFilePath)
         blogExportProvider?.refreshItem(treeItem)
         setIsDownloading(false).then(undefined, console.warn)
@@ -70,26 +71,19 @@ export async function downloadBlogExport(input: unknown) {
                             treeItem.reportDownloadingProgress({ percentage: 100, message: '解压中' })
                             blogExportProvider?.refreshItem(treeItem)
 
-                            import('adm-zip')
-                                // eslint-disable-next-line @typescript-eslint/naming-convention
-                                .then(({ default: AdmZip }) => {
+                            void (async () => {
+                                try {
                                     const entry = new AdmZip(zipFilePath)
-                                    return promisify(entry.extractAllToAsync.bind(entry))(
-                                        targetDir,
-                                        true,
-                                        undefined
-                                    ).then(() => promisify(fs.rm)(zipFilePath))
-                                })
-                                .then(() => {
-                                    DownloadedExportStore.add(nonZipFilePath, exportId)
-                                        .then(() => treeItem.reportDownloadingProgress(null))
-                                        .then(() => blogExportProvider?.refreshItem(treeItem))
-                                        .then(() => blogExportProvider?.refreshDownloadedExports())
-                                        .catch(console.warn)
-                                }, console.warn)
-                                .finally(() => {
+                                    await promisify(entry.extractAllToAsync.bind(entry))(targetDir, true, undefined)
+                                    await promisify(fs.rm)(zipFilePath)
+                                    await DownloadedExportStore.add(nonZipFilePath, exportId)
+                                    treeItem.reportDownloadingProgress(null)
+                                    blogExportProvider?.refreshItem(treeItem)
+                                    await blogExportProvider?.refreshDownloadedExports()
+                                } finally {
                                     setIsDownloading(false).then(undefined, console.warn)
-                                })
+                                }
+                            })()
                         })
                 )
             } else {