penpot-exporter-figma-plugin/plugin-src/translators/translateStyledTextSegments.ts

import { transformTextStyle } from '@plugin/transformers/partials';
import { translateFills } from '@plugin/translators/translateFills';

import { TextNode as PenpotTextNode } from '@ui/lib/types/text/textContent';

export const translateStyledTextSegments = (
  node: TextNode,
  segments: Pick<
    StyledTextSegment,
    | 'characters'
    | 'start'
    | 'end'
    | 'fontName'
    | 'fontSize'
    | 'fontWeight'
    | 'lineHeight'
    | 'letterSpacing'
    | 'textCase'
    | 'textDecoration'
    | 'fills'
  >[]
): PenpotTextNode[] => {
  return segments.map(segment => {
    figma.ui.postMessage({ type: 'FONT_NAME', data: segment.fontName.family });

    return {
      fills: translateFills(segment.fills, node.width, node.height),
      text: segment.characters,
      ...transformTextStyle(node, segment)
    };
  });
};