Function openOnlyOffice

public/js/fileEditor.js:497–600

(fileName, folder, sourceId = '')

// Full-screen OO open with hidden warm-up EVERY click, then real editor
async function openOnlyOffice(fileName, folder, sourceId = ''){
  let editor = null;
  let removeThemeListener = () => {};
  let cfg = null;
  let userClosed = false;

  // Build our full-screen modal
  const modal = ensureOoFullscreenModal();
  const titleEl = modal.querySelector('.editor-title');
  if (titleEl) titleEl.innerHTML = `${t("editing")}: ${escapeHTML(fileName)}`;

  const destroy = (removeModal = true) => {
    try { editor?.destroyEditor?.(); } catch (e) {}
    try { removeThemeListener(); } catch (e) {}
    if (removeModal) { try { modal.remove(); } catch (e) {} }
    lockPageScroll(false);
  };
  const onClose = () => { userClosed = true; destroy(true); };

  modal.querySelector('#closeEditorX')?.addEventListener('click', onClose);
  modal.addEventListener('keydown', (e) => { if (e.key === 'Escape') onClose(); });

  try{
    // 1) Fetch config
    const f = (!folder || folder === '') ? 'root' : String(folder);
    const sid = normalizeSourceId(sourceId);
    const params = new URLSearchParams({
      folder: f,
      file: fileName
    });
    if (sid) params.set('sourceId', sid);
    const url = withBase(`/api/onlyoffice/config.php?${params.toString()}`);
    const resp = await fetch(url, { credentials: 'include' });
    const text = await resp.text();

    try { cfg = JSON.parse(text); } catch (e) {
      throw new Error(`ONLYOFFICE config parse failed (HTTP ${resp.status}). First 120 chars: ${text.slice(0,120)}`);
    }
    if (!resp.ok) throw new Error(cfg?.error || `ONLYOFFICE config HTTP ${resp.status}`);

    // 2) Preconnect + load DocsAPI
    injectOOPreconnect(cfg.documentServerOrigin || null);
    await ensureOnlyOfficeApi(cfg.docs_api_js, cfg.documentServerOrigin);

        // 3) Theme + base events
        const isDark = document.documentElement.classList.contains('dark-mode')
        || /^(1|true)$/i.test(localStorage.getItem('darkMode') || '');
      cfg.events = (cfg.events && typeof cfg.events === 'object') ? cfg.events : {};
      cfg.editorConfig = cfg.editorConfig || {};
      cfg.editorConfig.customization = Object.assign(
        {}, cfg.editorConfig.customization, { uiTheme: isDark ? 'theme-dark' : 'theme-light' }
      );
  
      // Preserve any events coming from PHP side
      const prevOnRequestClose   = cfg.events.onRequestClose;
      const prevOnAppReady       = cfg.events.onAppReady;
      const prevOnDocumentReady  = cfg.events.onDocumentReady;