background.js

function toggleVideoPiP() {
  const video = document.querySelector('video');
  if (!video) return { found: false };
  if (document.pictureInPictureElement) {
    document.exitPictureInPicture();
    return { found: true, action: 'exit' };
  }
  video.requestPictureInPicture();
  return { found: true, action: 'enter' };
}

function enterVideoPiP() {
  const video = document.querySelector('video');
  if (!video || video.paused) return { found: false };
  if (document.pictureInPictureElement) return { found: true, action: 'already' };
  video.requestPictureInPicture();
  return { found: true, action: 'enter' };
}

async function executePiPToggle(tab) {
  try {
    const [result] = await chrome.scripting.executeScript({
      target: { tabId: tab.id },
      func: toggleVideoPiP
    });
    return result && result.result;
  } catch (err) {
    return null;
  }
}

async function executePiPEnter(tabId) {
  try {
    const [result] = await chrome.scripting.executeScript({
      target: { tabId: tabId },
      func: enterVideoPiP
    });
    return result && result.result;
  } catch (err) {
    return null;
  }
}

chrome.commands.onCommand.addListener(async (command) => {
  if (command === 'toggle-pip') {
    const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
    if (tab) await executePiPToggle(tab);
  }
});

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  if (message.action === 'togglePiP') {
    chrome.tabs.query({ active: true, currentWindow: true }, async ([tab]) => {
      if (!tab) { sendResponse({ success: false }); return; }
      const result = await executePiPToggle(tab);
      sendResponse({ success: true, ...result });
    });
    return true;
  }

  if (message.action === 'autoEnterPiP') {
    const tabId = sender.tab ? sender.tab.id : null;
    if (!tabId) { sendResponse({ success: false }); return; }
    executePiPEnter(tabId).then(function(r) {
      sendResponse({ success: true, ...r });
    });
    return true;
  }
});