Contents

/* eslint-disable no-console */

export async function init() {
  const elements = document.querySelectorAll('[data-component]')

  if (elements.length < 1) return

  const { default: renderComponent } = await import(`./render_component`)

  Array.from(elements, ele => {
    const data = JSON.parse(ele.getAttribute('data-component'))

    let isVisible = false
    const observer = new IntersectionObserver(entries => {
      entries.forEach(entry => {
        if (!isVisible && entry.isIntersecting) {
          isVisible = true
          observer.unobserve(ele)

          renderComponent(ele, data)
        }
      })
    })

    observer.observe(ele)
  })
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
proscenium-0.1.0.alpha3-arm64-darwin	lib/proscenium/runtime/component_manager/index.js
proscenium-0.1.0.alpha3-x86_64-darwin	lib/proscenium/runtime/component_manager/index.js
proscenium-0.1.0.alpha3-x86_64-linux	lib/proscenium/runtime/component_manager/index.js