fix(deps): update dependency @tanstack/react-query to v5

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

.github/workflows/ci.yml

@@ -6,12 +6,13 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
+          registry-url: 'https://registry.npmjs.org'
 
       - run: npm install
       - run: npm run build
@@ -124,7 +125,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
 
       - name: Install
         run: npm install --build-from-source
@@ -160,7 +161,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
 
       - run: npm install
       - run: npm run hoist
@@ -193,7 +194,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - run: npm install
       - run: npm run hoist
       - run: npm run build
@@ -229,7 +230,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
 
       - uses: actions/download-artifact@v3
         with:

README.md

@@ -2,6 +2,9 @@
   <h1 align="center">微信公众号 Markdown 编辑器</h1>
 </div>
 
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
+[![CI](https://github.com/jaywcjlove/wxmp/actions/workflows/ci.yml/badge.svg)](https://github.com/jaywcjlove/wxmp/actions/workflows/ci.yml)
+
 [![微信公众号 Markdown 编辑器](https://user-images.githubusercontent.com/1680273/188264183-a6b8cb6a-92e1-4a73-afc5-4f0234b26ed3.png)](https://jaywcjlove.github.io/wxmp)
 
 微信公众号文章 Markdown 在线编辑器，使用 markdown 语法创建一篇简介美观大方的微信公众号图文。由于发版本麻烦，和一些功能无法扩展停滞开发了，未来不再开发 Chrome 的插件(暂存在 chrome 分支)，通过 web 版本定制更丰富的功能。

electron/app/package.json

@@ -22,7 +22,7 @@
   },
   "devDependencies": {
     "@wcj/wxmp-preload": "2.3.3",
-    "cpy-cli": "4.2.0",
+    "cpy-cli": "^5.0.0",
     "electron": "20.1.3",
     "electron-builder": "23.3.3",
     "website": "2.3.3"

electron/main/package.json

@@ -4,8 +4,8 @@
   "main": "./lib/index.js",
   "private": true,
   "scripts": {
-    "build": "tsbb build --disable-babel --file-names src/index.ts",
+    "build": "tsbb build",
-    "watch": "tsbb watch --disable-babel --file-names src/index.ts"
+    "watch": "tsbb watch"
   },
   "files": [
     "lib"

electron/preload/package.json

@@ -4,8 +4,8 @@
   "main": "./lib/index.js",
   "private": true,
   "scripts": {
-    "build": "tsbb build --disable-babel --file-names src/index.ts",
+    "build": "tsbb build",
-    "watch": "tsbb watch --disable-babel --file-names src/index.ts"
+    "watch": "tsbb watch"
   },
   "files": [
     "lib"

package.json

@@ -9,18 +9,17 @@
     "version": "lerna version --exact --force-publish --no-push --no-git-tag-version",
     "prepare": "husky install",
     "prettier": "prettier --write '**/*.{js,jsx,tsx,ts,less,md,json}'",
-    "pretty-quick": "pretty-quick --staged",
     "hoist": "lerna bootstrap --hoist",
     "clean": "lerna clean --yes"
   },
   "license": "MIT",
   "devDependencies": {
+    "@lerna/legacy-package-management": "^8.0.0",
     "cross-env": "^7.0.3",
     "husky": "^8.0.1",
-    "lerna": "5.5.1",
+    "lerna": "^8.0.0",
-    "prettier": "^2.7.1",
+    "prettier": "^3.0.2",
-    "pretty-quick": "~3.1.3",
+    "tsbb": "~4.2.0"
-    "tsbb": "^3.7.5"
   },
   "workspaces": {
     "packages": [

website/package.json

@@ -9,7 +9,7 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.18.9",
-    "@tanstack/react-query": "^4.2.3",
+    "@tanstack/react-query": "^5.0.0",
     "@uiw/codemirror-theme-abcdef": "^4.11.6",
     "@uiw/codemirror-theme-androidstudio": "^4.11.6",
     "@uiw/codemirror-theme-atomone": "^4.11.6",
@@ -25,11 +25,10 @@
     "@uiw/codemirror-theme-xcode": "^4.11.6",
     "@uiw/react-back-to-top": "^1.2.0",
     "@uiw/react-github-corners": "^1.5.15",
-    "@uiw/react-markdown-editor": "^5.7.0",
+    "@uiw/react-markdown-editor": "^5.11.2",
     "@wcj/dark-mode": "^1.0.15",
     "css-tree": "^2.2.1",
     "react": "^18.2.0",
-    "react-code-preview-layout": "^2.0.4",
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.3.0",
     "react-router-dom": "^6.3.0",
@@ -41,17 +40,16 @@
     "remark-gfm": "^3.0.1",
     "remark-parse": "^10.0.1",
     "remark-rehype": "^10.1.0",
-    "styled-components": "^5.3.5",
+    "styled-components": "~6.1.0",
     "unified": "^10.1.2"
   },
   "devDependencies": {
     "@kkt/less-modules": "^7.2.0",
     "@kkt/raw-modules": "^7.2.0",
     "@kkt/scope-plugin-options": "^7.2.0",
-    "@types/css-tree": "^1.0.7",
+    "@types/css-tree": "^2.3.1",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
-    "@types/styled-components": "^5.1.25",
     "kkt": "^7.2.0",
     "markdown-react-code-preview-loader": "^2.1.2"
   },

website/src/themes/base.md.css

@@ -5,7 +5,7 @@ a {
 
 h1 {
   color: inherit;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: bold;
 }
 
@@ -32,7 +32,7 @@ h4 {
 
 p {
   color: initial;
-  font-size: 14px;
+  font-size: 16px;
   line-height: 1.5em;
 }
 

website/src/themes/default.md.css

@@ -11,7 +11,7 @@ h1 {
   line-height: 1.75;
   font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
     'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: bold;
   margin: 2em auto 1em;
   padding: 0 1em;
@@ -63,7 +63,7 @@ li {
 }
 
 p {
-  font-size: 14px;
+  font-size: 16px;
   line-height: 1.5em;
   padding: 0.5em 0 !important;
   margin-bottom: 0 !important;

website/src/themes/simple.md.css

@@ -11,7 +11,7 @@ h1 {
   line-height: 1.75;
   font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
     'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: bold;
   margin: 2em auto 1em;
   padding: 0 1em;
@@ -63,7 +63,7 @@ li {
 }
 
 p {
-  font-size: 14px;
+  font-size: 16px;
   line-height: 1.5em;
   padding: 0.5em 0 !important;
   margin-bottom: 0 !important;

website/src/themes/underscore.md.css

@@ -11,7 +11,7 @@ h1 {
   line-height: 1.15;
   font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
     'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: bold;
   margin: 2em auto 1em;
   padding: 0 1em 0.3em 1em;
@@ -37,7 +37,7 @@ h3 {
   line-height: 1.2;
   font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
     'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
-  font-size: 1.1em;
+  font-size: 14px;
   font-weight: bold;
   margin: 2em 8px 0.75em 0;
   padding-left: 8px;
@@ -59,7 +59,7 @@ li {
 }
 
 p {
-  font-size: 14px;
+  font-size: 16px;
   line-height: 1.5em;
   padding: 0.5em 0 !important;
   margin-bottom: 0 !important;

website/src/utils/markdownToHTML.ts

@@ -32,7 +32,9 @@ export function markdownToHTML(md: string, css: string, opts: MarkdownToHTMLOpti
     .use(remarkParse)
     .use(remarkGfm)
     .use(remarkRehype, { allowDangerousHtml: true })
-    .use(rehypePrism)
+    .use(rehypePrism, {
+      ignoreMissing: true,
+    })
     .use(rehypeRaw)
     .use(rehypeIgnore, {})
     .use(rehypeAttrs, { properties: 'attr' })