Discord

src/extensions/browser-relay/options.js

@@ -0,0 +1,78 @@
+import { deriveRelayToken } from './background-utils.js'
+import { classifyRelayCheckException, classifyRelayCheckResponse } from './options-validation.js'
+
+const DEFAULT_PORT = 18792
+const DEFAULT_HOST = '127.0.0.1'
+
+function clampPort(value) {
+  const n = Number.parseInt(String(value || ''), 10)
+  if (!Number.isFinite(n)) return DEFAULT_PORT
+  if (n <= 0 || n > 65535) return DEFAULT_PORT
+  return n
+}
+
+function updateRelayUrl(host, port) {
+  const el = document.getElementById('relay-url')
+  if (!el) return
+  el.textContent = `http://${host}:${port}/`
+}
+
+function setStatus(kind, message) {
+  const status = document.getElementById('status')
+  if (!status) return
+  status.dataset.kind = kind || ''
+  status.textContent = message || ''
+}
+
+async function checkRelayReachable(host, port, token) {
+  const url = `http://${host}:${port}/json/version`
+  const trimmedToken = String(token || '').trim()
+  if (!trimmedToken) {
+    setStatus('error', 'Relay token required. Save your token to connect.')
+    return
+  }
+  try {
+    const relayToken = await deriveRelayToken(trimmedToken, port)
+    const res = await chrome.runtime.sendMessage({
+      type: 'relayCheck',
+      url,
+      token: relayToken,
+    })
+    const result = classifyRelayCheckResponse(res, host, port)
+    if (result.action === 'throw') throw new Error(result.error)
+    setStatus(result.kind, result.message)
+  } catch (err) {
+    const result = classifyRelayCheckException(err, host, port)
+    setStatus(result.kind, result.message)
+  }
+}
+
+async function load() {
+  const stored = await chrome.storage.local.get(['relayPort', 'relayHost', 'relayToken'])
+  const port = clampPort(stored.relayPort)
+  const host = String(stored.relayHost || '').trim() || DEFAULT_HOST
+  const token = String(stored.relayToken || '').trim()
+  document.getElementById('host').value = host
+  document.getElementById('port').value = String(port)
+  document.getElementById('token').value = token
+  updateRelayUrl(host, port)
+  await checkRelayReachable(host, port, token)
+}
+
+async function save() {
+  const hostInput = document.getElementById('host')
+  const portInput = document.getElementById('port')
+  const tokenInput = document.getElementById('token')
+  const host = String(hostInput.value || '').trim() || DEFAULT_HOST
+  const port = clampPort(portInput.value)
+  const token = String(tokenInput.value || '').trim()
+  await chrome.storage.local.set({ relayHost: host, relayPort: port, relayToken: token })
+  hostInput.value = host
+  portInput.value = String(port)
+  tokenInput.value = token
+  updateRelayUrl(host, port)
+  await checkRelayReachable(host, port, token)
+}
+
+document.getElementById('save').addEventListener('click', () => void save())
+void load()