options.js

function isChromeApiAvailable() {
  return typeof chrome !== 'undefined';
}

function getStorageSyncArea() {
  if (isChromeApiAvailable() && chrome.storage && chrome.storage.sync) {
    return chrome.storage.sync;
  }
  // Fallback shim so page opened outside extension context does not crash
  return {
    get(keys, callback) {
      try {
        const key = Array.isArray(keys)
          ? keys[0]
          : typeof keys === 'string'
          ? keys
          : Object.keys(keys || {})[0];
        const value = key ? localStorage.getItem(key) : null;
        callback && callback(key ? { [key]: value } : {});
      } catch {
        callback && callback({});
      }
    },
    set(items, callback) {
      try {
        const entries = Object.entries(items || {});
        if (entries.length) {
          const [key, value] = entries[0];
          if (key) localStorage.setItem(key, value);
        }
      } catch {}
      callback && callback();
    },
  };
}

function flattenFolders(node, accumulator) {
  if (!node) return accumulator;
  if (node.url) return accumulator; // skip bookmarks; we want folders only

  if (node.title !== undefined && node.id !== undefined) {
    accumulator.push({ id: node.id, title: node.title || 'Untitled Folder' });
  }
  if (Array.isArray(node.children)) {
    node.children.forEach((child) => flattenFolders(child, accumulator));
  }
  return accumulator;
}

function populateFolderSelect(selectedId) {
  const select = document.getElementById('folderSelect');
  select.innerHTML = '';
  const status = document.getElementById('status');

  if (!isChromeApiAvailable() || !chrome.bookmarks || !chrome.bookmarks.getTree) {
    status.textContent = 'Bookmarks API unavailable. Open this page via the extension options.';
    return;
  }

  chrome.bookmarks.getTree((trees) => {
    const folders = flattenFolders(trees?.[0], []);
    folders.forEach((folder) => {
      const option = document.createElement('option');
      option.value = folder.id;
      option.textContent = `${folder.title} (id: ${folder.id})`;
      if (selectedId && selectedId === folder.id) option.selected = true;
      select.appendChild(option);
    });
  });
}

document.addEventListener('DOMContentLoaded', () => {
  const storage = getStorageSyncArea();
  storage.get(['selectedFolderId'], (result) => {
    populateFolderSelect(result?.selectedFolderId);
  });

  document.getElementById('saveBtn').addEventListener('click', () => {
    const select = document.getElementById('folderSelect');
    const selectedFolderId = select.value;
    storage.set({ selectedFolderId }, () => {
      const status = document.getElementById('status');
      status.textContent = 'Saved! You can close this tab.';
      setTimeout(() => (status.textContent = ''), 2000);
    });
  });
});