* feat(BOOK-257): Added VideoPlayer with card component * feat(BOOK-257): Added queries and component for VideoCard block to Content and Collection pages * fix(BOOK-257): Only setting object-fit: cover on the video if it is not fullscreen * feat(BOOK-257): Added queries and component for VideoCard block to Startpage * feat(BOOK-257): Added queries and component for Video block to content/collection/start page Approved-by: Chuma Mcphoy (We Ahead)
167 lines
4.7 KiB
TypeScript
167 lines
4.7 KiB
TypeScript
import { createCounter } from "@scandic-hotels/common/telemetry"
|
|
|
|
import { notFound } from "../../../errors"
|
|
import { GetCollectionPageRefs } from "../../../graphql/Query/CollectionPage/CollectionPage.graphql"
|
|
import { request } from "../../../graphql/request"
|
|
import {
|
|
CollectionPageEnum,
|
|
type CollectionPageRefs,
|
|
type GetCollectionPageRefsSchema,
|
|
} from "../../../types/collectionPage"
|
|
import {
|
|
generateRefsResponseTag,
|
|
generateTag,
|
|
generateTagsFromAssetSystem,
|
|
generateTagsFromSystem,
|
|
} from "../../../utils/generateTag"
|
|
import { collectionPageRefsSchema } from "./output"
|
|
|
|
import type { Lang } from "@scandic-hotels/common/constants/language"
|
|
|
|
import type { AssetSystem, System } from "../schemas/system"
|
|
|
|
export async function fetchCollectionPageRefs(lang: Lang, uid: string) {
|
|
const getCollectionPageRefsCounter = createCounter(
|
|
"trpc.contentstack.collectionPage.get.refs"
|
|
)
|
|
const metricsGetCollectionPageRefs = getCollectionPageRefsCounter.init({
|
|
lang,
|
|
uid,
|
|
})
|
|
|
|
metricsGetCollectionPageRefs.start()
|
|
|
|
const cacheKey = generateRefsResponseTag(lang, uid)
|
|
|
|
const refsResponse = await request<GetCollectionPageRefsSchema>(
|
|
GetCollectionPageRefs,
|
|
{
|
|
locale: lang,
|
|
uid,
|
|
},
|
|
{
|
|
key: cacheKey,
|
|
ttl: "max",
|
|
}
|
|
)
|
|
|
|
if (!refsResponse.data) {
|
|
const notFoundError = notFound(refsResponse)
|
|
metricsGetCollectionPageRefs.noDataError()
|
|
throw notFoundError
|
|
}
|
|
|
|
return refsResponse.data
|
|
}
|
|
|
|
export function validateCollectionPageRefs(
|
|
data: GetCollectionPageRefsSchema,
|
|
lang: Lang,
|
|
uid: string
|
|
) {
|
|
const getCollectionPageRefsCounter = createCounter(
|
|
"trpc.contentstack.collectionPage.get.refs"
|
|
)
|
|
const metricsGetCollectionPageRefs = getCollectionPageRefsCounter.init({
|
|
lang,
|
|
uid,
|
|
})
|
|
|
|
const validatedData = collectionPageRefsSchema.safeParse(data)
|
|
if (!validatedData.success) {
|
|
metricsGetCollectionPageRefs.validationError(validatedData.error)
|
|
return null
|
|
}
|
|
|
|
metricsGetCollectionPageRefs.success()
|
|
|
|
return validatedData.data
|
|
}
|
|
|
|
export function generatePageTags(
|
|
validatedData: CollectionPageRefs,
|
|
lang: Lang
|
|
): string[] {
|
|
const connections = getConnections(validatedData)
|
|
const assetConnections = getConnectionsFromAssets(validatedData)
|
|
return [
|
|
generateTagsFromSystem(lang, connections),
|
|
generateTagsFromAssetSystem(assetConnections),
|
|
generateTag(lang, validatedData.collection_page.system.uid),
|
|
].flat()
|
|
}
|
|
|
|
export function getConnectionsFromAssets({
|
|
collection_page,
|
|
}: CollectionPageRefs) {
|
|
const connections: AssetSystem["system"][] = []
|
|
|
|
if (collection_page.hero_video?.sourceConnection.edges[0]) {
|
|
connections.push(
|
|
collection_page.hero_video.sourceConnection.edges[0].node.system
|
|
)
|
|
}
|
|
|
|
if (collection_page.blocks) {
|
|
collection_page.blocks.forEach((block) => {
|
|
switch (block.__typename) {
|
|
case CollectionPageEnum.ContentStack.blocks.VideoCard:
|
|
if (block.video_card?.video.sourceConnection.edges[0]) {
|
|
connections.push(
|
|
block.video_card.video.sourceConnection.edges[0].node.system
|
|
)
|
|
}
|
|
break
|
|
case CollectionPageEnum.ContentStack.blocks.Video:
|
|
if (block.video?.sourceConnection.edges[0]) {
|
|
connections.push(block.video.sourceConnection.edges[0].node.system)
|
|
}
|
|
break
|
|
default:
|
|
break
|
|
}
|
|
})
|
|
}
|
|
|
|
return connections
|
|
}
|
|
|
|
export function getConnections({ collection_page }: CollectionPageRefs) {
|
|
const connections: System["system"][] = [collection_page.system]
|
|
if (collection_page.blocks) {
|
|
collection_page.blocks.forEach((block) => {
|
|
const typeName = block.__typename
|
|
switch (typeName) {
|
|
case CollectionPageEnum.ContentStack.blocks.Shortcuts:
|
|
if (block.shortcuts.shortcuts.length) {
|
|
connections.push(...block.shortcuts.shortcuts.filter((c) => !!c))
|
|
}
|
|
break
|
|
case CollectionPageEnum.ContentStack.blocks.CardsGrid:
|
|
if (block.cards_grid.length) {
|
|
connections.push(...block.cards_grid)
|
|
}
|
|
break
|
|
case CollectionPageEnum.ContentStack.blocks.UspGrid:
|
|
if (block.usp_grid.length) {
|
|
connections.push(...block.usp_grid.filter((c) => !!c))
|
|
}
|
|
break
|
|
case CollectionPageEnum.ContentStack.blocks.VideoCard:
|
|
if (block.video_card?.system) {
|
|
connections.push(block.video_card.system)
|
|
}
|
|
break
|
|
case CollectionPageEnum.ContentStack.blocks.DynamicContent:
|
|
case CollectionPageEnum.ContentStack.blocks.Video:
|
|
break
|
|
default:
|
|
const _exhaustiveCheck: never = typeName
|
|
break
|
|
}
|
|
})
|
|
}
|
|
|
|
return connections
|
|
}
|