@loupekit/sdk 0.5.2 → 0.6.0-next.22
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 +6 -4
- package/dist/index.global.js +428 -322
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +433 -327
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -59,7 +59,7 @@ the moment of the comment, so the feedback stays actionable even after the UI ch
|
|
|
59
59
|
| 🎯 **Click-to-comment inspector** | Hover-highlight any element, click to pin a comment. |
|
|
60
60
|
| 💬 **Free comments** | Drop a page-level note anywhere with the **Note** mode — no element, no screenshot. |
|
|
61
61
|
| ▭ **Free-region screenshots** | Drag a free-size box, screenshot exactly that area, comment on it. The region anchors to the element under its center, so it tracks responsive reflow and scrolling. |
|
|
62
|
-
| 🧲 **
|
|
62
|
+
| 🧲 **Dockable control** | A DevTools-style panel: dock it to the left / right / bottom edge (which pushes your page over so it's never covered) or float it as a movable, resizable window. Light/dark theme, collapses to a small `◎` launcher, and becomes a bottom sheet on mobile. Position & theme persist. |
|
|
63
63
|
| 🔁 **Redeploy-surviving re-anchoring** | A multi-signal fingerprint (stable id/testid, CSS path, XPath, text, attributes, position) re-locates the element on the current page; if it can't, the pin **detaches** instead of pointing at the wrong thing. |
|
|
64
64
|
| 📸 **Screenshot capture** | `[data-loupe-redact]` regions are painted over **before any pixels leave the browser**. |
|
|
65
65
|
| 🧩 **Shadow-DOM isolation** | The widget's CSS never leaks into your page and vice-versa. |
|
|
@@ -89,9 +89,11 @@ init({
|
|
|
89
89
|
});
|
|
90
90
|
```
|
|
91
91
|
|
|
92
|
-
A
|
|
93
|
-
**Region
|
|
94
|
-
|
|
92
|
+
A dockable control panel appears with **Inspect**, **Note** (a free page-level comment),
|
|
93
|
+
**Region**, and the comment list. Use the header's dock controls to dock it left / right /
|
|
94
|
+
bottom (which pushes your page over) or float it, toggle light/dark, or close it to a small
|
|
95
|
+
`◎` launcher. Call `destroy()` to tear it down. `init()` is idempotent — safe to call more
|
|
96
|
+
than once. Pass `label` to change the brand name shown in the header.
|
|
95
97
|
|
|
96
98
|
### Offline mode (no backend)
|
|
97
99
|
|