bloby-bot 0.22.5 → 0.22.6

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.
@@ -1,124 +0,0 @@
1
- * {
2
- margin: 0;
3
- padding: 0;
4
- box-sizing: border-box;
5
- }
6
-
7
- body {
8
- width: 320px;
9
- min-height: 280px;
10
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
11
- background: #0a0a0b;
12
- color: #e4e4e7;
13
- padding: 32px 24px;
14
- text-align: center;
15
- }
16
-
17
- .logo {
18
- display: flex;
19
- justify-content: center;
20
- margin-bottom: 20px;
21
- }
22
-
23
- .logo-dot {
24
- width: 48px;
25
- height: 48px;
26
- border-radius: 50%;
27
- background: linear-gradient(135deg, #04D1FE, #AF27E3, #FB4072);
28
- }
29
-
30
- .logo-dot.connected {
31
- box-shadow: 0 0 20px rgba(4, 209, 254, 0.4);
32
- }
33
-
34
- h1 {
35
- font-size: 18px;
36
- font-weight: 600;
37
- margin-bottom: 6px;
38
- }
39
-
40
- .subtitle {
41
- font-size: 13px;
42
- color: #71717a;
43
- margin-bottom: 24px;
44
- }
45
-
46
- /* Code Input */
47
- .code-input {
48
- display: flex;
49
- gap: 8px;
50
- justify-content: center;
51
- margin-bottom: 16px;
52
- }
53
-
54
- .code-input input {
55
- width: 40px;
56
- height: 48px;
57
- border: 2px solid #27272a;
58
- border-radius: 10px;
59
- background: #18181b;
60
- color: #e4e4e7;
61
- font-size: 22px;
62
- font-weight: 600;
63
- text-align: center;
64
- outline: none;
65
- transition: border-color 0.15s;
66
- caret-color: transparent;
67
- }
68
-
69
- .code-input input:focus {
70
- border-color: #AF27E3;
71
- }
72
-
73
- .code-input input.filled {
74
- border-color: #04D1FE;
75
- }
76
-
77
- .error {
78
- color: #ef4444;
79
- font-size: 13px;
80
- min-height: 18px;
81
- margin-bottom: 8px;
82
- }
83
-
84
- .pairing {
85
- color: #a1a1aa;
86
- font-size: 13px;
87
- }
88
-
89
- /* Connected Screen */
90
- .status-badge {
91
- display: inline-flex;
92
- align-items: center;
93
- gap: 6px;
94
- background: #18181b;
95
- border: 1px solid #27272a;
96
- border-radius: 999px;
97
- padding: 6px 14px;
98
- font-size: 13px;
99
- color: #a1a1aa;
100
- margin-bottom: 20px;
101
- }
102
-
103
- .status-dot {
104
- width: 8px;
105
- height: 8px;
106
- border-radius: 50%;
107
- background: #22c55e;
108
- }
109
-
110
- .btn-disconnect {
111
- background: none;
112
- border: 1px solid #27272a;
113
- border-radius: 8px;
114
- color: #71717a;
115
- padding: 8px 16px;
116
- font-size: 13px;
117
- cursor: pointer;
118
- transition: all 0.15s;
119
- }
120
-
121
- .btn-disconnect:hover {
122
- border-color: #ef4444;
123
- color: #ef4444;
124
- }
@@ -1,47 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Bloby</title>
7
- <link rel="stylesheet" href="popup.css">
8
- </head>
9
- <body>
10
- <!-- Pairing Screen -->
11
- <div id="pair-screen">
12
- <div class="logo">
13
- <div class="logo-dot"></div>
14
- </div>
15
- <h1>Connect to Bloby</h1>
16
- <p class="subtitle">Ask your Bloby for a pairing code</p>
17
-
18
- <div class="code-input" id="code-input">
19
- <input type="text" maxlength="1" pattern="[0-9]" inputmode="numeric" autofocus>
20
- <input type="text" maxlength="1" pattern="[0-9]" inputmode="numeric">
21
- <input type="text" maxlength="1" pattern="[0-9]" inputmode="numeric">
22
- <input type="text" maxlength="1" pattern="[0-9]" inputmode="numeric">
23
- <input type="text" maxlength="1" pattern="[0-9]" inputmode="numeric">
24
- <input type="text" maxlength="1" pattern="[0-9]" inputmode="numeric">
25
- </div>
26
-
27
- <div id="error" class="error"></div>
28
- <div id="pairing" class="pairing" style="display:none">Connecting...</div>
29
- </div>
30
-
31
- <!-- Connected Screen -->
32
- <div id="connected-screen" style="display:none">
33
- <div class="logo">
34
- <div class="logo-dot connected"></div>
35
- </div>
36
- <h1 id="connected-name">Connected</h1>
37
- <p class="subtitle" id="connected-url"></p>
38
- <div class="status-badge">
39
- <span class="status-dot"></span>
40
- <span id="status-text">Connected</span>
41
- </div>
42
- <button id="disconnect-btn" class="btn-disconnect">Disconnect</button>
43
- </div>
44
-
45
- <script src="popup.js"></script>
46
- </body>
47
- </html>
@@ -1,115 +0,0 @@
1
- /**
2
- * Bloby Chrome Extension — Popup
3
- *
4
- * Shows either:
5
- * - Pairing screen: 6-digit code input to connect to a Bloby instance
6
- * - Connected screen: status + disconnect button
7
- */
8
-
9
- const pairScreen = document.getElementById('pair-screen');
10
- const connectedScreen = document.getElementById('connected-screen');
11
- const errorEl = document.getElementById('error');
12
- const pairingEl = document.getElementById('pairing');
13
- const inputs = document.querySelectorAll('.code-input input');
14
-
15
- // ── Init: check current state ──────────────────────────────────────────────
16
-
17
- chrome.runtime.sendMessage({ type: 'bloby:get-state' }, (state) => {
18
- if (state?.paired) {
19
- showConnected(state);
20
- } else {
21
- showPairing();
22
- }
23
- });
24
-
25
- // ── Pairing Screen ─────────────────────────────────────────────────────────
26
-
27
- function showPairing() {
28
- pairScreen.style.display = 'block';
29
- connectedScreen.style.display = 'none';
30
- inputs[0].focus();
31
- }
32
-
33
- // Auto-advance between code inputs
34
- inputs.forEach((input, i) => {
35
- input.addEventListener('input', (e) => {
36
- const val = e.target.value.replace(/\D/g, '');
37
- e.target.value = val;
38
-
39
- if (val) {
40
- e.target.classList.add('filled');
41
- if (i < inputs.length - 1) {
42
- inputs[i + 1].focus();
43
- }
44
- }
45
-
46
- // Check if all filled
47
- const code = Array.from(inputs).map((inp) => inp.value).join('');
48
- if (code.length === 6) {
49
- submitCode(code);
50
- }
51
- });
52
-
53
- input.addEventListener('keydown', (e) => {
54
- if (e.key === 'Backspace' && !e.target.value && i > 0) {
55
- inputs[i - 1].focus();
56
- inputs[i - 1].value = '';
57
- inputs[i - 1].classList.remove('filled');
58
- }
59
- });
60
-
61
- // Handle paste
62
- input.addEventListener('paste', (e) => {
63
- e.preventDefault();
64
- const pasted = (e.clipboardData.getData('text') || '').replace(/\D/g, '').slice(0, 6);
65
- pasted.split('').forEach((char, j) => {
66
- if (inputs[j]) {
67
- inputs[j].value = char;
68
- inputs[j].classList.add('filled');
69
- }
70
- });
71
- if (pasted.length === 6) {
72
- submitCode(pasted);
73
- } else if (pasted.length > 0) {
74
- inputs[Math.min(pasted.length, 5)].focus();
75
- }
76
- });
77
- });
78
-
79
- async function submitCode(code) {
80
- errorEl.textContent = '';
81
- pairingEl.style.display = 'block';
82
- inputs.forEach((inp) => { inp.disabled = true; });
83
-
84
- chrome.runtime.sendMessage({ type: 'bloby:pair', code }, (result) => {
85
- pairingEl.style.display = 'none';
86
-
87
- if (result?.success) {
88
- showConnected({
89
- config: { serverUrl: result.serverUrl, username: result.username },
90
- connected: true,
91
- });
92
- } else {
93
- errorEl.textContent = result?.error || 'Pairing failed';
94
- inputs.forEach((inp) => { inp.disabled = false; inp.value = ''; inp.classList.remove('filled'); });
95
- inputs[0].focus();
96
- }
97
- });
98
- }
99
-
100
- // ── Connected Screen ───────────────────────────────────────────────────────
101
-
102
- function showConnected(state) {
103
- pairScreen.style.display = 'none';
104
- connectedScreen.style.display = 'block';
105
-
106
- document.getElementById('connected-name').textContent = state.config?.username || 'Connected';
107
- document.getElementById('connected-url').textContent = state.config?.serverUrl || '';
108
- document.getElementById('status-text').textContent = state.connected ? 'Connected' : 'Offline';
109
- }
110
-
111
- document.getElementById('disconnect-btn').addEventListener('click', () => {
112
- chrome.runtime.sendMessage({ type: 'bloby:unpair' }, () => {
113
- showPairing();
114
- });
115
- });
@@ -1,15 +0,0 @@
1
- {
2
- "name": "chrome-extension",
3
- "version": "1.0.0",
4
- "bloby_human": "Bruno Bertapeli",
5
- "bloby": "bloby-bruno",
6
- "author": "newbot-official",
7
- "description": "Bloby on every webpage. Browse with your AI agent — transcribe videos, compare prices, summarize articles, and more.",
8
- "type": "skill",
9
- "depends": [],
10
- "env_keys": [],
11
- "has_telemetry": false,
12
- "size": "32KB",
13
- "contains_binaries": false,
14
- "tags": ["chrome", "extension", "browser", "productivity", "assistant"]
15
- }