@prezly/theme-kit-nextjs
Version:
Data layer and utility library for developing Prezly themes with NextJS
109 lines (104 loc) • 6.12 kB
JavaScript
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
import { AsyncResolvable, Routing } from '@prezly/theme-kit-core';
import { Locale } from '@prezly/theme-kit-intl';
import { headers } from 'next/headers';
import { NextResponse } from 'next/server';
import { slugs } from "./slugs.mjs";
/** @see Configuration.localeCodeHeader */
export var DEFAULT_LOCALE_CODE_HEADER = 'X-Prezly-Locale-Code';
/** @see Configuration.requestOriginHeader */
export var DEFAULT_REQUEST_ORIGIN_HEADER = 'X-Prezly-Request-Origin';
export function handle(_x, _x2) {
return _handle.apply(this, arguments);
}
function _handle() {
_handle = _asyncToGenerator(function* (request, config) {
var _ref2, _ref3;
var {
router,
localeCodeHeader = DEFAULT_LOCALE_CODE_HEADER,
toLocaleSlug = Routing.getShortestLocaleSlug
} = config;
var [defaultLocale, locales] = yield AsyncResolvable.resolve(config.defaultLocale, config.locales);
var {
pathname,
searchParams
} = request.nextUrl;
var match = router.match(pathname, searchParams, {
isSupportedLocale(localeSlug) {
return Boolean(Routing.matchLocaleSlug(localeSlug, locales));
}
});
// The request URL does not match the routing schema
if (!match) {
var _ref;
// Maybe, we can pull the first `/xx/` portion and use it for Intl.
var [possiblyLocaleSlug = ''] = pathname.split('/').filter(Boolean);
var _localeCode = (_ref = isTheoreticallySupportedLocaleSlug(possiblyLocaleSlug) ? Routing.matchLocaleSlug(possiblyLocaleSlug, locales) : undefined) !== null && _ref !== void 0 ? _ref :
// or just fallback to the default one
defaultLocale;
return NextResponse.rewrite(new URL("/".concat(_localeCode, "/_error404"), request.nextUrl), {
headers: {
[localeCodeHeader]: _localeCode
}
});
}
var localeSlug = match.params.localeSlug || undefined; // convert empty string to `undefined`
var localeCode = (_ref2 = (_ref3 = match.route.resolveLocale ? yield match.route.resolveLocale(match.params) : undefined) !== null && _ref3 !== void 0 ? _ref3 : localeSlug ? Routing.matchLocaleSlug(localeSlug, locales) : undefined) !== null && _ref2 !== void 0 ? _ref2 : defaultLocale;
var expectedLocaleSlug = toLocaleSlug(localeCode, {
locales,
defaultLocale
}) || undefined; // convert `false` to `undefined`
// The locale slug is not matching the expected shortest code.
// Redirect to the right URL.
if (localeSlug && localeSlug !== expectedLocaleSlug) {
var redirect = match.route.generate(_objectSpread(_objectSpread({}, match.params), {}, {
localeSlug: expectedLocaleSlug
}));
return NextResponse.redirect(new URL(redirect, request.nextUrl));
}
// Rewrite the URl to route it to the right internal page path
var rewrite = match.route.rewrite(_objectSpread({
localeCode
}, match.params));
var rewriteUrl = new URL(rewrite, request.nextUrl);
searchParams.forEach((value, key) => {
rewriteUrl.searchParams.set(key, value);
});
return NextResponse.rewrite(rewriteUrl, {
headers: {
[localeCodeHeader]: localeCode
}
});
});
return _handle.apply(this, arguments);
}
/**
* Get the locale code attached to the request headers.
*
* WARNING: Calling this function will opt out of Next.js optimizations.
* Only call it when absolutely necessary.
* See https://nextjs.org/docs/app/building-your-application/rendering/server-components#dynamic-functions
*
* The only currently foreseen use-case for this function is rendering
* a 404 page in the right locale, as not-found error pages do not have
* access to the request URL, like normal pages.
* See https://nextjs.org/docs/app/api-reference/file-conventions/not-found#props
*/
export function getLocaleCodeFromHeader() {
var localeCodeHeader = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LOCALE_CODE_HEADER;
var code = headers().get(localeCodeHeader);
if (code === null) {
throw new Error('Locale code header is not set. Please check if the middleware is configured properly.');
}
return Locale.from(code).code || undefined; // convert empty string to `undefined`
}
function isTheoreticallySupportedLocaleSlug(localeSlug) {
return slugs.includes(localeSlug);
}