reflet-sdk 0.6.3 → 0.6.4

package/CHANGELOG.md

@@ -5,6 +5,21 @@ All notable changes to `reflet-sdk` will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.6.4] - 2026-10-04
+
+### Added
+
+- Click a screenshot thumbnail in the widget to open it full size, the same view the pencil opens.
+
+### Fixed
+
+- Picked-element highlights and devtools close-ups land on the element on Windows and Linux. A classic scrollbar used to shift them left, by up to its own width near the right edge.
+- Letter hotkeys work with macOS Option (⌥F types "ƒ") and on non-Latin keyboard layouts, for both the `hotkey` prop and the picker's ⌘C / Ctrl+C.
+- Pressing Enter to confirm Japanese, Chinese or Korean input no longer submits the picker note, the devtools note or a text annotation. Pressing Escape to cancel the input no longer closes the picker note, a text annotation, the devtools panel or a note pin either.
+- Right-click no longer picks an element, and the page's context menu no longer opens while picking.
+- "Open in editor" links work for Windows paths (`vscode://file/C:/…`), and devtools resolves `file:///C:/…`, Vite `/@fs/C:/…` and `/C:/…` source frames.
+- Devtools refuses Server Component chunks on another Windows drive as outside the repository.
+
 ## [0.6.3] - 2026-10-04
 
 ### Added

package/dist/{devtools-layer-DtO89RlJ.js → devtools-layer-DgmM3RhW.js}

@@ -1,6 +1,6 @@
 import { a as EDITORS, n as DEVTOOLS_REQUEST_HEADER, r as DEVTOOLS_ROUTE_BASE, t as DEVTOOLS_ENDPOINTS } from "./protocol-ClqTFzwR.js";
-import { A as TargetIcon, B as buildElementSelection, C as GripIcon, H as getFiberFromNode, I as DEFAULT_WIDGET_LABELS, J as releaseCapture, K as captureViewport, L as SDK_VERSION, R as collectPageContext, S as CloseIcon, U as resolveComponentStack, V as describeElement, W as shortenSourcePath, a as deriveTitle, c as useFloatingPosition, d as SelectionOutline, k as Svg, l as onViewportChange, m as listenToKeydown, n as isWidgetOwned, p as listenOnPageAndWidget, q as capturedFromCanvas, s as uploadImageBlob, t as ElementPicker, u as visibleViewport } from "./picker-Rh-hsxyX.js";
-import { t as REFLET_Z_INDEX } from "./z-index-CIb4-3Fy.js";
+import { B as collectPageContext, G as resolveComponentStack, H as buildElementSelection, J as captureViewport, K as shortenSourcePath, M as TargetIcon, R as DEFAULT_WIDGET_LABELS, T as GripIcon, U as describeElement, W as getFiberFromNode, X as capturedViewportSize, Y as capturedFromCanvas, Z as releaseCapture, a as uploadImageBlob, c as useFloatingPosition, d as SelectionOutline, g as isSubmitEnter, j as Svg, l as onViewportChange, m as listenToKeydown, o as ElementPicker, p as listenOnPageAndWidget, r as deriveTitle, s as isWidgetOwned, u as visibleViewport, w as CloseIcon, z as SDK_VERSION } from "./submit-Cd-g1Dtg.js";
+import { a as REFLET_Z_INDEX } from "./react-context-Caq1fodf.js";
 import * as G$1 from "react";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -666,7 +666,12 @@ async function copyToClipboard(text) {
 }
 //#endregion
 //#region src/devtools/client/code/editor-url.ts
-const fileSchemeLink = (scheme) => (absolutePath, line, column) => `${scheme}://file${encodeURI(absolutePath)}:${line}:${column}`;
+/** VS Code-family links want `/c:/dir/file.tsx` on Windows, `/dir/file.tsx` elsewhere. */
+const fileSchemeLink = (scheme) => (absolutePath, line, column) => {
+	const slashed = absolutePath.replaceAll("\\", "/");
+	const rooted = slashed.startsWith("/") ? slashed : `/${slashed}`;
+	return `${scheme}://file${encodeURI(rooted)}:${line}:${column}`;
+};
 const EDITOR_LINKS = {
 	cursor: fileSchemeLink("cursor"),
 	vscode: fileSchemeLink("vscode"),
@@ -985,7 +990,7 @@ function DevtoolsSheet({ children, onClose, onPick, onSelectTab, side, tab, tabs
 	const isMoved = floating.position !== null;
 	const { rootRef } = floating;
 	useEffect(() => listenToKeydown(rootRef.current, (event) => {
-		if (event.key === "Escape") onClose();
+		if (event.key === "Escape" && !event.isComposing) onClose();
 	}), [onClose, rootRef]);
 	return /* @__PURE__ */ jsxs("aside", {
 		"aria-label": "Reflet devtools",
@@ -3062,7 +3067,7 @@ const SNAPSHOT_MAX_WIDTH = 800;
 const OUTLINE_COLOR = "#4f46e5";
 const OUTLINE_WIDTH = 2;
 /** The element plus some room around it, grown to a readable minimum, kept inside the window. */
-function cropAround(rect) {
+function cropAround(rect, viewport) {
 	const grow = (start, length, limit) => {
 		const padded = Math.max(length + 64, MIN_CROP_SIZE);
 		const from = Math.max(0, start + length / 2 - padded / 2);
@@ -3072,8 +3077,8 @@ function cropAround(rect) {
 			to
 		};
 	};
-	const horizontal = grow(rect.left, rect.width, window.innerWidth);
-	const vertical = grow(rect.top, rect.height, window.innerHeight);
+	const horizontal = grow(rect.left, rect.width, viewport.width);
+	const vertical = grow(rect.top, rect.height, viewport.height);
 	return {
 		height: vertical.to - vertical.from,
 		width: horizontal.to - horizontal.from,
@@ -3101,8 +3106,9 @@ async function captureElementSnapshot(element) {
 	try {
 		const rect = box.getBoundingClientRect();
 		if (rect.width === 0 || rect.height === 0) return null;
-		const scale = page.width / window.innerWidth;
-		const crop = cropAround(rect);
+		const viewport = capturedViewportSize();
+		const scale = page.width / viewport.width;
+		const crop = cropAround(rect, viewport);
 		const canvas = document.createElement("canvas");
 		canvas.width = Math.round(crop.width * scale);
 		canvas.height = Math.round(crop.height * scale);
@@ -3457,7 +3463,7 @@ function NoteEditor({ initialText, noteId, onDone }) {
 		className: "dt-field",
 		onChange: (event) => setText(event.target.value),
 		onKeyDown: (event) => {
-			if (event.key === "Enter" && !event.shiftKey) {
+			if (isSubmitEnter(event.nativeEvent)) {
 				event.preventDefault();
 				save();
 			}
@@ -3904,7 +3910,7 @@ function NotePopover({ anchor, notes, onClose, onOpenCode }) {
 		};
 		const stopOutsidePress = listenOnPageAndWidget(popoverRef.current, "pointerdown", closeOnOutsidePress, true);
 		const stopKeys = listenToKeydown(popoverRef.current, (event) => {
-			if (event.key === "Escape") onClose();
+			if (event.key === "Escape" && !event.isComposing) onClose();
 		});
 		return () => {
 			stopOutsidePress();
@@ -4185,4 +4191,4 @@ function DevtoolsLayer({ isWidgetOpen, position, publicKey }) {
 //#endregion
 export { DevtoolsLayer };
 
-//# sourceMappingURL=devtools-layer-DtO89RlJ.js.map
+//# sourceMappingURL=devtools-layer-DgmM3RhW.js.map