yarle-evernote-to-md/src/utils/turndown-rules/span-rule.ts

Yet Another Rope Ladder from Evernote

import { yarleOptions } from '../../yarle';
import { OutputFormat } from '../../output-format';

import { filterByNodeName } from './filter-by-nodename';
import { getAttributeProxy } from './get-attribute-proxy';
import { getLanguageItems } from './../../outputLanguages/LanguageFactory';

const EVERNOTE_HIGHLIGHT = '-evernote-highlight:true;';
const EVERNOTE_COLORHIGHLIGHT = '--en-highlight';
const BOLD = 'bold';
const ITALIC = 'italic';

export const spanRule = {
    filter: filterByNodeName('SPAN'),
    replacement: (content: any, node: any) => {

        //const HIGHLIGHT_SEPARATOR = yarleOptions.outputFormat === OutputFormat.ObsidianMD ? '==' : '`' ;
        const nodeProxy = getAttributeProxy(node);
        if (nodeProxy.style && content.trim() !== '') {
            const nodeValue: string = nodeProxy.style.value;
            const languageItems = getLanguageItems(yarleOptions.outputFormat)

            // this aims to care for bold text generated as <span style="font-weight: bold;">Bold</span>
            if (content !== '<YARLE_NEWLINE_PLACEHOLDER>') {
                const hasBold =  nodeValue.includes(BOLD);
                const hasItalic =  nodeValue.includes(ITALIC);
                if (hasBold && !hasItalic) { return `${languageItems.bold}${content}${languageItems.bold}`; }
                if (!hasBold && hasItalic) { return `${languageItems.italic}${content}${languageItems.italic}`; }
                if (hasBold && hasItalic) { return `${languageItems.italic}${languageItems.bold}${content}${languageItems.bold}${languageItems.italic}`; }
            }
            const match = nodeValue.match(/color:rgb\(\d{0,3}, \d{0,3}, \d{0,3}\);|background-color: #([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})|--en-fontfamily:[^"]*/)

            return nodeValue.includes(EVERNOTE_HIGHLIGHT) ||
                nodeValue.includes(EVERNOTE_COLORHIGHLIGHT) ||
                (yarleOptions.convertColorsToMDHighlight && match)?
                `${languageItems.highlight}${content}${languageItems.highlight}` :
                content;
        }

        return content;
    },
};