mesurer 0.1.4 → 0.2.0
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/CHANGELOG.md +23 -0
- package/PRIVACY.md +9 -1
- package/README.md +12 -2
- package/dist/index.cjs +16385 -10944
- package/dist/index.d.cts +119 -7
- package/dist/index.d.ts +119 -7
- package/dist/index.js +16374 -10930
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,28 @@
|
|
|
1
1
|
# mesurer
|
|
2
2
|
|
|
3
|
+
## 0.2.0
|
|
4
|
+
|
|
5
|
+
- add configurable column, row, and pixel layout guides with selection, keyboard controls, persistence, and undo/redo
|
|
6
|
+
- scope workspaces to page URLs and preserve guides, comments, measurements, and annotations across navigation and reloads
|
|
7
|
+
- improve inspect selection, transparent and iframe targets, spacing geometry, typography details, and guide-linked distances
|
|
8
|
+
- improve arrow, pen, and text annotation selection, transforms, cursors, and group editing
|
|
9
|
+
- improve comment threads with replies, editing, deletion, resolve/reopen actions, selector copying, tooltips, and safer draft dismissal
|
|
10
|
+
- improve toolbar dragging, menu stacking, minimization, restoration, and overlay lifecycle behavior
|
|
11
|
+
- add dark mode and theme-aware controls across the toolbar, comments, settings, and menus
|
|
12
|
+
- improve keyboard ownership, host-page focus handling, CSS isolation, and overlay stacking
|
|
13
|
+
- improve color picker, screenshot, ruler, and settings interactions
|
|
14
|
+
- improve the Chrome extension across reloads, SPA navigation, host recovery, tab persistence, screenshots, and per-tab workspaces
|
|
15
|
+
|
|
16
|
+
## 0.1.5
|
|
17
|
+
|
|
18
|
+
- add DOM-attached comment threads with replies, persistence, iframe and Shadow DOM targets, and agent-ready copy
|
|
19
|
+
- improve inspection with copyable info cards, typography details, iframe selection, and X-ray support
|
|
20
|
+
- add guide-linked measurements, Option+S pinned measurements, and shared guide controls
|
|
21
|
+
- add configurable Screenshot, Rulers, and Settings features with matching shortcut control
|
|
22
|
+
- isolate Mesurer styles and keyboard behavior from host pages
|
|
23
|
+
- harden extension screenshot capture by removing the page-injected capture bridge
|
|
24
|
+
- Thanks to [Moumen Soliman](https://github.com/moumen-soliman) for [adding Option+S pinned measurements](https://github.com/ibelick/mesurer/pull/25).
|
|
25
|
+
|
|
3
26
|
## 0.1.4
|
|
4
27
|
|
|
5
28
|
- inject extension scripts only after the user activates the extension
|
package/PRIVACY.md
CHANGED
|
@@ -23,14 +23,22 @@ Mesurer does not collect:
|
|
|
23
23
|
|
|
24
24
|
Used only when the user explicitly activates the extension, to run Mesurer on the current tab.
|
|
25
25
|
|
|
26
|
+
### host permissions
|
|
27
|
+
|
|
28
|
+
Mesurer requests access to HTTP and HTTPS pages so it can run on any regular website and restore
|
|
29
|
+
the toolbar across reloads and in-site navigations. This access is not used to read or send page
|
|
30
|
+
content off-device.
|
|
31
|
+
|
|
26
32
|
### scripting
|
|
27
33
|
|
|
28
34
|
Used to inject the extension script into the active page to render measurement overlays and guides.
|
|
35
|
+
After you turn Mesurer on for a tab, the same script may be re-injected when that tab navigates so
|
|
36
|
+
the toolbar can stay available.
|
|
29
37
|
|
|
30
38
|
### storage
|
|
31
39
|
|
|
32
40
|
Used to store Mesurer settings and page workspaces locally in Chrome. This data stays in the
|
|
33
|
-
browser and is not sent to Mesurer servers.
|
|
41
|
+
browser and is not sent to Mesurer servers. This includes comment threads and their replies.
|
|
34
42
|
|
|
35
43
|
### clipboardWrite
|
|
36
44
|
|
package/README.md
CHANGED
|
@@ -58,6 +58,7 @@ function App() {
|
|
|
58
58
|
| `portalTarget` | Optional element or shadow root used as the overlay portal mount target. |
|
|
59
59
|
| `persistence` | Optional storage adapter for custom or extension-backed persistence. |
|
|
60
60
|
| `captureVisibleTab` | Optional function supplying a PNG of the visible tab for Screenshot capture. |
|
|
61
|
+
| `features` | Enable or disable `screenshot`, `rulers`, and `settings`; each defaults to `true`. |
|
|
61
62
|
| `onPersistenceError` | Called when persistence is unavailable or a storage write fails. |
|
|
62
63
|
| `colorPickerFormats` | Color formats displayed in the picker popover, in display order. |
|
|
63
64
|
| `colorPickerClickFormat` | Format copied to the clipboard when a color is picked. |
|
|
@@ -94,19 +95,27 @@ Props are the defaults. Saved settings override them; **Use defaults** restores
|
|
|
94
95
|
| `H` | Set guide orientation to horizontal. |
|
|
95
96
|
| `V` | Set guide orientation to vertical. |
|
|
96
97
|
| `Alt` | Temporarily enable option/guide measurement overlays. |
|
|
98
|
+
| `Option + S` / `Alt + S` | Pin the measurement currently shown under `Option` / `Alt` so it stays on screen. |
|
|
97
99
|
| `Esc` | Close an open panel, cancel the current interaction, or deselect the tool. Press again to minimize Mesurer. |
|
|
98
100
|
| `Backspace` / `Delete` | Remove selected guides, arrows, pen strokes, or text. |
|
|
99
101
|
| `Cmd/Ctrl + Z` | Undo. |
|
|
100
102
|
| `Cmd/Ctrl + Shift + Z` | Redo. |
|
|
101
103
|
| `Cmd/Ctrl + A` | Select all annotations. |
|
|
102
104
|
| `Cmd/Ctrl + ,` | Open Settings. |
|
|
105
|
+
| `Cmd/Ctrl + K` | Copy comments for an agent. |
|
|
106
|
+
|
|
107
|
+
`initialState` accepts `enabled`, `minimized`, `toolbarPosition`, `toolMode`, guides, arrows, pen strokes, text annotations, measurements, and comments. Saved workspace state overrides it.
|
|
108
|
+
|
|
109
|
+
```tsx
|
|
110
|
+
<Mesurer initialState={{ minimized: true, toolbarPosition: { x: 24, y: 24 } }} />
|
|
111
|
+
```
|
|
103
112
|
|
|
104
113
|
## Features
|
|
105
114
|
|
|
106
115
|
- **Inspect mode** - Click elements to measure their bounds
|
|
107
116
|
- **Annotation tools** - Draw arrows, freehand pen strokes, and text notes
|
|
108
117
|
- **Annotation selection** - Select, move, resize, rotate, delete, and multi-select annotations
|
|
109
|
-
- **Guides mode** - Add
|
|
118
|
+
- **Guides mode** - Add configurable column, row, and pixel grid guides
|
|
110
119
|
- **Rulers** - Drag guides from pixel rulers along the top and left edges
|
|
111
120
|
- **Typography** - Inspect typography styles and pin text details
|
|
112
121
|
- **X-ray mode** - Reveal element structure without changing the page
|
|
@@ -114,8 +123,9 @@ Props are the defaults. Saved settings override them; **Use defaults** restores
|
|
|
114
123
|
- **Screenshot** - Drag a region of the visible tab and copy or download it. In a React integration without the extension, the browser may show a tab-sharing prompt.
|
|
115
124
|
- **Distance overlays** - Hold Alt for quick spacing checks
|
|
116
125
|
- **Undo/redo** - Command history for guides, measurements, arrows, pen strokes, and text annotations
|
|
126
|
+
- **Comments** - Pin threads to live elements, add replies, move targets, search threads, and copy structured feedback for agents
|
|
117
127
|
- **Settings** - Configure selection, guide, ruler, arrow, text, color, format, and persistence behavior
|
|
118
|
-
- **Workspace controls** -
|
|
128
|
+
- **Workspace controls** - Persist page workspaces, restore defaults, clear annotations, and minimize Mesurer to a single toolbar button
|
|
119
129
|
|
|
120
130
|
## Requirements
|
|
121
131
|
|