@redneckz/wildless-cms-uni-blocks 0.14.162 → 0.14.164

package/mobile/src/components/TabsLayout/TabsLayout.tsx

@@ -1,12 +1,12 @@
-import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
 import { useCarouselControls } from '../../hooks/useCarouselControls';
 import { type Align } from '../../model/Align';
-import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { SwipeListContainer } from '../../ui-kit/SwipeListControl/SwipeListContainer';
 import { useSwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
+import { UniBlock } from '../../UniBlock/UniBlock';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { CarouselScrollButtons } from '../Carousel/CarouselScrollButtons';
 import { alignTabStyle } from './alignTabStyle';
@@ -17,7 +17,7 @@ import { useScrollToTab } from './useScrollToTab';
 
 export interface TabsLayoutProps extends TabsLayoutContent, UniBlockProps {}
 
-export const TabsLayout: JSXBlock<TabsLayoutProps> = JSX<TabsLayoutProps>(
+export const TabsLayout = UniBlock<TabsLayoutProps>(
   ({ className = '', tabs = [], block, tabAlign, ...rest }) => {
     const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabs));
 
@@ -67,11 +67,12 @@ export const TabsLayout: JSXBlock<TabsLayoutProps> = JSX<TabsLayoutProps>(
       </BlockWrapper>
     );
   },
+  {
+    slots: ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [],
+    childrenTypes: { exclude: ['TabsLayout'] }, // TODO: fix this on wcms
+  },
 );
 
-TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
-TabsLayout.childrenTypes = { exclude: ['TabsLayout'] }; //TODO: fix this on wcms
-
 const getSlotName = (tab: Tab, index: number): string => tab?.title || `Слот №${index}`;
 
 const getInitSelectedIndex = (tabs: Tab[]) =>

package/mobile/src/components/TabsLayout/TabsLayoutContent.ts

@@ -1,8 +1,8 @@
 import { type Align } from '../../model/Align';
 import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type LinkCommonProps } from '../../model/LinkProps';
 import { type IconProps } from '../../model/Picture';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Таб

package/mobile/src/components/TariffsTable/TariffsTable.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCarouselControls } from '../../hooks/useCarouselControls';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderDefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { COLS_LENGTH_FOR_SCROLL } from './constants';

package/mobile/src/components/TariffsTable/TariffsTableCell.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { type CellDef } from './TariffsTableContent';
 import { RenderCellInner } from './TariffsTableRenderCell';
 

package/mobile/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,10 +1,10 @@
 import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
-import { type UniBlockContent, type UniBlockProps } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
 import { type ListProps } from '../../ui-kit/List/ListContent';
+import { type UniBlockContent, type UniBlockProps } from '../../UniBlock/UniBlockProps';
 
 /**
  * @hidden

package/mobile/src/components/TariffsTable/TariffsTableRow.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { Img } from '../../ui-kit/Img/Img';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import { Text } from '../../ui-kit/Text/Text';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContainer';
 import { COLUMN_WIDTH, firstCellStyle } from './constants';

package/mobile/src/components/TariffsTable/TariffsTableRowContainer.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { InnerTable } from '../../ui-kit/InnerTable/InnerTable';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { dividerStyle } from './constants';
 

package/mobile/src/components/TariffsTable/TariffsTableTileCell.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { type VNode } from '../../model/VNode';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { EmbeddableCellData } from './EmbeddableCellData';
 import { TableTileHeader } from './TableTileHeader';
 import { type CellDef, type TariffsTableTile } from './TariffsTableContent';

package/mobile/src/components/TextBlock/TextBlock.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { Text } from '../../ui-kit/Text/Text';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
 import { type TextBlockContent } from './TextBlockContent';
 

package/mobile/src/components/TextBlock/TextBlockContent.ts

@@ -1,6 +1,6 @@
 import { type HeadlineCommonProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Размер иконки

package/mobile/src/components/UnitBlock/UnitBlock.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Unit } from '../../ui-kit/Unit/Unit';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { type UnitBlockContent } from './UnitBlockContent';
 
 interface UnitBlockProps extends UnitBlockContent, UniBlockProps {}

package/mobile/src/components/UnitBlock/UnitBlockContent.ts

@@ -1,5 +1,5 @@
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type UnitProps } from '../../ui-kit/Unit/UnitProps';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Показатель

package/mobile/src/components/VerticalLayout/VerticalLayout.tsx

@@ -1,8 +1,8 @@
-import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import { useRouter } from '../../hooks/useRouter';
-import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { UniBlock } from '../../UniBlock/UniBlock';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { adjustSrc } from '../../utils/adjustSrc';
 import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
@@ -11,7 +11,7 @@ import { type VerticalLayoutContent } from './VerticalLayoutContent';
 
 export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {}
 
-export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutProps>(
+export const VerticalLayout = UniBlock<VerticalLayoutProps>(
   ({
     className = '',
     padding = 'p-0',
@@ -51,6 +51,5 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
       </BlockWrapper>
     );
   },
+  { childrenTypes: [] },
 );
-
-VerticalLayout.childrenTypes = [];

package/mobile/src/components/VerticalLayout/VerticalLayoutContent.ts

@@ -1,5 +1,5 @@
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 import { type GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
 
 export type LayoutCommitProps = {

package/mobile/src/components/Video/Video.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useRouter } from '../../hooks/useRouter';
-import { type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { adjustHref } from '../../utils/adjustHref';
 import { Headline } from '../Headline/Headline';
 import { getPaddings } from './getPaddings';

package/mobile/src/components/Video/VideoContent.ts

@@ -1,6 +1,6 @@
 import { type TitleProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
 import { type Picture } from '../../model/Picture';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /** @title Блок Видео */
 export type VideoContent = UniBlockContent &

package/mobile/src/content-page-repository/computeImgOutputPath.ts

@@ -4,7 +4,7 @@ import { type TransformationOptions } from './TransformationOptions';
 
 export function computeImgOutputPath(
   imgInputPath: string,
-  { contentDir, publicDir, format, size, alignment }: TransformationOptions & ImgSource,
+  { contentDir, publicDir, format, size }: TransformationOptions & ImgSource,
 ): string {
   const imgRelativePath = path.relative(contentDir, imgInputPath);
 
@@ -12,7 +12,7 @@ export function computeImgOutputPath(
 
   const inputExt = path.extname(imgRelativePath);
   const fileName = path.basename(imgRelativePath, inputExt);
-  const suffixParts = [size?.width, size?.height, alignment].filter(Boolean);
+  const suffixParts = [size?.width, size?.height].filter(Boolean);
   const suffix = suffixParts.length ? `-${suffixParts.join('-')}` : '';
   const ext = format ? `.${format}` : inputExt;
 

package/mobile/src/content-page-repository/transformContentPage.ts

@@ -1,5 +1,3 @@
-import { fileResolver, resolveRef } from '@redneckz/json-ref';
-import { type JSONNode } from '@redneckz/json-ref/lib/JSONNode';
 import fs from 'fs';
 import util from 'util';
 import type { Attachment } from '../model/Attachment';
@@ -39,10 +37,8 @@ export async function transformContentPage(
   pagePath: string,
   options: TransformationOptions,
 ): Promise<ContentPageDef> {
-  const content = await readFile(pagePath, 'utf8');
-
-  const json = await resolveRef(JSON.parse(content) as JSONNode, fileResolver(options.contentDir));
-  const result = await mapJSON(json as ContentPageDef, async (value: any, [key]) => {
+  const content = JSON.parse(await readFile(pagePath, 'utf8'));
+  const result = await mapJSON(content as ContentPageDef, async (value: any, [key]) => {
     try {
       if (isMarkdown(key, value)) {
         return await transformMarkdown(value);

package/mobile/src/content-page-repository/transformImg.ts

@@ -6,7 +6,6 @@ import { type ImageSize } from '../model/ImageSize';
 import { type ImgSource } from '../model/Picture';
 import { isPictureSizeEmpty } from '../utils/isPictureSizeEmpty';
 import { isUUID } from '../utils/isUUID';
-import { alignImg } from './alignImg';
 import { computeImgOutputPath } from './computeImgOutputPath';
 import { resizeImg } from './resizeImg';
 import { type TransformationOptions } from './TransformationOptions';
@@ -23,8 +22,8 @@ type TransformImgOptions = TransformationOptions &
 
 const defaultTransformationCache: TransformationTasksCache = new Map();
 
-const isNilTransform = ({ size, containerSize, alignment, format }: TransformImgOptions) =>
-  isPictureSizeEmpty(size) && isPictureSizeEmpty(containerSize) && !alignment && !format;
+const isNilTransform = ({ size, containerSize, format }: TransformImgOptions) =>
+  isPictureSizeEmpty(size) && isPictureSizeEmpty(containerSize) && !format;
 
 const isVectorInput = (input: string) =>
   ['.svg', '.eps', '.epsf', '.epsi', '.pdf'].some((ext) => input.toLowerCase().endsWith(ext));
@@ -70,14 +69,11 @@ export function transformImg(
 const computeTransformationChain = ({
   size,
   containerSize,
-  alignment,
   format,
   options,
 }: TransformImgOptions) =>
-  pipe(
-    resizeImg(isPictureSizeEmpty(size) ? containerSize : size),
-    alignImg({ containerSize, alignment }),
-    (_) => (format ? _.toFormat(format, { ...options, lossless: true }) : _),
+  pipe(resizeImg(isPictureSizeEmpty(size) ? containerSize : size), (_) =>
+    format ? _.toFormat(format, { ...options, lossless: true }) : _,
   );
 
 const pipe = (...operations: Array<(chain: Sharp) => Promise<Sharp> | Sharp>) =>

package/mobile/src/data/FooterData.ts

@@ -0,0 +1,39 @@
+import { type DescriptionProps } from '../model/HeadlineType';
+import { type LinkProps } from '../model/LinkProps';
+import { type LinkButtonContent } from '../ui-kit/LinkButton/LinkButtonContent';
+
+/**
+ * @title Тип контакта
+ * @enumNames [
+ *    "Телефон",
+ *    "Почта"
+ *  ]
+ */
+export type ContactType = 'tel' | 'email';
+
+/**
+ * @title Контакт
+ */
+export type ContactInfo = DescriptionProps & {
+  /** @title Текст */
+  text?: string;
+  type?: ContactType;
+};
+
+/**
+ * @title Группа контактов
+ */
+export type ContactGroup = {
+  /** @title Имя */
+  title?: string;
+  items?: ContactInfo[];
+};
+
+export interface FooterData {
+  documents?: LinkProps[];
+  relatedEnterprises?: LinkProps[];
+  contacts?: ContactGroup[];
+  socialMedia?: LinkButtonContent[];
+  mobileApps?: LinkButtonContent[];
+  horizontalNavigationTitle?: string; // TODO: для мобильной версии
+}

package/mobile/src/data/JSONRefObject.ts

@@ -0,0 +1,4 @@
+export interface JSONRefObject {
+  /** @hidden */
+  $ref?: string;
+}

package/mobile/src/data/PortalData.ts

@@ -0,0 +1,3 @@
+export interface PortalData {
+  internetBankUrl?: string;
+}

package/mobile/src/{services/sitemap → data}/SitemapData.ts

@@ -1,6 +1,6 @@
-import { type LinkProps } from '../../model/LinkProps';
-import { type LogoType } from '../../model/LogoType';
-import { type IconProps, type Picture } from '../../model/Picture';
+import { type LinkProps } from '../model/LinkProps';
+import { type LogoType } from '../model/LogoType';
+import { type IconProps, type Picture } from '../model/Picture';
 
 interface SitemapLinkProps extends LinkProps {
   displayArea?: string;
@@ -31,11 +31,10 @@ export interface DispositionItem extends LinkProps {
 export type ForeignOfficeProps = LinkProps & IconProps;
 
 export interface SitemapData {
+  logo?: LogoType;
   topItems?: TopMenuItemProps[];
   dispositions?: DispositionItem[];
-  logo?: LogoType;
   foreignOffices?: ForeignOfficeProps[];
   defaultLocation?: string;
   officesLink?: string;
-  internetBankUrl?: string;
 }

package/mobile/src/data/StickyMobileData.ts

@@ -0,0 +1,17 @@
+import { type Picture } from '../model/Picture';
+
+/**
+ * @title Пункт меню
+ */
+export interface StickyMenuItem {
+  /** @title Название */
+  title?: string;
+  /** @title Адрес */
+  href?: string;
+  /** @title Иконка */
+  icon?: Picture;
+}
+
+export interface StickyMobileData {
+  menuItems?: StickyMenuItem[];
+}

package/mobile/src/hooks/useJSONRef/fetchRefs.ts

@@ -0,0 +1,27 @@
+import { type JSONNode } from '@redneckz/json-ref';
+import { fetchJSONUnsafe } from '../../utils/fetchJSON';
+import { unique } from '../../utils/unique';
+
+type RefEntry = [$ref: string, data: JSONNode];
+
+const refsCache: Record<string, JSONNode> = {};
+
+const EXCLUSIONS = ['/portal-resources']; // portal-resources are handled only at compile-time
+
+export const fetchRefs = async (refs: string[]): Promise<Record<string, JSONNode>> =>
+  Object.fromEntries(
+    (
+      await Promise.allSettled(
+        unique(refs)
+          .filter(($ref) => !EXCLUSIONS.some((_) => $ref.startsWith(_)))
+          .map(
+            async ($ref): Promise<RefEntry> => [
+              $ref,
+              (refsCache[$ref] ||= await fetchJSONUnsafe($ref)),
+            ],
+          ),
+      )
+    )
+      .filter((res): res is PromiseFulfilledResult<RefEntry> => res.status === 'fulfilled')
+      .map(({ value }) => value),
+  );

package/mobile/src/hooks/useJSONRef/useJSONRef.ts

@@ -0,0 +1,18 @@
+import { collectRef, resolveRefSync, type JSONNode } from '@redneckz/json-ref';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { fetchRefs } from './fetchRefs';
+
+export const useJSONRef = <C>(content: C, fallback?: Record<string, unknown>): C => {
+  const refs = collectRef(content as JSONNode);
+
+  const [refsMap, setRefsMap] = useState<Record<string, JSONNode>>({});
+  useEffect(() => {
+    if (refs.length) {
+      fetchRefs(refs).then(setRefsMap);
+    }
+  }, [refs.join()]);
+
+  return refs.length
+    ? (resolveRefSync(content as JSONNode, (_) => refsMap[_] || (fallback?.[_] as JSONNode)) as C)
+    : content;
+};

package/mobile/src/hooks/useSWRResource.ts

@@ -19,9 +19,7 @@ export function useSWRResource<Data>(
   const { data } = useAsyncData(
     filename ? `${pathDir}/${filename}.json` : null,
     fetchJSONUnsafe as FetchJSONUnsafeType<Data>,
-    {
-      fallback,
-    },
+    { fallback },
   );
 
   return data || (EMPTY_VALUE as Data);

package/mobile/src/index.ts

@@ -1,7 +1,6 @@
 export { setupHooks } from '@redneckz/uni-jsx/lib/hooks';
 export { setup } from '@redneckz/uni-jsx/lib/setup';
 export { DaDataAPI } from './api/DaDataAPI';
-export { LikeAPI } from './api/LikeAPI';
 export { Blocks } from './components/Blocks';
 export { ContentPage } from './components/ContentPage/ContentPage';
 export { handlerDecorator } from './hooks/handlerDecorator';

package/mobile/src/model/BlocksRegistry.ts

@@ -1,3 +1,3 @@
-import { type JSXBlock } from './JSXBlock';
+import { type UniBlockComponent } from '../UniBlock/UniBlock';
 
-export type BlocksRegistry = Record<string, JSXBlock>;
+export type BlocksRegistry = Record<string, UniBlockComponent>;

package/mobile/src/model/ContentPageBase.ts

@@ -0,0 +1,23 @@
+import { type JSONRefObject } from '../data/JSONRefObject';
+
+/**
+ * @title Цветовая палитра
+ * @enumNames ["", "Частным клиентам", "Бизнес клиентам", "Экосистема Своё", "Премиум", "Ультра"]
+ */
+export type ColorPalette = '' | 'pc' | 'bc' | 'eo' | 'pr' | 'ul';
+
+/** @title Страница */
+export interface ContentPageBase {
+  /** @title Заголовок */
+  title?: string;
+  /** @title Слаг */
+  slug?: string;
+  /** @title Данные карты сайта */
+  sitemap?: JSONRefObject;
+  /** @title Справочник рекламной плитки */
+  adSourceBook?: JSONRefObject;
+  /** @title Цветовая палитра */
+  colorPalette?: ColorPalette;
+  /** @title Стиль */
+  style?: string[];
+}

package/mobile/src/model/ContentPageDef.ts

@@ -1,8 +1,7 @@
-/**
- * @title Цветовая палитра
- * @enumNames ["", "Частным клиентам", "Бизнес клиентам", "Экосистема Своё", "Премиум", "Ультра"]
- */
-export type ColorPalette = '' | 'pc' | 'bc' | 'eo' | 'pr' | 'ul';
+import { type JSONRefObject } from '../data/JSONRefObject';
+import { type SitemapData } from '../data/SitemapData';
+import { type ContentPageBase } from './ContentPageBase';
+import { type ContentPageMeta } from './ContentPageMeta';
 
 export interface BaseBlockDef extends Slot {
   type?: string;
@@ -23,24 +22,11 @@ export interface Slot {
   slots?: Record<string, BlockDef[]>;
 }
 
-export interface ContentPageMeta {
-  title?: string;
-  slug?: string;
-  main?: {
-    description?: string;
-    keywords?: string[];
-    canonical?: string;
-    robots?: string[];
+export type ContentPageDef = ContentPageBase &
+  ContentPageMeta &
+  Slot & {
+    _customPageType?: string;
+    fallback?: Record<string, unknown>;
+    sitemap?: SitemapData & JSONRefObject;
+    adSourceBook?: JSONRefObject;
   };
-  og?: Record<string, string>;
-  twitter?: Record<string, string>;
-  jsonLd?: string;
-}
-
-export interface ContentPageDef extends ContentPageMeta, Slot {
-  _customPageType?: string;
-  fallback?: Record<string, unknown>;
-  likeControl?: boolean;
-  colorPalette?: ColorPalette;
-  adSourceBook?: string;
-}

package/mobile/src/model/ContentPageMeta.ts

@@ -0,0 +1,100 @@
+/**
+ * @title Meta/SEO
+ */
+export interface ContentPageMeta {
+  main?: {
+    /**
+     * @title Описание
+     * @maxLength 150
+     */
+    description?: string;
+    /**
+     * @title Ключевые слова
+     * @maxItems 10
+     * */
+    keywords?: string[];
+    /** @title Канонический URL */
+    canonical?: string;
+    /**
+     * @title Директивы Robots
+     * @uniqueItems true
+     */
+    robots?: Array<'index' | 'noindex' | 'follow' | 'nofollow' | 'noarchive' | 'noyaca'>;
+  };
+  /** @title OpenGraph */
+  og?: {
+    /** @title og:title */
+    title?: string;
+    /** @title og:description */
+    description?: string;
+    /**
+     * @title og:site_name
+     * @default "АО «Россельхозбанк»"
+     */
+    site_name?: string;
+    /** @title og:url */
+    url?: string;
+    /**
+     * @title og:type
+     * @default "website"
+     */
+    type?: string;
+    /**
+     * @title og:locale
+     * @default "ru_RU"
+     */
+    locale?: string;
+    /** @title og:image */
+    image?: string;
+    /**
+     * @title og:image:alt
+     * @default "ru_RU"
+     */
+    'image:alt'?: string;
+    /**
+     * @title og:image:type
+     * @default "image/png"
+     */
+    'image:type'?: string;
+    /**
+     * @title og:image:width
+     * @default "1200"
+     */
+    'image:width'?: string;
+    /**
+     * @title og:image:height
+     * @default "630"
+     */
+    'image:height'?: string;
+    /** @title og:image:secure_url */
+    'image:secure_url'?: string;
+  };
+  /** @title Twitter */
+  twitter?: {
+    /** @title twitter:title */
+    title?: string;
+    /** @title twitter:description */
+    description?: string;
+    /**
+     * @title twitter:card
+     * @default "summary_large_image"
+     */
+    card?: string;
+    /**
+     * @title twitter:site
+     * @default "@RSHBmedia"
+     */
+    site?: string;
+    /** @title twitter:image */
+    image?: string;
+    /**
+     * @title twitter:creator
+     * @default "@RSHBmedia"
+     */
+    creator?: string;
+    /** @title twitter:image:alt */
+    'image:alt'?: string;
+  };
+  /** @title JSON-LD */
+  jsonLd?: string;
+}