All: Reduce dependencies

.changeset/calm-walls-watch.md

@@ -0,0 +1,6 @@
+---
+'next-docs-zeta': patch
+'next-docs-ui': patch
+---
+
+Reduce dependencies

packages/next-docs-ui/tsup.config.ts

@@ -7,7 +7,7 @@ export default defineConfig({
     './src/components/dialog/{search,search-default,search-algolia}.tsx',
     './src/*.{ts,tsx}'
   ],
-  external: ['next-docs-zeta', 'shiki', 'algoliasearch'],
+  external: ['next-docs-zeta'],
   format: 'esm',
   dts: true,
   target: tsconfig.compilerOptions.target as 'es2016'

packages/next-docs/package.json

@@ -110,7 +110,6 @@
     "@formatjs/intl-localematcher": "^0.4.2",
     "flexsearch": "0.7.21",
     "github-slugger": "^2.0.0",
-    "hast-util-to-string": "^3.0.0",
     "negotiator": "^0.6.3",
     "react-remove-scroll": "^2.5.6",
     "rehype-img-size": "^1.0.1",
@@ -135,7 +134,8 @@
     "@types/react-dom": "18.2.1",
     "algoliasearch": "^4.20.0",
     "contentlayer": "^0.3.4",
-    "next": "13.5.4"
+    "next": "13.5.4",
+    "unified": "^10.1.2"
   },
   "keywords": [
     "NextJs",

packages/next-docs/src/mdx-plugins/rehype-next-docs.js

@@ -1,7 +1,6 @@
 import Slugger from 'github-slugger'
-import { toString as flattenNode } from 'hast-util-to-string'
 import rehypePrettycode from 'rehype-pretty-code'
-import { visit } from './utils'
+import { flattenNode, visit } from './utils'
 
 const slugger = new Slugger()
 const headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6']

packages/next-docs/src/mdx-plugins/remark-dynamic-content.ts

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import fs from 'fs'
 import path from 'path'
+import type { Plugin } from 'unified'
 import { visit } from 'unist-util-visit'
-import type { Plugin } from './types'
 
 const regex = /^\|reference:(.+)\|/
 

packages/next-docs/src/mdx-plugins/search-structure.ts

@@ -3,8 +3,8 @@ import Slugger from 'github-slugger'
 import { remark } from 'remark'
 import remarkGfm from 'remark-gfm'
 import remarkMdx from 'remark-mdx'
+import type { Plugin } from 'unified'
 import { visit } from 'unist-util-visit'
-import type { Plugin } from './types'
 
 type Heading = {
   id: string

packages/next-docs/src/mdx-plugins/utils.js

@@ -1,3 +1,16 @@
+/**
+ * @typedef {import('hast').Nodes} Nodes
+ * @typedef {import('hast').Parents} Parents
+ */
+
+/**
+ * Visit a node with filtered tag names
+ *
+ * @param {Nodes} node
+ *   Node to visit.
+ * @param {Array<string>} tagNames
+ * @param {(node: Nodes) => void} handler
+ */
 export function visit(node, tagNames, handler) {
   if (tagNames.includes(node.tagName)) {
     handler(node)
@@ -6,3 +19,53 @@ export function visit(node, tagNames, handler) {
 
   node.children?.forEach(n => visit(n, tagNames, handler))
 }
+
+/**
+ * Get the plain-text value of a hast node.
+ *
+ * @param {Nodes} node
+ *   Node to serialize.
+ * @returns {string}
+ *   Serialized node.
+ */
+export function flattenNode(node) {
+  // “The concatenation of data of all the Text node descendants of the context
+  // object, in tree order.”
+  if ('children' in node) {
+    return all(node)
+  }
+
+  // “Context object’s data.”
+  return 'value' in node ? node.value : ''
+}
+
+/**
+ * @param {Nodes} node
+ *   Node.
+ * @returns {string}
+ *   Serialized node.
+ */
+function one(node) {
+  if (node.type === 'text') {
+    return node.value
+  }
+
+  return 'children' in node ? all(node) : ''
+}
+
+/**
+ * @param {Parents} node
+ *   Node.
+ * @returns {string}
+ *   Serialized node.
+ */
+function all(node) {
+  /** @type {Array<string>} */
+  const result = []
+
+  for (let i = 0; i < node.children.length; i++) {
+    result[i] = one(node.children[i])
+  }
+
+  return result.join('')
+}

packages/next-docs/tsup.config.ts

@@ -6,7 +6,7 @@ export default defineConfig({
     'src/{server,breadcrumb,sidebar,toc,search,link,contentlayer,middleware,mdx-plugins,algolia,search-algolia}/index.{ts,tsx}',
     'src/contentlayer/configuration.ts'
   ],
-  external: ['contentlayer', 'algoliasearch'],
+  external: ['contentlayer'],
   format: 'esm',
   dts: true,
   target: tsconfig.compilerOptions.target as 'es2016'