all repos — caroster @ v5.5

[Octree] Group carpool to your event https://caroster.io

frontend/middleware.ts (view raw)

 1import {getToken} from 'next-auth/jwt';
 2import {NextRequest, NextResponse} from 'next/server';
 3import {
 4  ProfileDocument,
 5  Enum_Userspermissionsuser_Lang as SupportedLocales,
 6} from './generated/graphql';
 7import {print} from 'graphql/language/printer';
 8import {getCookie} from './lib/cookies';
 9
10const PUBLIC_FILE = /\.(.*)$/;
11const FALLBACK_LANGUAGE = process.env.FALLBACK_LANGUAGE || 'en';
12
13export async function middleware(req: NextRequest) {
14  const isIgnoredPath =
15    req.nextUrl.pathname.startsWith('/_next') ||
16    req.nextUrl.pathname.includes('/api/') ||
17    req.nextUrl.pathname.startsWith('/graphql') ||
18    PUBLIC_FILE.test(req.nextUrl.pathname);
19
20  if (isIgnoredPath) return null;
21
22  const locale = await getRegisteredUserLanguage(req) ||
23    getCookie('NEXT_LOCALE', req.headers.get('cookie')) ||
24    getBrowserPreferredSupportedLanguage(req) ||
25    FALLBACK_LANGUAGE;
26
27  if (req.nextUrl.locale !== locale) {
28    return NextResponse.redirect(
29      new URL(
30        `/${locale}${req.nextUrl.pathname}${req.nextUrl.search || ''}`,
31        req.url
32      )
33    );
34  }
35}
36
37const getRegisteredUserLanguage = async (req) => {
38  const token = await getToken({
39    req,
40    secret: process.env.NEXTAUTH_SECRET,
41  });
42
43  const {STRAPI_URL = 'http://localhost:1337'} = process.env;
44  return fetch(`${STRAPI_URL}/graphql/`, {
45    method: 'POST',
46    headers: {
47      'Content-Type': 'application/json',
48      authorization: token?.jwt ? `Bearer ${token.jwt}` : '',
49    },
50    body: JSON.stringify({query: print(ProfileDocument)}),
51  })
52    .then(async response => {
53      const {data}  = await response.json();
54      return data?.me?.profile?.lang;
55    })
56    .catch(console.error);
57};
58
59const getBrowserPreferredSupportedLanguage = (req): SupportedLocales => {
60  const browserAcceptedLanguages = req.headers
61    .get('accept-language')
62    ?.split(',');
63  let browserPreferredSupportedLanguage = null;
64  browserAcceptedLanguages?.every(locale => {
65    const lang = locale.split('-')?.[0].toLowerCase();
66
67    if (Object.keys(SupportedLocales).includes(lang)) {
68      browserPreferredSupportedLanguage = lang;
69    } else {
70      return false;
71    }
72  });
73  return browserPreferredSupportedLanguage;
74};