@pixelmatters/markup 1.31.3 → 1.31.5
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 +7 -7
- package/dist/widget.js +8 -8
- package/dist/widget.js.map +1 -1
- package/package.json +2 -1
- package/skills/install-markup-widget/SKILL.md +4 -4
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@ Pin-anchored feedback for live web apps. Drop in a script tag and your stakehold
|
|
|
9
9
|
## Highlights
|
|
10
10
|
|
|
11
11
|
- **Pin anywhere.** Click anywhere on the page to attach a comment to that exact element. Pins re-anchor across reflow using a CSS selector plus a viewport-fraction fallback.
|
|
12
|
-
- **Threads, in real time.** Replies stream in via WebSocket. Per-comment edit, delete (with tombstones), and emoji reactions.
|
|
12
|
+
- **Threads, in real time.** Replies stream in via WebSocket. Per-comment edit, delete (with tombstones), and emoji reactions. A thread can be deleted by its author, or by any project member, and only project members can resolve one.
|
|
13
13
|
- **@-mentions.** Typing `@` in the composer opens a project-member picker and inserts a chip; the `@[Name](userId)` wire format never reaches the screen. Mentioned teammates are notified, and signed-in users read those notifications from the toolbar's inbox.
|
|
14
14
|
- **Annotated screenshots.** Opt-in capture with the pin marker drawn on the image and embedded fonts, so the snapshot matches what the user saw.
|
|
15
15
|
- **Drop-in identity.** Anonymous by default, with a popup-based sign-in that survives Safari ITP and Chrome storage partitioning. Signed-in authors show their profile picture; everyone else gets initials. A project can be set to **members only** in the dashboard, in which case visitors are asked to sign in before commenting; everyone still sees the pins.
|
|
@@ -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.31.
|
|
40
|
+
import { init } from 'https://esm.sh/@pixelmatters/markup@1.31.5'
|
|
41
41
|
// or
|
|
42
|
-
// import { init } from 'https://esm.run/@pixelmatters/markup@1.31.
|
|
42
|
+
// import { init } from 'https://esm.run/@pixelmatters/markup@1.31.5'
|
|
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, so a future major release will break your page with no warning. Always pin (`@pixelmatters/markup@1.31.
|
|
53
|
+
> **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.31.5`).
|
|
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.31.
|
|
60
|
+
src="https://esm.sh/@pixelmatters/markup@1.31.5"
|
|
61
61
|
data-markup-widget="true"
|
|
62
62
|
data-api-url="https://your-deployment.convex.site"
|
|
63
63
|
data-api-key="markup_..."
|
|
@@ -497,7 +497,7 @@ For a `<script>` tag drop-in (no bundler), use the inline ESM form and **pin the
|
|
|
497
497
|
|
|
498
498
|
```html
|
|
499
499
|
<script type="module">
|
|
500
|
-
import { init } from 'https://esm.sh/@pixelmatters/markup@1.31.
|
|
500
|
+
import { init } from 'https://esm.sh/@pixelmatters/markup@1.31.5'
|
|
501
501
|
|
|
502
502
|
init({
|
|
503
503
|
apiUrl: '...',
|
|
@@ -513,7 +513,7 @@ If inline JS is disallowed (some CMS / page-builder editors), use the auto-init
|
|
|
513
513
|
```html
|
|
514
514
|
<script
|
|
515
515
|
type="module"
|
|
516
|
-
src="https://esm.sh/@pixelmatters/markup@1.31.
|
|
516
|
+
src="https://esm.sh/@pixelmatters/markup@1.31.5"
|
|
517
517
|
data-markup-widget="true"
|
|
518
518
|
data-api-url="..."
|
|
519
519
|
data-api-key="..."
|