build: upgrade deps

package.json

@@ -19,15 +19,15 @@
     "docs:serve": "vitepress serve docs"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/plugin-transform-runtime": "^7.16.4",
-    "@babel/preset-env": "^7.16.4",
+    "@babel/core": "^7.17.0",
+    "@babel/plugin-transform-runtime": "^7.16.10",
+    "@babel/preset-env": "^7.16.11",
     "@icon-park/svg": "^1.3.5",
-    "@primer/css": "^15.2.0",
+    "@microsoft/api-extractor": "^7.19.4",
     "@sveltejs/vite-plugin-svelte": "^1.0.0-next.35",
-    "@testing-library/jest-dom": "^5.15.0",
+    "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/svelte": "^3.0.3",
-    "chokidar": "^3.5.2",
+    "chokidar": "^3.5.3",
     "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
     "jsdom": "^19.0.0",
@@ -35,13 +35,13 @@
     "lodash": "^4.17.21",
     "mustache": "^4.2.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.4.1",
-    "prettier-plugin-svelte": "^2.5.0",
+    "prettier": "^2.5.1",
+    "prettier-plugin-svelte": "^2.6.0",
     "sass": "^1.49.0",
-    "svelte": "^3.44.2",
-    "svelte-preprocess": "^4.9.8",
+    "svelte": "^3.46.3",
+    "svelte-preprocess": "^4.10.2",
     "svgo": "^2.8.0",
-    "typescript": "^4.5.2",
+    "typescript": "^4.5.5",
     "vite": "^2.7.13",
     "vite-plugin-vue2": "^1.9.3",
     "vitest": "^0.2.7",

packages/bytemd/package.json

@@ -25,25 +25,26 @@
     "lib"
   ],
   "dependencies": {
-    "@popperjs/core": "^2.9.2",
-    "@types/codemirror": "^0.0.108",
+    "@popperjs/core": "^2.11.2",
+    "@primer/css": "^15.2.0",
+    "@types/codemirror": "^5.60.5",
     "@types/lodash.debounce": "^4.0.6",
     "@types/lodash.throttle": "^4.1.6",
-    "@types/mdast": "^3.0.7",
+    "@types/mdast": "^3.0.10",
     "codemirror-ssr": "^0.0.6",
-    "hast-util-sanitize": "^3.0.2",
+    "hast-util-sanitize": "^4.0.0",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
-    "rehype-raw": "^5.1.0",
-    "rehype-sanitize": "^4.0.0",
-    "rehype-stringify": "^8.0.0",
-    "remark-parse": "^9.0.0",
-    "remark-rehype": "^8.1.0",
+    "rehype-raw": "^6.1.1",
+    "rehype-sanitize": "^5.0.1",
+    "rehype-stringify": "^9.0.3",
+    "remark-parse": "^10.0.1",
+    "remark-rehype": "^10.1.0",
     "select-files": "^1.0.1",
-    "tippy.js": "^6.3.1",
-    "unified": "^9.2.2",
-    "unist-util-visit": "^2.0.3",
-    "vfile": "^4.2.1",
+    "tippy.js": "^6.3.7",
+    "unified": "^10.1.1",
+    "unist-util-visit": "^4.1.0",
+    "vfile": "^5.3.0",
     "word-count": "^0.2.2"
   }
 }

packages/bytemd/src/toc.svelte

@@ -4,7 +4,7 @@
   import type { Root, Element } from 'hast'
   import type { BytemdLocale } from './types'
   import { createEventDispatcher } from 'svelte'
-  import visit from 'unist-util-visit'
+  import { visit } from 'unist-util-visit'
 
   export let hast: Root
   export let currentBlockIndex: number

packages/bytemd/src/utils.ts

@@ -1,14 +1,15 @@
-import unified from 'unified'
+import { unified } from 'unified'
 import remarkParse from 'remark-parse'
 import remarkRehype from 'remark-rehype'
 import rehypeRaw from 'rehype-raw'
 import rehypeSanitize from 'rehype-sanitize'
 import rehypeStringify from 'rehype-stringify'
-import ghSchema from 'hast-util-sanitize/lib/github.json'
+import { defaultSchema } from 'hast-util-sanitize'
 import type { Schema } from 'hast-util-sanitize'
+import type { Processor } from 'unified'
 import type { ViewerProps } from './types'
 
-const schemaStr = JSON.stringify(ghSchema)
+const schemaStr = JSON.stringify(defaultSchema)
 
 /**
  * Get unified processor with ByteMD plugins
@@ -17,7 +18,7 @@ export function getProcessor({
   sanitize,
   plugins,
 }: Omit<ViewerProps, 'value'>) {
-  let p = unified().use(remarkParse)
+  let p: Processor = unified().use(remarkParse)
 
   plugins?.forEach(({ remark }) => {
     if (remark) p = remark(p)

packages/plugin-breaks/package.json

@@ -19,7 +19,7 @@
     "lib"
   ],
   "dependencies": {
-    "remark-breaks": "^2.0.2"
+    "remark-breaks": "^3.0.2"
   },
   "devDependencies": {
     "bytemd": "^1.11.0"

packages/plugin-footnotes/package.json

@@ -19,7 +19,7 @@
     "lib"
   ],
   "dependencies": {
-    "remark-footnotes": "^3.0.0"
+    "remark-footnotes": "^4.0.1"
   },
   "devDependencies": {
     "bytemd": "^1.11.0"

packages/plugin-footnotes/src/index.ts

@@ -1,9 +1,7 @@
 import type { BytemdPlugin } from 'bytemd'
-import remarkFootnotes, { RemarkFootnotesOptions } from 'remark-footnotes'
+import remarkFootnotes, { Options } from 'remark-footnotes'
 
-export default function footnotes(
-  options?: RemarkFootnotesOptions
-): BytemdPlugin {
+export default function footnotes(options?: Options): BytemdPlugin {
   return {
     remark: (u) => u.use(remarkFootnotes, options),
   }

packages/plugin-frontmatter/package.json

@@ -19,13 +19,13 @@
     "lib"
   ],
   "dependencies": {
-    "@types/js-yaml": "^3.12.7",
-    "js-yaml": "^3.14.1",
-    "remark-frontmatter": "^3.0.0"
+    "@types/js-yaml": "^4.0.5",
+    "js-yaml": "^4.1.0",
+    "remark-frontmatter": "^4.0.1"
   },
   "devDependencies": {
     "bytemd": "^1.11.0",
-    "vfile": "^4.2.1"
+    "vfile": "^5.3.0"
   },
   "peerDependencies": {
     "bytemd": "^1.5.0"

packages/plugin-frontmatter/src/index.ts

@@ -1,6 +1,6 @@
 import type { BytemdPlugin } from 'bytemd'
 import remarkFrontmatter from 'remark-frontmatter'
-import { safeLoad } from 'js-yaml'
+import { load } from 'js-yaml'
 
 export interface BytemdPluginFrontmatterOptions {
   onError?(err: any): void
@@ -8,7 +8,7 @@ export interface BytemdPluginFrontmatterOptions {
 
 declare module 'vfile' {
   interface VFile {
-    frontmatter: ReturnType<typeof safeLoad>
+    frontmatter: ReturnType<typeof load>
   }
 }
 
@@ -17,13 +17,14 @@ export default function frontmatter({
 }: BytemdPluginFrontmatterOptions = {}): BytemdPlugin {
   return {
     remark: (p) =>
-      p.use(remarkFrontmatter).use(() => (tree: any, file) => {
+      p.use(remarkFrontmatter).use(() => (tree: any, file: any) => {
+        // TODO: arg types
         // console.log(tree);
         const fisrtNode = tree.children[0]
         if (fisrtNode?.type !== 'yaml') return
 
         try {
-          file.frontmatter = safeLoad(fisrtNode.value)
+          file.frontmatter = load(fisrtNode.value)
         } catch (err) {
           onError?.(err)
         }

packages/plugin-gemoji/package.json

@@ -19,7 +19,7 @@
     "lib"
   ],
   "dependencies": {
-    "remark-gemoji": "^6.0.0"
+    "remark-gemoji": "^7.0.1"
   },
   "devDependencies": {
     "bytemd": "^1.11.0"

packages/plugin-gemoji/src/index.ts

@@ -1,5 +1,4 @@
 import type { BytemdPlugin } from 'bytemd'
-// @ts-ignore
 import remarkGemoji from 'remark-gemoji'
 
 export default function gemoji(): BytemdPlugin {

packages/plugin-gfm/package.json

@@ -19,7 +19,7 @@
     "lib"
   ],
   "dependencies": {
-    "remark-gfm": "^1.0.0"
+    "remark-gfm": "^3.0.1"
   },
   "devDependencies": {
     "bytemd": "^1.11.0"

packages/plugin-gfm/src/index.ts

@@ -1,9 +1,9 @@
 import type { BytemdPlugin } from 'bytemd'
 import en from './locales/en.json'
-import remarkGfm, { RemarkGfmOptions } from 'remark-gfm'
+import remarkGfm, { Options } from 'remark-gfm'
 import { icons } from './icons'
 
-export interface BytemdPluginGfmOptions extends RemarkGfmOptions {
+export interface BytemdPluginGfmOptions extends Options {
   locale?: Partial<typeof en>
 }
 

packages/plugin-highlight-ssr/package.json

@@ -19,7 +19,7 @@
     "lib"
   ],
   "dependencies": {
-    "rehype-highlight": "^4.1.0"
+    "rehype-highlight": "^5.0.2"
   },
   "devDependencies": {
     "bytemd": "^1.11.0"

packages/plugin-highlight-ssr/src/index.ts

@@ -1,20 +1,11 @@
 import type { BytemdPlugin } from 'bytemd'
-// @ts-ignore
-import rehypeHighlight from 'rehype-highlight'
-
-export interface BytemdPluginHighlightSsrOptions {
-  prefix?: string
-  subset?: boolean | string[]
-  ignoreMissing?: boolean
-  plainText?: string[]
-  aliases?: Record<string, string[]>
-}
+import rehypeHighlight, { Options } from 'rehype-highlight'
 
 export default function highlightSsr({
   subset = false,
   ignoreMissing = true,
   ...rest
-}: BytemdPluginHighlightSsrOptions = {}): BytemdPlugin {
+}: Options): BytemdPlugin {
   return {
     rehype: (u) => u.use(rehypeHighlight, { subset, ignoreMissing, ...rest }),
   }

packages/plugin-highlight/package.json

@@ -19,7 +19,7 @@
     "lib"
   ],
   "dependencies": {
-    "highlight.js": "^10.7.3"
+    "highlight.js": "^11.4.0"
   },
   "devDependencies": {
     "bytemd": "^1.11.0"

packages/plugin-highlight/src/index.ts

@@ -16,7 +16,7 @@ export default function highlight({
         if (els.length === 0) return
 
         if (!hljs) {
-          hljs = await import('highlight.js')
+          hljs = await import('highlight.js').then((m) => m.default)
           if (init) await init(hljs)
         }
 

packages/plugin-math-ssr/package.json

@@ -20,8 +20,8 @@
   ],
   "dependencies": {
     "@bytemd/plugin-math": "^1.11.0",
-    "rehype-katex": "^4.0.0",
-    "remark-math": "^4.0.0"
+    "rehype-katex": "^6.0.2",
+    "remark-math": "^5.1.1"
   },
   "devDependencies": {
     "bytemd": "^1.11.0"

packages/plugin-math/package.json

@@ -20,8 +20,8 @@
   ],
   "dependencies": {
     "@types/katex": "^0.11.1",
-    "katex": "^0.12.0",
-    "remark-math": "^4.0.0"
+    "katex": "^0.15.2",
+    "remark-math": "^5.1.1"
   },
   "devDependencies": {
     "bytemd": "^1.11.0"

packages/plugin-mermaid/package.json

@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "@types/mermaid": "^8.2.7",
-    "mermaid": "^8.13.8"
+    "mermaid": "^8.13.10"
   },
   "devDependencies": {
     "bytemd": "^1.11.0"

packages/react/package.json

@@ -25,7 +25,7 @@
     "react": "*"
   },
   "devDependencies": {
-    "@types/react": "^17.0.14",
+    "@types/react": "^17.0.38",
     "react": "^17.0.2"
   }
 }