blog-astro/public/js/twikoo-loader.js

(function () {
  var TWIKOO_SRC =
    'https://cdn.jsdelivr.net/npm/twikoo@1.6.44/dist/twikoo.min.js'
  var TARGET_SELECTOR = '#tcomment'
  var state = { loading: false, loaded: false }

  function init() {
    var container = document.querySelector(TARGET_SELECTOR)
    if (!container) return

    function runInit() {
      if (state.loaded) return
      state.loaded = true
      if (window.twikoo) {
        window.twikoo.init({
          envId: 'https://twikoo.hk.nvme0n1p.dev/',
          el: TARGET_SELECTOR,
        })
      }
    }

    if (window.twikoo) {
      runInit()
      return
    }

    if (state.loading) return
    state.loading = true

    var script = document.createElement('script')
    script.src = TWIKOO_SRC
    script.async = true
    script.onload = runInit
    script.onerror = function (err) {
      console.error('Failed to load Twikoo:', err)
    }
    document.head.appendChild(script)
  }

  function onLoad() {
    init()
  }

  if (document.readyState === 'complete') {
    onLoad()
  } else {
    window.addEventListener('load', onLoad, { once: true })
  }

  document.addEventListener('astro:page-load', onLoad)
  document.addEventListener('astro:after-swap', onLoad)
})()