@redneckz/wildless-cms-uni-blocks 0.14.831 → 0.14.833

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

@@ -1,28 +0,0 @@
-import rehypeParse from 'rehype-parse';
-import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
-import rehypeStringify from 'rehype-stringify';
-import { unified } from 'unified';
-import { replaceHeadingTags } from './replaceHeadingTags';
-
-export async function transformHTML(html: string | null | undefined): Promise<string> {
-  if (!html) {
-    return '';
-  }
-
-  const extendedSchema = {
-    ...defaultSchema,
-    protocols: {
-      ...defaultSchema.protocols,
-      href: [...(defaultSchema?.protocols?.href || []), 'tel'],
-      src: [...(defaultSchema.protocols?.src ?? []), 'data'],
-    },
-  };
-
-  const result = await unified()
-    .use(rehypeParse)
-    .use(rehypeSanitize, extendedSchema)
-    .use(rehypeStringify)
-    .process(html);
-
-  return replaceHeadingTags(result.toString('utf-8'));
-}

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

@@ -1,81 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import sharp, { type Sharp } from 'sharp';
-import util from 'util';
-import { type ImageSize } from '../model/ImageSize';
-import { type ImgSource } from '../model/Picture';
-import { isPictureSizeEmpty } from '../utils/isPictureSizeEmpty';
-import { computeImgOutputPath } from './computeImgOutputPath';
-import { resizeImg } from './resizeImg';
-import { type TransformationOptions } from './TransformationOptions';
-
-const mkdir = util.promisify(fs.mkdir);
-const copyFile = util.promisify(fs.copyFile);
-
-type ImgOutputPath = string;
-type TransformationTaskKey = ImgOutputPath;
-type TransformationTasksCache = Map<TransformationTaskKey, Promise<ImgOutputPath>>;
-
-type TransformImgOptions = TransformationOptions &
-  ImgSource & { containerSize?: ImageSize; cache?: TransformationTasksCache };
-
-const defaultTransformationCache: TransformationTasksCache = new Map();
-
-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));
-
-export function transformImg(
-  src: string,
-  pagePath: string,
-  options: TransformImgOptions,
-): ImgOutputPath | Promise<ImgOutputPath> {
-  if (!src) {
-    return src;
-  }
-
-  const withoutTransform = isNilTransform(options) || isVectorInput(src);
-
-  const output = computeImgOutputPath(src, options, withoutTransform);
-
-  const { cache = defaultTransformationCache } = options;
-
-  const cachedResult = cache.get(output);
-  if (cachedResult) {
-    return cachedResult;
-  }
-
-  const result = (async () => {
-    try {
-      await mkdir(path.dirname(output), { recursive: true });
-      if (withoutTransform) {
-        await copyFile(src, output);
-      } else {
-        const chain = await computeTransformationChain(options)(sharp(src));
-        await chain.toFile(output);
-      }
-    } catch (e) {
-      console.info(`No "${src}" attachment found on page: "${pagePath}"`);
-    }
-
-    return output;
-  })();
-  cache.set(output, result);
-
-  return result;
-}
-
-const computeTransformationChain = ({
-  size,
-  containerSize,
-  format,
-  options,
-}: TransformImgOptions) =>
-  pipe(resizeImg(isPictureSizeEmpty(size) ? containerSize : size), (_) =>
-    format ? _.toFormat(format, { ...options, lossless: true }) : _,
-  );
-
-const pipe = (...operations: Array<(chain: Sharp) => Promise<Sharp> | Sharp>) =>
-  operations.reduce((a, b) => async (chain: Sharp) => b(await a(chain)));

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

@@ -1,14 +0,0 @@
-import remarkHtml from 'remark-html';
-import remarkParse from 'remark-parse';
-import { unified } from 'unified';
-import { replaceHeadingTags } from './replaceHeadingTags';
-
-export async function transformMarkdown(markdown: string | null | undefined): Promise<string> {
-  if (!markdown) {
-    return '';
-  }
-
-  const result = await unified().use(remarkParse).use(remarkHtml).process(markdown);
-
-  return replaceHeadingTags(result.toString('utf-8'));
-}

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

@@ -1,35 +0,0 @@
-import path from 'path';
-import sharp from 'sharp';
-import { type Picture } from '../model/Picture';
-import { type TransformationOptions } from './TransformationOptions';
-import { transformImg } from './transformImg';
-
-export async function transformPicture(
-  picture: Picture,
-  pagePath: string,
-  options: TransformationOptions,
-): Promise<Picture> {
-  const src = picture?.src || '';
-
-  const transformedImgPath = await transformImg(src, pagePath, { ...options, ...picture });
-
-  const { width, height } = await sharp(transformedImgPath).metadata();
-  const containerSize = width && height ? { width, height } : undefined;
-
-  const sources = picture.sources || [];
-  const transformedSources = await Promise.all(
-    sources.map((_) => transformImg(src, pagePath, { ...options, ..._, containerSize })),
-  );
-
-  const imgPathToSrc = (_: string) => path.join('/', path.relative(options.publicDir, _));
-
-  return {
-    ...picture,
-    src: imgPathToSrc(transformedImgPath),
-    sources: transformedSources.map((_, i) => ({
-      ...sources[i],
-      src: imgPathToSrc(_),
-      size: { width, height },
-    })),
-  };
-}

package/src/components/ContentPage/computeAPIFallback.ts

@@ -1,67 +0,0 @@
-import { type JSONNode } from '@redneckz/json-op';
-import { collectRef, resolveJPointer } from '@redneckz/json-ref';
-import { ContentPageRepository } from '../../content-page-repository/ContentPageRepository';
-import { type BlocksRegistry } from '../../model/BlocksRegistry';
-import { type ContentPageDef } from '../../model/ContentPageDef';
-import { type Fallback, type FallbackMap } from '../../model/Fallback';
-import { unique } from '../../utils/unique';
-import { joinPath } from '../../utils/url';
-import { loadModuleFallback } from './loadModuleFallback';
-
-type FallbackEntry = [key: string, data: JSONNode];
-
-const BASE_DIR = 'content';
-
-export const computeAPIFallback = async (
-  blocksRegistry: BlocksRegistry,
-  contentPageData: ContentPageDef,
-): Promise<Fallback> => {
-  return Object.fromEntries(
-    (
-      await Promise.all([
-        computeFallbackFromModules(blocksRegistry),
-        computeFallbackFromContentRefs(contentPageData),
-      ])
-    )
-      .flatMap((_) => _)
-      .filter(([key, data]) => key && data),
-  );
-};
-
-const computeFallbackFromModules = async (
-  blocksRegistry: BlocksRegistry,
-): Promise<FallbackEntry[]> => {
-  const fallbackMap: FallbackMap = (
-    await Promise.all(Object.keys(blocksRegistry).map(loadModuleFallback))
-  )
-    .filter((_): _ is FallbackMap => Boolean(_))
-    .reduce((acc, _) => ({ ...acc, ..._ }), {});
-
-  return (
-    await Promise.allSettled(
-      Object.entries(fallbackMap).map(
-        async ([key, fetcher]): Promise<FallbackEntry> => [key, await fetcher()],
-      ),
-    )
-  )
-    .filter((_): _ is PromiseFulfilledResult<FallbackEntry> => _.status === 'fulfilled')
-    .map(({ value }) => value);
-};
-
-const computeFallbackFromContentRefs = async (
-  contentPageData: ContentPageDef,
-): Promise<FallbackEntry[]> => {
-  const refs = unique(collectRef(contentPageData as JSONNode));
-
-  return (
-    await Promise.allSettled(
-      refs.map(async (_) => [
-        _,
-        (await ContentPageRepository.inst.generatePage(joinPath(BASE_DIR, _))) as JSONNode,
-      ]),
-    )
-  )
-    .filter((_): _ is PromiseFulfilledResult<FallbackEntry> => _.status === 'fulfilled')
-    .map(({ value }) => value)
-    .map(([ref, data]) => [ref, resolveJPointer(data, ref)]);
-};

package/src/components/ContentPage/loadModuleFallback.ts

@@ -1,11 +0,0 @@
-import { type FallbackMap } from '../../model/Fallback';
-
-export const loadModuleFallback = async (blockName: string): Promise<FallbackMap | undefined> => {
-  try {
-    const blockFallback = await import(`../${blockName}/${blockName}.fallback`);
-
-    return blockFallback?.fallback ? await blockFallback.fallback() : undefined;
-  } catch (error) {
-    return undefined;
-  }
-};

package/src/components/ContentPage/mapSlot.ts

@@ -1,18 +0,0 @@
-import { type BlockDef, type Slot } from '../../model/ContentPageDef';
-
-export const mapSlot =
-  (mapper: (blocks?: BlockDef[]) => BlockDef[]) =>
-  <S extends Slot>(slot: S): S => ({
-    ...slot,
-    ...(slot.blocks ? { blocks: mapper(slot.blocks) } : {}),
-    ...(slot.slots
-      ? {
-          slots: Object.fromEntries(
-            Object.entries(slot.slots).map(([slotKey, slotBlocks]) => [
-              slotKey,
-              mapper(slotBlocks),
-            ]),
-          ),
-        }
-      : {}),
-  });

package/src/components/ContentPage/normalizeBlock.mobile.ts

@@ -1,25 +0,0 @@
-import { type BlocksRegistry } from '../../model/BlocksRegistry';
-import { type BlockDef, type Slot } from '../../model/ContentPageDef';
-import { mapSlot } from './mapSlot';
-import { toMobileBlock } from './toMobileBlock';
-
-export function normalizeBlock<S extends Slot>(block?: S, blocksRegistry?: BlocksRegistry): S {
-  const { mobile } = (block || {}) as BlockDef;
-
-  return mapSlot(filterBlocks(blocksRegistry))((mobile ? toMobileBlock(block) : block) || {}) as S;
-}
-
-const filterBlocks =
-  (blocksRegistry?: BlocksRegistry) =>
-  (blocks?: BlockDef[]): BlockDef[] =>
-    blocks
-      ? blocks
-          ?.filter(
-            (block) =>
-              blocksRegistry &&
-              (block?.type || block?.mobile?.type || '') in blocksRegistry &&
-              !block.mobile?.hidden &&
-              !block?.hidden,
-          )
-          .map((block) => normalizeBlock(block, blocksRegistry))
-      : [];

package/src/components/ContentPage/normalizeBlock.ts

@@ -1,21 +0,0 @@
-import { type BlocksRegistry } from '../../model/BlocksRegistry';
-import { type BlockDef, type Slot } from '../../model/ContentPageDef';
-import { mapSlot } from './mapSlot';
-
-export function normalizeBlock<S extends Slot>(block?: S, blocksRegistry?: BlocksRegistry): S {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const { mobile, ...result } = (block || {}) as BlockDef;
-
-  return mapSlot(filterBlocks(blocksRegistry))({ ...result }) as S;
-}
-
-const filterBlocks =
-  (blocksRegistry?: BlocksRegistry) =>
-  (blocks?: BlockDef[]): BlockDef[] =>
-    blocks
-      ? blocks
-          ?.filter(
-            (block) => blocksRegistry && (block?.type || '') in blocksRegistry && !block?.hidden,
-          )
-          .map((block) => normalizeBlock(block, blocksRegistry))
-      : [];

package/src/components/ContentPage/normalizePage.ts

@@ -1,8 +0,0 @@
-import { type BlocksRegistry } from '../../model/BlocksRegistry';
-import { type ContentPageDef } from '../../model/ContentPageDef';
-import { normalizeBlock } from './normalizeBlock';
-
-export const normalizePage =
-  (blocksRegistry: BlocksRegistry) =>
-  (contentPage: ContentPageDef | undefined | null): ContentPageDef =>
-    contentPage ? normalizeBlock(contentPage, blocksRegistry) : {};

package/src/components/ContentPage/toMobileBlock.ts

@@ -1,11 +0,0 @@
-import { type BlockDef } from '../../model/ContentPageDef';
-
-export function toMobileBlock(block: BlockDef = {}): BlockDef {
-  const { mobile, ...desktop } = block;
-
-  return {
-    ...desktop,
-    ...(mobile?.style ? { style: mobile.style } : {}),
-    ...(mobile?.content ? { content: mobile.content } : {}),
-  };
-}

package/src/components/InvestmentInfo/InvestmentInfo.example.json

@@ -1,53 +0,0 @@
-{
-  "content": {
-    "version": "primary",
-    "padding": "",
-    "__html": "<ul><li>Пункт 1</li><li>Пункт 2</li><li>Пункт 3</li></ul>",
-    "isDotted": true,
-    "investmentZeroColumn": {
-      "title": "Название 1"
-    },
-    "investmentColumns": [
-      {
-        "title": "Название 2",
-        "cells": [
-          {
-            "text": "Ячейка 2-1",
-            "cellColor": "green-dark",
-            "cellSize": "S"
-          }
-        ]
-      },
-      {
-        "title": "Название 3",
-        "cells": [
-          {
-            "text": "Ячейка 3-1",
-            "cellColor": "green-dark",
-            "cellSize": "S"
-          }
-        ]
-      },
-      {
-        "title": "Название 4",
-        "cells": [
-          {
-            "text": "Ячейка 4-1",
-            "cellColor": "green-dark",
-            "cellSize": "L"
-          }
-        ]
-      },
-      {
-        "title": "Название 5",
-        "cells": [
-          {
-            "text": "Ячейка 5-1",
-            "cellColor": "green-dark",
-            "cellSize": "XL"
-          }
-        ]
-      }
-    ]
-  }
-}

package/src/components/InvestmentInfo/InvestmentInfo.fixture.tsx

@@ -1,109 +0,0 @@
-import '../../setup-fixture';
-
-import { InvestmentInfo } from './InvestmentInfo';
-import { type InvestmentInfoContent } from './InvestmentInfoContent';
-
-export const INVESTMENT_INFO: InvestmentInfoContent = {
-  __html: `
-    <ul>
-      <li>Пример с ежегодным взносом 400 000 ₽</li>
-      <li>Срок использования ИИС вы определяете сами. Но для получения налоговых вычетов он должен быть открыт не менее 3 лет</li>
-      <li>Вы можете возвращать до 52 000 ₽ каждый год</li>
-    </ul>
-  `,
-  investmentZeroColumn: {
-    title: 'Открытие ИИС',
-  },
-  investmentColumns: [
-    {
-      title: '1 января года, следующего за годом открытия ИИС',
-      cells: [
-        {
-          text: 'Потенциальный доход инвестиций',
-          cellColor: 'green-light',
-        },
-        {
-          text: 'Первый взнос 400 000 ₽',
-          cellColor: 'green-dark',
-          cellSize: 'S',
-        },
-      ],
-    },
-    {
-      title: '1 января второго года после открытия ИИС',
-      cells: [
-        {
-          text: 'Налоговый вычет за 1 год 52 000 ₽',
-          cellColor: 'yellow',
-        },
-        {
-          text: 'Потенциальный доход инвестиций за 2 года',
-          cellColor: 'green-light',
-          cellSize: 'S',
-        },
-        {
-          text: 'Второй взнос 400 000 ₽',
-          cellColor: 'green',
-          cellSize: 'S',
-        },
-        {
-          text: 'Первый взнос 400 000 ₽',
-          cellColor: 'green-dark',
-          cellSize: 'S',
-        },
-      ],
-    },
-    {
-      title: '1 января третьего года после открытия ИИС',
-      cells: [
-        {
-          text: 'Налоговый вычет за 2 год 52 000 ₽',
-          cellColor: 'yellow',
-        },
-        {
-          text: 'Потенциальный доход инвестиций за 3 года',
-          cellColor: 'green-light',
-          cellSize: 'M',
-        },
-        {
-          text: 'Третий взнос — 0 ₽',
-          cellColor: 'green',
-          cellSize: 'S',
-        },
-        {
-          text: 'Первый и второй взносы 800 000 ₽',
-          cellColor: 'green-dark',
-          cellSize: 'L',
-        },
-      ],
-    },
-    {
-      title: 'Возможный вывод средств, закрытие ИИС',
-      cells: [
-        {
-          text: 'Налоговый вычет за 3 года 156 000 ₽',
-          cellColor: 'yellow',
-          cellSize: 'S',
-        },
-        {
-          text: 'Потенциальный доход инвестиций за 3 года',
-          cellColor: 'green-light',
-          cellSize: 'M',
-        },
-        {
-          text: 'Сумма инвестиций за 3 года 1 200 000 ₽',
-          cellColor: 'green-dark',
-          cellSize: 'XL',
-        },
-      ],
-    },
-  ],
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <InvestmentInfo className="col-span-12" {...INVESTMENT_INFO} />
-    </div>
-  ),
-};

package/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -1,131 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { RichText } from '../../ui-kit/RichText/RichText';
-import { Text } from '../../ui-kit/Text/Text';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { joinList } from '../../utils/joinList';
-import {
-  type InvestmentCell,
-  type InvestmentCellColor,
-  type InvestmentCellSize,
-  type InvestmentColumn,
-  type InvestmentInfoContent,
-  type InvestmentZeroColumn,
-} from './InvestmentInfoContent';
-
-const investmentCellColorMap: Record<InvestmentCellColor, string> = {
-  yellow: 'bg-yellow',
-  green: 'bg-green',
-  'green-light': 'bg-green-light',
-  'green-dark': 'bg-green-dark',
-};
-
-const investmentCellSizeMap: Record<InvestmentCellSize, string> = {
-  XS: 'h-10',
-  S: 'h-16',
-  M: 'h-24',
-  L: 'h-32',
-  XL: 'h-52',
-};
-
-export interface InvestmentInfoProps extends InvestmentInfoContent, UniBlockProps {}
-
-export const InvestmentInfo = JSX<InvestmentInfoProps>((props) => {
-  const {
-    className = '',
-    __html,
-    isDotted,
-    investmentZeroColumn,
-    investmentColumns,
-    ...rest
-  } = props;
-  const columns = investmentColumns ? [...investmentColumns] : [];
-  if (investmentZeroColumn) {
-    columns.unshift(investmentZeroColumn);
-  }
-
-  return (
-    <BlockWrapper className={className} defaultPadding="p-4xl" {...rest}>
-      <div className="container text-m font-light space-y-4xl">
-        {columns?.length ? (
-          <div>
-            <div className="flex items-end relative pl-3xl pr-lg text-white">
-              {joinList(<div className="w-px h-4 bg-gray" />)(columns.map(renderInvestmentColumn))}
-              <div className="absolute right-3xl w-px h-4 bg-gray" />
-            </div>
-            <div className="border-t border-gray -mt-xs mx-3xl" />
-            <div className="flex justify-between text-primary-text mt-s -mx-5xl">
-              {columns.map(renderInvestmentColumnTitle)}
-            </div>
-          </div>
-        ) : null}
-        {__html ? (
-          <div className="max-w-2xl font-light text-base">
-            <RichText __html={__html} isDotted={isDotted} itemSize="list-s" />
-          </div>
-        ) : null}
-      </div>
-    </BlockWrapper>
-  );
-});
-
-const renderInvestmentColumn = (
-  column: InvestmentColumn | InvestmentZeroColumn,
-  i: number,
-  arr: Array<InvestmentColumn>,
-) => {
-  const isSecondColumn = i === 1;
-  const isLastColumn = i === arr.length - 1;
-  const reversedCells = column.cells?.reverse() || [];
-
-  return (
-    <div
-      key={`column_${i}`}
-      className={`${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`}
-    >
-      {reversedCells.length ? (
-        <div
-          className={`w-full ${
-            isLastColumn ? 'border-4 border-green-more-dark p-1.5 min-w-72' : ''
-          }`}
-        >
-          {reversedCells.map(renderInvestmentCell)}
-        </div>
-      ) : null}
-    </div>
-  );
-};
-
-const getColumnClasses = (
-  isSecondColumn: boolean,
-  isLastColumn: boolean,
-  cells: InvestmentCell[] = [],
-): string =>
-  [
-    cells.length ? 'flex-1' : 'flex-0',
-    cells.length && !isSecondColumn && !isLastColumn ? 'pl-s' : '',
-    cells.length && !isLastColumn ? 'pr-s pb-3xl' : 'pb-xl',
-  ].join(' ');
-
-const renderInvestmentCell = (cell: InvestmentCell, i: number) => {
-  const cellSize = cell.cellSize || 'XS';
-  const cellColor = cell.cellColor || 'green';
-
-  return cell.text ? (
-    <div
-      key={`cell_${i}`}
-      className={`flex-1 flex items-center justify-center relative py-xs ${
-        investmentCellSizeMap[cellSize]
-      } ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`}
-    >
-      <Text align="text-center">{cell.text}</Text>
-    </div>
-  ) : null;
-};
-
-const renderInvestmentColumnTitle = (column: InvestmentColumn | InvestmentZeroColumn, i: number) =>
-  column?.title ? (
-    <div key={`title_${i}`} className="flex-1 max-w-44 text-center px-xs last:pr-4xl last:max-w-52">
-      {column.title}
-    </div>
-  ) : null;

package/src/components/InvestmentInfo/InvestmentInfo.ui.json

@@ -1,13 +0,0 @@
-{
-  "content": {
-    "__html": {
-      "ui:widget": "html"
-    }
-  },
-  "style": {
-    "ui:options": {
-      "minCols": 12,
-      "maxCols": 12
-    }
-  }
-}