-
Notifications
You must be signed in to change notification settings - Fork 0
/
useGetTocQuery.ts
45 lines (39 loc) · 1.32 KB
/
useGetTocQuery.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
import { useCallback } from 'react'
import { useRequestWithPlaceholder } from '../../../hooks/useRequestWithPlaceholder'
import type { PageDescriptor, PageId, TableOfContent } from '../types'
function getPagePlaceholder(id: PageId, parentId: PageId, pages: PageId[] = []): PageDescriptor {
return {
id,
parentId,
title: '',
pages,
}
}
const PLACEHOLDER: TableOfContent = {
entities: {
pages: {
p0: getPagePlaceholder('p0', '', ['p01', 'p02', 'p03']),
p01: getPagePlaceholder('p01', 'p0'),
p02: getPagePlaceholder('p02', 'p0', ['p021', 'p022']),
p021: getPagePlaceholder('p021', 'p02'),
p022: getPagePlaceholder('p022', 'p02'),
p03: getPagePlaceholder('p03', 'p0'),
p1: getPagePlaceholder('p1', ''),
p2: getPagePlaceholder('p2', ''),
}
},
topLevelIds: [
'p0',
'p1',
'p2'
]
}
async function fetchToc(url: string): Promise<TableOfContent> {
const res = await fetch(url)
return res.json() as Promise<TableOfContent>
}
/** Fetches the TableOfContent data from URL */
export function useGetTocQuery(url: string) {
const callback = useCallback(() => fetchToc(url), [url])
return useRequestWithPlaceholder<TableOfContent>(callback, PLACEHOLDER)
}