@redneckz/wildless-cms-uni-blocks 0.14.860 → 0.14.862

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/content-page-repository/ContentPageRepository.ts

@@ -1,31 +0,0 @@
-import fs from 'fs';
-import { glob } from 'glob';
-import util from 'util';
-import { type ContentPageDef } from '../model/ContentPageDef';
-import { type TransformationOptions } from './TransformationOptions';
-import { generatedPagePath, transformContentPage } from './transformContentPage';
-
-const readFile = util.promisify(fs.readFile);
-
-export class ContentPageRepository {
-  public static readonly inst = new ContentPageRepository();
-
-  constructor(
-    private readonly options: TransformationOptions = {
-      contentDir: 'content',
-      publicDir: 'public',
-    },
-  ) {}
-
-  listAllContentPages(): Promise<string[]> {
-    return glob(`${this.options.contentDir}/**/*.page.json`, { posix: true });
-  }
-
-  async readPage(filePath: string): Promise<ContentPageDef> {
-    return JSON.parse(await readFile(generatedPagePath(filePath), 'utf-8'));
-  }
-
-  generatePage(filePath: string): Promise<ContentPageDef> {
-    return transformContentPage(filePath, this.options);
-  }
-}

package/src/content-page-repository/JSONDocContentBox.ts

@@ -1,56 +0,0 @@
-import {
-  isJSONArray,
-  isJSONRecord,
-  JSONBoxDefault,
-  type JSONBox,
-  type JSONNode,
-  type JSONRecord,
-} from '@redneckz/json-op';
-import { type JSONPathElement } from '@redneckz/json-op/lib/JSONPath';
-
-const isAtomicArray = (node: JSONNode | undefined): boolean =>
-  isJSONArray(node) && !node.some(nodeId);
-
-const ID_PREFIX = 'id:';
-
-const nodeId = (node: JSONNode | undefined): string | undefined =>
-  isJSONRecord(node) && '__id' in node ? (node.__id as string) : undefined;
-
-const keyToId = (p: JSONPathElement | undefined): string | undefined =>
-  typeof p === 'string' && p.startsWith(ID_PREFIX) ? p.substring(ID_PREFIX.length) : undefined;
-
-const findIndexById = (_: JSONNode | undefined, id: string | undefined): number | -1 =>
-  id && isJSONArray(_) ? _.findIndex((node) => id === nodeId(node)) : -1;
-
-export class JSONDocContentBox extends JSONBoxDefault {
-  size(): number {
-    return isAtomicArray(this._) ? 0 : super.size();
-  }
-
-  entries(): Array<[p: JSONPathElement, child: JSONBox]> {
-    if (isAtomicArray(this._)) {
-      return [];
-    } else if (isJSONArray(this._)) {
-      return this._.map((node, i) => [
-        nodeId(node) ? `${ID_PREFIX}${nodeId(node)}` : i,
-        new JSONDocContentBox(node),
-      ]);
-    } else {
-      return super.entries();
-    }
-  }
-
-  get(p?: JSONPathElement): JSONBox {
-    const id = keyToId(p);
-
-    return super.get(id ? findIndexById(this._, id) : p);
-  }
-
-  set(p: JSONPathElement | undefined, child: JSONNode): JSONBox {
-    const id = keyToId(p);
-    const index = findIndexById(this._, id);
-    const adjustedIndex = index >= 0 ? index : this.size();
-
-    return super.set(id ? adjustedIndex : p, id ? { ...(child as JSONRecord), __id: id } : child);
-  }
-}

package/src/content-page-repository/TransformationOptions.ts

@@ -1,4 +0,0 @@
-export interface TransformationOptions {
-  contentDir: string;
-  publicDir: string;
-}

package/src/content-page-repository/clearAttachmentHref.ts

@@ -1,3 +0,0 @@
-export const ATTACHMENT_PREFIX = 'file://';
-
-export const clearAttachmentHref = (href: string): string => href.replace(ATTACHMENT_PREFIX, '');

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

@@ -1,21 +0,0 @@
-import path from 'path';
-import { type ImgSource } from '../model/Picture';
-import { type TransformationOptions } from './TransformationOptions';
-
-export function computeImgOutputPath(
-  imgInputPath: string,
-  { contentDir, publicDir, format, size }: TransformationOptions & ImgSource,
-  withoutTransform = false,
-): string {
-  const imgRelativePath = path.relative(contentDir, imgInputPath);
-
-  const imgDir = path.dirname(imgRelativePath);
-
-  const inputExt = path.extname(imgRelativePath);
-  const fileName = path.basename(imgRelativePath, inputExt);
-  const suffixParts = [size?.width, size?.height].filter(Boolean);
-  const suffix = suffixParts.length && !withoutTransform ? `-${suffixParts.join('-')}` : '';
-  const ext = format && !withoutTransform ? `.${format}` : inputExt;
-
-  return path.join(publicDir, imgDir, `${fileName}${suffix}${ext}`);
-}

package/src/content-page-repository/extensions.ts

@@ -1,17 +0,0 @@
-export const OUTPUT_SUFFIX = '.static';
-
-export const DOCUMENT_EXT_LIST = [
-  '.txt',
-  '.doc',
-  '.docx',
-  '.xls',
-  '.xlsx',
-  '.xlsb',
-  '.ppt',
-  '.pptx',
-  '.pdf',
-  '.zip',
-  '.7z',
-];
-
-export const IMAGE_EXT_LIST = ['.jpeg', '.jpg', '.png', '.gif', '.webp', '.heif', '.avif', '.svg'];

package/src/content-page-repository/index.ts

@@ -1,3 +0,0 @@
-export { clearAttachmentHref } from './clearAttachmentHref';
-export { ContentPageRepository } from './ContentPageRepository';
-export { transformContentPage } from './transformContentPage';

package/src/content-page-repository/mapJSON.ts

@@ -1,30 +0,0 @@
-export async function mapJSON<T>(
-  data: T,
-  mapper: <In, Out = In>(value: In, key: string[]) => Promise<Out>,
-  keyParts: string[] = [],
-): Promise<T> {
-  if (data === null || data === undefined) {
-    return data;
-  }
-
-  const mappedData = await mapper(data, keyParts);
-  if (mappedData !== data) {
-    return mappedData as T;
-  }
-
-  if (Array.isArray(data)) {
-    const values = data.map((_, i) => mapJSON(_, mapper, [String(i)].concat(keyParts)));
-
-    return Promise.all(values) as any;
-  } else if (typeof data === 'object' && (data as any).toString() === '[object Object]') {
-    const subKeys = Object.keys(data);
-    const values = subKeys.map((k) => mapJSON(data[k], mapper, [k].concat(keyParts)));
-    const pairs = (await Promise.all(values)).map((_, i) => ({
-      [subKeys[i]]: _,
-    }));
-
-    return Object.assign({}, ...pairs);
-  }
-
-  return mapper<T>(data, keyParts);
-}

package/src/content-page-repository/mergePages.ts

@@ -1,8 +0,0 @@
-import { leafs, merge, type JSONRecord } from '@redneckz/json-op';
-import { JSONDocContentBox } from './JSONDocContentBox';
-
-export const mergePages = (page: JSONRecord, diffs: JSONRecord): JSONRecord =>
-  merge(
-    new JSONDocContentBox(page as JSONRecord),
-    leafs(new JSONDocContentBox(diffs as JSONRecord)),
-  ) as JSONRecord;

package/src/content-page-repository/replaceHeadingTags.ts

@@ -1,2 +0,0 @@
-export const replaceHeadingTags = (html: string) =>
-  html.replaceAll(/<h(\d)>(.*?)<\/h\d>/g, '<p class="h$1">$2</p>');

package/src/content-page-repository/resizeImg.ts

@@ -1,17 +0,0 @@
-import sharp, { type ResizeOptions, type Sharp } from 'sharp';
-import { type ImageSize } from '../model/ImageSize';
-
-export const resizeImg =
-  (size?: Partial<ImageSize>, options?: ResizeOptions) =>
-  (chain: Sharp): Sharp =>
-    size
-      ? chain.resize(size.width || null, size.height || null, {
-          /*
-           * Editor behaviour with one dimension present: resize by given dimension maintaining aspect ratio. (fit: contain)
-           * With two dimensions present: resize trying to fill given dimensions (fit: fill)
-           */
-          fit: size.width && size.height ? sharp.fit.fill : sharp.fit.contain,
-          background: { r: 0, g: 0, b: 0, alpha: 0 },
-          ...options,
-        })
-      : chain;

package/src/content-page-repository/transformAttachmentLink.ts

@@ -1,46 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import util from 'util';
-import { type LinkProps } from '../model/LinkProps';
-import { isUUID } from '../utils/isUUID';
-import { clearAttachmentHref } from './clearAttachmentHref';
-import { type TransformationOptions } from './TransformationOptions';
-
-const mkdir = util.promisify(fs.mkdir);
-const copyFile = util.promisify(fs.copyFile);
-
-export async function transformAttachmentLink(
-  link: LinkProps,
-  pagePath: string,
-  options: TransformationOptions,
-): Promise<LinkProps> {
-  if (!link?.href) {
-    return link;
-  }
-
-  try {
-    return {
-      ...link,
-      href: await transformHref(clearAttachmentHref(link.href), options),
-    };
-  } catch (e) {
-    console.info(`No "${link.href}" attachment found on page: "${pagePath}"`);
-
-    return link;
-  }
-}
-
-async function transformHref(input: string, options: TransformationOptions) {
-  if (isUUID(input)) {
-    return input;
-  }
-
-  const { contentDir, publicDir } = options;
-  const docRelativePath = path.relative(contentDir, input);
-  const output = path.join(publicDir, docRelativePath);
-
-  await mkdir(path.dirname(output), { recursive: true });
-  await copyFile(input, output);
-
-  return path.join('/', docRelativePath);
-}