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 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 and drag vertical or horizontal guides
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** - Restore defaults or clear guides, measurements, and annotations; minimize Mesurer to a single toolbar button
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