UNPKG

next

Version:

The React Framework

157 lines (156 loc) • 6.11 kB
import { resolveArray, resolveAsArrayOrUndefined } from '../generate/utils'; import { getSocialImageFallbackMetadataBase, isStringOrURL, resolveUrl, resolveAbsoluteUrlWithPathname } from './resolve-url'; import { resolveTitle } from './resolve-title'; import { isFullStringUrl } from '../../url'; import { warnOnce } from '../../../build/output/log'; const OgTypeFields = { article: [ 'authors', 'tags' ], song: [ 'albums', 'musicians' ], playlist: [ 'albums', 'musicians' ], radio: [ 'creators' ], video: [ 'actors', 'directors', 'writers', 'tags' ], basic: [ 'emails', 'phoneNumbers', 'faxNumbers', 'alternateLocale', 'audio', 'videos' ] }; function resolveAndValidateImage(item, metadataBase, isMetadataBaseMissing, isStandaloneMode) { if (!item) return undefined; const isItemUrl = isStringOrURL(item); const inputUrl = isItemUrl ? item : item.url; if (!inputUrl) return undefined; // process.env.VERCEL is set to "1" when System Environment Variables are // exposed. When exposed, validation is not necessary since we are falling back to // process.env.VERCEL_PROJECT_PRODUCTION_URL, process.env.VERCEL_BRANCH_URL, or // process.env.VERCEL_URL for the `metadataBase`. process.env.VERCEL is undefined // when System Environment Variables are not exposed. When not exposed, we cannot // detect in the build environment if the deployment is a Vercel deployment or not. // // x-ref: https://vercel.com/docs/projects/environment-variables/system-environment-variables#system-environment-variables const isNonVercelDeployment = !process.env.VERCEL && process.env.NODE_ENV === 'production'; // Validate url in self-host standalone mode or non-Vercel deployment if (isStandaloneMode || isNonVercelDeployment) { validateResolvedImageUrl(inputUrl, metadataBase, isMetadataBaseMissing); } return isItemUrl ? { url: resolveUrl(inputUrl, metadataBase) } : { ...item, // Update image descriptor url url: resolveUrl(inputUrl, metadataBase) }; } export function resolveImages(images, metadataBase, isStandaloneMode) { const resolvedImages = resolveAsArrayOrUndefined(images); if (!resolvedImages) return resolvedImages; const { isMetadataBaseMissing, fallbackMetadataBase } = getSocialImageFallbackMetadataBase(metadataBase); const nonNullableImages = []; for (const item of resolvedImages){ const resolvedItem = resolveAndValidateImage(item, fallbackMetadataBase, isMetadataBaseMissing, isStandaloneMode); if (!resolvedItem) continue; nonNullableImages.push(resolvedItem); } return nonNullableImages; } const ogTypeToFields = { article: OgTypeFields.article, book: OgTypeFields.article, 'music.song': OgTypeFields.song, 'music.album': OgTypeFields.song, 'music.playlist': OgTypeFields.playlist, 'music.radio_station': OgTypeFields.radio, 'video.movie': OgTypeFields.video, 'video.episode': OgTypeFields.video }; function getFieldsByOgType(ogType) { if (!ogType || !(ogType in ogTypeToFields)) return OgTypeFields.basic; return ogTypeToFields[ogType].concat(OgTypeFields.basic); } function validateResolvedImageUrl(inputUrl, fallbackMetadataBase, isMetadataBaseMissing) { // Only warn on the image url that needs to be resolved with metadataBase if (typeof inputUrl === 'string' && !isFullStringUrl(inputUrl) && isMetadataBaseMissing) { warnOnce(`metadataBase property in metadata export is not set for resolving social open graph or twitter images, using "${fallbackMetadataBase.origin}". See https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadatabase`); } } export const resolveOpenGraph = (openGraph, metadataBase, metadataContext, titleTemplate)=>{ if (!openGraph) return null; function resolveProps(target, og) { const ogType = og && 'type' in og ? og.type : undefined; const keys = getFieldsByOgType(ogType); for (const k of keys){ const key = k; if (key in og && key !== 'url') { const value = og[key]; target[key] = value ? resolveArray(value) : null; } } target.images = resolveImages(og.images, metadataBase, metadataContext.isStandaloneMode); } const resolved = { ...openGraph, title: resolveTitle(openGraph.title, titleTemplate) }; resolveProps(resolved, openGraph); resolved.url = openGraph.url ? resolveAbsoluteUrlWithPathname(openGraph.url, metadataBase, metadataContext) : null; return resolved; }; const TwitterBasicInfoKeys = [ 'site', 'siteId', 'creator', 'creatorId', 'description' ]; export const resolveTwitter = (twitter, metadataBase, metadataContext, titleTemplate)=>{ var _resolved_images; if (!twitter) return null; let card = 'card' in twitter ? twitter.card : undefined; const resolved = { ...twitter, title: resolveTitle(twitter.title, titleTemplate) }; for (const infoKey of TwitterBasicInfoKeys){ resolved[infoKey] = twitter[infoKey] || null; } resolved.images = resolveImages(twitter.images, metadataBase, metadataContext.isStandaloneMode); card = card || (((_resolved_images = resolved.images) == null ? void 0 : _resolved_images.length) ? 'summary_large_image' : 'summary'); resolved.card = card; if ('card' in resolved) { switch(resolved.card){ case 'player': { resolved.players = resolveAsArrayOrUndefined(resolved.players) || []; break; } case 'app': { resolved.app = resolved.app || {}; break; } default: break; } } return resolved; }; //# sourceMappingURL=resolve-opengraph.js.map