mesurer 0.2.4 → 0.2.6

package/dist/index.d.cts

@@ -8,22 +8,22 @@ type ColorSample = {
     alpha: number;
 };
 
-type Point = {
+type Point$1 = {
     x: number;
     y: number;
 };
 type Arrow = {
     id: string;
-    start: Point;
-    end: Point;
-    control?: Point;
+    start: Point$1;
+    end: Point$1;
+    control?: Point$1;
     color: string;
     width: number;
     rotation?: number;
 };
 type PenStroke = {
     id: string;
-    points: Point[];
+    points: Point$1[];
     color: string;
     width: number;
     rotation?: number;
@@ -54,8 +54,17 @@ type CommentTarget = {
     attributes: Record<string, string>;
     styles: string;
     rect: Rect;
-    documentPoint: Point;
-    anchor?: Point;
+    documentPoint: Point$1;
+    anchor?: Point$1;
+    /** The address of the page the element was on when it was commented on. */
+    url?: string;
+    /** The size, in CSS px, of the window that page was in. */
+    viewport?: {
+        width: number;
+        height: number;
+    };
+    /** That window was a responsive preview of this size, not the page itself. */
+    preview?: boolean;
 };
 type CommentThread = {
     id: string;
@@ -103,8 +112,8 @@ type DistanceOverlay = {
     elementRefB?: Element | null;
     pinTargetRef?: Element | null;
     pinTargetRect?: Rect | null;
-    pinCursor?: Point | null;
-    pinCursorOffset?: Point | null;
+    pinCursor?: Point$1 | null;
+    pinCursorOffset?: Point$1 | null;
     horizontal: {
         x1: number;
         x2: number;
@@ -139,6 +148,17 @@ type DistanceOverlay = {
 type ToolMode = "none" | "select" | "selection" | "guides" | "xray" | "rulers" | "arrows" | "pen" | "text" | "comments";
 type PersistentToolMode = Exclude<ToolMode, "none" | "xray" | "rulers">;
 
+type Point = {
+    x: number;
+    y: number;
+};
+type ToolbarPlacement = Point & {
+    edge?: ToolbarSide | null;
+    align?: DockAlign;
+    vertical?: boolean;
+};
+type DockAlign = "start" | "center" | "end";
+
 type TextFont = "handwritten" | "code" | "serif" | "sans-serif";
 type TextStyleSettings = {
     font: TextFont;
@@ -164,6 +184,8 @@ declare const MESURER_STORAGE_VERSION = 2;
 type GuidePattern = "solid" | "dashed" | "dotted";
 type InfoCardMode = "hover" | "click";
 type ThemeMode = "system" | "light" | "dark";
+type ToolbarSide = "top" | "bottom" | "left" | "right";
+type ToolbarDock = "free" | "snap";
 type GuideStyle = {
     opacity: number;
     width: number;
@@ -183,10 +205,9 @@ type ScreenshotSettings = {
 };
 type MesurerStoredSettings = {
     lastToolMode?: PersistentToolMode;
-    toolbarPosition?: {
-        x: number;
-        y: number;
-    };
+    toolbarPosition?: ToolbarPlacement;
+    toolbarDock?: ToolbarDock;
+    toolbarAutoHide?: boolean;
     highlightColor?: string;
     guideColor?: string;
     arrowColor?: string;
@@ -264,6 +285,7 @@ type MesurerFeatures = {
     screenshot?: boolean;
     rulers?: boolean;
     settings?: boolean;
+    responsive?: boolean;
 };
 
 type ExtensionRecordingSession = {
@@ -345,7 +367,7 @@ type MesurerProps = {
     };
 };
 
-declare function Mesurer({ highlightColor, guideColor, arrowColor, guideHighlightEnabled, hoverHighlightEnabled, layoutDetailsEnabled, persistOnReload, persistSession, shortcutsEnabled, theme, portalTarget, persistKey, colorPickerFormats, colorPickerClickFormat, snapEnabled, snapGuidesEnabled, snapArrowsEnabled, arrowClickToPlace, selectNewGuideEnabled, multiMeasureEnabled, guideStyle, rulerSettings, textStyle, persistence, onPersistenceError, captureVisibleTab, extensionRecording, extensionRecordingPlayer, features, initialState, }: MesurerProps): react_jsx_runtime.JSX.Element | null;
+declare function Mesurer(props: MesurerProps): react_jsx_runtime.JSX.Element;
 
 type TypographyRow = {
     label: string;
@@ -384,4 +406,4 @@ type TextInspectorOptions = {
 declare const createTextInspector: (options?: TextInspectorOptions, legacy?: boolean) => TextInspectorAPI;
 declare const TextInspector: TextInspectorAPI;
 
-export { type Arrow, type ColorPickerFormat, type ColorSample, type GuidePattern, type GuideStyle, MESURER_STORAGE_VERSION, Mesurer, type MesurerFeatures, type MesurerPageArtifacts, type MesurerPersistence, type MesurerPersistenceSnapshot, type MesurerProps, type MesurerSessionChrome, type MesurerStoredSettings, type MesurerStoredWorkspace, type PagedWorkspaceStore, type PenStroke, type Point, type RulerSettings, type ScreenshotSettings, type ShareMode, type TextAnnotation, type TextFont, TextInspector, type TextInspectorAPI, type TextInspectorOptions, type TextStyleSettings, type TypographyInfo, type TypographyRow, createLocalStoragePersistence, createPageScopedPersistence, createTextInspector, isPagedWorkspaceStore, normalizeStoredSettings, normalizeStoredWorkspace };
+export { type Arrow, type ColorPickerFormat, type ColorSample, type GuidePattern, type GuideStyle, MESURER_STORAGE_VERSION, Mesurer, type MesurerFeatures, type MesurerPageArtifacts, type MesurerPersistence, type MesurerPersistenceSnapshot, type MesurerProps, type MesurerSessionChrome, type MesurerStoredSettings, type MesurerStoredWorkspace, type PagedWorkspaceStore, type PenStroke, type Point$1 as Point, type RulerSettings, type ScreenshotSettings, type ShareMode, type TextAnnotation, type TextFont, TextInspector, type TextInspectorAPI, type TextInspectorOptions, type TextStyleSettings, type TypographyInfo, type TypographyRow, createLocalStoragePersistence, createPageScopedPersistence, createTextInspector, isPagedWorkspaceStore, normalizeStoredSettings, normalizeStoredWorkspace };

package/dist/index.d.ts

@@ -8,22 +8,22 @@ type ColorSample = {
     alpha: number;
 };
 
-type Point = {
+type Point$1 = {
     x: number;
     y: number;
 };
 type Arrow = {
     id: string;
-    start: Point;
-    end: Point;
-    control?: Point;
+    start: Point$1;
+    end: Point$1;
+    control?: Point$1;
     color: string;
     width: number;
     rotation?: number;
 };
 type PenStroke = {
     id: string;
-    points: Point[];
+    points: Point$1[];
     color: string;
     width: number;
     rotation?: number;
@@ -54,8 +54,17 @@ type CommentTarget = {
     attributes: Record<string, string>;
     styles: string;
     rect: Rect;
-    documentPoint: Point;
-    anchor?: Point;
+    documentPoint: Point$1;
+    anchor?: Point$1;
+    /** The address of the page the element was on when it was commented on. */
+    url?: string;
+    /** The size, in CSS px, of the window that page was in. */
+    viewport?: {
+        width: number;
+        height: number;
+    };
+    /** That window was a responsive preview of this size, not the page itself. */
+    preview?: boolean;
 };
 type CommentThread = {
     id: string;
@@ -103,8 +112,8 @@ type DistanceOverlay = {
     elementRefB?: Element | null;
     pinTargetRef?: Element | null;
     pinTargetRect?: Rect | null;
-    pinCursor?: Point | null;
-    pinCursorOffset?: Point | null;
+    pinCursor?: Point$1 | null;
+    pinCursorOffset?: Point$1 | null;
     horizontal: {
         x1: number;
         x2: number;
@@ -139,6 +148,17 @@ type DistanceOverlay = {
 type ToolMode = "none" | "select" | "selection" | "guides" | "xray" | "rulers" | "arrows" | "pen" | "text" | "comments";
 type PersistentToolMode = Exclude<ToolMode, "none" | "xray" | "rulers">;
 
+type Point = {
+    x: number;
+    y: number;
+};
+type ToolbarPlacement = Point & {
+    edge?: ToolbarSide | null;
+    align?: DockAlign;
+    vertical?: boolean;
+};
+type DockAlign = "start" | "center" | "end";
+
 type TextFont = "handwritten" | "code" | "serif" | "sans-serif";
 type TextStyleSettings = {
     font: TextFont;
@@ -164,6 +184,8 @@ declare const MESURER_STORAGE_VERSION = 2;
 type GuidePattern = "solid" | "dashed" | "dotted";
 type InfoCardMode = "hover" | "click";
 type ThemeMode = "system" | "light" | "dark";
+type ToolbarSide = "top" | "bottom" | "left" | "right";
+type ToolbarDock = "free" | "snap";
 type GuideStyle = {
     opacity: number;
     width: number;
@@ -183,10 +205,9 @@ type ScreenshotSettings = {
 };
 type MesurerStoredSettings = {
     lastToolMode?: PersistentToolMode;
-    toolbarPosition?: {
-        x: number;
-        y: number;
-    };
+    toolbarPosition?: ToolbarPlacement;
+    toolbarDock?: ToolbarDock;
+    toolbarAutoHide?: boolean;
     highlightColor?: string;
     guideColor?: string;
     arrowColor?: string;
@@ -264,6 +285,7 @@ type MesurerFeatures = {
     screenshot?: boolean;
     rulers?: boolean;
     settings?: boolean;
+    responsive?: boolean;
 };
 
 type ExtensionRecordingSession = {
@@ -345,7 +367,7 @@ type MesurerProps = {
     };
 };
 
-declare function Mesurer({ highlightColor, guideColor, arrowColor, guideHighlightEnabled, hoverHighlightEnabled, layoutDetailsEnabled, persistOnReload, persistSession, shortcutsEnabled, theme, portalTarget, persistKey, colorPickerFormats, colorPickerClickFormat, snapEnabled, snapGuidesEnabled, snapArrowsEnabled, arrowClickToPlace, selectNewGuideEnabled, multiMeasureEnabled, guideStyle, rulerSettings, textStyle, persistence, onPersistenceError, captureVisibleTab, extensionRecording, extensionRecordingPlayer, features, initialState, }: MesurerProps): react_jsx_runtime.JSX.Element | null;
+declare function Mesurer(props: MesurerProps): react_jsx_runtime.JSX.Element;
 
 type TypographyRow = {
     label: string;
@@ -384,4 +406,4 @@ type TextInspectorOptions = {
 declare const createTextInspector: (options?: TextInspectorOptions, legacy?: boolean) => TextInspectorAPI;
 declare const TextInspector: TextInspectorAPI;
 
-export { type Arrow, type ColorPickerFormat, type ColorSample, type GuidePattern, type GuideStyle, MESURER_STORAGE_VERSION, Mesurer, type MesurerFeatures, type MesurerPageArtifacts, type MesurerPersistence, type MesurerPersistenceSnapshot, type MesurerProps, type MesurerSessionChrome, type MesurerStoredSettings, type MesurerStoredWorkspace, type PagedWorkspaceStore, type PenStroke, type Point, type RulerSettings, type ScreenshotSettings, type ShareMode, type TextAnnotation, type TextFont, TextInspector, type TextInspectorAPI, type TextInspectorOptions, type TextStyleSettings, type TypographyInfo, type TypographyRow, createLocalStoragePersistence, createPageScopedPersistence, createTextInspector, isPagedWorkspaceStore, normalizeStoredSettings, normalizeStoredWorkspace };
+export { type Arrow, type ColorPickerFormat, type ColorSample, type GuidePattern, type GuideStyle, MESURER_STORAGE_VERSION, Mesurer, type MesurerFeatures, type MesurerPageArtifacts, type MesurerPersistence, type MesurerPersistenceSnapshot, type MesurerProps, type MesurerSessionChrome, type MesurerStoredSettings, type MesurerStoredWorkspace, type PagedWorkspaceStore, type PenStroke, type Point$1 as Point, type RulerSettings, type ScreenshotSettings, type ShareMode, type TextAnnotation, type TextFont, TextInspector, type TextInspectorAPI, type TextInspectorOptions, type TextStyleSettings, type TypographyInfo, type TypographyRow, createLocalStoragePersistence, createPageScopedPersistence, createTextInspector, isPagedWorkspaceStore, normalizeStoredSettings, normalizeStoredWorkspace };