content.js

// 3D Viewer by SceneView — Content Script
// Detects 3D model links on web pages and adds preview icons

const MODEL_PATTERN = /\.(glb|gltf|usdz)(\?.*)?$/i;

function isModelLink(href) {
  if (!href) return false;
  try {
    const url = new URL(href, window.location.origin);
    return MODEL_PATTERN.test(url.pathname);
  } catch {
    return false;
  }
}

function getModelFormat(href) {
  const match = href.match(/\.(glb|gltf|usdz)/i);
  return match ? match[1].toUpperCase() : '3D';
}

function createPreviewButton(link) {
  const btn = document.createElement('span');
  btn.className = 'sceneview-preview-btn';
  btn.title = `Preview ${getModelFormat(link.href)} in 3D`;
  btn.textContent = '\uD83D\uDC41\uFE0F';
  btn.setAttribute('role', 'button');
  btn.setAttribute('aria-label', `Preview 3D model: ${link.href.split('/').pop()}`);

  btn.addEventListener('click', (e) => {
    e.preventDefault();
    e.stopPropagation();
    chrome.runtime.sendMessage({
      action: 'openViewer',
      url: link.href,
    });
  });

  return btn;
}

function scanAndAnnotateLinks() {
  const links = document.querySelectorAll('a[href]');
  let count = 0;

  links.forEach((link) => {
    // Skip already processed links
    if (link.dataset.sceneviewProcessed) return;
    link.dataset.sceneviewProcessed = 'true';

    if (isModelLink(link.href)) {
      const btn = createPreviewButton(link);
      link.parentNode.insertBefore(btn, link.nextSibling);
      count++;
    }
  });

  if (count > 0) {
    console.log(`[3D Viewer by SceneView] Found ${count} 3D model link(s) on this page`);
  }
}

// Initial scan
scanAndAnnotateLinks();

// Watch for dynamically added links (SPAs, infinite scroll)
const observer = new MutationObserver((mutations) => {
  let hasNewNodes = false;
  for (const mutation of mutations) {
    if (mutation.addedNodes.length > 0) {
      hasNewNodes = true;
      break;
    }
  }
  if (hasNewNodes) {
    scanAndAnnotateLinks();
  }
});

observer.observe(document.body, {
  childList: true,
  subtree: true,
});