Skip to content

Commit f744566

Browse files
williamkapkewilliamkapke
committed
docs: add v1.0 releases page, uninstall page, fix privacy permissions
- releases.html: "What's new in v1.0" - JS execution (with the Allow JS execution toggle recreated in CSS), type/insertText/clear, scroll, compose, and a short fixes list. - uninstalled.html: friendly post-uninstall page with feedback and reinstall links (shown via setUninstallURL). - privacy.html: correct the permissions list to the actual manifest (activeTab, debugger, storage, <all_urls>) and note the keepalive setting is the only thing persisted.
1 parent fe4e34e commit f744566

3 files changed

Lines changed: 400 additions & 4 deletions

File tree

‎website/privacy.html‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929

3030
<div class="content">
3131
<h1>Privacy Policy</h1>
32-
<p class="last-updated"><strong>Last Updated: December 2024</strong></p>
32+
<p class="last-updated"><strong>Last Updated: June 2026</strong></p>
3333

3434
<h2>Overview</h2>
3535
<p>Kapture Browser Automation ("the Extension") is designed to enable local browser automation through the Model Context Protocol (MCP). This privacy policy explains how the Extension handles user data.</p>
@@ -84,13 +84,14 @@ <h2>Data Storage</h2>
8484
<li>A temporary session Tab ID for the current browser tab</li>
8585
<li>Command history for the current session (cleared on disconnect)</li>
8686
</ul>
87-
<p>No persistent data is stored between browser sessions.</p>
87+
<p>The only thing saved between browser sessions is the keepalive interval you choose in the DevTools panel. No browsing data, page content, or personal information is persisted.</p>
8888

8989
<h2>Permissions</h2>
9090
<p>The Extension requires certain Chrome permissions:</p>
9191
<ul>
92-
<li><code>tabs</code>: To access tab information and execute scripts</li>
93-
<li><code>debugger</code>: To capture screenshots</li>
92+
<li><code>activeTab</code>: To work with the current tab when you connect it</li>
93+
<li><code>debugger</code>: To perform input, navigation, screenshots, and console capture (and, only when you enable it, JavaScript execution) via the Chrome DevTools Protocol</li>
94+
<li><code>storage</code>: To save a single setting, the keepalive interval you configure in the DevTools panel</li>
9495
<li><code>&lt;all_urls&gt;</code>: To interact with any website you choose to automate</li>
9596
</ul>
9697
<p>These permissions are used solely for providing automation functionality and are never used for tracking or data collection.</p>

‎website/releases.html‎

Lines changed: 284 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,284 @@
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>What's New in v1.0 - Kapture Browser Automation</title>
7+
<meta name="description" content="What's new in Kapture v1.0: run JavaScript, type like a real user, scroll, and run command sequences.">
8+
<meta property="og:title" content="What's New in Kapture v1.0">
9+
<meta property="og:description" content="Run JavaScript, type like a real user, scroll, and run command sequences.">
10+
<meta property="og:url" content="https://williamkapke.github.io/kapture/releases.html">
11+
<link rel="icon" type="image/svg+xml" href="assets/logo.svg">
12+
<link rel="alternate icon" type="image/png" href="assets/images/icon48.png">
13+
<link rel="stylesheet" href="styles.css">
14+
<style>
15+
.release-hero {
16+
margin-top: 80px;
17+
padding: 90px 20px 60px;
18+
text-align: center;
19+
background: linear-gradient(to bottom, #f7fafc, #ffffff);
20+
}
21+
.release-tag {
22+
display: inline-block;
23+
padding: 6px 16px;
24+
border-radius: 999px;
25+
background: #ede9fe;
26+
color: #6b46c1;
27+
font-weight: 700;
28+
font-size: 0.85rem;
29+
letter-spacing: 0.04em;
30+
text-transform: uppercase;
31+
margin-bottom: 24px;
32+
}
33+
.release-hero h1 {
34+
font-size: 3.5rem;
35+
font-weight: 800;
36+
line-height: 1.1;
37+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
38+
-webkit-background-clip: text;
39+
background-clip: text;
40+
-webkit-text-fill-color: transparent;
41+
}
42+
.release-hero p {
43+
font-size: 1.25rem;
44+
color: #4a5568;
45+
max-width: 640px;
46+
margin: 20px auto 0;
47+
}
48+
49+
.release-grid {
50+
max-width: 980px;
51+
margin: 0 auto;
52+
padding: 20px 20px 40px;
53+
display: grid;
54+
grid-template-columns: repeat(2, 1fr);
55+
gap: 28px;
56+
}
57+
.release-card {
58+
background: #ffffff;
59+
border: 1px solid #e2e8f0;
60+
border-radius: 16px;
61+
padding: 32px;
62+
box-shadow: 0 6px 24px rgba(45, 55, 72, 0.06);
63+
transition: transform 0.2s, box-shadow 0.2s;
64+
}
65+
.release-card:hover {
66+
transform: translateY(-3px);
67+
box-shadow: 0 14px 34px rgba(102, 126, 234, 0.14);
68+
}
69+
.release-card h2 {
70+
font-size: 1.4rem;
71+
font-weight: 700;
72+
color: #1a202c;
73+
margin-bottom: 12px;
74+
}
75+
.release-card p {
76+
color: #4a5568;
77+
line-height: 1.65;
78+
}
79+
.release-card.wide {
80+
grid-column: 1 / -1;
81+
display: grid;
82+
grid-template-columns: 1.4fr 1fr;
83+
gap: 36px;
84+
align-items: center;
85+
}
86+
87+
.tool-tags {
88+
display: flex;
89+
flex-wrap: wrap;
90+
gap: 8px;
91+
margin-top: 18px;
92+
}
93+
.tool-tags code {
94+
font-family: 'SF Mono', 'Fira Code', Menlo, monospace;
95+
font-size: 0.85rem;
96+
padding: 5px 12px;
97+
border-radius: 8px;
98+
background: #f1f5f9;
99+
color: #4c51bf;
100+
border: 1px solid #e2e8f0;
101+
}
102+
103+
/* Recreated "Allow JS execution" toggle from the extension UI */
104+
.toggle-demo {
105+
background: #202124;
106+
border-radius: 12px;
107+
padding: 22px 24px;
108+
display: flex;
109+
flex-direction: column;
110+
gap: 16px;
111+
}
112+
.toggle-row {
113+
display: flex;
114+
align-items: center;
115+
justify-content: space-between;
116+
gap: 16px;
117+
}
118+
.toggle-row .label {
119+
font-weight: 600;
120+
font-size: 0.95rem;
121+
}
122+
.toggle-row .label.connected { color: #81c995; }
123+
.toggle-row .label.danger { color: #f28b82; }
124+
.switch {
125+
width: 46px;
126+
height: 24px;
127+
border-radius: 999px;
128+
position: relative;
129+
flex-shrink: 0;
130+
}
131+
.switch::after {
132+
content: "";
133+
position: absolute;
134+
top: 3px;
135+
right: 3px;
136+
width: 18px;
137+
height: 18px;
138+
border-radius: 50%;
139+
background: #f1f3f4;
140+
}
141+
.switch.on-green { background: #81c995; }
142+
.switch.on-red { background: #f28b82; }
143+
144+
.fixes {
145+
max-width: 980px;
146+
margin: 0 auto;
147+
padding: 20px 20px 80px;
148+
}
149+
.fixes h2 {
150+
font-size: 1.6rem;
151+
font-weight: 700;
152+
color: #1a202c;
153+
margin-bottom: 20px;
154+
}
155+
.fixes ul {
156+
list-style: none;
157+
display: grid;
158+
gap: 12px;
159+
}
160+
.fixes li {
161+
position: relative;
162+
padding-left: 30px;
163+
color: #4a5568;
164+
line-height: 1.6;
165+
}
166+
.fixes li::before {
167+
content: "";
168+
position: absolute;
169+
left: 0;
170+
top: 9px;
171+
width: 8px;
172+
height: 8px;
173+
border-radius: 50%;
174+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
175+
}
176+
177+
.release-cta {
178+
max-width: 980px;
179+
margin: 0 auto 90px;
180+
padding: 0 20px;
181+
}
182+
183+
@media (max-width: 760px) {
184+
.release-hero h1 { font-size: 2.6rem; }
185+
.release-grid { grid-template-columns: 1fr; }
186+
.release-card.wide { grid-template-columns: 1fr; }
187+
}
188+
</style>
189+
</head>
190+
<body>
191+
<nav class="nav">
192+
<div class="nav-content">
193+
<a href="index.html" class="logo">
194+
<span>Kapture</span>
195+
</a>
196+
<ul class="nav-links">
197+
<li><a href="index.html#how-it-works">How it Works</a></li>
198+
<li><a href="index.html#tools">Tools</a></li>
199+
<li><a href="MCP_USAGE.html">Docs</a></li>
200+
<li><a href="https://github.com/williamkapke/kapture">GitHub</a></li>
201+
</ul>
202+
</div>
203+
</nav>
204+
205+
<header class="release-hero">
206+
<span class="release-tag">Version 1.0</span>
207+
<h1>New ways to drive the page</h1>
208+
<p>This release adds the most-requested controls: running JavaScript, typing the way a person does, scrolling, and batching commands. Chrome updates the extension automatically, so you already have it.</p>
209+
</header>
210+
211+
<main class="release-grid">
212+
<section class="release-card wide">
213+
<div>
214+
<h2>Run JavaScript in the page</h2>
215+
<p>The new <code>evaluate</code> tool runs JavaScript and returns the result, for the moments when no other tool quite fits. It stays off until you allow it: flip the red <strong>Allow JS execution</strong> switch in the toolbar popup or the DevTools panel. The grant is per tab and clears the instant that tab disconnects, so an assistant can never turn it on by itself.</p>
216+
<div class="tool-tags"><code>evaluate</code></div>
217+
</div>
218+
<div class="toggle-demo">
219+
<div class="toggle-row">
220+
<span class="label connected">Connected</span>
221+
<span class="switch on-green"></span>
222+
</div>
223+
<div class="toggle-row">
224+
<span class="label danger">Allow JS execution</span>
225+
<span class="switch on-red"></span>
226+
</div>
227+
</div>
228+
</section>
229+
230+
<section class="release-card">
231+
<h2>Type like a real user</h2>
232+
<p>Three tools that go through the real keyboard pipeline, so they work on custom inputs and rich editors that ignore programmatic value-setting.</p>
233+
<div class="tool-tags">
234+
<code>type</code>
235+
<code>insertText</code>
236+
<code>clear</code>
237+
</div>
238+
</section>
239+
240+
<section class="release-card">
241+
<h2>Scroll</h2>
242+
<p>Bring an element into view, or scroll to an exact coordinate, with a single call.</p>
243+
<div class="tool-tags"><code>scroll</code></div>
244+
</section>
245+
246+
<section class="release-card wide">
247+
<div>
248+
<h2>Run a sequence in one call</h2>
249+
<p>The new <code>compose</code> tool runs a list of commands against a tab in a single call, one per line, stopping at the first failure. Far fewer round-trips for multi-step actions like fill, then click, then scroll.</p>
250+
</div>
251+
<div class="tool-tags"><code>compose</code></div>
252+
</section>
253+
</main>
254+
255+
<section class="fixes">
256+
<h2>Fixes and polish</h2>
257+
<ul>
258+
<li>Back and forward now work reliably after navigating.</li>
259+
<li>The connection toggle no longer drifts out of sync with the actual state.</li>
260+
<li>Assorted dashboard and panel cleanups.</li>
261+
</ul>
262+
</section>
263+
264+
<div class="release-cta">
265+
<div class="button-group">
266+
<a href="MCP_USAGE.html" class="btn btn-primary">Read the docs</a>
267+
<a href="how-to.html" class="btn btn-secondary">See examples</a>
268+
</div>
269+
</div>
270+
271+
<footer class="footer">
272+
<div class="footer-links">
273+
<a href="https://github.com/williamkapke/kapture">GitHub</a>
274+
<a href="MCP_USAGE.html">Documentation</a>
275+
<a href="https://github.com/williamkapke/kapture/issues">Issues</a>
276+
<a href="https://github.com/williamkapke/kapture#contributing">Contribute</a>
277+
<a href="privacy.html">Privacy Policy</a>
278+
</div>
279+
<div class="footer-bottom">
280+
<p>Kapture is an independent open-source project focused on reliable browser automation for AI applications</p>
281+
</div>
282+
</footer>
283+
</body>
284+
</html>

0 commit comments

Comments
 (0)