Function init

javascript/bilingual_localization.js:470–532

()

  }())

  function init() {
    // Add style to dom
    let $styleEL = document.createElement('style');

    if ($styleEL.styleSheet) {
      $styleEL.styleSheet.cssText = customCSS;
    } else {
      $styleEL.appendChild(document.createTextNode(customCSS));
    }
    gradioApp().appendChild($styleEL);

    let loaded = false
    let _count = 0

    const observer = new MutationObserver(mutations => {
      if (window.localization && Object.keys(window.localization).length) return; // disabled if original translation enabled
      if (Object.keys(opts).length === 0) return; // does nothing if opts is not loaded

      let _nodesCount = 0, _now = performance.now()

      for (const mutation of mutations) {
        if (mutation.type === 'characterData') {
          if (mutation.target?.parentElement?.parentElement?.tagName === 'LABEL') {
            translateEl(mutation.target)
          }
        } else if (mutation.type === 'attributes') {
          _nodesCount++
          translateEl(mutation.target)
        } else {
          mutation.addedNodes.forEach(node => {
            if (node.className === 'bilingual__trans_wrapper') return

            _nodesCount++
            if (node.nodeType === 1 && /(output|gradio)-(html|markdown)/.test(node.className)) {
              translateEl(node, { rich: true })
            } else if (node.nodeType === 3) {
              doTranslate(node, node.textContent, 'text')
            } else {
              translateEl(node, { deep: true })
            }
          })
        }
      }

      if (_nodesCount > 0) {
        logger.info(`UI Update #${_count++}: ${performance.now() - _now} ms, ${_nodesCount} nodes`, mutations)
      }

      if (loaded) return;
      if (i18n) return;

      loaded = true
      setup()
    })

    observer.observe(gradioApp(), {
      characterData: true,
      childList: true,