try

config/searchExcludeRoutes.json

@@ -1 +1 @@
-["/automations/automations-by-event/welcome-series", "/updates/HVG123РЕ97E", "/updates/BC1ADF523"]
+["/automations/automations-by-event/welcome-series", "/updates/HVG123РЕ97E", "/updates/BC1ADF523E4"]

docs/account-settings/how-to-create-sublogin.md

@@ -2,11 +2,10 @@
 sidebar_position: 1
 sidebar_label: 'Как создать учётную запись'
 recent_article:
-  status: update
   theses:
-    - Keisgfsgd
-    - Lorem
-    - fgdgsfgasfgafga asdfadfasdf
+    - Пример
+    - Изменения
+    - 24 правки текста
 ---
 
 # Как создать учётную запись для нового пользователя

docs/automations/autoimport/how-to-set-autoexport.mdx

@@ -2,7 +2,7 @@
 sidebar_position: 2
 sidebar_label: 'Экспорт по шаблону'
 recent_article:
-  status: new
+  new: true
 ---
 
 # Как настроить регулярный экспорт по шаблону

plugins.js

@@ -4,7 +4,6 @@ const yandexMetricaCounter = process.env.YANDEX_METRICA_COUNTER_ID;
 const plugins = [
   './src/plugins/iframe-detected',
   './src/plugins/tailwind',
-  './src/plugins/webpackConfig',
   [
     './src/plugins/docs-plugin-extended',
     {

src/components/CustomLastUpdate/CustomLastUpdate.tsx

@@ -14,7 +14,7 @@ export const enum CustomLastUpdateType {
 interface CustomLastUpdateProps {
   lastUpdatedAt: number;
   type: CustomLastUpdateType;
-  frontMatter?: {
+  frontMatter: {
     recent_article?: {
       ignore: boolean;
     };

src/components/RecentlyUpdatedArticles/RecentlyUpdatedArticles.js

@@ -3,14 +3,10 @@ import Layout from '@theme/Layout';
 import { CustomLastUpdate } from '../CustomLastUpdate';
 import { CustomLastUpdateType } from '../CustomLastUpdate/CustomLastUpdate';
 import { RECENT_ARTICLES_CONTENT_ID } from './constants.js';
+import { truncateString } from './utils/truncateString';
 
 const NBSP = '\u00A0';
 
-const ArticleStatus = {
-  New: 'new',
-  Updated: 'updated',
-};
-
 const RecentlyUpdatedArticlesCard = ({ children, slug }) => {
   const handleClick = () => {
     document.dispatchEvent(new CustomEvent('redirect', { detail: { slug } }));
@@ -49,7 +45,7 @@ const RecentlyUpdatedArticlesChanges = ({ frontMatter }) => {
 const RecentlyUpdatedArticles = ({ recentArticles }) => (
   <Layout>
     <div className="flex flex-col gap-4" id={RECENT_ARTICLES_CONTENT_ID}>
-      {recentArticles.map(({ title, lastUpdatedAt, frontMatter, slug }) => (
+      {recentArticles.map(({ title, lastUpdatedAt, frontMatter, slug, description }) => (
         <RecentlyUpdatedArticlesCard key={slug} slug={slug}>
           <div className="flex flex-col gap-2">
             <h5 className="text-gray-800 text-base font-medium m-0 group-hover:text-blue-600">
@@ -59,14 +55,18 @@ const RecentlyUpdatedArticles = ({ recentArticles }) => (
             <CustomLastUpdate
               lastUpdatedAt={lastUpdatedAt}
               type={
-                frontMatter.recent_article?.status === ArticleStatus.New
+                frontMatter.recent_article?.new
                   ? CustomLastUpdateType.CreationDate
                   : CustomLastUpdateType.UpdateDate
               }
             />
           </div>
 
           <RecentlyUpdatedArticlesChanges frontMatter={frontMatter} />
+
+          {description && frontMatter.recent_article?.new && (
+            <span className="text-gray-800 text-sm">{truncateString(description, 180)}</span>
+          )}
         </RecentlyUpdatedArticlesCard>
       ))}
     </div>

src/components/RecentlyUpdatedArticles/RecentlyUpdatedArticlesIframe.tsx

@@ -1,6 +1,8 @@
 import React, { useRef, useState } from 'react';
-import { RECENT_ARTICLES_CONTENT_ID, RECENT_ARTICLES_TEMP_URL } from './constants.js';
 import { useHistory } from '@docusaurus/router';
+import { RECENT_ARTICLES_CONTENT_ID, RECENT_ARTICLES_TEMP_URL } from './constants.js';
+
+const DEFAULT_IFRAME_HEIGHT = '650px';
 
 export const RecentlyUpdatedArticlesIframe = () => {
   const history = useHistory();
@@ -16,17 +18,15 @@ export const RecentlyUpdatedArticlesIframe = () => {
 
   const resizeIframe = () => {
     if (!iframeRef.current) {
+      setIsError(true);
+
       return;
     }
 
     const recentArticleContentElement = iframeRef.current.contentWindow.document.getElementById(
       RECENT_ARTICLES_CONTENT_ID
     );
 
-    if (!recentArticleContentElement) {
-      setIsError(true);
-    }
-
     iframeRef.current.style.height = `${recentArticleContentElement?.scrollHeight}px`;
 
     iframeRef.current?.contentWindow.document.addEventListener('redirect', handleRedirectInIframe);
@@ -45,10 +45,11 @@ export const RecentlyUpdatedArticlesIframe = () => {
       style={{
         border: 'none',
         outline: 'none',
+        height: DEFAULT_IFRAME_HEIGHT,
       }}
       onLoad={resizeIframe}
       scrolling="no"
-      seamless="seamless"
+      seamless={true}
     />
   );
 };

src/components/RecentlyUpdatedArticles/utils/truncateString.ts

@@ -0,0 +1,4 @@
+const DEFAULT_MAX_LENGTH = 20;
+
+export const truncateString = (value = '', maxLength = DEFAULT_MAX_LENGTH) =>
+  value.length > maxLength ? `${value.slice(0, maxLength)}...` : value;

src/theme/DocItem/Layout/index.tsx

@@ -44,8 +44,6 @@ const DocItemLayout = ({ children }: Props): JSX.Element => {
   const docTOC = useDocTOC();
   const { metadata } = useDoc();
 
-  console.log('!!metadata', metadata);
-
   return (
     <div className="row">
       <div className={clsx('col', !docTOC.hidden && styles.docItemCol)}>