pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 07:51:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: Enhance OpenGraph descriptions

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-11-04 22:06:21 +00:00
parent ffd71f51fb
commit 5d3231f0dd
1 changed files with 23 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
api/ssrOG.ts
View File

@@ -30,6 +30,10 @@ interface ParkData {
description?: string;
banner_image_id?: string;
banner_image_url?: string;
location?: {
city: string;
country: string;
};
}
interface RideData {
@@ -37,6 +41,9 @@ interface RideData {
description?: string;
banner_image_id?: string;
banner_image_url?: string;
park?: {
name: string;
};
}
async function getPageData(pathname: string, fullUrl: string): Promise<PageData> {
@@ -49,7 +56,7 @@ async function getPageData(pathname: string, fullUrl: string): Promise<PageData>
try {
const response = await fetch(
`${process.env.SUPABASE_URL}/rest/v1/parks?slug=eq.${slug}&select=name,description,banner_image_id,banner_image_url`,
`${process.env.SUPABASE_URL}/rest/v1/parks?slug=eq.${slug}&select=name,description,banner_image_id,banner_image_url,location(city,country)`,
{
headers: {
'apikey': process.env.SUPABASE_ANON_KEY!,
@@ -67,9 +74,15 @@ async function getPageData(pathname: string, fullUrl: string): Promise<PageData>
? `https://cdn.thrillwiki.com/images/${park.banner_image_id}/original`
: (process.env.DEFAULT_OG_IMAGE || DEFAULT_FALLBACK_IMAGE));
// Match client-side fallback logic
const description = park.description ??
(park.location
? `${park.name} - A theme park in ${park.location.city}, ${park.location.country}`
: `${park.name} - A theme park`);
return {
title: `${park.name} - ThrillWiki`,
description: park.description || `Discover ${park.name} on ThrillWiki`,
description,
image: imageUrl,
url: fullUrl,
type: 'website'
@@ -91,7 +104,7 @@ async function getPageData(pathname: string, fullUrl: string): Promise<PageData>
try {
const response = await fetch(
`${process.env.SUPABASE_URL}/rest/v1/rides?slug=eq.${rideSlug}&select=name,description,banner_image_id,banner_image_url`,
`${process.env.SUPABASE_URL}/rest/v1/rides?slug=eq.${rideSlug}&select=name,description,banner_image_id,banner_image_url,park(name)`,
{
headers: {
'apikey': process.env.SUPABASE_ANON_KEY!,
@@ -109,9 +122,15 @@ async function getPageData(pathname: string, fullUrl: string): Promise<PageData>
? `https://cdn.thrillwiki.com/images/${ride.banner_image_id}/original`
: (process.env.DEFAULT_OG_IMAGE || DEFAULT_FALLBACK_IMAGE));
// Match client-side fallback logic
const description = ride.description ||
(ride.park?.name
? `${ride.name} - A thrilling ride at ${ride.park.name}`
: `${ride.name} - A thrilling ride`);
return {
title: `${ride.name} - ThrillWiki`,
description: ride.description || `Discover ${ride.name} on ThrillWiki`,
description,
image: imageUrl,
url: fullUrl,
type: 'website'