@pixelmatters/markup 1.28.0 → 1.28.1

package/README.md

@@ -37,9 +37,9 @@ CDN drop-in, no build step. Paste this just before `</body>`:
 ```html
 <script type="module">
   // Pin the exact version; esm.sh resolves it from npm
-  import { init } from 'https://esm.sh/@pixelmatters/markup@1.28.0'
+  import { init } from 'https://esm.sh/@pixelmatters/markup@1.28.1'
   // or
-  // import { init } from 'https://esm.run/@pixelmatters/markup@1.28.0'
+  // import { init } from 'https://esm.run/@pixelmatters/markup@1.28.1'
 
   init({
     apiUrl: 'https://your-deployment.convex.site',
@@ -50,14 +50,14 @@ CDN drop-in, no build step. Paste this just before `</body>`:
 </script>
 ```
 
-> **Why pin the version?** CDN URLs without a version (`@pixelmatters/markup`) resolve to whatever's `latest` on npm, so a future major release will break your page with no warning. Always pin (`@pixelmatters/markup@1.28.0`).
+> **Why pin the version?** CDN URLs without a version (`@pixelmatters/markup`) resolve to whatever's `latest` on npm, so a future major release will break your page with no warning. Always pin (`@pixelmatters/markup@1.28.1`).
 
 If your platform doesn't allow inline JS (some CMS / page-builder editors), use the auto-init form instead. Point a `<script src=…>` at the bundle and pass config via `data-*` attributes:
 
 ```html
 <script
   type="module"
-  src="https://esm.sh/@pixelmatters/markup@1.28.0"
+  src="https://esm.sh/@pixelmatters/markup@1.28.1"
   data-markup-widget="true"
   data-api-url="https://your-deployment.convex.site"
   data-api-key="markup_..."
@@ -442,13 +442,13 @@ npx @tanstack/intent@latest install
 
 Re-run it when you add another Intent-enabled package. A `pnpm update` of this one is enough on its own, because the skill travels with the tarball and refreshes in place.
 
-If you'd rather pull it straight from the repo, or you're deciding whether to adopt the widget at all and haven't installed it yet, the [`skills`](https://www.npmjs.com/package/skills) CLI takes it by path:
+If you haven't installed the widget yet, or you're still deciding whether to adopt it, the [`skills`](https://www.npmjs.com/package/skills) CLI fetches the same skill from the Markup site:
 
 ```bash
-npx skills add Pixelmatters/markup/packages/widget/skills/install-markup-widget
+npx skills add https://markup.pixelmatters.dev --skill install-markup-widget
 ```
 
-Pass the full path, not just the repository. That is where this skill lives, and a bare repository reference resolves to a different set of skills.
+Keep `--skill`. The site also publishes a skill for reading feedback over MCP, and without the flag the CLI asks which to install.
 
 Otherwise, paste the block below into Claude, ChatGPT, Cursor, or any other LLM and it'll wire the widget into your codebase end-to-end.
 
@@ -495,7 +495,7 @@ For a `<script>` tag drop-in (no bundler), use the inline ESM form and **pin the
 
 ```html
 <script type="module">
-  import { init } from 'https://esm.sh/@pixelmatters/markup@1.28.0'
+  import { init } from 'https://esm.sh/@pixelmatters/markup@1.28.1'
 
   init({
     apiUrl: '...',
@@ -511,7 +511,7 @@ If inline JS is disallowed (some CMS / page-builder editors), use the auto-init
 ```html
 <script
   type="module"
-  src="https://esm.sh/@pixelmatters/markup@1.28.0"
+  src="https://esm.sh/@pixelmatters/markup@1.28.1"
   data-markup-widget="true"
   data-api-url="..."
   data-api-key="..."

package/dist/widget.js

@@ -5967,13 +5967,13 @@ function El({ pageX: e, pageY: t, authorName: n, authorPromptMode: r, isVerified
 				S.current && (t.preventDefault(), t.stopPropagation()), k();
 			}
 		}
-		function n(e) {
+		return Mc(e, t);
+	}, [k, h]), G(() => {
+		if (h) return;
+		function e(e) {
 			e.key !== "Escape" || e.defaultPrevented || I.current?.open || (e.preventDefault(), w.current ? A() : k());
 		}
-		let r = Mc(e, t);
-		return document.addEventListener("keydown", n), () => {
-			r(), document.removeEventListener("keydown", n);
-		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [
 		k,
 		A,
@@ -8667,7 +8667,7 @@ function Su({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
 					isForgettingMe: pe.isPending,
 					forgetMeError: pe.error,
 					onForgetMe: lt,
-					version: "1.28.0",
+					version: "1.28.1",
 					dashboardUrl: i
 				})
 			}, t.key)),
@@ -8715,11 +8715,11 @@ function wu(e, t) {
 	a.className = "markup-shadow-root", r.appendChild(a), Ae({
 		apiUrl: t.apiUrl,
 		apiKey: t.apiKey,
-		widgetVersion: "1.28.0"
+		widgetVersion: "1.28.1"
 	}), ve(t.analytics === !1 ? null : {
 		apiUrl: t.apiUrl,
 		apiKey: t.apiKey,
-		widgetVersion: "1.28.0"
+		widgetVersion: "1.28.1"
 	}), ye("widget_loaded");
 	let { theme: o, analytics: s, ...c } = t;
 	return se(/* @__PURE__ */ Q(Se, {