✨ feat: implement export post to pdf (#26)

* ✨ feat: implement export post to pdf

* chore: use github action to check code format

* fix: diable export-post-to-pdf command if unauthorized

* fix: fix puppeteer.launch undefined exception at runtime

* ui: tweak export-post-to-pdf position

* fix: fix chromium configuration not work

* fix(export-pdf): report errors to user if there failures

* fix(export-pdf): fix chromium download progress report

* docs: update readme

Author: laggage

.github/workflows/build-check.yml

@@ -0,0 +1,24 @@
+name: Build and check the code format
+
+on:
+    push:
+        branches:
+            - '**'
+env:
+    GITLAB_NPM_TOKEN: ${{secrets.GITLAB_NPM_TOKEN}}
+jobs:
+    build-check:
+        runs-on: ubuntu-latest
+        strategy:
+            matrix:
+                node-version: [16.x]
+        steps:
+            - uses: actions/checkout@v2
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v2
+              with:
+                  node-version: ${{ matrix.node-version }}
+                  cache: 'npm'
+            - run: npm ci
+            - run: npm run format-check
+            - run: npm run vscode:prepublish

.github/workflows/marketplace-publish.yml

@@ -4,41 +4,43 @@
 name: Publish extension to vscode extension marketplace
 
 on:
-  push:
-    tags:
-      - v*.*.*
+    push:
+        tags:
+            - v*.*.*
 
-jobs:
-  build:
+env:
+    GITLAB_NPM_TOKEN: ${{secrets.GITLAB_NPM_TOKEN}}
 
-    runs-on: ubuntu-latest
+jobs:
+    build:
+        runs-on: ubuntu-latest
 
-    strategy:
-      matrix:
-        node-version: [14.x]
-        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+        strategy:
+            matrix:
+                node-version: [16.x]
+                # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
-    steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v2
-      with:
-        node-version: ${{ matrix.node-version }}
-        cache: 'npm'
-    - run: echo "VERSION=${GITHUB_REF#refs/*/}"
-    # add tag value to env
-    - run: echo "VERSION=${GITHUB_REF#refs/*/}" | sed 's/v//' >> $GITHUB_ENV
-    - run: echo "version:\ ${{ env.VERSION }}"
-    # globally install vsce
-    - run: npm i -g vsce 
-    # replace client_id
-    - run: sed -i "s/clientId:\ 'vscode-cnb'/clientId:\ '${{ secrets.OAUTHCLIENTID }}'/" src/models/config.ts
-    # replace client_secret
-    - run: sed -i "s/clientSecret:\ ''/clientSecret:\ '${{ secrets.OAUTHCLIENTSECRET }}'/" src/models/config.ts
-    - run: echo "src/models/config.ts\n" && cat src/models/config.ts
-    # use env.VERSION to replace version property in package.json
-    - run: sed -i 's/\"version\":\ \"[0-9]\.[0-9]\.[0-9]\"/\"version\":\ \"${{ env.VERSION }}\"/' package.json
-    - run: echo "package.json\n" && cat package.json
-    - run: npm ci
-    # publish to vscode extension marketplace
-    - run: vsce publish -p ${{ secrets.VSCETOKEN }}
+        steps:
+            - uses: actions/checkout@v2
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v2
+              with:
+                  node-version: ${{ matrix.node-version }}
+                  cache: 'npm'
+            - run: echo "VERSION=${GITHUB_REF#refs/*/}"
+            # add tag value to env
+            - run: echo "VERSION=${GITHUB_REF#refs/*/}" | sed 's/v//' >> $GITHUB_ENV
+            - run: echo "version:\ ${{ env.VERSION }}"
+            # globally install vsce
+            - run: npm i -g vsce
+            # replace client_id
+            - run: sed -i "s/clientId:\ 'vscode-cnb'/clientId:\ '${{ secrets.OAUTHCLIENTID }}'/" src/models/config.ts
+            # replace client_secret
+            - run: sed -i "s/clientSecret:\ ''/clientSecret:\ '${{ secrets.OAUTHCLIENTSECRET }}'/" src/models/config.ts
+            - run: echo "src/models/config.ts\n" && cat src/models/config.ts
+            # use env.VERSION to replace version property in package.json
+            - run: sed -i 's/\"version\":\ \"[0-9]\.[0-9]\.[0-9]\"/\"version\":\ \"${{ env.VERSION }}\"/' package.json
+            - run: echo "package.json\n" && cat package.json
+            - run: npm ci
+            # publish to vscode extension marketplace
+            - run: vsce publish -p ${{ secrets.VSCETOKEN }}

.npmrc

@@ -0,0 +1,2 @@
+//gitlab.cnblogs.com/api/v4/projects/371/packages/npm/:_authToken=${GITLAB_NPM_TOKEN}
+@cnblogs-gitlab:registry=https://gitlab.cnblogs.com/api/v4/projects/371/packages/npm/

.prettierignore

@@ -2,4 +2,6 @@ node_modules
 *.html
 *.md
 package-lock.json
-dist
+dist
+.vscode-test
+out

.vscode/settings.json

@@ -11,4 +11,4 @@
     // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
     "typescript.tsc.autoDetect": "off",
     "editor.formatOnSave": true
-}
+}

README.md

@@ -8,6 +8,7 @@
   - [将本地文件关联到博客园博文](#将本地文件关联到博客园博文)
   - [图片上传](#图片上传)
   - [博文分类管理](#博文分类管理)
+  - [导出pdf](#导出pdf)
 - [vscode版本要求](#vscode版本要求)
 - [插件设置](#插件设置)
 
@@ -55,12 +56,26 @@
 
 ![](https://img2020.cnblogs.com/blog/1596066/202112/1596066-20211228130552877-1788018336.png)
 
+### 导出pdf
+
+支持将博文导出为pdf格式的文件到本地, 此功能依赖于[Chromium](https://www.chromium.org/chromium-projects/), vscode-cnb默认会先从本地寻找是否有已安装的Chrome或基于Chromium的Edge浏览器, 若有的话则会直接使用本地的Chrome或基于Chromium的Edge; 若未找到, 那么会提示用户手动选择本地的Chromium或其他基于Chromium的浏览器
+
+![image](https://img2022.cnblogs.com/blog/1596066/202203/1596066-20220323135717910-1090211493.png)
+
+也可以在vscode的设置中手动配置**Chromium或其他基于Chromium的浏览器的可执行文件路径**, 这个路径针对windows和macos是不同的两个配置, 可以根据自己使用的系统进行配置
+
+![image](https://img2022.cnblogs.com/blog/1596066/202203/1596066-20220323135918858-1619509502.png)
+
+支持多选
+
+![image](https://img2022.cnblogs.com/blog/1596066/202203/1596066-20220323140426961-1518402131.png)
+
 ## vscode版本要求
 
 \>=1.62.0
 
 ## 插件设置
 
-* `vscode-cnb.workspace`: `vscode-cnb`需要用到的一个工作空间, `vscode-cnb`只有检测到vscode处于此目录下才会生效, 默认会使用`~/Documents/Cnblogs`作为工作空间
+* `workspace`: `vscode-cnb`需要用到的一个工作空间, `vscode-cnb`只有检测到vscode处于此目录下才会生效, 默认会使用`~/Documents/Cnblogs`作为工作空间
 
 ![img](https://img2020.cnblogs.com/blog/3/202112/3-20211227183958436-462553661.png)