@travetto/email-inky/src/render/common.ts

Email Inky templating module

import { type JSXElement, isJSXElement } from '../../support/jsx-runtime.ts';

export const getChildren = (node: JSXElement): JSXElement[] => {
  const kids = node?.props?.children;
  let result: unknown[] = [];
  if (kids) {
    result = !Array.isArray(kids) ? [kids] : kids;
  }
  return result.filter(isJSXElement);
};

export const visit = (node: JSXElement, onVisit: (fn: JSXElement) => boolean | undefined | void, depth = 0): boolean | undefined => {
  if (depth > 0) {
    const result = onVisit(node);
    if (result === true) {
      return true;
    }
  }
  for (const item of getChildren(node)) {
    const result = visit(item, onVisit, depth + 1);
    if (result) {
      return;
    }
  }
};

export const classString = (existing: string | undefined, ...toAdd: string[]): string => {
  const out = [];
  const seen = new Set<string>();
  for (const item of existing?.split(/\s+/) ?? []) {
    if (item && !seen.has(item)) {
      out.push(item);
      seen.add(item);
    }
  }
  for (const item of toAdd) {
    if (item && !seen.has(item)) {
      out.push(item);
      seen.add(item);
    }
  }
  return out.join(' ');
};

export const combinePropsToString = (allowedProps: Set<string>, props: { className?: string } & Record<string, unknown>, addClasses: string[] = []): string => {
  const out = { ...props, className: classString(props.className, ...addClasses) };
  return Object.entries(out)
    .filter(([key, value]) => allowedProps.has(key) && value !== undefined && value !== null && value !== '')
    .map(([key, value]) => [key === 'className' ? 'class' : key, value])
    .map(([key, value]) => `${key}="${value}"`).join(' ');
};

export const isOfType = (node: JSXElement, type: string): boolean => typeof node.type === 'function' && node.type.name === type;