FilesExpand file tree

main

/

CategoryLandingContext.tsx

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

73 lines (65 loc) · 2.51 KB

main

/

CategoryLandingContext.tsx

Copy path

Top

File metadata and controls

• Code
• Blame

73 lines (65 loc) · 2.51 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

import { createContext, useContext } from 'react'

import { getFeaturedLinksFromReq } from '@/landings/lib/featured-links'

import type { RawTocItem, TocItem, FeaturedLink } from '@/landings/types'

import { mapRawTocItemToTocItem } from '@/landings/types'

import type { SpotlightItem } from '@/types'

export type CategoryLandingContextT = {

title: string

intro: string

productCallout: string

permissions: string

tocItems: Array<TocItem>

variant?: 'compact' | 'expanded'

featuredLinks: Record<string, Array<FeaturedLink>>

renderedPage: string

currentLayout: string

spotlight?: SpotlightItem[]

filters?: Array<'category' | 'surface' | 'complexity'>

}

export const CategoryLandingContext = createContext<CategoryLandingContextT | null>(null)

export const useCategoryLandingContext = (): CategoryLandingContextT => {

const context = useContext(CategoryLandingContext)

if (!context) {

throw new Error(

'"useCategoryLandingContext" may only be used inside "CategoryLandingContext.Provider"',

)

}

return context

}

// Context extraction uses Record<string, unknown> because Page omits runtime-computed properties.

interface ContextRequest {

context: {

page: Record<string, unknown> & { title: string; intro: string }

genericTocFlat?: unknown[]

genericTocNested?: unknown[]

renderedPage?: string

currentLayoutName?: string

featuredLinks?: Record<string, unknown[]>

[key: string]: unknown

}

[key: string]: unknown

}

export const getCategoryLandingContextFromRequest = (

req: ContextRequest,

): CategoryLandingContextT => {

const spotlight = req.context.page.spotlight as SpotlightItem[] | undefined

const filters = req.context.page.filters as

| Array<'category' | 'surface' | 'complexity'>

| undefined

return {

title: req.context.page.title,

productCallout: (req.context.page.product as string) || '',

permissions: (req.context.page.permissions as string) || '',

intro: req.context.page.intro,

tocItems: (

(req.context.genericTocFlat || req.context.genericTocNested || []) as RawTocItem[]

).map(mapRawTocItemToTocItem),

variant: req.context.genericTocFlat ? 'expanded' : 'compact',

featuredLinks: getFeaturedLinksFromReq(req),

renderedPage: (req.context.renderedPage as string) || '',

currentLayout: req.context.currentLayoutName || '',

// getServerSideProps cannot serialize undefined, so omit absent frontmatter fields.

...(spotlight !== undefined && { spotlight }),

...(filters !== undefined && { filters }),

}

}