sori.studio/lib/markdown-callout.js

/** @type {string[]} */
export const CALLOUT_BACKGROUND_OPTIONS = ['gray', 'blue', 'green', 'yellow', 'red', 'purple', 'pink']

/** @type {string[]} */
export const CALLOUT_EMOJI_OPTIONS = ['💡', '⚠️', '❗', '✅', '📌', '🔥', '💬']

/**
 * 콜아웃 선언부 옵션을 파싱한다.
 * @param {string} line - 콜아웃 선언 라인
 * @returns {{ calloutEmojiEnabled: boolean, calloutEmoji: string, calloutBackground: string }}
 */
export const parseCalloutOptions = (line) => {
  const options = {
    calloutEmojiEnabled: true,
    calloutEmoji: '💡',
    calloutBackground: 'blue'
  }
  const tokens = String(line ?? '').trim().split(/\s+/).slice(1)

  tokens.forEach((token) => {
    const [rawKey, ...rawValueParts] = token.split('=')

    if (!rawKey || !rawValueParts.length) {
      return
    }

    const key = rawKey.toLowerCase()
    const value = rawValueParts.join('=').trim()

    if (key === 'emoji') {
      if (!value || value === 'none') {
        options.calloutEmojiEnabled = false
        options.calloutEmoji = '💡'
      } else {
        options.calloutEmojiEnabled = true
        options.calloutEmoji = value
      }

      return
    }

    if (key === 'bg' && CALLOUT_BACKGROUND_OPTIONS.includes(value)) {
      options.calloutBackground = value
    }
  })

  return options
}

/**
 * 콜아웃 선언 줄을 만든다.
 * @param {{ calloutEmojiEnabled?: boolean, calloutEmoji?: string, calloutBackground?: string }} options - 옵션
 * @returns {string} 선언 줄
 */
export const buildCalloutOpenerLine = (options = {}) => {
  const emojiEnabled = options.calloutEmojiEnabled !== false
  const emoji = emojiEnabled ? (options.calloutEmoji || '💡') : 'none'
  const background = CALLOUT_BACKGROUND_OPTIONS.includes(options.calloutBackground)
    ? options.calloutBackground
    : 'blue'

  return `:::callout emoji=${emoji} bg=${background}`
}