import type { MarkdownRenderer } from 'vitepress'

// FIXME: tasky: possibly write less horror jank?
export function base64DecodePlugin(md: MarkdownRenderer) {
  const decode = (str: string): string =>
    Buffer.from(str, 'base64').toString('binary')
  // Save the original rule for backticks
  const defaultRender =
    md.renderer.rules.code_inline ||
    function (tokens, idx, options, _env, self) {
      return self.renderToken(tokens, idx, options)
    }

  md.renderer.rules.code_inline = function (tokens, idx, options, env, self) {
    // @ts-expect-error shut the fuck up already I HATE THIS
    if (
      !env.frontmatter.title ||
      (env.frontmatter.title && !env.frontmatter.title === 'base64')
    ) {
      return defaultRender(tokens, idx, options, env, self)
    }
    const token = tokens[idx]
    const content = token.content

    return `<button class='base64' onclick="(function(btn){ const codeEl = btn.querySelector('code'); navigator.clipboard.writeText('${decode(
      content
    )}').then(() => { const originalText = codeEl.textContent; codeEl.textContent = 'Copied'; setTimeout(() => codeEl.textContent = originalText, 3000); }).catch(console.error); })(this)"><code>${content}</code></button>`
  }
}