mesurer 0.1.5 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # mesurer
 
+## 0.2.1
+
+- add selected-region video recording with Chrome tab capture
+- add recording playback, trimming, scaling, and WebM/MP4 export where supported
+- add the Screenshot/Screen record capture menu
+- improve recording crop mapping, frame capture, lifecycle cleanup, and extension playback
+- improve toolbar persistence across reloads and same-tab navigation
+- improve transparent overlay selection and extension capture behavior
+
+## 0.2.0
+
+- add configurable column, row, and pixel layout guides with selection, keyboard controls, persistence, and undo/redo
+- scope workspaces to page URLs and preserve guides, comments, measurements, and annotations across navigation and reloads
+- improve inspect selection, transparent and iframe targets, spacing geometry, typography details, and guide-linked distances
+- improve arrow, pen, and text annotation selection, transforms, cursors, and group editing
+- improve comment threads with replies, editing, deletion, resolve/reopen actions, selector copying, tooltips, and safer draft dismissal
+- improve toolbar dragging, menu stacking, minimization, restoration, and overlay lifecycle behavior
+- add dark mode and theme-aware controls across the toolbar, comments, settings, and menus
+- improve keyboard ownership, host-page focus handling, CSS isolation, and overlay stacking
+- improve color picker, screenshot, ruler, and settings interactions
+- improve the Chrome extension across reloads, SPA navigation, host recovery, tab persistence, screenshots, and per-tab workspaces
+
 ## 0.1.5
 
 - add DOM-attached comment threads with replies, persistence, iframe and Shadow DOM targets, and agent-ready copy

package/PRIVACY.md

@@ -1,63 +1,82 @@
 # Privacy Policy
 
+Last updated: 30 September 2026
+
 ## Mesurer
 
-Mesurer is a lightweight tool to measure distances, check alignment, and display visual guides directly on web pages in the browser.
+Mesurer includes a browser tool, an npm package, a Chrome extension, and hosted platform features for reviewing deployed web projects.
+
+## Local browser features
+
+The browser tool and Chrome extension store settings, guides, measurements, comments, and page workspaces locally in your browser where possible. This local data is not sent to Mesurer servers by the extension's local features.
+
+Mesurer does not use the extension to sell or transfer your browsing history or website content for advertising.
 
-## Data Collection
+## Platform data
 
-Mesurer does not collect, store, or transmit personal data.
+When you use hosted platform features, Mesurer may process:
 
-Mesurer does not collect:
+- account details provided by your authentication provider, such as your name, email address, and profile image
+- project, deployment, and website origin information
+- comments, screenshots, review data, and content you choose to share
+- subscription and billing status
 
-- personally identifiable information
-- authentication credentials
-- financial or health information
-- web history
-- user activity analytics
-- website content for external processing
+This information is used to authenticate you, provide projects and reviews, share content at your direction, secure the service, and manage subscriptions.
+
+## Authentication and payments
+
+Mesurer may use GitHub or Google for sign-in. Those providers process information under their own privacy policies.
+
+Payments may be handled by third-party payment providers. Mesurer does not intend to store full payment card details on its own systems.
 
 ## Permissions
 
 ### activeTab
 
-Used only when the user explicitly activates the extension, to run Mesurer on the current tab.
+Used when you explicitly activate the extension to run Mesurer on the current tab.
+
+### host permissions
+
+Mesurer requests access to HTTP and HTTPS pages so it can run on regular websites and restore the toolbar across reloads and in-site navigations. This access is not used to send page content off-device by the local extension features.
 
 ### scripting
 
-Used to inject the extension script into the active page to render measurement overlays and guides.
+Used to inject the extension script into the active page to render measurement overlays and guides. The script may be re-injected when a tab navigates so the toolbar can stay available.
 
 ### storage
 
-Used to store Mesurer settings and page workspaces locally in Chrome. This data stays in the
-browser and is not sent to Mesurer servers. This includes comment threads and their replies.
+Used to store Mesurer settings and page workspaces locally in Chrome. This includes comment threads and replies created through local features.
 
 ### clipboardWrite
 
-Used when the user chooses to copy a selected screenshot or sampled color to the clipboard.
+Used when you choose to copy a selected screenshot or sampled color to the clipboard.
 
-## Screenshot Capture
+### tabCapture
 
-Screenshot captures are initiated by the user and contain only the selected region of the
-currently visible tab. In the Chrome extension, capture is performed locally through Chrome's
-visible-tab capture API. In a React integration without the extension, Chrome may show its native
-tab-sharing prompt through `getDisplayMedia()`.
+Used only after you explicitly choose the video recording feature. It captures the active browser tab so Mesurer can record the region you select. The captured stream is processed locally in the browser and is not sent to Mesurer or any third party.
 
-Screenshots are copied to the local clipboard or downloaded locally according to the user's
-settings. Mesurer does not upload or externally process screenshots.
+### offscreen
 
-## Remote Code
+Used to create the offscreen document required by Chrome Manifest V3 to process tab recordings. The offscreen document crops and encodes the selected region locally after you start recording. It does not collect or transmit page content.
 
-Mesurer does not use remote code.
+## Screenshot and recording capture
 
-All JavaScript/Wasm executed by the extension is packaged with the extension bundle.
+Captures are initiated by you and contain only the region you select. In the Chrome extension, screenshots are captured locally through Chrome's visible-tab capture API. In a React integration without the extension, Chrome may show its native tab-sharing prompt through `getDisplayMedia()`.
 
-## Data Sharing
+Screenshots and recordings are processed locally and are copied to the local clipboard, stored temporarily in local extension storage, or downloaded locally according to your actions. Mesurer does not upload or externally process these captures unless you explicitly share them through a hosted platform feature.
 
-Mesurer does not sell or transfer user data to third parties.
+Video recordings are stored temporarily in the extension's local IndexedDB storage so they can be previewed, trimmed, and exported. Recordings remain on the device and are not uploaded. They can be removed through the recording editor or by clearing the browser's extension storage.
 
-## Contact
+## Data sharing and retention
+
+Mesurer shares hosted project and review content only as needed to provide a feature you request, such as a review link or project invitation. Anyone with access to a shared review link may be able to view the content included in that review.
+
+Hosted data is retained while needed to provide the service, maintain account records, resolve disputes, and meet legal obligations. You may contact us to ask about your data or request deletion, subject to applicable legal and operational requirements.
 
-For questions, open an issue on GitHub:
+## Remote code
+
+The Chrome extension does not use remote code. JavaScript and WebAssembly executed by the extension are packaged with the extension bundle.
+
+## Contact
 
-https://github.com/ibelick/mesurer/issues
+For privacy questions or requests, contact [contact@interfaceoffice.com](mailto:contact@interfaceoffice.com).

package/README.md

@@ -17,7 +17,7 @@ Mesurer runs directly where you build. Share feedback with your agents and your
 Mesurer is an open-source UI inspector and visual feedback tool for the browser.
 Use guides, rulers, measurements, arrows, freehand pen strokes, text annotations,
 color inspection, typography tools, X-ray mode, and screenshots to understand interfaces and communicate precise
-visual feedback to coding agents.
+visual feedback to coding agents. Capture a short video of any visible region to show interaction details that a screenshot cannot.
 
 [Full documentation](https://mesurer.dev/)
 
@@ -89,6 +89,7 @@ Props are the defaults. Saved settings override them; **Use defaults** restores
 | `2`                    | Switch to the Annotate tools.                         |
 | `P`                    | Open the native color sampler.                        |
 | `C`                    | Drag a region of the visible tab for a screenshot.    |
+| `V`                    | Drag a region of the visible tab to record a video.  |
 | `G`                    | Toggle Guides mode.                                   |
 | `X`                    | Toggle X-ray mode.                                    |
 | `R`                    | Toggle pixel rulers along the top and left edges.     |
@@ -115,22 +116,24 @@ Props are the defaults. Saved settings override them; **Use defaults** restores
 - **Inspect mode** - Click elements to measure their bounds
 - **Annotation tools** - Draw arrows, freehand pen strokes, and text notes
 - **Annotation selection** - Select, move, resize, rotate, delete, and multi-select annotations
-- **Guides mode** - Add and drag vertical or horizontal guides
+- **Guides mode** - Add configurable column, row, and pixel grid guides
 - **Rulers** - Drag guides from pixel rulers along the top and left edges
 - **Typography** - Inspect typography styles and pin text details
 - **X-ray mode** - Reveal element structure without changing the page
 - **Sample color** - Sample rendered colors and copy values in your chosen format
 - **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.
+- **Video recording** - Drag a region of the visible tab, record up to 60 seconds, trim the result, and export it as WebM or MP4 when supported. The Chrome extension records the active tab without a second sharing prompt.
 - **Distance overlays** - Hold Alt for quick spacing checks
 - **Undo/redo** - Command history for guides, measurements, arrows, pen strokes, and text annotations
 - **Comments** - Pin threads to live elements, add replies, move targets, search threads, and copy structured feedback for agents
 - **Settings** - Configure selection, guide, ruler, arrow, text, color, format, and persistence behavior
-- **Workspace controls** - Restore defaults or clear guides, measurements, and annotations; minimize Mesurer to a single toolbar button
+- **Workspace controls** - Persist page workspaces, restore defaults, clear annotations, and minimize Mesurer to a single toolbar button
 
 ## Requirements
 
 - React 18+
 - Chromium-based browser. The native screen color picker requires Chromium on Windows or macOS; Linux Chromium builds may not expose the EyeDropper API.
+- Video recording uses the Chrome extension's tab-capture integration for the smoothest active-tab workflow. Without the extension, browser capture permissions and supported export formats depend on the browser.
 
 Settings are stored separately from workspace state. The default adapter uses `localStorage`; integrations can provide a `persistence` adapter such as the browser extension's `chrome.storage.local` implementation.