@pixelmatters/markup 1.18.0 → 1.18.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 CHANGED
@@ -37,9 +37,9 @@ CDN drop-in (no build step) — paste this just before `</body>`:
37
37
  ```html
38
38
  <script type="module">
39
39
  // Pin the exact version — esm.sh resolves it from npm
40
- import { init } from 'https://esm.sh/@pixelmatters/markup@1.18.0'
40
+ import { init } from 'https://esm.sh/@pixelmatters/markup@1.18.2'
41
41
  // or
42
- // import { init } from 'https://esm.run/@pixelmatters/markup@1.18.0'
42
+ // import { init } from 'https://esm.run/@pixelmatters/markup@1.18.2'
43
43
 
44
44
  init({
45
45
  apiUrl: 'https://your-deployment.convex.site',
@@ -50,14 +50,14 @@ CDN drop-in (no build step) — paste this just before `</body>`:
50
50
  </script>
51
51
  ```
52
52
 
53
- > **Why pin the version?** CDN URLs without a version (`@pixelmatters/markup`) resolve to whatever's `latest` on npm — a future major release will break your page silently. Always pin (`@pixelmatters/markup@1.18.0`).
53
+ > **Why pin the version?** CDN URLs without a version (`@pixelmatters/markup`) resolve to whatever's `latest` on npm — a future major release will break your page silently. Always pin (`@pixelmatters/markup@1.18.2`).
54
54
 
55
55
  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:
56
56
 
57
57
  ```html
58
58
  <script
59
59
  type="module"
60
- src="https://esm.sh/@pixelmatters/markup@1.18.0"
60
+ src="https://esm.sh/@pixelmatters/markup@1.18.2"
61
61
  data-markup-widget="true"
62
62
  data-api-url="https://your-deployment.convex.site"
63
63
  data-api-key="markup_..."
@@ -307,12 +307,24 @@ Signed-in authors render their profile picture — on their comments and on the
307
307
 
308
308
  ## AI prompt
309
309
 
310
- If your IDE / agent supports the [`skills`](https://www.npmjs.com/package/skills) CLI (Claude Code, Cursor, etc.), install the bundled skill instead of pasting a prompt it gives the agent persistent, up-to-date install + troubleshooting guidance:
310
+ This package ships its own Agent Skill persistent install + troubleshooting guidance for your agent, instead of a prompt you paste once and lose. Install it rather than the prompt below where you can.
311
+
312
+ If `@pixelmatters/markup` is already a dependency, the skill is already on disk under `node_modules`, versioned with the release you installed. [TanStack Intent](https://tanstack.com/intent/latest) wires it into whatever agent config you use (`AGENTS.md`, `CLAUDE.md`, `.cursorrules`, …):
311
313
 
312
314
  ```bash
313
- npx skills add Pixelmatters/markup --skill pixelmatters-markup
315
+ npx @tanstack/intent@latest install
314
316
  ```
315
317
 
318
+ Re-run it when you add another Intent-enabled package. A `pnpm update` of this one is enough on its own — the skill travels with the tarball, so it refreshes in place.
319
+
320
+ 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:
321
+
322
+ ```bash
323
+ npx skills add Pixelmatters/markup/packages/widget/skills/install-markup-widget
324
+ ```
325
+
326
+ The path matters — it's where the skill lives in the repo, and without it the CLI picks up this repo's internal contributor skills instead.
327
+
316
328
  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.
317
329
 
318
330
  ````markdown
@@ -358,7 +370,7 @@ For a `<script>` tag drop-in (no bundler), use the inline ESM form and **pin the
358
370
 
359
371
  ```html
360
372
  <script type="module">
361
- import { init } from 'https://esm.sh/@pixelmatters/markup@1.18.0'
373
+ import { init } from 'https://esm.sh/@pixelmatters/markup@1.18.2'
362
374
 
363
375
  init({
364
376
  apiUrl: '...',
@@ -374,7 +386,7 @@ If inline JS is disallowed (some CMS / page-builder editors), use the auto-init
374
386
  ```html
375
387
  <script
376
388
  type="module"
377
- src="https://esm.sh/@pixelmatters/markup@1.18.0"
389
+ src="https://esm.sh/@pixelmatters/markup@1.18.2"
378
390
  data-markup-widget="true"
379
391
  data-api-url="..."
380
392
  data-api-key="..."
package/dist/widget.js CHANGED
@@ -7495,7 +7495,7 @@ function Dc({ apiUrl: e, apiKey: t, position: n = "bottom-right", screenshots: r
7495
7495
  onOpenPrivacy: () => C("privacy"),
7496
7496
  onOpenShortcuts: () => C("shortcuts"),
7497
7497
  onHideForSession: () => Ce({ type: "hide-with-toast" }),
7498
- version: "1.18.0",
7498
+ version: "1.18.2",
7499
7499
  dashboardUrl: i
7500
7500
  })
7501
7501
  }) : null,
@@ -7592,11 +7592,11 @@ function jc(e, t) {
7592
7592
  a.className = "markup-shadow-root", r.appendChild(a), je({
7593
7593
  apiUrl: t.apiUrl,
7594
7594
  apiKey: t.apiKey,
7595
- widgetVersion: "1.18.0"
7595
+ widgetVersion: "1.18.2"
7596
7596
  }), be(t.analytics === !1 ? null : {
7597
7597
  apiUrl: t.apiUrl,
7598
7598
  apiKey: t.apiKey,
7599
- widgetVersion: "1.18.0"
7599
+ widgetVersion: "1.18.2"
7600
7600
  }), F("widget_loaded");
7601
7601
  let { theme: o, analytics: s, ...c } = t;
7602
7602
  return de(/* @__PURE__ */ Q(Ce, {