Final type of data structure for curated front page

curated-front-page-final-data.js

type SideHeader = {
	type: 'SideHeader',
	title: string,
	useLogo? : boolean,
	description? : string,
	customImage: SimpleImage,
	links: Array <{
		url: string,
		text: string
	}>
}

type TopHeader = {
	type: 'TopHeader',
	title: string,
	useLogo? : boolean,
	links? : Array <{
		url: string,
		text: string
	}>
}

type FourEqualWithSidebar = {
	name: 'FourEqualWithSidebar',
	header: SideHeader
}

type Feed = {
	name: 'Feed',
	header: TopHeader,
	numberOfCards: number
};

type CurationBlockLayout = FourEqualWithSidebar | Feed;

type Autofill = {
	type: 'BlogAutofill',
	blogId: BlogId
} | {
	type: 'TagAutofill',
	tagCanonical: string,
	blogId: BlogId
} | {
	type: 'StoryTypeAutofill',
	storyTypeId: StoryTypeId,
} | {
	type: 'CategoryAutofill',
	categoryId: CategoryId
}

type StandardBlock = {
	type: 'Standard',
	layout: CurationBlockLayout,
	autofill? : Autofill,
	cards: Array <{
		postId: PostId
	}>
}

type VideoBlock = {
	type: 'Video'	
}
	
type CurationBlock = StandardBlock | VideoBlock

The MVP layouts are:

type Layout = FiveCardModular | FourCardModular | HorizontalList

type FiveCardModular = {
	type: 'FiveCardModular'
}

type FourCardModular = {
	type: 'FourCardModular'
}

type HorizontalList = {
	type: 'HorizontalList',
	header: TopHeader
};

type TopHeader = {
	type: 'TopHeader',
	title: string,
	useLogo: boolean,
	links: Array<{
		url: string,
		text: string
	}>
}