npm - @symbo.ls/connect - Versions diffs - 3.2.7 - Mend

@symbo.ls/connect 3.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/build.js +205 -0
package/dist/assets/1024x1024.png +0 -0
package/dist/assets/128x128.png +0 -0
package/dist/assets/144x144.png +0 -0
package/dist/assets/192x192.png +0 -0
package/dist/assets/48x48.png +0 -0
package/dist/assets/512x512.png +0 -0
package/dist/assets/72x72.png +0 -0
package/dist/assets/96x96.png +0 -0
package/dist/assets/active_cursor.png +0 -0
package/dist/assets/favicon.svg +6 -0
package/dist/assets/old/144x144.png +0 -0
package/dist/assets/old/192x192.png +0 -0
package/dist/assets/old/48x48.png +0 -0
package/dist/assets/old/48x48_faint.png +0 -0
package/dist/assets/old/512x512.png +0 -0
package/dist/assets/old/72x72.png +0 -0
package/dist/assets/old/96x96.png +0 -0
package/dist/auth.js +373 -0
package/dist/content.css +46 -0
package/dist/content.js +1171 -0
package/dist/content.js.map +7 -0
package/dist/devtools.html +7 -0
package/dist/devtools.js +5 -0
package/dist/manifest.json +87 -0
package/dist/page-agent.js +727 -0
package/dist/panel.css +2239 -0
package/dist/panel.html +235 -0
package/dist/panel.js +4973 -0
package/dist/picker.html +111 -0
package/dist/picker.js +300 -0
package/dist/service_worker.js +219 -0
package/dist/service_worker.js.map +7 -0
package/dist/settings.css +128 -0
package/dist/settings.html +26 -0
package/dist/settings_ui.js +57 -0
package/dist/settings_ui.js.map +7 -0
package/package.json +20 -0
package/src/content.js +104 -0
package/src/grabber/clean.js +605 -0
package/src/grabber/computed.js +78 -0
package/src/grabber/parse.js +268 -0
package/src/grabber/stylesheets.js +117 -0
package/src/grabber/utils.js +238 -0
package/src/service_worker.js +246 -0
package/src/settings/settings_ui.js +52 -0
package/src/settings/settings_utils.js +70 -0
package/static/assets/1024x1024.png +0 -0
package/static/assets/128x128.png +0 -0
package/static/assets/144x144.png +0 -0
package/static/assets/192x192.png +0 -0
package/static/assets/48x48.png +0 -0
package/static/assets/512x512.png +0 -0
package/static/assets/72x72.png +0 -0
package/static/assets/96x96.png +0 -0
package/static/assets/active_cursor.png +0 -0
package/static/assets/favicon.svg +6 -0
package/static/assets/old/144x144.png +0 -0
package/static/assets/old/192x192.png +0 -0
package/static/assets/old/48x48.png +0 -0
package/static/assets/old/48x48_faint.png +0 -0
package/static/assets/old/512x512.png +0 -0
package/static/assets/old/72x72.png +0 -0
package/static/assets/old/96x96.png +0 -0
package/static/auth.js +373 -0
package/static/content.css +46 -0
package/static/devtools.html +7 -0
package/static/devtools.js +5 -0
package/static/manifest.json +56 -0
package/static/page-agent.js +727 -0
package/static/panel.css +2239 -0
package/static/panel.html +235 -0
package/static/panel.js +4973 -0
package/static/picker.html +111 -0
package/static/picker.js +300 -0
package/static/settings.css +128 -0
package/static/settings.html +26 -0

package/dist/picker.html ADDED Viewed

@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Symbols Connect — Select Folder</title>
+  <link rel="icon" href="assets/favicon.svg" />
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    :root {
+      --bg: #141416;
+      --bg-alt: #242428;
+      --bg-hover: #34343a;
+      --border: #34343a;
+      --text: #bcbcc2;
+      --text-dim: #65656f;
+      --text-bright: #e0e0e2;
+      --accent: #0085FF;
+    }
+    body {
+      background: var(--bg);
+      color: var(--text);
+      font-family: 'DmSansVariable', 'Helvetica Neue', 'Helvetica', system-ui, sans-serif;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+    }
+    .picker-inner {
+      text-align: center;
+      max-width: 400px;
+      padding: 40px;
+    }
+    .picker-logo {
+      width: 48px;
+      height: 48px;
+      margin: 0 auto 16px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .picker-logo svg { width: 48px; height: 48px; fill: var(--accent); }
+    h1 {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--text-bright);
+      margin-bottom: 8px;
+    }
+    p {
+      font-size: 13px;
+      color: var(--text-dim);
+      margin-bottom: 24px;
+      line-height: 1.4;
+    }
+    button {
+      background: var(--accent);
+      color: #fff;
+      border: none;
+      padding: 12px 32px;
+      border-radius: 8px;
+      font-size: 14px;
+      font-family: inherit;
+      cursor: pointer;
+    }
+    button:hover { opacity: 0.9; }
+    .picker-btn-secondary {
+      background: transparent;
+      color: var(--text-dim);
+      border: 1px solid var(--border);
+      padding: 10px 24px;
+      border-radius: 8px;
+      font-size: 13px;
+      font-family: inherit;
+      cursor: pointer;
+    }
+    .picker-btn-secondary:hover {
+      color: var(--text-bright);
+      border-color: var(--accent);
+    }
+    .picker-success-icon {
+      width: 64px;
+      height: 64px;
+      margin: 0 auto 16px;
+      background: #59AC56;
+      color: #fff;
+      font-size: 36px;
+      line-height: 64px;
+      text-align: center;
+      border-radius: 50%;
+    }
+    .status {
+      margin-top: 16px;
+      font-size: 12px;
+      color: var(--text-dim);
+    }
+    .status.error { color: #EB6650; }
+    .status.success { color: #59AC56; }
+  </style>
+</head>
+<body>
+  <div class="picker-inner">
+    <div class="picker-logo">
+      <svg viewBox="0 0 24 24"><path d="M13.843 2.7C19.063 2.7 23 6.366 23 11.228c0 3.754-2.862 6.584-6.658 6.584-3.287 0-5.007-2.318-5.007-4.609 0-2.395 1.923-4.344 4.287-4.344.566 0 1.023.12 1.309.223a.212.212 0 01.137.229l-.016.058-.514 1.18a.223.223 0 01-.245.13 2.965 2.965 0 00-.506-.046c-1.245 0-2.258 1.027-2.258 2.288 0 1.33 1.165 2.373 2.651 2.373 2.195 0 3.913-1.777 3.913-4.046 0-3.024-2.294-5.135-5.58-5.135-4.076 0-7.393 3.36-7.393 7.491a7.519 7.519 0 002.871 5.924l-4.96 3.18A12.042 12.042 0 012 14.7c0-6.617 5.313-12 11.843-12z" fill-rule="evenodd"/></svg>
+    </div>
+    <h1>Select Project Folder</h1>
+    <p>Choose a local folder to connect. The extension will be able to read and write files in the selected directory.</p>
+    <button id="btn-pick">Choose Folder</button>
+    <div id="status" class="status"></div>
+  </div>
+  <script src="picker.js"></script>
+</body>
+</html>

package/dist/picker.js ADDED Viewed

@@ -0,0 +1,300 @@
+const DB_NAME = 'symbols-connect'
+const DB_STORE = 'handles'
+const FILES_STORE = 'files'
+function openDB () {
+  return new Promise((resolve, reject) => {
+    const req = indexedDB.open(DB_NAME, 3)
+    req.onupgradeneeded = (e) => {
+      const db = e.target.result
+      if (!db.objectStoreNames.contains(DB_STORE)) db.createObjectStore(DB_STORE)
+      if (!db.objectStoreNames.contains(FILES_STORE)) db.createObjectStore(FILES_STORE)
+      if (!db.objectStoreNames.contains('threads')) {
+        const store = db.createObjectStore('threads', { keyPath: 'id' })
+        store.createIndex('project', 'project', { unique: false })
+      }
+    }
+    req.onsuccess = () => resolve(req.result)
+    req.onerror = () => reject(req.error)
+  })
+}
+async function saveHandle (name, handle) {
+  const db = await openDB()
+  const tx = db.transaction(DB_STORE, 'readwrite')
+  tx.objectStore(DB_STORE).put({ handle, name, time: Date.now() }, name)
+  return new Promise((resolve, reject) => {
+    tx.oncomplete = resolve
+    tx.onerror = () => reject(tx.error)
+  })
+}
+async function saveFileCache (projectName, cache) {
+  const db = await openDB()
+  const tx = db.transaction(FILES_STORE, 'readwrite')
+  tx.objectStore(FILES_STORE).put(cache, projectName)
+  return new Promise((resolve, reject) => {
+    tx.oncomplete = resolve
+    tx.onerror = () => reject(tx.error)
+  })
+}
+// Scan a directory and read all file contents
+async function scanAndCache (dirHandle, basePath, depth) {
+  if (depth > 6) return { tree: [], files: {} }
+  const tree = []
+  const files = {}
+  for await (const entry of dirHandle.values()) {
+    const entryPath = basePath ? basePath + '/' + entry.name : entry.name
+    if (entry.name.startsWith('.') || entry.name === 'node_modules' || entry.name === 'dist') continue
+    if (entry.kind === 'directory') {
+      const sub = await scanAndCache(entry, entryPath, depth + 1)
+      tree.push({ name: entry.name, path: entryPath, kind: 'dir', children: sub.tree })
+      Object.assign(files, sub.files)
+    } else {
+      if (/\.(js|jsx|ts|tsx|json|css|html)$/i.test(entry.name)) {
+        tree.push({ name: entry.name, path: entryPath, kind: 'file' })
+        try {
+          const file = await entry.getFile()
+          files[entryPath] = await file.text()
+        } catch (e) {
+          files[entryPath] = null
+        }
+      }
+    }
+  }
+  tree.sort((a, b) => {
+    if (a.kind !== b.kind) return a.kind === 'dir' ? -1 : 1
+    return a.name.localeCompare(b.name)
+  })
+  return { tree, files }
+}
+const statusEl = document.getElementById('status')
+const innerEl = document.querySelector('.picker-inner')
+function showSuccess (name) {
+  innerEl.innerHTML = ''
+  const checkmark = document.createElement('div')
+  checkmark.className = 'picker-success-icon'
+  checkmark.textContent = '\u2713'
+  const title = document.createElement('h1')
+  title.textContent = 'Connected'
+  title.style.marginBottom = '8px'
+  const nameEl = document.createElement('p')
+  nameEl.style.cssText = 'color:#59AC56;font-size:16px;font-weight:500;margin-bottom:8px'
+  nameEl.textContent = name
+  const hint = document.createElement('p')
+  hint.textContent = 'You can close this tab and return to DevTools.'
+  hint.style.marginBottom = '24px'
+  const anotherBtn = document.createElement('button')
+  anotherBtn.textContent = 'Choose Another Folder'
+  anotherBtn.className = 'picker-btn-secondary'
+  anotherBtn.addEventListener('click', () => location.reload())
+  innerEl.appendChild(checkmark)
+  innerEl.appendChild(title)
+  innerEl.appendChild(nameEl)
+  innerEl.appendChild(hint)
+  innerEl.appendChild(anotherBtn)
+}
+async function pickFolder () {
+  try {
+    const handle = await window.showDirectoryPicker({ mode: 'readwrite' })
+    // Validate symbols.json
+    let configHandle
+    try {
+      configHandle = await handle.getFileHandle('symbols.json')
+    } catch (e) {
+      statusEl.textContent = 'No symbols.json found. Please select a Symbols project folder.'
+      statusEl.className = 'status error'
+      return
+    }
+    statusEl.textContent = 'Reading symbols.json...'
+    statusEl.className = 'status'
+    const configFile = await configHandle.getFile()
+    const configText = await configFile.text()
+    let config
+    try {
+      config = JSON.parse(configText)
+    } catch (e) {
+      statusEl.textContent = 'Invalid symbols.json: ' + e.message
+      statusEl.className = 'status error'
+      return
+    }
+    // Resolve symbols directory
+    let symbolsDir = (config.dir || './symbols').replace(/^\.\//, '')
+    let symbolsDirHandle
+    try {
+      symbolsDirHandle = await handle.getDirectoryHandle(symbolsDir)
+    } catch (e) {
+      statusEl.textContent = 'Symbols directory "' + symbolsDir + '" not found.'
+      statusEl.className = 'status error'
+      return
+    }
+    statusEl.textContent = 'Scanning symbols folder...'
+    // Scan and cache all file contents
+    const { tree, files } = await scanAndCache(symbolsDirHandle, '', 0)
+    statusEl.textContent = 'Saving...'
+    // Save handle and file cache
+    await saveHandle(handle.name, handle)
+    await saveFileCache(handle.name, {
+      config,
+      symbolsDir,
+      tree,
+      files,
+      time: Date.now()
+    })
+    showSuccess(handle.name)
+    // Notify the devtools panel
+    chrome.runtime.sendMessage({
+      type: 'folder-picked',
+      name: handle.name
+    })
+  } catch (e) {
+    if (e.name !== 'AbortError') {
+      statusEl.textContent = 'Error: ' + e.message
+      statusEl.className = 'status error'
+    }
+  }
+}
+// Listen for file operation requests from the panel
+chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
+  if (msg.type === 'read-file') {
+    (async () => {
+      try {
+        const db = await openDB()
+        const tx = db.transaction(FILES_STORE, 'readonly')
+        const req = tx.objectStore(FILES_STORE).get(msg.project)
+        req.onsuccess = () => {
+          const cache = req.result
+          if (cache && cache.files && msg.path in cache.files) {
+            sendResponse({ content: cache.files[msg.path] })
+          } else {
+            sendResponse({ error: 'File not in cache' })
+          }
+        }
+        req.onerror = () => sendResponse({ error: 'DB error' })
+      } catch (e) {
+        sendResponse({ error: e.message })
+      }
+    })()
+    return true
+  }
+  if (msg.type === 'write-file') {
+    (async () => {
+      try {
+        const db = await openDB()
+        const tx = db.transaction(DB_STORE, 'readonly')
+        const req = tx.objectStore(DB_STORE).get(msg.project)
+        req.onsuccess = async () => {
+          try {
+            const item = req.result
+            if (!item || !item.handle) {
+              sendResponse({ error: 'Project handle not found' })
+              return
+            }
+            let symbolsDir = msg.symbolsDir || 'symbols'
+            let dirHandle = await item.handle.getDirectoryHandle(symbolsDir)
+            // Navigate to file
+            const parts = msg.path.split('/')
+            for (let i = 0; i < parts.length - 1; i++) {
+              dirHandle = await dirHandle.getDirectoryHandle(parts[i])
+            }
+            const fileHandle = await dirHandle.getFileHandle(parts[parts.length - 1])
+            const writable = await fileHandle.createWritable()
+            await writable.write(msg.content)
+            await writable.close()
+            // Update cache
+            const db2 = await openDB()
+            const tx2 = db2.transaction(FILES_STORE, 'readwrite')
+            const req2 = tx2.objectStore(FILES_STORE).get(msg.project)
+            req2.onsuccess = () => {
+              const cache = req2.result
+              if (cache) {
+                cache.files[msg.path] = msg.content
+                tx2.objectStore(FILES_STORE).put(cache, msg.project)
+              }
+            }
+            sendResponse({ success: true })
+          } catch (e) {
+            sendResponse({ error: e.message })
+          }
+        }
+        req.onerror = () => sendResponse({ error: 'DB error' })
+      } catch (e) {
+        sendResponse({ error: e.message })
+      }
+    })()
+    return true
+  }
+  if (msg.type === 'rescan-project') {
+    (async () => {
+      try {
+        const db = await openDB()
+        const tx = db.transaction(DB_STORE, 'readonly')
+        const req = tx.objectStore(DB_STORE).get(msg.project)
+        req.onsuccess = async () => {
+          try {
+            const item = req.result
+            if (!item || !item.handle) {
+              sendResponse({ error: 'No handle' })
+              return
+            }
+            const perm = await item.handle.queryPermission({ mode: 'readwrite' })
+            if (perm !== 'granted') {
+              sendResponse({ error: 'Permission denied. Re-open folder.' })
+              return
+            }
+            let configHandle = await item.handle.getFileHandle('symbols.json')
+            const configFile = await configHandle.getFile()
+            const config = JSON.parse(await configFile.text())
+            let symbolsDir = (config.dir || './symbols').replace(/^\.\//, '')
+            let symbolsDirHandle = await item.handle.getDirectoryHandle(symbolsDir)
+            const { tree, files } = await scanAndCache(symbolsDirHandle, '', 0)
+            await saveFileCache(msg.project, { config, symbolsDir, tree, files, time: Date.now() })
+            sendResponse({ success: true, config, symbolsDir, tree })
+          } catch (e) {
+            sendResponse({ error: e.message })
+          }
+        }
+      } catch (e) {
+        sendResponse({ error: e.message })
+      }
+    })()
+    return true
+  }
+})
+document.getElementById('btn-pick').addEventListener('click', pickFolder)

package/dist/service_worker.js ADDED Viewed

@@ -0,0 +1,219 @@
+// src/settings/settings_utils.js
+var storageKey = "settings";
+var settingsDefinitions = [
+  {
+    key: "useStylesheets",
+    name: "Use Stylesheets",
+    type: "checkbox",
+    default: true
+  },
+  {
+    key: "useComputed",
+    name: "Use Computed",
+    type: "checkbox",
+    default: false
+  }
+];
+var getSettings = async () => (await chrome.storage.local.get(storageKey)).settings;
+async function updateSettings(updates) {
+  const cur = await getSettings();
+  chrome.storage.local.set({ [storageKey]: { ...cur, ...updates } }).catch((reason) => console.error(`failed to update settings : ${reason}`));
+}
+async function initSettings() {
+  const curSettings = await getSettings() ?? {};
+  const defaultSettings = {};
+  settingsDefinitions.forEach(({ key, default: defValue }) => {
+    defaultSettings[key] = defValue;
+  });
+  Object.keys(curSettings).forEach((key) => {
+    if (key in defaultSettings) {
+      defaultSettings[key] = curSettings[key];
+    }
+  });
+  updateSettings(defaultSettings);
+}
+// src/service_worker.js
+var getTabState = (tabId) => chrome.storage.session.get(String(tabId)).then((data) => parseInt(data[tabId] || 0, 10));
+var setTabState = (tabId, state) => chrome.storage.session.set({ [tabId]: state });
+var getActiveTabs = () => chrome.tabs.query({ active: true, currentWindow: true });
+var messageActiveTabs = async (message, { condition, modifyMsg } = {}) => {
+  let tabs = await getActiveTabs();
+  tabs = tabs.filter(
+    (tab) => /^https?:/u.test(tab.url) && (!condition || condition(tab))
+  );
+  return Promise.all(
+    tabs.map((tab, index) => {
+      const msg = modifyMsg ? modifyMsg(tab, message, index) : message;
+      return chrome.tabs.sendMessage(tab.id, msg).then((response) => response).catch((reason) => {
+        console.log(`Failed to send msg to tab ${tab.id}`, { reason });
+      });
+    })
+  );
+};
+var toggleActiveTabsState = async () => {
+  const tabs = await getActiveTabs();
+  let states = await Promise.all(tabs.map((tab) => getTabState(tab.id)));
+  states = states.map((s) => s ? 0 : 1);
+  return messageActiveTabs(
+    { type: "toggle" },
+    {
+      modifyMsg: (tab, msg, index) => {
+        const state = states[index];
+        setTabState(tab.id, state);
+        return { ...msg, state };
+      }
+    }
+  );
+};
+chrome.runtime.onInstalled.addListener(({ previousVersion, reason }) => {
+  const { name } = chrome.runtime.getManifest();
+  chrome.action.setBadgeBackgroundColor({ color: "#099058ff" });
+  console.log(`${name} ${reason}`, { id: chrome.runtime.id, previousVersion });
+  if (["install", "update"].includes(reason)) {
+    initSettings();
+    chrome.declarativeNetRequest.updateDynamicRules({
+      removeRuleIds: [1, 2, 3],
+      addRules: [
+        {
+          id: 1,
+          priority: 1,
+          action: {
+            type: "modifyHeaders",
+            requestHeaders: [
+              { header: "Origin", operation: "set", value: "https://symbols.app" }
+            ]
+          },
+          condition: {
+            urlFilter: "https://api.symbols.app/*",
+            resourceTypes: ["xmlhttprequest", "other"]
+          }
+        },
+        {
+          id: 2,
+          priority: 1,
+          action: {
+            type: "modifyHeaders",
+            requestHeaders: [
+              { header: "Origin", operation: "remove" }
+            ]
+          },
+          condition: {
+            urlFilter: "https://api.anthropic.com/*",
+            resourceTypes: ["xmlhttprequest", "other"]
+          }
+        }
+      ]
+    });
+  }
+});
+chrome.storage.onChanged.addListener((changes, areas) => {
+  if (areas === "session" && Object.values(changes).some((change) => parseInt(change.newValue, 10))) {
+    chrome.action.setBadgeText({ text: "ON" });
+  } else {
+    chrome.action.setBadgeText({ text: null });
+  }
+});
+chrome.tabs.onActivated.addListener(({ tabId }) => {
+  chrome.action.setBadgeText({ text: null });
+  setTabState(tabId, 0);
+});
+chrome.commands.onCommand.addListener(async (command) => {
+  if (command === "toggleGrabber") {
+    await toggleActiveTabsState();
+  }
+});
+chrome.action.onClicked.addListener(async () => {
+  await toggleActiveTabsState();
+});
+var pickerTabId = null;
+chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
+  if (msg.type === "open-picker") {
+    const pickerUrl = chrome.runtime.getURL("picker.html");
+    chrome.tabs.create({ url: pickerUrl, active: true }, (tab) => {
+      pickerTabId = tab.id;
+    });
+    sendResponse({ ok: true });
+    return true;
+  }
+  if (msg.type === "read-file" || msg.type === "write-file" || msg.type === "rescan-project") {
+    const forwardToPickerTab = (tabId) => {
+      chrome.tabs.sendMessage(tabId, msg, (response) => {
+        if (chrome.runtime.lastError) {
+          sendResponse({ error: "Picker tab error: " + chrome.runtime.lastError.message });
+        } else {
+          sendResponse(response);
+        }
+      });
+    };
+    const openNewPickerTab = () => {
+      const pickerUrl = chrome.runtime.getURL("picker.html?bg");
+      chrome.tabs.create({ url: pickerUrl, active: false }, (tab) => {
+        pickerTabId = tab.id;
+        setTimeout(() => forwardToPickerTab(tab.id), 800);
+      });
+    };
+    if (pickerTabId) {
+      chrome.tabs.get(pickerTabId, (tab) => {
+        if (chrome.runtime.lastError || !tab) {
+          pickerTabId = null;
+          openNewPickerTab();
+        } else {
+          forwardToPickerTab(pickerTabId);
+        }
+      });
+    } else {
+      openNewPickerTab();
+    }
+    return true;
+  }
+  if (msg.type === "api-fetch") {
+    const headers = new Headers(msg.headers || {});
+    headers.delete("Origin");
+    const fetchOpts = {
+      method: msg.method || "GET",
+      headers
+    };
+    if (msg.body && msg.method && msg.method !== "GET") {
+      fetchOpts.body = msg.body;
+    }
+    fetch(msg.url, fetchOpts).then((res) => res.text().then((text) => ({ ok: res.ok, status: res.status, text }))).then(({ ok, status, text }) => {
+      let json = null;
+      try {
+        json = JSON.parse(text);
+      } catch (e) {
+      }
+      sendResponse({ ok, status, data: json, text });
+    }).catch((e) => {
+      sendResponse({ ok: false, status: 0, error: e.message || String(e) });
+    });
+    return true;
+  }
+  if (msg.type === "folder-picked") {
+  }
+  return true;
+});
+chrome.runtime.onMessageExternal.addListener(async (msg, sender, respond) => {
+  switch (msg.type) {
+    case "toggle_platform_mode": {
+      const responses = await toggleActiveTabsState();
+      if (responses.some((res) => res && res.success)) {
+        const domql = responses.find((res) => res && res.domql)?.domql || null;
+        setTabState(sender.tab.id, 0);
+        respond({ success: true, domql });
+      }
+      break;
+    }
+    case "request_domql": {
+      const data = await chrome.storage.local.get("domqlStr");
+      const domql = JSON.parse(data.domqlStr);
+      respond(domql);
+      break;
+    }
+    default: {
+      console.error("Invalid message received", { msg, sender });
+    }
+  }
+  return true;
+});
+//# sourceMappingURL=service_worker.js.map

package/dist/service_worker.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/settings/settings_utils.js", "../src/service_worker.js"],
+  "sourcesContent": ["/**\n * @typedef {Object} Settings\n * @property {boolean} useComputed\n * @property {boolean} useStylesheets\n */\n\nconst storageKey = 'settings'\n\n/**\n * @typedef {Object} SettingDefinition\n * @property {string} type\n * @property {String} name\n * @property {string} [key]\n * @property {any} [default]\n * @property {value} [any]\n */\n\n/**\n * @type {SettingDefinition[]}\n */\nexport const settingsDefinitions = [\n  {\n    key: 'useStylesheets',\n    name: 'Use Stylesheets',\n    type: 'checkbox',\n    default: true\n  },\n  {\n    key: 'useComputed',\n    name: 'Use Computed',\n    type: 'checkbox',\n    default: false\n  }\n]\n\n/**\n * @returns {Promise<Settings>}\n */\nexport const getSettings = async () =>\n  (await chrome.storage.local.get(storageKey)).settings\n\n/**\n * @param {Partial<Settings>} updates\n */\nexport async function updateSettings(updates) {\n  const cur = await getSettings()\n  chrome.storage.local\n    .set({ [storageKey]: { ...cur, ...updates } })\n    .catch((reason) => console.error(`failed to update settings : ${reason}`))\n}\n\nexport async function initSettings() {\n  const curSettings = (await getSettings()) ?? {}\n\n  // construct default settings from definitions\n  const defaultSettings = {}\n  settingsDefinitions.forEach(({ key, default: defValue }) => {\n    defaultSettings[key] = defValue\n  })\n\n  // override defaults with any existing settings\n  Object.keys(curSettings).forEach((key) => {\n    // only include settings within the current defined set\n    if (key in defaultSettings) {\n      defaultSettings[key] = curSettings[key]\n    }\n  })\n\n  updateSettings(defaultSettings)\n}\n", "import { initSettings } from './settings/settings_utils'\n\n// ============================================================\n// Tab state helpers (for grabber toggle)\n// ============================================================\nconst getTabState = (tabId) =>\n  chrome.storage.session\n    .get(String(tabId))\n    .then((data) => parseInt(data[tabId] || 0, 10))\n\nconst setTabState = (tabId, state) =>\n  chrome.storage.session.set({ [tabId]: state })\n\nconst getActiveTabs = () =>\n  chrome.tabs.query({ active: true, currentWindow: true })\n\nconst messageActiveTabs = async (message, { condition, modifyMsg } = {}) => {\n  let tabs = await getActiveTabs()\n  tabs = tabs.filter(\n    (tab) => /^https?:/u.test(tab.url) && (!condition || condition(tab))\n  )\n\n  return Promise.all(\n    tabs.map((tab, index) => {\n      const msg = modifyMsg ? modifyMsg(tab, message, index) : message\n      return chrome.tabs\n        .sendMessage(tab.id, msg)\n        .then((response) => response)\n        .catch((reason) => {\n          console.log(`Failed to send msg to tab ${tab.id}`, { reason })\n        })\n    })\n  )\n}\n\nconst toggleActiveTabsState = async () => {\n  const tabs = await getActiveTabs()\n  let states = await Promise.all(tabs.map((tab) => getTabState(tab.id)))\n  states = states.map((s) => (s ? 0 : 1))\n\n  return messageActiveTabs(\n    { type: 'toggle' },\n    {\n      modifyMsg: (tab, msg, index) => {\n        const state = states[index]\n        setTabState(tab.id, state)\n        return { ...msg, state }\n      }\n    }\n  )\n}\n\n// ============================================================\n// Install / update\n// ============================================================\nchrome.runtime.onInstalled.addListener(({ previousVersion, reason }) => {\n  const { name } = chrome.runtime.getManifest()\n  chrome.action.setBadgeBackgroundColor({ color: '#099058ff' })\n  console.log(`${name} ${reason}`, { id: chrome.runtime.id, previousVersion })\n\n  if (['install', 'update'].includes(reason)) {\n    initSettings()\n\n    // Override Origin header on API requests to avoid CORS rejection\n    chrome.declarativeNetRequest.updateDynamicRules({\n      removeRuleIds: [1, 2, 3],\n      addRules: [\n        {\n          id: 1,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'set', value: 'https://symbols.app' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://api.symbols.app/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        },\n        {\n          id: 2,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'remove' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://api.anthropic.com/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        }\n      ]\n    })\n  }\n})\n\n// ============================================================\n// Badge state\n// ============================================================\nchrome.storage.onChanged.addListener((changes, areas) => {\n  if (\n    areas === 'session' &&\n    Object.values(changes).some((change) => parseInt(change.newValue, 10))\n  ) {\n    chrome.action.setBadgeText({ text: 'ON' })\n  } else {\n    chrome.action.setBadgeText({ text: null })\n  }\n})\n\nchrome.tabs.onActivated.addListener(({ tabId }) => {\n  chrome.action.setBadgeText({ text: null })\n  setTabState(tabId, 0)\n})\n\n// ============================================================\n// Keyboard shortcut (Ctrl+E / Cmd+E)\n// ============================================================\nchrome.commands.onCommand.addListener(async (command) => {\n  if (command === 'toggleGrabber') {\n    await toggleActiveTabsState()\n  }\n})\n\n// ============================================================\n// Toolbar icon click -> toggle grabber\n// ============================================================\nchrome.action.onClicked.addListener(async () => {\n  await toggleActiveTabsState()\n})\n\n// ============================================================\n// Internal messaging (from devtools panel)\n// ============================================================\nlet pickerTabId = null\n\nchrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {\n  if (msg.type === 'open-picker') {\n    const pickerUrl = chrome.runtime.getURL('picker.html')\n    chrome.tabs.create({ url: pickerUrl, active: true }, (tab) => {\n      pickerTabId = tab.id\n    })\n    sendResponse({ ok: true })\n    return true\n  }\n\n  // Forward file operations to the picker tab\n  if (msg.type === 'read-file' || msg.type === 'write-file' || msg.type === 'rescan-project') {\n    const forwardToPickerTab = (tabId) => {\n      chrome.tabs.sendMessage(tabId, msg, (response) => {\n        if (chrome.runtime.lastError) {\n          sendResponse({ error: 'Picker tab error: ' + chrome.runtime.lastError.message })\n        } else {\n          sendResponse(response)\n        }\n      })\n    }\n\n    const openNewPickerTab = () => {\n      const pickerUrl = chrome.runtime.getURL('picker.html?bg')\n      chrome.tabs.create({ url: pickerUrl, active: false }, (tab) => {\n        pickerTabId = tab.id\n        // Wait for the page to load before forwarding\n        setTimeout(() => forwardToPickerTab(tab.id), 800)\n      })\n    }\n\n    if (pickerTabId) {\n      // Verify the tab still exists\n      chrome.tabs.get(pickerTabId, (tab) => {\n        if (chrome.runtime.lastError || !tab) {\n          pickerTabId = null\n          openNewPickerTab()\n        } else {\n          forwardToPickerTab(pickerTabId)\n        }\n      })\n    } else {\n      openNewPickerTab()\n    }\n    return true\n  }\n\n  // Proxy API requests \u2014 strip Origin to avoid CORS rejection on server\n  if (msg.type === 'api-fetch') {\n    const headers = new Headers(msg.headers || {})\n    headers.delete('Origin')\n    const fetchOpts = {\n      method: msg.method || 'GET',\n      headers\n    }\n    if (msg.body && msg.method && msg.method !== 'GET') {\n      fetchOpts.body = msg.body\n    }\n    fetch(msg.url, fetchOpts)\n      .then((res) => res.text().then((text) => ({ ok: res.ok, status: res.status, text })))\n      .then(({ ok, status, text }) => {\n        let json = null\n        try { json = JSON.parse(text) } catch (e) {}\n        sendResponse({ ok, status, data: json, text })\n      })\n      .catch((e) => {\n        sendResponse({ ok: false, status: 0, error: e.message || String(e) })\n      })\n    return true\n  }\n\n  // Forward folder-picked to all extension pages\n  if (msg.type === 'folder-picked') {\n    // Already handled by chrome.runtime.onMessage in panel\n  }\n\n  return true\n})\n\n// ============================================================\n// External messaging (from symbols.app / platform.symbo.ls)\n// ============================================================\nchrome.runtime.onMessageExternal.addListener(async (msg, sender, respond) => {\n  switch (msg.type) {\n    case 'toggle_platform_mode': {\n      const responses = await toggleActiveTabsState()\n      if (responses.some((res) => res && res.success)) {\n        const domql = responses.find((res) => res && res.domql)?.domql || null\n        setTabState(sender.tab.id, 0)\n        respond({ success: true, domql })\n      }\n      break\n    }\n    case 'request_domql': {\n      const data = await chrome.storage.local.get('domqlStr')\n      const domql = JSON.parse(data.domqlStr)\n      respond(domql)\n      break\n    }\n    default: {\n      console.error('Invalid message received', { msg, sender })\n    }\n  }\n\n  return true\n})\n"],
+  "mappings": "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",
+  "names": []
+}