content_start.js

// content_start.js
(() => {
  if (window.__ni_content_loaded) return;
  window.__ni_content_loaded = true;
(() => {
  try {
    document.documentElement.setAttribute('data-ni-prehide', '1');

    if (document.getElementById('ni-prehide-boot')) return;

    const st = document.createElement('style');
    st.id = 'ni-prehide-boot';
    st.textContent = `
      html[data-ni-prehide="1"] article :is(h1,h2,h3,p,li,blockquote,figcaption):not([data-news-inverted]),
      html[data-ni-prehide="1"] main article :is(h1,h2,h3,p,li,blockquote,figcaption):not([data-news-inverted]),
      html[data-ni-prehide="1"] header h1:not([data-news-inverted]),
      html[data-ni-prehide="1"] h1#main-heading:not([data-news-inverted]),
      html[data-ni-prehide="1"] main [data-component="headline"] h1:not([data-news-inverted]),
      html[data-ni-prehide="1"] main [data-testid="headline"] :is(h1,h2):not([data-news-inverted]),
      html[data-ni-prehide="1"] main [data-component="subheadline"] h2:not([data-news-inverted]),
      html[data-ni-prehide="1"] main [data-testid="subheadline"]:not([data-news-inverted]),
      html[data-ni-prehide="1"] main [data-testid="article-body"] p:not([data-news-inverted]),
      html[data-ni-prehide="1"] main [data-component="text-block"] p:not([data-news-inverted]) {
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
        text-shadow: none !important;
      }
    `;
    (document.head || document.documentElement).prepend(st);

    // bfcache: set the flag again
    window.addEventListener('pageshow', (e) => {
      if (e.persisted) {
        document.documentElement.setAttribute('data-ni-prehide', '1');
      }
    }, { once: true });

  } catch {}
})();


  const NI = (...a) => console.log('[NI][content]', ...a);

  let alive = true;
  const markDead = () => { alive = false; NI('context -> DEAD'); };
  window.addEventListener('pagehide', markDead, { once: true });
  window.addEventListener('freeze', markDead, { once: true });
  window.addEventListener('beforeunload', markDead, { once: true });

  const domain = location.hostname.split('.').slice(-2).join('.');
  const key = 'enabled:' + domain;

  function safeSendMessage(req, cb) {
    if (!alive) return cb({ ok: false, error: 'context_gone' });
    if (!chrome?.runtime?.id) return cb({ ok: false, error: 'extension_context_invalidated' });
    try {
      chrome.runtime.sendMessage(req, (resp) => {
        if (chrome.runtime.lastError) {
          NI('sendMessage lastError:', chrome.runtime.lastError.message);
          cb({ ok: false, error: chrome.runtime.lastError.message });
        } else {
          cb(resp);
        }
      });
    } catch (e) {
      NI('sendMessage exception:', e);
      cb({ ok: false, error: String(e) });
    }
  }

  function tryInjectTag(srcUrl) {
    return new Promise((resolve) => {
      try {
        const s = document.createElement('script');
        s.src = srcUrl;
        s.onload = () => { s.remove(); resolve(true); };
        s.onerror = () => resolve(false);
        (document.head || document.documentElement).appendChild(s);
      } catch (e) {
        NI('injectTag error:', e);
        resolve(false);
      }
    });
  }

  function injectViaSW() {
    return new Promise((resolve) => {
      safeSendMessage({ action: 'inject_page_script' }, (resp) => {
        NI('injectViaSW resp:', resp);
        resolve(!!resp?.ok);
      });
    });
  }

  async function ensureInjected() {
//    const enabled = await new Promise(res => chrome.storage?.local?.get([key], d => res(!!(d && d[key]))));
    const enabled = true;
    if (!enabled) { NI('disabled on domain', domain); return false; }

    NI('inject start');
    const okTag = await tryInjectTag(chrome.runtime.getURL('page_inject.js'));
    if (okTag) {
      NI('inject by <script> OK');
      return true;
    }
    NI('inject by <script> FAIL, trying SW…');
    const okSW = await injectViaSW();
    NI('inject via SW:', okSW);
    return okSW;
  }

  window.addEventListener('message', (ev) => {
    const d = ev.data;
    if (!d || ev.source !== window) return;

    if (d.type === 'NI_PING') {
      window.postMessage({ type: 'NI_PONG', id: d.id, ok: true }, '*');
      return;
    }

    if (d.type === 'NEWS_INVERT_REQUEST' && d.id && d.text) {
      NI('REQ -> SW len:', d.text.length);
      safeSendMessage({ action: 'invert', text: d.text }, (resp) => {
        if (resp?.ok) {
          NI('RESP <- SW ok');
          window.postMessage({ type: 'NEWS_INVERT_RESPONSE', id: d.id, text: resp.text }, '*');
        } else {
          NI('RESP <- SW error:', resp?.error);
          window.postMessage({ type: 'NEWS_INVERT_RESPONSE', id: d.id, error: resp?.error || 'error' }, '*');
        }
      });
    }
  }, { passive: true });

  ensureInjected().then(ok => NI('ensureInjected:', ok));
})();