claude-chrome-parallel 3.0.1 → 3.0.3
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.
- package/README.md +6 -0
- package/assets/demo.svg +173 -0
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -5,6 +5,12 @@
|
|
|
5
5
|
[](https://www.npmjs.com/package/claude-chrome-parallel)
|
|
6
6
|
[](https://opensource.org/licenses/MIT)
|
|
7
7
|
|
|
8
|
+
<p align="center">
|
|
9
|
+
<img src="https://raw.githubusercontent.com/shaun0927/claude-chrome-parallel/main/assets/demo.svg" alt="Chrome Extension vs Claude Chrome Parallel - Animated comparison showing how Chrome Extension fails with 'Detached' error while Claude Chrome Parallel runs 5+ sessions simultaneously" width="100%">
|
|
10
|
+
</p>
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
8
14
|
```
|
|
9
15
|
┌─────────────────────────────────────────────────────────────────────────────┐
|
|
10
16
|
│ │
|
package/assets/demo.svg
ADDED
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 380">
|
|
2
|
+
<defs>
|
|
3
|
+
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
4
|
+
<stop offset="0%" style="stop-color:#1a1a2e"/>
|
|
5
|
+
<stop offset="100%" style="stop-color:#16213e"/>
|
|
6
|
+
</linearGradient>
|
|
7
|
+
<linearGradient id="successGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
8
|
+
<stop offset="0%" style="stop-color:#00b894"/>
|
|
9
|
+
<stop offset="100%" style="stop-color:#00cec9"/>
|
|
10
|
+
</linearGradient>
|
|
11
|
+
<linearGradient id="errorGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
12
|
+
<stop offset="0%" style="stop-color:#e74c3c"/>
|
|
13
|
+
<stop offset="100%" style="stop-color:#c0392b"/>
|
|
14
|
+
</linearGradient>
|
|
15
|
+
</defs>
|
|
16
|
+
|
|
17
|
+
<!-- Background -->
|
|
18
|
+
<rect width="800" height="380" fill="url(#bgGrad)"/>
|
|
19
|
+
|
|
20
|
+
<!-- Title -->
|
|
21
|
+
<text x="400" y="30" text-anchor="middle" fill="#fff" font-family="system-ui, -apple-system, sans-serif" font-size="16" font-weight="bold">
|
|
22
|
+
Chrome Extension vs Claude Chrome Parallel
|
|
23
|
+
</text>
|
|
24
|
+
|
|
25
|
+
<!-- LEFT SIDE: Chrome Extension (Failing) -->
|
|
26
|
+
<g transform="translate(25, 50)">
|
|
27
|
+
<!-- Header -->
|
|
28
|
+
<rect x="0" y="0" width="360" height="28" rx="8" ry="8" fill="#2d3436"/>
|
|
29
|
+
<circle cx="14" cy="14" r="5" fill="#e74c3c"/>
|
|
30
|
+
<circle cx="30" cy="14" r="5" fill="#f39c12"/>
|
|
31
|
+
<circle cx="46" cy="14" r="5" fill="#27ae60"/>
|
|
32
|
+
<text x="180" y="18" text-anchor="middle" fill="#b2bec3" font-family="monospace" font-size="11">Chrome Extension</text>
|
|
33
|
+
|
|
34
|
+
<!-- Terminal body -->
|
|
35
|
+
<rect x="0" y="28" width="360" height="270" fill="#0d1117"/>
|
|
36
|
+
<rect x="0" y="288" width="360" height="10" rx="0" ry="0" fill="#2d3436"/>
|
|
37
|
+
|
|
38
|
+
<!-- Session 1 - Starts, completes -->
|
|
39
|
+
<text x="10" y="50" fill="#6c5ce7" font-family="monospace" font-size="11">$ claude "Screenshot github.com"</text>
|
|
40
|
+
|
|
41
|
+
<!-- Session 1 progress bar -->
|
|
42
|
+
<rect x="10" y="58" width="0" height="12" rx="2" fill="url(#successGrad)">
|
|
43
|
+
<animate attributeName="width" values="0;0;150;150;150;150;150;150;150;150;150" dur="10s" repeatCount="indefinite"/>
|
|
44
|
+
</rect>
|
|
45
|
+
<text x="10" y="85" fill="#00b894" font-family="monospace" font-size="11">
|
|
46
|
+
<tspan>✓ Session 1 completed</tspan>
|
|
47
|
+
<animate attributeName="opacity" values="0;0;0;1;1;1;1;1;1;1;1" dur="10s" repeatCount="indefinite"/>
|
|
48
|
+
</text>
|
|
49
|
+
|
|
50
|
+
<!-- Session 2 - Tries to start, gets error -->
|
|
51
|
+
<text x="10" y="115" fill="#6c5ce7" font-family="monospace" font-size="11">
|
|
52
|
+
<tspan>$ claude "Screenshot google.com"</tspan>
|
|
53
|
+
<animate attributeName="opacity" values="0;0;0;0;1;1;1;1;1;1;1" dur="10s" repeatCount="indefinite"/>
|
|
54
|
+
</text>
|
|
55
|
+
|
|
56
|
+
<!-- Session 2 attempting -->
|
|
57
|
+
<text x="10" y="135" fill="#fdcb6e" font-family="monospace" font-size="11">
|
|
58
|
+
<tspan>Connecting to browser...</tspan>
|
|
59
|
+
<animate attributeName="opacity" values="0;0;0;0;0;1;0;0;0;0;0" dur="10s" repeatCount="indefinite"/>
|
|
60
|
+
</text>
|
|
61
|
+
|
|
62
|
+
<!-- Error box -->
|
|
63
|
+
<g>
|
|
64
|
+
<animate attributeName="opacity" values="0;0;0;0;0;0;1;1;1;1;1" dur="10s" repeatCount="indefinite"/>
|
|
65
|
+
<rect x="10" y="145" width="340" height="55" rx="4" fill="#2d1b1b"/>
|
|
66
|
+
<text x="20" y="167" fill="#e74c3c" font-family="monospace" font-size="12" font-weight="bold">
|
|
67
|
+
✗ Error: Session Detached
|
|
68
|
+
</text>
|
|
69
|
+
<text x="20" y="187" fill="#e17055" font-family="monospace" font-size="10">
|
|
70
|
+
Target closed. Another session took control.
|
|
71
|
+
</text>
|
|
72
|
+
</g>
|
|
73
|
+
|
|
74
|
+
<!-- Blinking cursor at bottom -->
|
|
75
|
+
<rect x="10" y="215" width="8" height="14" fill="#fff">
|
|
76
|
+
<animate attributeName="opacity" values="1;0;1" dur="1s" repeatCount="indefinite"/>
|
|
77
|
+
</rect>
|
|
78
|
+
|
|
79
|
+
<!-- Status -->
|
|
80
|
+
<text x="180" y="270" text-anchor="middle" fill="#e74c3c" font-family="system-ui" font-size="13" font-weight="bold">
|
|
81
|
+
❌ Only 1 session at a time
|
|
82
|
+
</text>
|
|
83
|
+
</g>
|
|
84
|
+
|
|
85
|
+
<!-- VS Divider -->
|
|
86
|
+
<text x="400" y="200" text-anchor="middle" fill="#636e72" font-family="system-ui" font-size="22" font-weight="bold">VS</text>
|
|
87
|
+
|
|
88
|
+
<!-- RIGHT SIDE: Claude Chrome Parallel (Success) -->
|
|
89
|
+
<g transform="translate(415, 50)">
|
|
90
|
+
<!-- Header -->
|
|
91
|
+
<rect x="0" y="0" width="360" height="28" rx="8" ry="8" fill="#2d3436"/>
|
|
92
|
+
<circle cx="14" cy="14" r="5" fill="#e74c3c"/>
|
|
93
|
+
<circle cx="30" cy="14" r="5" fill="#f39c12"/>
|
|
94
|
+
<circle cx="46" cy="14" r="5" fill="#27ae60"/>
|
|
95
|
+
<text x="180" y="18" text-anchor="middle" fill="#00b894" font-family="monospace" font-size="11" font-weight="bold">Claude Chrome Parallel</text>
|
|
96
|
+
|
|
97
|
+
<!-- Terminal body -->
|
|
98
|
+
<rect x="0" y="28" width="360" height="270" fill="#0d1117"/>
|
|
99
|
+
<rect x="0" y="288" width="360" height="10" rx="0" ry="0" fill="#2d3436"/>
|
|
100
|
+
|
|
101
|
+
<!-- ALL 5 SESSIONS START SIMULTANEOUSLY -->
|
|
102
|
+
|
|
103
|
+
<!-- Session 1 -->
|
|
104
|
+
<text x="10" y="50" fill="#a29bfe" font-family="monospace" font-size="11">Session 1: github.com</text>
|
|
105
|
+
<rect x="150" y="40" width="0" height="12" rx="2" fill="url(#successGrad)">
|
|
106
|
+
<animate attributeName="width" values="0;0;20;50;80;110;130;130;130;130;130" dur="10s" repeatCount="indefinite"/>
|
|
107
|
+
</rect>
|
|
108
|
+
<text x="290" y="50" fill="#00b894" font-family="monospace" font-size="11">
|
|
109
|
+
<tspan>✓</tspan>
|
|
110
|
+
<animate attributeName="opacity" values="0;0;0;0;0;0;1;1;1;1;1" dur="10s" repeatCount="indefinite"/>
|
|
111
|
+
</text>
|
|
112
|
+
|
|
113
|
+
<!-- Session 2 -->
|
|
114
|
+
<text x="10" y="75" fill="#a29bfe" font-family="monospace" font-size="11">Session 2: google.com</text>
|
|
115
|
+
<rect x="150" y="65" width="0" height="12" rx="2" fill="url(#successGrad)">
|
|
116
|
+
<animate attributeName="width" values="0;0;25;55;85;100;120;120;120;120;120" dur="10s" repeatCount="indefinite"/>
|
|
117
|
+
</rect>
|
|
118
|
+
<text x="280" y="75" fill="#00b894" font-family="monospace" font-size="11">
|
|
119
|
+
<tspan>✓</tspan>
|
|
120
|
+
<animate attributeName="opacity" values="0;0;0;0;0;0;1;1;1;1;1" dur="10s" repeatCount="indefinite"/>
|
|
121
|
+
</text>
|
|
122
|
+
|
|
123
|
+
<!-- Session 3 -->
|
|
124
|
+
<text x="10" y="100" fill="#a29bfe" font-family="monospace" font-size="11">Session 3: amazon.com</text>
|
|
125
|
+
<rect x="150" y="90" width="0" height="12" rx="2" fill="url(#successGrad)">
|
|
126
|
+
<animate attributeName="width" values="0;0;30;60;90;120;140;140;140;140;140" dur="10s" repeatCount="indefinite"/>
|
|
127
|
+
</rect>
|
|
128
|
+
<text x="300" y="100" fill="#00b894" font-family="monospace" font-size="11">
|
|
129
|
+
<tspan>✓</tspan>
|
|
130
|
+
<animate attributeName="opacity" values="0;0;0;0;0;0;1;1;1;1;1" dur="10s" repeatCount="indefinite"/>
|
|
131
|
+
</text>
|
|
132
|
+
|
|
133
|
+
<!-- Session 4 -->
|
|
134
|
+
<text x="10" y="125" fill="#a29bfe" font-family="monospace" font-size="11">Session 4: naver.com</text>
|
|
135
|
+
<rect x="150" y="115" width="0" height="12" rx="2" fill="url(#successGrad)">
|
|
136
|
+
<animate attributeName="width" values="0;0;15;45;75;95;110;110;110;110;110" dur="10s" repeatCount="indefinite"/>
|
|
137
|
+
</rect>
|
|
138
|
+
<text x="270" y="125" fill="#00b894" font-family="monospace" font-size="11">
|
|
139
|
+
<tspan>✓</tspan>
|
|
140
|
+
<animate attributeName="opacity" values="0;0;0;0;0;0;1;1;1;1;1" dur="10s" repeatCount="indefinite"/>
|
|
141
|
+
</text>
|
|
142
|
+
|
|
143
|
+
<!-- Session 5 -->
|
|
144
|
+
<text x="10" y="150" fill="#a29bfe" font-family="monospace" font-size="11">Session 5: twitter.com</text>
|
|
145
|
+
<rect x="150" y="140" width="0" height="12" rx="2" fill="url(#successGrad)">
|
|
146
|
+
<animate attributeName="width" values="0;0;22;52;82;112;125;125;125;125;125" dur="10s" repeatCount="indefinite"/>
|
|
147
|
+
</rect>
|
|
148
|
+
<text x="285" y="150" fill="#00b894" font-family="monospace" font-size="11">
|
|
149
|
+
<tspan>✓</tspan>
|
|
150
|
+
<animate attributeName="opacity" values="0;0;0;0;0;0;1;1;1;1;1" dur="10s" repeatCount="indefinite"/>
|
|
151
|
+
</text>
|
|
152
|
+
|
|
153
|
+
<!-- Result summary box -->
|
|
154
|
+
<g>
|
|
155
|
+
<animate attributeName="opacity" values="0;0;0;0;0;0;0;1;1;1;1" dur="10s" repeatCount="indefinite"/>
|
|
156
|
+
<rect x="10" y="170" width="340" height="70" rx="6" fill="#1a3a1a"/>
|
|
157
|
+
<text x="180" y="195" text-anchor="middle" fill="#00b894" font-family="system-ui" font-size="12" font-weight="bold">
|
|
158
|
+
All 5 sessions completed in parallel!
|
|
159
|
+
</text>
|
|
160
|
+
<text x="180" y="215" text-anchor="middle" fill="#55efc4" font-family="monospace" font-size="11">
|
|
161
|
+
Total: 1.4s (Sequential would take 7.0s)
|
|
162
|
+
</text>
|
|
163
|
+
<text x="180" y="232" text-anchor="middle" fill="#81ecec" font-family="system-ui" font-size="11">
|
|
164
|
+
⚡ 5x faster
|
|
165
|
+
</text>
|
|
166
|
+
</g>
|
|
167
|
+
|
|
168
|
+
<!-- Status -->
|
|
169
|
+
<text x="180" y="270" text-anchor="middle" fill="#00b894" font-family="system-ui" font-size="13" font-weight="bold">
|
|
170
|
+
✅ 20+ concurrent sessions
|
|
171
|
+
</text>
|
|
172
|
+
</g>
|
|
173
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "claude-chrome-parallel",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.3",
|
|
4
4
|
"description": "MCP server for parallel Claude Code browser sessions - no more 'Detached' errors",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"bin": {
|
|
@@ -68,6 +68,7 @@
|
|
|
68
68
|
},
|
|
69
69
|
"files": [
|
|
70
70
|
"dist",
|
|
71
|
+
"assets",
|
|
71
72
|
"README.md",
|
|
72
73
|
"LICENSE"
|
|
73
74
|
]
|