4chan-XZ/src/Miscellaneous/Fourchan.ts

import Callbacks from "../classes/Callbacks"
import BoardConfig from "../General/BoardConfig"
import { d, doc, g } from "../globals/globals"
import Main from "../main/Main"
import $ from "../platform/$"
import $$ from "../platform/$$"
import ExpandComment from "./ExpandComment"

/*
 * decaffeinate suggestions:
 * DS102: Remove unnecessary code created because of implicit returns
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/main/docs/suggestions.md
 */
const Fourchan = {
  init() {
    if ((g.SITE.software !== 'yotsuba') || !['index', 'thread', 'archive'].includes(g.VIEW)) { return }
    BoardConfig.ready(this.initBoard)
    return Main.ready(this.initReady)
  },

  initBoard() {
    if (g.BOARD.config.code_tags) {
      $.on(window, 'prettyprint:cb', function (e) {
        let post, pre
        if (!(post = g.posts.get(e.detail.ID))) { return }
        if (!(pre = $$('.prettyprint', post.nodes.comment)[+e.detail.i])) { return }
        if (!$.hasClass(pre, 'prettyprinted')) {
          pre.innerHTML = e.detail.html
          return $.addClass(pre, 'prettyprinted')
        }
      })
      $.global(() => window.addEventListener('prettyprint', e => window.dispatchEvent(new CustomEvent('prettyprint:cb', {
        detail: {
          ID: e.detail.ID,
          i: e.detail.i,
          html: window.prettyPrintOne(e.detail.html)
        }
      }))
        , false))
      Callbacks.Post.push({
        name: 'Parse [code] tags',
        cb: Fourchan.code
      })
      g.posts.forEach(function (post) {
        if (post.callbacksExecuted) {
          return Callbacks.Post.execute(post, ['Parse [code] tags'], true)
        }
      })
      ExpandComment.callbacks.push(Fourchan.code)
    }

    if (g.BOARD.config.math_tags) {
      $.global(() => window.addEventListener('mathjax', function (e) {
        if (window.MathJax) {
          return window.MathJax.Hub.Queue(['Typeset', window.MathJax.Hub, e.target])
        } else {
          if (!document.querySelector('script[src^="//cdn.mathjax.org/"]')) { // don't load MathJax if already loading
            window.loadMathJax()
            window.loadMathJax = function () { }
          }
          // 4chan only handles post comments on MathJax load; anything else (e.g. the QR preview) must be queued explicitly.
          if (!e.target.classList.contains('postMessage')) {
            return document.querySelector('script[src^="//cdn.mathjax.org/"]').addEventListener('load', () => window.MathJax.Hub.Queue(['Typeset', window.MathJax.Hub, e.target])
              , false)
          }
        }
      }
        , false))
      Callbacks.Post.push({
        name: 'Parse [math] tags',
        cb: Fourchan.math
      })
      g.posts.forEach(function (post) {
        if (post.callbacksExecuted) {
          return Callbacks.Post.execute(post, ['Parse [math] tags'], true)
        }
      })
      return ExpandComment.callbacks.push(Fourchan.math)
    }
  },

  // Disable 4chan's ID highlighting (replaced by IDHighlight) and reported post hiding.
  initReady() {
    return $.global(function () {
      window.clickable_ids = false
      for (const node of document.querySelectorAll('.posteruid, .capcode')) {
        node.removeEventListener('click', window.idClick, false)
      }
    })
  },

  code() {
    if (this.isClone) { return }
    return $.ready(() => {
      const iterable = $$('.prettyprint', this.nodes.comment)
      for (let i = 0; i < iterable.length; i++) {
        const pre = iterable[i]
        if (!$.hasClass(pre, 'prettyprinted')) {
          $.event('prettyprint', { ID: this.fullID, i, html: pre.innerHTML }, window)
        }
      }
    })
  },

  math() {
    let wbrs
    if (!/\[(math|eqn)\]/.test(this.nodes.comment.textContent)) { return }
    // XXX <wbr> tags frequently break MathJax; remove them.
    if ((wbrs = $$('wbr', this.nodes.comment)).length) {
      for (const wbr of wbrs) { $.rm(wbr) }
      this.nodes.comment.normalize()
    }
    const cb = () => {
      if (!doc.contains(this.nodes.comment)) { return }
      $.off(d, 'PostsInserted', cb)
      return $.event('mathjax', null, this.nodes.comment)
    }
    $.on(d, 'PostsInserted', cb)
    return cb()
  }
}
export default Fourchan