adder.js

import { render } from './render.js'

const addPosts = async (posts, div) => {
  for (const post of posts) {
    const rendered = await render(post)
    if (div.firstChild) {
      div.firstChild.before(rendered)
    } else {
      div.appendChild(rendered)
    }
  }
}

export const adder = (log, src, div) => {
  if (log && log[0]) {
    let index = 0

    const reverse = log.slice().reverse()
    let posts = reverse.slice(index, index + 25)

    addPosts(posts, div)
    index = index + 25

    window.onscroll = () => {
      if ((window.scrollX + window.scrollY == 0) && window.location.hash.substring(1) === src) {
        posts = reverse.slice(index, index + 25)
        index = index + 25
        addPosts(posts, div)
      }
    }

    const topChecker = setInterval(() => {
      if (!posts.length) { clearInterval(topChecker)}
      else if ((window.scrollX + window.scrollY == 0) && window.location.hash.substring(1) === src) {
        posts = reverse.slice(index, index + 25)
        index = index + 25
        addPosts(posts, div)
      }
    }, 1000)
  }
}