feat: upd alpahs

Author: NikitaCG

package-lock.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "dependencies": {
     "@diplodoc/transform": "^4.18.0",
-    "@gravity-ui/blog-constructor": "^8.5.0",
+    "@gravity-ui/blog-constructor": "^9.0.0-alpha.1",
     "@gravity-ui/chartkit": "^6.1.1",
     "@gravity-ui/charts": "^0.8.0",
     "@gravity-ui/components": "^4.16.0",
@@ -16,7 +16,7 @@
     "@gravity-ui/icons": "^2.16.0",
     "@gravity-ui/markdown-editor": "^15.1.0",
     "@gravity-ui/navigation": "^3.8.0",
-    "@gravity-ui/page-constructor": "^7.20.0-alpha.1",
+    "@gravity-ui/page-constructor": "^8.0.0-alpha.1",
     "@gravity-ui/uikit": "^7.26.1",
     "@gravity-ui/uikit-themer": "^1.4.1",
     "@mdx-js/mdx": "^2.3.0",

package.json

@@ -26,6 +26,9 @@ export const LocalePicker: React.FC = () => {
 
     const appLocale = useLocale();
 
+    // Check if we're on a blog page - blog is only available for en and ru
+    const isBlogPage = router.asPath.includes('/blog');
+
     const renderOption = React.useCallback((option: SelectOption<string>) => {
         const locale = option.value;
         const localeUpperCase = option.value.toUpperCase();
@@ -43,13 +46,23 @@ export const LocalePicker: React.FC = () => {
         return null;
     }
 
+    // Filter locales for blog pages - only en and ru are available
+    const availableLocales = React.useMemo(() => {
+        if (isBlogPage) {
+            return i18nextConfig.i18n.locales.filter(
+                (locale) => locale === 'en' || locale === 'ru',
+            );
+        }
+        return i18nextConfig.i18n.locales;
+    }, [isBlogPage]);
+
     return (
         <div className={b()}>
             <Select
                 size="xl"
                 width="max"
                 value={[appLocale]}
-                options={i18nextConfig.i18n.locales.map((locale) => ({
+                options={availableLocales.map((locale) => ({
                     value: locale,
                 }))}
                 renderOption={renderOption}
@@ -59,6 +72,11 @@ export const LocalePicker: React.FC = () => {
                         return;
                     }
 
+                    // For blog pages, only allow en and ru
+                    if (isBlogPage && locale !== 'en' && locale !== 'ru') {
+                        return;
+                    }
+
                     setCookie({name: NEXT_LOCALE_COOKIE, value: locale});
 
                     router.push(router.pathname, router.asPath, {locale});

src/components/Menu/LocalePicker/LocalePicker.tsx

@@ -34,6 +34,14 @@ export const Menu: React.FC = () => {
 
     const {hideLocalePicker} = React.useContext(EnvironmentContext);
 
+    // Filter menu items based on locale - blog is only available for en and ru
+    const filteredMenu = React.useMemo(() => {
+        if (locale === 'en' || locale === 'ru') {
+            return menu;
+        }
+        return menu.filter((item) => item.url !== '/blog');
+    }, [locale]);
+
     const renderItem = (item: MenuItem) => {
         if (item.isComingSoon) {
             return (
@@ -69,7 +77,7 @@ export const Menu: React.FC = () => {
 
                 <div className={b('desktop-menu')}>
                     <div className={b('desktop-menu-items')}>
-                        {menu.map((item) => (
+                        {filteredMenu.map((item) => (
                             <div
                                 key={item.titleKey}
                                 className={b('desktop-menu-item', {
@@ -121,7 +129,7 @@ export const Menu: React.FC = () => {
                     <Row>
                         <Col sizes={{sm: 12}}>
                             <div className={b('mobile-menu-items')}>
-                                {menu.map((item) => (
+                                {filteredMenu.map((item) => (
                                     <div className={b('mobile-menu-item')} key={item.titleKey}>
                                         {renderItem(item)}
                                     </div>

src/components/Menu/Menu.tsx

@@ -44,6 +44,25 @@ const getLocaleFromCookie = (request: NextRequest): string | undefined => {
 export const middleware = async (request: NextRequest) => {
     const {pathname} = request.nextUrl;
 
+    // Blog is only available for en and ru locales
+    // Check if path is related to blog
+    const isBlogPath = pathname.includes('/blog');
+
+    if (isBlogPath) {
+        const blogLocale = request.nextUrl.locale || defaultLocale;
+
+        // Redirect to en if locale is not en or ru
+        if (blogLocale !== 'en' && blogLocale !== 'ru') {
+            const url = request.nextUrl.clone();
+            url.locale = 'en';
+            return NextResponse.redirect(url);
+        }
+
+        // For blog pages, ignore cookie-based locale detection to prevent redirect loops
+        // Only use the current locale from URL, don't try to detect from cookie/headers
+        return NextResponse.next();
+    }
+
     if (
         nextI18nextConfig.routesWithoutRedirect.some(
             (route) => pathname === route || pathname.startsWith(route),