chore: upgrade dependencies

.eslintrc.cjs

@@ -17,6 +17,7 @@ module.exports = {
     'no-async-promise-executor': 'off'
   , '@typescript-eslint/ban-ts-comment': 'off'
   , '@typescript-eslint/no-inferrable-types': 'off'
+  , '@typescript-eslint/no-unused-vars': 'off'
   }
 , settings: {
     react: {

.github/workflows/nodejs.yml

@@ -9,7 +9,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
     - uses: actions/checkout@v2

__tests__/utils/format-html.spec.ts

@@ -1,14 +1,14 @@
 import { formatHTML } from '@utils/format-html.js'
 import { dedent } from 'extra-tags'
 
-test('formatHTML', () => {
+test('formatHTML', async () => {
   const html = dedent`
     <div>
     <p>Hello World</p>
     </div>
   `
 
-  const result = formatHTML(html)
+  const result = await formatHTML(html)
 
   expect(result).toBe(
     '<div>' + '\n'

package.json

@@ -4,9 +4,6 @@
   "author": "BlackGlory <[email protected]>",
   "license": "MIT",
   "type": "module",
-  "engines": {
-    "node": ">=16"
-  },
   "scripts": {
     "prepare": "ts-patch install -s",
     "postinstall": "patch-package",
@@ -23,75 +20,74 @@
     }
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.5.0",
-    "@commitlint/config-conventional": "^17.4.2",
-    "@types/chrome": "^0.0.224",
-    "@types/dompurify": "^3.0.0",
-    "@types/jsdom": "^21.1.1",
-    "@types/prettier": "^2.7.2",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "@types/urijs": "^1.19.19",
-    "@typescript-eslint/eslint-plugin": "^5.56.0",
-    "@typescript-eslint/parser": "^5.56.0",
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-conventional": "^18.4.3",
+    "@types/chrome": "^0.0.254",
+    "@types/dompurify": "^3.0.5",
+    "@types/jsdom": "^21.1.6",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "@types/urijs": "^1.19.25",
+    "@typescript-eslint/eslint-plugin": "^6.15.0",
+    "@typescript-eslint/parser": "^6.15.0",
     "autoprefixer": "^10.4.16",
     "copy-webpack-plugin": "^11.0.0",
     "cross-env": "^7.0.3",
     "css-loader": "^6.8.1",
-    "eslint": "^8.36.0",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "extra-tags": "^0.4.1",
+    "extra-tags": "^0.4.2",
     "husky": "^4.3.8",
     "npm-run-all": "^4.1.5",
-    "patch-package": "^6.5.1",
+    "patch-package": "^8.0.0",
     "path-browserify": "^1.0.1",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.32",
     "postcss-loader": "^7.3.3",
     "style-loader": "^3.3.3",
-    "tailwindcss": "^3.2.7",
-    "ts-loader": "^9.5.0",
-    "ts-patch": "^2.1.0",
+    "tailwindcss": "^3.4.0",
+    "ts-loader": "^9.5.1",
+    "ts-patch": "^3.1.1",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "typescript": "4.8",
+    "typescript": "5.3.3",
     "typescript-transform-paths": "^3.4.6",
-    "url": "^0.11.0",
-    "vite": "^4.2.1",
-    "vite-tsconfig-paths": "^4.0.7",
-    "vitest": "^0.29.7",
+    "url": "^0.11.3",
+    "vite": "^5.0.10",
+    "vite-tsconfig-paths": "^4.2.2",
+    "vitest": "^1.1.0",
     "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
     "webpack-merge": "^5.10.0"
   },
   "dependencies": {
     "@blackglory/prelude": "^0.3.4",
-    "@delight-rpc/webextension": "^0.2.1",
-    "@headlessui/react": "^1.7.13",
-    "@heroicons/react": "^2.0.16",
+    "@delight-rpc/webextension": "^0.3.0",
+    "@headlessui/react": "^1.7.17",
+    "@heroicons/react": "^2.1.1",
     "classnames": "^2.3.2",
     "delight-rpc": "^6.1.2",
-    "dompurify": "^3.0.1",
-    "extra-blob": "^0.1.1",
+    "dompurify": "^3.0.6",
+    "extra-blob": "^0.1.2",
     "extra-dom": "^0.6.1",
     "extra-promise": "^6.0.8",
     "extra-proxy": "^0.4.1",
-    "extra-react-hooks": "^0.6.3",
+    "extra-react-hooks": "^0.6.5",
     "extra-react-store": "^0.1.6",
     "extra-semver": "^0.2.2",
-    "extra-utils": "^5.5.1",
-    "extra-webextension": "^0.3.2",
+    "extra-utils": "^5.5.2",
+    "extra-webextension": "^0.4.0",
     "html2bbcode": "^1.2.6",
     "immer": "^10.0.3",
     "iterable-operator": "^4.0.6",
-    "prettier": "^2.8.6",
+    "prettier": "^3.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "rehype-parse": "^8.0.4",
-    "rehype-remark": "^9.1.2",
-    "remark-gfm": "^3.0.1",
-    "remark-stringify": "^10.0.2",
-    "unified": "^10.1.2",
+    "rehype-parse": "^9.0.0",
+    "rehype-remark": "^10.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-stringify": "^11.0.0",
+    "unified": "^11.0.4",
     "urijs": "^1.19.11",
     "url-operator": "^0.3.1"
   }

src/utils/format-html.ts

@@ -1,8 +1,8 @@
 import prettier from 'prettier'
 import parserHTML from 'prettier/parser-html.js'
 
-export function formatHTML(html: string): string {
-  return prettier.format(html, {
+export async function formatHTML(html: string): Promise<string> {
+  return await prettier.format(html, {
     parser: 'html'
   , plugins: [parserHTML]
   , htmlWhitespaceSensitivity: 'ignore'