import { h } from 'h'
import { apds } from 'apds'
import { marked } from 'https://esm.sh/gh/evbogue/bog5@de70376265/lib/marked.esm.js'
import { send } from './send.js'

const renderer = new marked.Renderer()

const linkHashtags = (words) => {
  for (let i = 0; i < words.length; i++) {
    let word = words[i]
    if (!word.startsWith('#')) { continue }
    let end
    if (['.', ',', '?', ':', '!'].some(char => word.endsWith(char))) {
      end = word[word.length - 1]
      word = word.substring(0, word.length - 1)
    }
    let hashtag = "<a href='#?" + word + "'>" + word + "</a>"
    if (end) { hashtag += end }
    words[i] = hashtag
  }
  return words
}

renderer.paragraph = function (paragraph) {
  const images = paragraph.match(/<img\b[^>]*>/gi) || []
  if (images.length) {
    const textOnly = paragraph
      .replace(/<img\b[^>]*>/gi, ' ')
      .replace(/<br\s*\/?>/gi, ' ')
      .replace(/\s+/g, ' ')
      .trim()

    if (!textOnly) {
      return `<div class="post-image-row">${images.join('')}</div>`
    }

    const linked = linkHashtags(textOnly.split(' ')).join(' ')
    return '<p>' + linked + '</p><div class="post-image-row">' + images.join('') + '</div>'
  }

  return '<p>' + linkHashtags(paragraph.split(' ')).join(' ') + '</p>'
}

renderer.link = function (href, title, text) {
  if (href.length == 44 && !href.startsWith('http')) {
    href  = '#' + href
    return marked.Renderer.prototype.link.call(this, href, title, text);
  } else {
    const m = marked.Renderer.prototype.link.call(this, href, title, text)
    return m
  }
}

renderer.image = function (src, title, text) {
  if (src && src.length === 44) {
    apds.get(src).then(async (img) => {
      if (img) {
        const image = document.getElementById('inlineimage' + src)
        if (image) {
          image.src = img
        }
      } else {
        await send(src)
      }
    })
    const altText = text ? text.replace(/"/g, '&quot;') : 'Post image'
    return `<img class="post-image" data-hash="${src}" id="inlineimage${src}" alt="${altText}" loading="lazy" tabindex="0" />`
  }
}

marked.setOptions({
  renderer: renderer
})

export const markdown = async (txt) => {
  const rendered = marked(txt || '')
  // If markdown splits image-only paragraphs (e.g. due blank lines), merge adjacent rows.
  return rendered.replace(/<\/div>\s*<div class="post-image-row">/g, '')
}