import 'iframe-resizer/js/iframeResizer.contentWindow'
import './style.scss'

import React from 'react'
import { createRoot } from 'react-dom/client'

import { debug } from './helper'

export default function init(name: string, source: any) {
  // @ts-ignore
  window.source = source
  document.title = name

  const path = `../src/${name}/index`

  import(`${path}.tsx`)
    .then(module => {
      const root = document.getElementById('app')

      if (root) {
        createRoot(root)
          .render(React.createElement(module.default))
      }
      debug()
    })
    .catch(() => {
      import(`${path}.jsx`)
        .then(module => {
          const root = document.getElementById('app')

          if (root) {
            createRoot(root)
              .render(React.createElement(module.default))
          }
          debug()
        })
    })
}