2024-08-16 12:25:24 +02:00
|
|
|
import { base } from '$app/paths';
|
|
|
|
|
import { languages } from '$lib/languages';
|
|
|
|
|
import { getURLForLanguage } from '$lib/utils';
|
|
|
|
|
|
|
|
|
|
export async function handle({ event, resolve }) {
|
|
|
|
|
let language = event.params.language ?? 'en';
|
|
|
|
|
const strings = await import(`./locales/${language}.json`);
|
|
|
|
|
|
|
|
|
|
let path = event.url.pathname;
|
|
|
|
|
let page = event.route.id?.replace('/[[language]]', '').split('/')[1] ?? 'home';
|
|
|
|
|
|
|
|
|
|
let title = strings.metadata[`${page}_title`];
|
|
|
|
|
let description = strings.metadata[`description`];
|
|
|
|
|
|
|
|
|
|
let head = `<head>
|
|
|
|
|
<title>gpx.studio — ${title}</title>
|
|
|
|
|
<meta name="description" content="${description}" />
|
|
|
|
|
<meta property="og:title" content="gpx.studio — ${title}" />
|
|
|
|
|
<meta property="og:description" content="${description}" />
|
|
|
|
|
<meta name="twitter:title" content="gpx.studio — ${title}" />
|
|
|
|
|
<meta name="twitter:description" content="${description}" />
|
|
|
|
|
<meta property="og:image" content="https://gpx.studio${base}/og_logo.png" />
|
|
|
|
|
<meta property="og:url" content="https://gpx.studio/" />
|
|
|
|
|
<meta property="og:type" content="website" />
|
|
|
|
|
<meta property="og:site_name" content="gpx.studio" />
|
|
|
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
|
|
|
<meta name="twitter:image" content="https://gpx.studio${base}/og_logo.png" />
|
|
|
|
|
<meta name="twitter:url" content="https://gpx.studio/" />
|
|
|
|
|
<meta name="twitter:site" content="@gpxstudio" />
|
|
|
|
|
<meta name="twitter:creator" content="@gpxstudio" />
|
|
|
|
|
<link rel="alternate" hreflang="x-default" href="https://gpx.studio${getURLForLanguage('en', path)}" />`;
|
|
|
|
|
|
|
|
|
|
for (let lang of Object.keys(languages)) {
|
|
|
|
|
head += ` <link rel="alternate" hreflang="${lang}" href="https://gpx.studio${getURLForLanguage(lang, path)}" />
|
|
|
|
|
`;
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-10 18:51:08 +02:00
|
|
|
let stringsHTML = stringsToHTML(strings);
|
|
|
|
|
|
2024-08-16 12:25:24 +02:00
|
|
|
const response = await resolve(event, {
|
2024-09-10 18:51:08 +02:00
|
|
|
transformPageChunk: ({ html }) => html.replace('<head>', head).replace('<body data-sveltekit-preload-data="hover">', `<body data-sveltekit-preload-data="hover"><div class="hidden">${stringsHTML}</div>`)
|
2024-08-16 12:25:24 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return response;
|
2024-09-10 18:51:08 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function stringsToHTML(dictionary, strings = new Set(), root = true) {
|
|
|
|
|
Object.values(dictionary).forEach((value) => {
|
|
|
|
|
if (typeof value === 'object') {
|
|
|
|
|
stringsToHTML(value, strings, false);
|
|
|
|
|
} else {
|
|
|
|
|
strings.add(value);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
if (root) {
|
|
|
|
|
return Array.from(strings).map((string) => `<p>${string}</p>`).join('');
|
|
|
|
|
}
|
2024-08-16 12:25:24 +02:00
|
|
|
}
|
