weseek__growi/apps/app/src/services/renderer/rehype-plugins/add-class.ts

// See: https://github.com/martypdx/rehype-add-classes for the original implementation.
// Re-implemeted in TypeScript.
import type { Element, Nodes as HastNode, Properties } from 'hast';
import { selectAll } from 'hast-util-select';
import type { Plugin } from 'unified';

export type SelectorName = string; // e.g. 'h1'
export type ClassName = string; // e.g. 'header'
export type Additions = Record<SelectorName, ClassName>;
export type AdditionsEntry = [SelectorName, ClassName];

export const addClassToProperties = (
  properties: Properties | undefined,
  className: string,
): void => {
  if (properties == null) {
    return;
  }

  if (properties.className == null) {
    properties.className = className;
    return;
  }

  if (Array.isArray(properties.className)) {
    properties.className.push(className);
    return;
  }

  properties.className += ` ${className}`;
};

const generateWriter = (className: string) => (element: Element) => {
  const { properties } = element;
  addClassToProperties(properties, className);
};

const adder = (entry: AdditionsEntry) => {
  const [selectorName, className] = entry;
  const writer = generateWriter(className);

  return (node: HastNode) => selectAll(selectorName, node).forEach(writer);
};

export const rehypePlugin: Plugin<[Additions]> = (additions) => {
  const adders = Object.entries(additions).map(adder);

  return (node) => {
    adders.forEach((a) => {
      a(node as HastNode);
    });
  };
};