@proto-labs-inc/wire 0.2.1 → 0.2.3

package/dist/index.d.ts

@@ -125,6 +125,16 @@ export declare const ELEMENT_STYLE_PROPERTIES: readonly ["color", "background-co
 export type ElementStyleProperty = typeof ELEMENT_STYLE_PROPERTIES[number];
 export type ElementStyles = Partial<Record<ElementStyleProperty, string>>;
 export type FrameToRig = {
+    type: "set-edit-markers";
+    markers: {
+        selector: string;
+        number: number;
+        point?: {
+            x: number;
+            y: number;
+        };
+    }[];
+} | {
     type: "set-state";
     id: string;
 } | {
@@ -144,9 +154,6 @@ export type FrameToRig = {
 } | {
     type: "set-comment-mode";
     on: boolean;
-} | {
-    type: "capture-comment";
-    requestId: string;
 } | {
     type: "set-variant-set-picker";
     on: boolean;
@@ -160,6 +167,17 @@ export type FrameToRig = {
 } | {
     type: "release-element";
     selectionId: string;
+} | {
+    type: "restore-selection";
+    selector: string;
+    anchor: CommentAnchor;
+    kind: "element";
+    selectionId: string;
+} | {
+    type: "restore-selection";
+    selector: string;
+    anchor: CommentAnchor;
+    kind: "comment" | "variantSet";
 };
 export interface CommentAnchor {
     /** Bounds of the selected component in the prototype viewport. */
@@ -169,6 +187,8 @@ export interface CommentAnchor {
     height: number;
 }
 export type RigToFrame = {
+    type: "request-frame-tools";
+} | {
     type: "frame-tools-status";
     status: "loading" | "ready" | "unavailable";
 } | {
@@ -187,17 +207,6 @@ export type RigToFrame = {
     selector: string;
     /** Used by the Frame to place the composer beside the selection. */
     anchor: CommentAnchor;
-} | {
-    type: "comment-capture";
-    /** CSS selector for the exact selected element. */
-    selector: string;
-    /** PNG data URL with the highlight composited in; null if capture failed
-        (e.g. modern-screenshot not installed) — the comment still works */
-    image: string | null;
-    /** The requestId of the capture-comment this answers. */
-    requestId: string;
-    /** Used by the Frame to place the composer beside the selection. */
-    anchor: CommentAnchor;
 } | {
     type: "thumbnail-capture";
     /** Image data URL of the current viewport, or null when capture failed. */
@@ -224,6 +233,11 @@ export type RigToFrame = {
     type: "variant-set-picker-exited";
 } | {
     type: "element-target-picked";
+    /** Click position as fractions of the selected element bounds. */
+    point?: {
+        x: number;
+        y: number;
+    };
     inspection?: {
         selectionId: string;
         styles: ElementStyles;

package/dist/index.js

@@ -55,6 +55,18 @@ export function isFrameToRig(d) {
     if (typeof d !== "object" || d === null)
         return false;
     const message = d;
+    if (message.type === "set-edit-markers") {
+        const markers = d.markers;
+        return Array.isArray(markers) && markers.every(marker => marker && typeof marker.selector === "string" && Number.isSafeInteger(marker.number) && marker.number > 0 &&
+            (marker.point === undefined || (marker.point && [marker.point.x, marker.point.y].every(value => typeof value === "number" && Number.isFinite(value) && value >= 0 && value <= 1))));
+    }
+    if (message.type === "restore-selection") {
+        const anchor = message.anchor;
+        return typeof message.selector === "string" && typeof anchor === "object" && anchor !== null &&
+            [anchor.x, anchor.y, anchor.width, anchor.height].every(value => typeof value === "number" && Number.isFinite(value)) &&
+            (message.kind === "comment" || message.kind === "variantSet" ||
+                (message.kind === "element" && typeof message.selectionId === "string"));
+    }
     if (message.type === "release-element")
         return typeof message.selectionId === "string";
     if (message.type === "preview-element-styles") {
@@ -71,7 +83,6 @@ export function isFrameToRig(d) {
             (message.visibility === undefined || message.visibility === "always" || message.visibility === "if-outside-viewport")) ||
         (t === "measure-target" && typeof message.selector === "string") ||
         t === "set-comment-mode" ||
-        t === "capture-comment" ||
         t === "set-variant-set-picker" ||
         t === "set-element-picker");
 }
@@ -80,10 +91,11 @@ export function isRigToFrame(d) {
         return false;
     const message = d;
     const t = message.type;
-    if (["comment-target-picked", "comment-capture", "variant-set-target-picked", "target-measured"].includes(t)) {
+    if (["comment-target-picked", "variant-set-target-picked", "target-measured"].includes(t)) {
         return typeof message.selector === "string";
     }
-    return ((t === "frame-tools-status" && ["loading", "ready", "unavailable"].includes(message.status)) ||
+    return (t === "request-frame-tools" ||
+        (t === "frame-tools-status" && ["loading", "ready", "unavailable"].includes(message.status)) ||
         t === "hello" ||
         t === "state-changed" ||
         t === "thumbnail-capture" ||

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proto-labs-inc/wire",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "The typed contract between Proto's Frame and the rig inside a prototype: bridge messages and the prototype.json schema.",
   "license": "MIT",
   "repository": {