72 lines
2.0 KiB
TypeScript
72 lines
2.0 KiB
TypeScript
import { Metadata } from "next";
|
|
import { NextIntlClientProvider } from "next-intl";
|
|
import { getMessages, setRequestLocale } from "next-intl/server";
|
|
import { SUPPORTED_LOCALES, DEFAULT_LOCALE, isValidLocale } from "@/lib/i18n/locales";
|
|
import { OpenPanelComponent } from "@openpanel/nextjs";
|
|
import Script from "next/script";
|
|
|
|
// Rybbit configuration - defined inline to avoid client directive issues
|
|
const RYBBIT_HOST = "https://rybbit.nodecrew.me";
|
|
const RYBBIT_SITE_ID = "1";
|
|
|
|
const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://dev.manoonoils.com";
|
|
|
|
export function generateStaticParams() {
|
|
return SUPPORTED_LOCALES.map((locale) => ({ locale }));
|
|
}
|
|
|
|
export async function generateMetadata({
|
|
params,
|
|
}: {
|
|
params: Promise<{ locale: string }>;
|
|
}): Promise<Metadata> {
|
|
const { locale } = await params;
|
|
const validLocale = isValidLocale(locale) ? locale : DEFAULT_LOCALE;
|
|
const localePrefix = validLocale === DEFAULT_LOCALE ? "" : `/${validLocale}`;
|
|
|
|
const languages: Record<string, string> = {};
|
|
for (const loc of SUPPORTED_LOCALES) {
|
|
const prefix = loc === DEFAULT_LOCALE ? "" : `/${loc}`;
|
|
languages[loc] = `${baseUrl}${prefix}`;
|
|
}
|
|
|
|
return {
|
|
alternates: {
|
|
canonical: `${baseUrl}${localePrefix}`,
|
|
languages,
|
|
},
|
|
};
|
|
}
|
|
|
|
export default async function LocaleLayout({
|
|
children,
|
|
params,
|
|
}: {
|
|
children: React.ReactNode;
|
|
params: Promise<{ locale: string }>;
|
|
}) {
|
|
const { locale } = await params;
|
|
setRequestLocale(locale);
|
|
const messages = await getMessages();
|
|
|
|
return (
|
|
<>
|
|
<OpenPanelComponent
|
|
clientId={process.env.NEXT_PUBLIC_OPENPANEL_CLIENT_ID || ""}
|
|
trackScreenViews={true}
|
|
trackOutgoingLinks={true}
|
|
apiUrl="https://op.nodecrew.me/api"
|
|
scriptUrl="https://op.nodecrew.me/op1.js"
|
|
/>
|
|
<Script
|
|
src={`${RYBBIT_HOST}/api/script.js`}
|
|
data-site-id={RYBBIT_SITE_ID}
|
|
strategy="afterInteractive"
|
|
/>
|
|
<NextIntlClientProvider messages={messages}>
|
|
{children}
|
|
</NextIntlClientProvider>
|
|
</>
|
|
);
|
|
}
|