@symbo.ls/connect 3.2.7

package/src/service_worker.js

@@ -0,0 +1,246 @@
+import { initSettings } from './settings/settings_utils'
+
+// ============================================================
+// Tab state helpers (for grabber toggle)
+// ============================================================
+const getTabState = (tabId) =>
+  chrome.storage.session
+    .get(String(tabId))
+    .then((data) => parseInt(data[tabId] || 0, 10))
+
+const setTabState = (tabId, state) =>
+  chrome.storage.session.set({ [tabId]: state })
+
+const getActiveTabs = () =>
+  chrome.tabs.query({ active: true, currentWindow: true })
+
+const 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 })
+        })
+    })
+  )
+}
+
+const 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 }
+      }
+    }
+  )
+}
+
+// ============================================================
+// Install / update
+// ============================================================
+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()
+
+    // Override Origin header on API requests to avoid CORS rejection
+    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']
+          }
+        }
+      ]
+    })
+  }
+})
+
+// ============================================================
+// Badge state
+// ============================================================
+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)
+})
+
+// ============================================================
+// Keyboard shortcut (Ctrl+E / Cmd+E)
+// ============================================================
+chrome.commands.onCommand.addListener(async (command) => {
+  if (command === 'toggleGrabber') {
+    await toggleActiveTabsState()
+  }
+})
+
+// ============================================================
+// Toolbar icon click -> toggle grabber
+// ============================================================
+chrome.action.onClicked.addListener(async () => {
+  await toggleActiveTabsState()
+})
+
+// ============================================================
+// Internal messaging (from devtools panel)
+// ============================================================
+let 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
+  }
+
+  // Forward file operations to the picker tab
+  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
+        // Wait for the page to load before forwarding
+        setTimeout(() => forwardToPickerTab(tab.id), 800)
+      })
+    }
+
+    if (pickerTabId) {
+      // Verify the tab still exists
+      chrome.tabs.get(pickerTabId, (tab) => {
+        if (chrome.runtime.lastError || !tab) {
+          pickerTabId = null
+          openNewPickerTab()
+        } else {
+          forwardToPickerTab(pickerTabId)
+        }
+      })
+    } else {
+      openNewPickerTab()
+    }
+    return true
+  }
+
+  // Proxy API requests — strip Origin to avoid CORS rejection on server
+  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
+  }
+
+  // Forward folder-picked to all extension pages
+  if (msg.type === 'folder-picked') {
+    // Already handled by chrome.runtime.onMessage in panel
+  }
+
+  return true
+})
+
+// ============================================================
+// External messaging (from symbols.app / platform.symbo.ls)
+// ============================================================
+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
+})

package/src/settings/settings_ui.js

@@ -0,0 +1,52 @@
+import {
+  getSettings,
+  updateSettings,
+  settingsDefinitions
+} from './settings_utils'
+
+const container = document.getElementById('settings-container')
+
+const curSettings = await getSettings()
+
+// Build settings UI from definitions
+settingsDefinitions.forEach(({ key, name, type, default: defValue }) => {
+  const input = document.createElement('input')
+  input.id = key
+  input.type = type
+
+  if (!(key in curSettings)) {
+    console.error(`Setting ${key} missing value`, curSettings)
+  }
+
+  const value = curSettings[key] ?? defValue ?? null
+
+  if ((defValue ?? null) !== null) {
+    input.defaultValue = defValue
+  }
+
+  if ((value ?? null) !== null) {
+    if (type === 'checkbox') {
+      input.checked = value
+    } else {
+      input.value = value
+    }
+  }
+
+  const label = document.createElement('label')
+  label.htmlFor = key
+  label.textContent = name
+
+  const wrapper = document.createElement('div')
+  wrapper.classList.add('setting')
+
+  wrapper.append(label)
+  wrapper.append(input)
+
+  container.append(wrapper)
+
+  input.addEventListener('change', (event) => {
+    const val = type === 'checkbox' ? event.target.checked : event.target.value
+
+    updateSettings({ [key]: val })
+  })
+})

package/src/settings/settings_utils.js

@@ -0,0 +1,70 @@
+/**
+ * @typedef {Object} Settings
+ * @property {boolean} useComputed
+ * @property {boolean} useStylesheets
+ */
+
+const storageKey = 'settings'
+
+/**
+ * @typedef {Object} SettingDefinition
+ * @property {string} type
+ * @property {String} name
+ * @property {string} [key]
+ * @property {any} [default]
+ * @property {value} [any]
+ */
+
+/**
+ * @type {SettingDefinition[]}
+ */
+export const settingsDefinitions = [
+  {
+    key: 'useStylesheets',
+    name: 'Use Stylesheets',
+    type: 'checkbox',
+    default: true
+  },
+  {
+    key: 'useComputed',
+    name: 'Use Computed',
+    type: 'checkbox',
+    default: false
+  }
+]
+
+/**
+ * @returns {Promise<Settings>}
+ */
+export const getSettings = async () =>
+  (await chrome.storage.local.get(storageKey)).settings
+
+/**
+ * @param {Partial<Settings>} updates
+ */
+export async function updateSettings(updates) {
+  const cur = await getSettings()
+  chrome.storage.local
+    .set({ [storageKey]: { ...cur, ...updates } })
+    .catch((reason) => console.error(`failed to update settings : ${reason}`))
+}
+
+export async function initSettings() {
+  const curSettings = (await getSettings()) ?? {}
+
+  // construct default settings from definitions
+  const defaultSettings = {}
+  settingsDefinitions.forEach(({ key, default: defValue }) => {
+    defaultSettings[key] = defValue
+  })
+
+  // override defaults with any existing settings
+  Object.keys(curSettings).forEach((key) => {
+    // only include settings within the current defined set
+    if (key in defaultSettings) {
+      defaultSettings[key] = curSettings[key]
+    }
+  })
+
+  updateSettings(defaultSettings)
+}

package/static/assets/favicon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    path { fill: #0085FF; }
+  </style>
+  <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>