ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

memoize table of contents

Browse Source
This commit is contained in:
keyan 2023-07-13 15:56:57 -05:00
parent 3c711b6083
commit 7a4ba715e0
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/table-of-contents.js
View File

@ -1,4 +1,4 @@
import React, { useState } from 'react' import React, { useMemo, useState } from 'react'
import { Dropdown, FormControl } from 'react-bootstrap' import { Dropdown, FormControl } from 'react-bootstrap'
import TocIcon from '../svgs/list-unordered.svg' import TocIcon from '../svgs/list-unordered.svg'
import { fromMarkdown } from 'mdast-util-from-markdown' import { fromMarkdown } from 'mdast-util-from-markdown'
@ -11,6 +11,7 @@ export default function Toc ({ text }) {
return null return null
} }
const toc = useMemo(() => {
const tree = fromMarkdown(text) const tree = fromMarkdown(text)
const toc = [] const toc = []
const slugger = new GithubSlugger() const slugger = new GithubSlugger()
@ -18,6 +19,8 @@ export default function Toc ({ text }) {
const str = toString(node) const str = toString(node)
toc.push({ heading: str, slug: slugger.slug(str.replace(/[^\w\-\s]+/gi, '')), depth: node.depth }) toc.push({ heading: str, slug: slugger.slug(str.replace(/[^\w\-\s]+/gi, '')), depth: node.depth })
}) })
return toc
}, [text])
if (toc.length === 0) { if (toc.length === 0) {
return null return null