feat: implement post configuration panel (#41)

* chore: add webpack config for webview

* chore: update webpack to 5.70.x

* refactor: use default import with allowSyntheticDefaultImports enabled

* chore: add ui compile script to package.json

* ui: add post configuration webview panel

* ui: fix categories selector overflow

* fix: notify error if post not exist

* fix: fix image upload command

Author: laggage

.vscode/settings.json

@@ -10,5 +10,7 @@
     },
     // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
     "typescript.tsc.autoDetect": "off",
-    "editor.formatOnSave": true
+    "editor.formatOnSave": true,
+    "cSpell.words": ["ASPNETCORE", "fluentui", "randomstring", "tailwindcss"],
+    "json.format.enable": false
 }

.vscode/tasks.json

@@ -2,6 +2,11 @@
 // for the documentation about the tasks.json format
 {
     "version": "2.0.0",
+    "options": {
+        "env": {
+            "NODE_ENV": "Development"
+        }
+    },
     "tasks": [
         {
             "type": "npm",
@@ -12,6 +17,26 @@
                 "reveal": "never",
                 "group": "watchers"
             },
+            "group": {
+                "kind": "build"
+            }
+        },
+        {
+            "type": "npm",
+            "script": "ui:watch",
+            "problemMatcher": ["$ts-webpack-watch", "$tslint-webpack-watch"],
+            "isBackground": true,
+            "presentation": {
+                "reveal": "never",
+                "group": "watchers"
+            },
+            "group": {
+                "kind": "build"
+            }
+        },
+        {
+            "label": "watch",
+            "dependsOn": ["npm: watch", "npm: ui:watch"],
             "group": {
                 "kind": "build",
                 "isDefault": true

.vscodeignore

@@ -11,3 +11,6 @@ vsc-extension-quickstart.md
 **/.eslintrc.json
 **/*.map
 **/*.ts
+.idea
+.github
+ui/**

README.md

@@ -9,6 +9,7 @@
   - [图片上传](#图片上传)
   - [博文分类管理](#博文分类管理)
   - [导出pdf](#导出pdf)
+  - [博文设置面板](#博文设置面板)
 - [vscode版本要求](#vscode版本要求)
 - [插件设置](#插件设置)
 
@@ -74,6 +75,16 @@
 
 ![image](https://img2022.cnblogs.com/blog/1596066/202203/1596066-20220323140426961-1518402131.png)
 
+### 博文设置面板
+
+首次发布本地markdown文件到博客园时, 会打开博文设置面板允许编辑博文相关的设置
+
+![image](https://img2022.cnblogs.com/blog/1596066/202203/1596066-20220331112748377-737262324.png)
+
+同时, 也可以在博客园随笔列表视图, 文件列表视图和markdown编辑器中上下文菜单中可以通过**博文设置**命令打开博文设置面板
+
+![image](https://img2022.cnblogs.com/blog/1596066/202203/1596066-20220331113211016-1457564407.png)
+
 ## vscode版本要求
 
 \>=1.62.0