bloby-bot 0.21.13 → 0.22.1

package/workspace/skills/chrome-extension/popup/popup.js

@@ -0,0 +1,115 @@
+/**
+ * Bloby Chrome Extension — Popup
+ *
+ * Shows either:
+ * - Pairing screen: 6-digit code input to connect to a Bloby instance
+ * - Connected screen: status + disconnect button
+ */
+
+const pairScreen = document.getElementById('pair-screen');
+const connectedScreen = document.getElementById('connected-screen');
+const errorEl = document.getElementById('error');
+const pairingEl = document.getElementById('pairing');
+const inputs = document.querySelectorAll('.code-input input');
+
+// ── Init: check current state ──────────────────────────────────────────────
+
+chrome.runtime.sendMessage({ type: 'bloby:get-state' }, (state) => {
+  if (state?.paired) {
+    showConnected(state);
+  } else {
+    showPairing();
+  }
+});
+
+// ── Pairing Screen ─────────────────────────────────────────────────────────
+
+function showPairing() {
+  pairScreen.style.display = 'block';
+  connectedScreen.style.display = 'none';
+  inputs[0].focus();
+}
+
+// Auto-advance between code inputs
+inputs.forEach((input, i) => {
+  input.addEventListener('input', (e) => {
+    const val = e.target.value.replace(/\D/g, '');
+    e.target.value = val;
+
+    if (val) {
+      e.target.classList.add('filled');
+      if (i < inputs.length - 1) {
+        inputs[i + 1].focus();
+      }
+    }
+
+    // Check if all filled
+    const code = Array.from(inputs).map((inp) => inp.value).join('');
+    if (code.length === 6) {
+      submitCode(code);
+    }
+  });
+
+  input.addEventListener('keydown', (e) => {
+    if (e.key === 'Backspace' && !e.target.value && i > 0) {
+      inputs[i - 1].focus();
+      inputs[i - 1].value = '';
+      inputs[i - 1].classList.remove('filled');
+    }
+  });
+
+  // Handle paste
+  input.addEventListener('paste', (e) => {
+    e.preventDefault();
+    const pasted = (e.clipboardData.getData('text') || '').replace(/\D/g, '').slice(0, 6);
+    pasted.split('').forEach((char, j) => {
+      if (inputs[j]) {
+        inputs[j].value = char;
+        inputs[j].classList.add('filled');
+      }
+    });
+    if (pasted.length === 6) {
+      submitCode(pasted);
+    } else if (pasted.length > 0) {
+      inputs[Math.min(pasted.length, 5)].focus();
+    }
+  });
+});
+
+async function submitCode(code) {
+  errorEl.textContent = '';
+  pairingEl.style.display = 'block';
+  inputs.forEach((inp) => { inp.disabled = true; });
+
+  chrome.runtime.sendMessage({ type: 'bloby:pair', code }, (result) => {
+    pairingEl.style.display = 'none';
+
+    if (result?.success) {
+      showConnected({
+        config: { serverUrl: result.serverUrl, username: result.username },
+        connected: true,
+      });
+    } else {
+      errorEl.textContent = result?.error || 'Pairing failed';
+      inputs.forEach((inp) => { inp.disabled = false; inp.value = ''; inp.classList.remove('filled'); });
+      inputs[0].focus();
+    }
+  });
+}
+
+// ── Connected Screen ───────────────────────────────────────────────────────
+
+function showConnected(state) {
+  pairScreen.style.display = 'none';
+  connectedScreen.style.display = 'block';
+
+  document.getElementById('connected-name').textContent = state.config?.username || 'Connected';
+  document.getElementById('connected-url').textContent = state.config?.serverUrl || '';
+  document.getElementById('status-text').textContent = state.connected ? 'Connected' : 'Offline';
+}
+
+document.getElementById('disconnect-btn').addEventListener('click', () => {
+  chrome.runtime.sendMessage({ type: 'bloby:unpair' }, () => {
+    showPairing();
+  });
+});

package/workspace/skills/chrome-extension/skill.json

@@ -0,0 +1,15 @@
+{
+  "name": "chrome-extension",
+  "version": "1.0.0",
+  "bloby_human": "Bruno Bertapeli",
+  "bloby": "bloby-bruno",
+  "author": "newbot-official",
+  "description": "Bloby on every webpage. Browse with your AI agent — transcribe videos, compare prices, summarize articles, and more.",
+  "type": "skill",
+  "depends": [],
+  "env_keys": [],
+  "has_telemetry": false,
+  "size": "32KB",
+  "contains_binaries": false,
+  "tags": ["chrome", "extension", "browser", "productivity", "assistant"]
+}