claude-chrome-parallel 3.0.1 → 3.0.2
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 +183 -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,183 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
|
|
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
|
+
<linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
16
|
+
<stop offset="0%" style="stop-color:#6c5ce7"/>
|
|
17
|
+
<stop offset="100%" style="stop-color:#a29bfe"/>
|
|
18
|
+
</linearGradient>
|
|
19
|
+
</defs>
|
|
20
|
+
|
|
21
|
+
<!-- Background -->
|
|
22
|
+
<rect width="800" height="400" fill="url(#bgGrad)"/>
|
|
23
|
+
|
|
24
|
+
<!-- Title -->
|
|
25
|
+
<text x="400" y="35" text-anchor="middle" fill="#fff" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="bold">
|
|
26
|
+
Chrome Extension vs Claude Chrome Parallel
|
|
27
|
+
</text>
|
|
28
|
+
|
|
29
|
+
<!-- LEFT SIDE: Chrome Extension (Failing) -->
|
|
30
|
+
<g transform="translate(30, 60)">
|
|
31
|
+
<!-- Header -->
|
|
32
|
+
<rect x="0" y="0" width="350" height="30" rx="8" ry="8" fill="#2d3436"/>
|
|
33
|
+
<circle cx="15" cy="15" r="5" fill="#e74c3c"/>
|
|
34
|
+
<circle cx="32" cy="15" r="5" fill="#f39c12"/>
|
|
35
|
+
<circle cx="49" cy="15" r="5" fill="#27ae60"/>
|
|
36
|
+
<text x="175" y="20" text-anchor="middle" fill="#b2bec3" font-family="monospace" font-size="12">Chrome Extension</text>
|
|
37
|
+
|
|
38
|
+
<!-- Terminal body -->
|
|
39
|
+
<rect x="0" y="30" width="350" height="290" rx="0" ry="0" fill="#0d1117"/>
|
|
40
|
+
<rect x="0" y="310" width="350" height="10" rx="0" ry="0" fill="#2d3436"/>
|
|
41
|
+
|
|
42
|
+
<!-- Session 1 - Success then stops -->
|
|
43
|
+
<text x="10" y="55" fill="#6c5ce7" font-family="monospace" font-size="11">
|
|
44
|
+
<tspan>$ claude "Screenshot github.com"</tspan>
|
|
45
|
+
</text>
|
|
46
|
+
<text x="10" y="75" fill="#00b894" font-family="monospace" font-size="11">
|
|
47
|
+
<tspan>Session 1: Taking screenshot...</tspan>
|
|
48
|
+
<animate attributeName="opacity" values="0;1;1" dur="4s" repeatCount="indefinite"/>
|
|
49
|
+
</text>
|
|
50
|
+
<text x="10" y="95" fill="#00b894" font-family="monospace" font-size="11">
|
|
51
|
+
<tspan>✓ Screenshot saved</tspan>
|
|
52
|
+
<animate attributeName="opacity" values="0;0;1;1" dur="4s" repeatCount="indefinite"/>
|
|
53
|
+
</text>
|
|
54
|
+
|
|
55
|
+
<!-- Session 2 - Error -->
|
|
56
|
+
<text x="10" y="130" fill="#6c5ce7" font-family="monospace" font-size="11">
|
|
57
|
+
<tspan>$ claude "Screenshot google.com"</tspan>
|
|
58
|
+
<animate attributeName="opacity" values="0;0;0;1;1" dur="4s" repeatCount="indefinite"/>
|
|
59
|
+
</text>
|
|
60
|
+
<text x="10" y="150" fill="#fdcb6e" font-family="monospace" font-size="11">
|
|
61
|
+
<tspan>Session 2: Connecting...</tspan>
|
|
62
|
+
<animate attributeName="opacity" values="0;0;0;0;1;1;0" dur="4s" repeatCount="indefinite"/>
|
|
63
|
+
</text>
|
|
64
|
+
|
|
65
|
+
<!-- Error message with animation -->
|
|
66
|
+
<g>
|
|
67
|
+
<animate attributeName="opacity" values="0;0;0;0;0;1;1" dur="4s" repeatCount="indefinite"/>
|
|
68
|
+
<rect x="5" y="165" width="340" height="50" rx="4" fill="#2d1b1b"/>
|
|
69
|
+
<text x="15" y="185" fill="#e74c3c" font-family="monospace" font-size="11" font-weight="bold">
|
|
70
|
+
✗ Error: Session Detached
|
|
71
|
+
</text>
|
|
72
|
+
<text x="15" y="205" fill="#e17055" font-family="monospace" font-size="10">
|
|
73
|
+
Target closed. Another session took control.
|
|
74
|
+
</text>
|
|
75
|
+
</g>
|
|
76
|
+
|
|
77
|
+
<!-- Blinking cursor -->
|
|
78
|
+
<rect x="10" y="230" width="8" height="14" fill="#fff">
|
|
79
|
+
<animate attributeName="opacity" values="1;0;1" dur="1s" repeatCount="indefinite"/>
|
|
80
|
+
</rect>
|
|
81
|
+
|
|
82
|
+
<!-- Status bar -->
|
|
83
|
+
<text x="175" y="335" text-anchor="middle" fill="#e74c3c" font-family="system-ui" font-size="14" font-weight="bold">
|
|
84
|
+
❌ Only 1 session at a time
|
|
85
|
+
</text>
|
|
86
|
+
</g>
|
|
87
|
+
|
|
88
|
+
<!-- VS Divider -->
|
|
89
|
+
<text x="400" y="220" text-anchor="middle" fill="#636e72" font-family="system-ui" font-size="24" font-weight="bold">VS</text>
|
|
90
|
+
|
|
91
|
+
<!-- RIGHT SIDE: Claude Chrome Parallel (Success) -->
|
|
92
|
+
<g transform="translate(420, 60)">
|
|
93
|
+
<!-- Header -->
|
|
94
|
+
<rect x="0" y="0" width="350" height="30" rx="8" ry="8" fill="#2d3436"/>
|
|
95
|
+
<circle cx="15" cy="15" r="5" fill="#e74c3c"/>
|
|
96
|
+
<circle cx="32" cy="15" r="5" fill="#f39c12"/>
|
|
97
|
+
<circle cx="49" cy="15" r="5" fill="#27ae60"/>
|
|
98
|
+
<text x="175" y="20" text-anchor="middle" fill="#00b894" font-family="monospace" font-size="12" font-weight="bold">Claude Chrome Parallel</text>
|
|
99
|
+
|
|
100
|
+
<!-- Terminal body -->
|
|
101
|
+
<rect x="0" y="30" width="350" height="290" rx="0" ry="0" fill="#0d1117"/>
|
|
102
|
+
<rect x="0" y="310" width="350" height="10" rx="0" ry="0" fill="#2d3436"/>
|
|
103
|
+
|
|
104
|
+
<!-- Multiple sessions all succeeding -->
|
|
105
|
+
<!-- Session 1 -->
|
|
106
|
+
<text x="10" y="55" fill="#6c5ce7" font-family="monospace" font-size="11">Session 1: github.com</text>
|
|
107
|
+
<rect x="150" y="43" width="0" height="14" rx="2" fill="url(#successGrad)">
|
|
108
|
+
<animate attributeName="width" values="0;80;80" dur="4s" repeatCount="indefinite"/>
|
|
109
|
+
</rect>
|
|
110
|
+
<text x="240" y="55" fill="#00b894" font-family="monospace" font-size="11">
|
|
111
|
+
<tspan>✓ Done</tspan>
|
|
112
|
+
<animate attributeName="opacity" values="0;0;1;1" dur="4s" repeatCount="indefinite"/>
|
|
113
|
+
</text>
|
|
114
|
+
|
|
115
|
+
<!-- Session 2 -->
|
|
116
|
+
<text x="10" y="80" fill="#6c5ce7" font-family="monospace" font-size="11">Session 2: google.com</text>
|
|
117
|
+
<rect x="150" y="68" width="0" height="14" rx="2" fill="url(#successGrad)">
|
|
118
|
+
<animate attributeName="width" values="0;0;70;70" dur="4s" repeatCount="indefinite"/>
|
|
119
|
+
</rect>
|
|
120
|
+
<text x="230" y="80" fill="#00b894" font-family="monospace" font-size="11">
|
|
121
|
+
<tspan>✓ Done</tspan>
|
|
122
|
+
<animate attributeName="opacity" values="0;0;0;1;1" dur="4s" repeatCount="indefinite"/>
|
|
123
|
+
</text>
|
|
124
|
+
|
|
125
|
+
<!-- Session 3 -->
|
|
126
|
+
<text x="10" y="105" fill="#6c5ce7" font-family="monospace" font-size="11">Session 3: amazon.com</text>
|
|
127
|
+
<rect x="150" y="93" width="0" height="14" rx="2" fill="url(#successGrad)">
|
|
128
|
+
<animate attributeName="width" values="0;0;0;90;90" dur="4s" repeatCount="indefinite"/>
|
|
129
|
+
</rect>
|
|
130
|
+
<text x="250" y="105" fill="#00b894" font-family="monospace" font-size="11">
|
|
131
|
+
<tspan>✓ Done</tspan>
|
|
132
|
+
<animate attributeName="opacity" values="0;0;0;0;1;1" dur="4s" repeatCount="indefinite"/>
|
|
133
|
+
</text>
|
|
134
|
+
|
|
135
|
+
<!-- Session 4 -->
|
|
136
|
+
<text x="10" y="130" fill="#6c5ce7" font-family="monospace" font-size="11">Session 4: naver.com</text>
|
|
137
|
+
<rect x="150" y="118" width="0" height="14" rx="2" fill="url(#successGrad)">
|
|
138
|
+
<animate attributeName="width" values="0;0;0;0;60;60" dur="4s" repeatCount="indefinite"/>
|
|
139
|
+
</rect>
|
|
140
|
+
<text x="220" y="130" fill="#00b894" font-family="monospace" font-size="11">
|
|
141
|
+
<tspan>✓ Done</tspan>
|
|
142
|
+
<animate attributeName="opacity" values="0;0;0;0;0;1;1" dur="4s" repeatCount="indefinite"/>
|
|
143
|
+
</text>
|
|
144
|
+
|
|
145
|
+
<!-- Session 5 -->
|
|
146
|
+
<text x="10" y="155" fill="#6c5ce7" font-family="monospace" font-size="11">Session 5: twitter.com</text>
|
|
147
|
+
<rect x="150" y="143" width="0" height="14" rx="2" fill="url(#successGrad)">
|
|
148
|
+
<animate attributeName="width" values="0;0;0;0;0;75;75" dur="4s" repeatCount="indefinite"/>
|
|
149
|
+
</rect>
|
|
150
|
+
<text x="235" y="155" fill="#00b894" font-family="monospace" font-size="11">
|
|
151
|
+
<tspan>✓ Done</tspan>
|
|
152
|
+
<animate attributeName="opacity" values="0;0;0;0;0;0;1" dur="4s" repeatCount="indefinite"/>
|
|
153
|
+
</text>
|
|
154
|
+
|
|
155
|
+
<!-- Stats box -->
|
|
156
|
+
<g>
|
|
157
|
+
<animate attributeName="opacity" values="0;0;0;0;0;0;1" dur="4s" repeatCount="indefinite"/>
|
|
158
|
+
<rect x="10" y="180" width="330" height="80" rx="6" fill="#1e3a1e"/>
|
|
159
|
+
<text x="175" y="205" text-anchor="middle" fill="#00b894" font-family="system-ui" font-size="13" font-weight="bold">
|
|
160
|
+
All 5 sessions completed in parallel!
|
|
161
|
+
</text>
|
|
162
|
+
<text x="175" y="230" text-anchor="middle" fill="#55efc4" font-family="monospace" font-size="12">
|
|
163
|
+
Total time: 1.2s (vs 6.0s sequential)
|
|
164
|
+
</text>
|
|
165
|
+
<text x="175" y="250" text-anchor="middle" fill="#81ecec" font-family="monospace" font-size="11">
|
|
166
|
+
⚡ 5x faster
|
|
167
|
+
</text>
|
|
168
|
+
</g>
|
|
169
|
+
|
|
170
|
+
<!-- Status bar -->
|
|
171
|
+
<text x="175" y="335" text-anchor="middle" fill="#00b894" font-family="system-ui" font-size="14" font-weight="bold">
|
|
172
|
+
✅ 20+ concurrent sessions
|
|
173
|
+
</text>
|
|
174
|
+
</g>
|
|
175
|
+
|
|
176
|
+
<!-- Bottom CTA -->
|
|
177
|
+
<g>
|
|
178
|
+
<rect x="250" y="365" width="300" height="28" rx="14" fill="url(#purpleGrad)"/>
|
|
179
|
+
<text x="400" y="384" text-anchor="middle" fill="#fff" font-family="system-ui" font-size="12" font-weight="bold">
|
|
180
|
+
npm install -g claude-chrome-parallel
|
|
181
|
+
</text>
|
|
182
|
+
</g>
|
|
183
|
+
</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.2",
|
|
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
|
]
|