Skip to content

Commit 0654d27

Browse files
elieteyssedouelieteyssedou
committed
Rename to development-update and add version-specific update notifications
- Rename update-notice.html to development-update.html - Add beautiful beta flag with gradient styling over banner - Only show development update when updating from version 0.4.2 - Update changeset to reflect new URL - Export beta flag styles to CSS classes
1 parent c24e378 commit 0654d27

File tree

5 files changed

+88
-27
lines changed

5 files changed

+88
-27
lines changed

‎.changeset/extension-update-notification.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
Add extension update notification system
66

7-
When the Chrome extension is updated, users now automatically see a notification page guiding them to reconfigure their MCP server for auto-updates. The notification opens at https://mcp-pointer.etsd.tech/update-notice.html and provides step-by-step instructions for enabling automatic updates with their AI tool.
7+
When the Chrome extension is updated, users now automatically see a notification page guiding them to reconfigure their MCP server for auto-updates. The notification opens at https://mcp-pointer.etsd.tech/development-update.html and provides step-by-step instructions for enabling automatic updates with their AI tool.
88

99
- Added onInstalled listener to detect extension updates
1010
- Added tabs permission for opening external notification page

‎docs/banner.png‎

139 KB
Loading

‎docs/update-notice.html‎ renamed to ‎docs/development-update.html‎

Lines changed: 85 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>MCP Pointer - Auto-Update Fix</title>
6+
<title>MCP Pointer - Development updates</title>
7+
<link rel="icon" type="image/png" href="icon.png">
8+
79
<style>
810
body {
911
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -27,6 +29,10 @@
2729
text-align: center;
2830
margin-bottom: 30px;
2931
}
32+
33+
.banner {
34+
border-radius: 8px;
35+
}
3036

3137
.icon {
3238
font-size: 48px;
@@ -121,9 +127,6 @@
121127
}
122128

123129
.tools {
124-
display: grid;
125-
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
126-
gap: 16px;
127130
margin: 20px 0;
128131
}
129132

@@ -132,7 +135,7 @@
132135
border: 1px solid #e2e8f0;
133136
border-radius: 6px;
134137
padding: 16px;
135-
text-align: center;
138+
margin-bottom: 12px;
136139
}
137140

138141
.tool-name {
@@ -155,25 +158,59 @@
155158
padding: 16px;
156159
margin: 20px 0;
157160
}
161+
162+
.banner-container {
163+
position: relative;
164+
display: inline-block;
165+
}
166+
167+
.beta-flag {
168+
position: absolute;
169+
top: 12px;
170+
right: 12px;
171+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
172+
color: white;
173+
padding: 6px 12px;
174+
border-radius: 20px;
175+
font-size: 12px;
176+
font-weight: 600;
177+
letter-spacing: 0.5px;
178+
text-transform: uppercase;
179+
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
180+
border: 2px solid white;
181+
z-index: 10;
182+
}
158183
</style>
159184
</head>
160185
<body>
161186
<div class="container">
162187
<div class="header">
163-
<div class="icon">🔄</div>
164-
<h1>MCP Pointer Updated!</h1>
165-
<p class="subtitle">Auto-update fix now available</p>
188+
<div class="banner-container">
189+
<img class="banner" src="banner.png" alt="MCP Pointer" style="max-width: 100%; height: auto; margin-bottom: 16px;">
190+
<div class="beta-flag">Beta</div>
191+
</div>
192+
193+
<div style="display: flex; align-items: center; gap: 18px; justify-content: center;">
194+
195+
<div style="display: flex; flex-direction: column;">
196+
<h1 style="margin-bottom: 2px;">Development Updates</h1>
197+
<span style="color: #718096; font-size: 15px; font-weight: 500; letter-spacing: 0.5px;"><span class="icon" style="font-size: 14px; margin-bottom: 0;">🔄</span> September 24, 2025</span>
198+
</div>
199+
</div>
166200
</div>
167201

168202
<div class="update-box">
169-
<h2 class="update-title">🎉 What's New</h2>
170-
<p>We've fixed the auto-update issue! Previously, users were stuck on the first installed version. Now your MCP Pointer will automatically stay up-to-date with the latest features and fixes.</p>
203+
<h2 class="update-title">🎉 Auto-Updates Now Available!</h2>
204+
<p>MCP Pointer now updates automatically! No more manual reconfiguration needed - just set it up once and stay current with all future updates.</p>
171205
</div>
172206

173207
<div class="one-time-notice">
174-
<h4 style="color: #c05621; margin: 0 0 8px 0;">⚠️ One-Time Action Required</h4>
208+
<h4 style="color: #c05621; margin: 0 0 8px 0;">⚡ Quick Action Required (10 seconds)</h4>
175209
<p style="margin: 8px 0; color: #744210;">
176-
You need to run the config command <strong>one last time</strong> to enable auto-updates. After this, future updates will be automatic!
210+
<strong>Just run one command</strong> to enable auto-updates! This is the <strong>last time</strong> you'll need to run MCP Pointer config command. After this quick setup, future updates will be completely automatic !
211+
</p>
212+
<p style="margin: 8px 0; color: #744210; font-size: 14px;">
213+
⚠️ <strong>Important:</strong> Without this update, you may encounter bugs or compatibility issues when we release breaking changes in future versions.
177214
</p>
178215
</div>
179216

@@ -193,14 +230,18 @@ <h3 style="margin-top: 0; color: #2d3748;">📋 Enable Auto-Updates</h3>
193230
<div class="tool-name">Cursor</div>
194231
<div class="code">npx -y @mcp-pointer/server@latest config cursor</div>
195232
</div>
196-
<div class="tool">
197-
<div class="tool-name">Windsurf</div>
198-
<div class="code">npx -y @mcp-pointer/server@latest config windsurf</div>
199-
</div>
200-
<div class="tool">
201-
<div class="tool-name">Other Tools</div>
202-
<div class="code">npx -y @mcp-pointer/server@latest config manual</div>
203-
</div>
233+
234+
<details style="margin-top: 16px;">
235+
<summary style="cursor: pointer; padding: 8px; background: #f7fafc; border-radius: 6px; margin-bottom: 12px;">Other AI Tools (click to expand)</summary>
236+
<div class="tool">
237+
<div class="tool-name">Windsurf</div>
238+
<div class="code">npx -y @mcp-pointer/server@latest config windsurf</div>
239+
</div>
240+
<div class="tool">
241+
<div class="tool-name">Other Tools</div>
242+
<div class="code">npx -y @mcp-pointer/server@latest config manual</div>
243+
</div>
244+
</details>
204245
</div>
205246
</div>
206247
</div>
@@ -223,10 +264,30 @@ <h3 style="margin-top: 0; color: #2d3748;">📋 Enable Auto-Updates</h3>
223264
<div style="background: #f0fff4; border: 1px solid #9ae6b4; border-radius: 8px; padding: 16px; margin: 20px 0;">
224265
<h4 style="color: #2f855a; margin: 0 0 8px 0;">✨ After this one-time setup:</h4>
225266
<ul style="margin: 8px 0; color: #276749;">
226-
<li>MCP Pointer will automatically use the latest server version</li>
227-
<li>New features and bug fixes delivered seamlessly</li>
228-
<li>No more manual updates or configuration needed</li>
229-
<li>This notice will only appear for major updates</li>
267+
<li><strong>Zero maintenance required</strong> - No more manual updates</li>
268+
<li>Latest features and bug fixes delivered automatically</li>
269+
<li>Seamless updates without configuration changes</li>
270+
<li>Update notifications only for major feature announcements</li>
271+
</ul>
272+
</div>
273+
274+
<div style="background: #fef5e7; border: 1px solid #f6ad55; border-radius: 8px; padding: 16px; margin: 20px 0;">
275+
<h4 style="color: #c05621; margin: 0 0 8px 0;">🔬 What's Coming Next</h4>
276+
<ul style="margin: 8px 0; color: #744210;">
277+
<li><strong>Multi-select DOM elements</strong> - Currently under investigation</li>
278+
<li><strong>Screenshot capture</strong> - Visual element context for multimodal AI tools</li>
279+
<li><strong>Enhanced framework support</strong> - Better React and Vue component detection</li>
280+
</ul>
281+
</div>
282+
283+
<div style="background: #e6fffa; border: 1px solid #81e6d9; border-radius: 8px; padding: 16px; margin: 20px 0;">
284+
<h4 style="color: #234e52; margin: 0 0 8px 0;">💬 Feedback & Support</h4>
285+
<p style="margin: 8px 0; color: #285e61;">
286+
We'd love to hear from you! Share your feedback, feature requests, or report bugs:
287+
</p>
288+
<ul style="margin: 8px 0; color: #285e61;">
289+
<li><strong>Email:</strong> <a href="mailto:elie@etsd.tech" style="color: #2c7a7b;">elie@etsd.tech</a></li>
290+
<li><strong>GitHub Issues:</strong> <a href="https://github.com/etsd-tech/mcp-pointer/issues" style="color: #2c7a7b;" target="_blank">Feature requests & bug reports</a></li>
230291
</ul>
231292
</div>
232293

‎docs/icon.png‎

16.1 KB
Loading

‎packages/chrome-extension/src/background.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -72,15 +72,15 @@ chrome.runtime.onMessage
7272

7373
// Handle extension install/update
7474
chrome.runtime.onInstalled.addListener((details) => {
75-
if (details.reason === 'update') {
75+
if (details.reason === 'update' && details.previousVersion === '0.4.2') {
7676
const { previousVersion } = details;
7777
const currentVersion = chrome.runtime.getManifest().version;
7878

7979
logger.info(`🔄 Extension updated from ${previousVersion} to ${currentVersion}`);
8080

8181
// Open update notification page
8282
chrome.tabs.create({
83-
url: 'https://mcp-pointer.etsd.tech/update-notice.html',
83+
url: 'https://mcp-pointer.etsd.tech/development-update.html',
8484
active: true,
8585
});
8686
}

0 commit comments

Comments
 (0)