85f6a43502
* semantic rendering of miniTocItems * feat: create nested mini toc structure to simplify semantic rendering * remove className usage of indentationLevel in miniToc rendering * manually run script/graphql/update-files.js to update pre-rendered files * use less brittle regex method to extract number
56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
import { createContext, useContext } from 'react'
|
|
|
|
export type LearningTrack = {
|
|
trackName?: string
|
|
trackProduct?: string
|
|
prevGuide?: { href: string; title: string }
|
|
nextGuide?: { href: string; title: string }
|
|
}
|
|
|
|
export type MiniTocItem = {
|
|
platform: string
|
|
contents: string
|
|
items?: MiniTocItem[]
|
|
}
|
|
|
|
export type ArticleContextT = {
|
|
title: string
|
|
intro: string
|
|
renderedPage: string
|
|
miniTocItems: Array<MiniTocItem>
|
|
contributor: { name: string; URL: string } | null
|
|
permissions?: string
|
|
includesPlatformSpecificContent: boolean
|
|
defaultPlatform?: string
|
|
product?: string
|
|
currentLearningTrack?: LearningTrack
|
|
}
|
|
|
|
export const ArticleContext = createContext<ArticleContextT | null>(null)
|
|
|
|
export const useArticleContext = (): ArticleContextT => {
|
|
const context = useContext(ArticleContext)
|
|
|
|
if (!context) {
|
|
throw new Error('"useArticleContext" may only be used inside "ArticleContext.Provider"')
|
|
}
|
|
|
|
return context
|
|
}
|
|
|
|
export const getArticleContextFromRequest = (req: any): ArticleContextT => {
|
|
const page = req.context.page
|
|
return {
|
|
title: page.titlePlainText,
|
|
intro: page.intro,
|
|
renderedPage: req.context.renderedPage || '',
|
|
miniTocItems: req.context.miniTocItems || [],
|
|
contributor: page.contributor || null,
|
|
permissions: page.permissions || '',
|
|
includesPlatformSpecificContent: page.includesPlatformSpecificContent || false,
|
|
defaultPlatform: page.defaultPlatform || '',
|
|
product: page.product || '',
|
|
currentLearningTrack: req.context.currentLearningTrack,
|
|
}
|
|
}
|