checkpoint-cli 0.3.4 → 0.3.6

package/dist/index.js

@@ -1606,7 +1606,7 @@ const program = new commander_1.Command();
 program
     .name('checkpoint')
     .description('Share your localhost with reviewers — get visual feedback directly on the page')
-    .version('0.3.4');
+    .version('0.3.6');
 // ── checkpoint login ──
 program
     .command('login')

package/dist/tracking-script-minimal.js

@@ -15,6 +15,7 @@ function buildMinimalTrackingScript() {
   var lastMouseY=0;
   var inspectBox=null;
   var inspectLabel=null;
+  var pickShield=null;
   var lastPath='';
   var mutationTick=false;
   var pendingPickCommit=false;
@@ -208,13 +209,49 @@ function buildMinimalTrackingScript() {
     return score;
   }
 
+  function getTargetDocPoint(payload,metrics){
+    var fallback=payload&&payload.coord_fallback;
+    if(!fallback||typeof fallback!=='object') return null;
+    var docW=(typeof fallback.doc_width==='number'&&fallback.doc_width>0)
+      ? fallback.doc_width
+      : (metrics.docWidth||metrics.viewWidth||1);
+    var docH=(typeof fallback.doc_height==='number'&&fallback.doc_height>0)
+      ? fallback.doc_height
+      : (metrics.docHeight||metrics.viewHeight||1);
+    if(typeof fallback.doc_x_percent==='number'&&typeof fallback.doc_y_percent==='number'){
+      return {
+        x:(fallback.doc_x_percent/100)*docW,
+        y:(fallback.doc_y_percent/100)*docH
+      };
+    }
+    if(typeof fallback.x_percent==='number'&&typeof fallback.y_percent==='number'){
+      var viewW=(typeof fallback.viewport_width==='number'&&fallback.viewport_width>0)
+        ? fallback.viewport_width
+        : (metrics.viewWidth||1);
+      var viewH=(typeof fallback.viewport_height==='number'&&fallback.viewport_height>0)
+        ? fallback.viewport_height
+        : (metrics.viewHeight||1);
+      var scrollX=typeof fallback.scroll_x==='number'?fallback.scroll_x:metrics.scrollX;
+      var scrollY=typeof fallback.scroll_y==='number'?fallback.scroll_y:metrics.scrollY;
+      return {
+        x:(fallback.x_percent/100)*viewW+scrollX,
+        y:(fallback.y_percent/100)*viewH+scrollY
+      };
+    }
+    return null;
+  }
+
   function getElementAtPoint(x,y){
     try{
+      if(pickShield) pickShield.style.pointerEvents='none';
       if(typeof x==='number'&&typeof y==='number'&&document.elementFromPoint){
         var node=document.elementFromPoint(x,y);
         if(node&&node.nodeType===1) return node;
       }
     }catch(e){}
+    finally{
+      if(pickShield) pickShield.style.pointerEvents='auto';
+    }
     return null;
   }
 
@@ -264,7 +301,7 @@ function buildMinimalTrackingScript() {
     };
   }
 
-  function findBySource(sourceAnchor,scope){
+  function findBySource(sourceAnchor,payload,scope){
     if(!sourceAnchor||typeof sourceAnchor!=='object') return null;
     var searchScope=scope||document;
     if(sourceAnchor.explicit_id){
@@ -278,10 +315,22 @@ function buildMinimalTrackingScript() {
     }catch(e){ nodes=[]; }
     if(nodes.length>1800) nodes=nodes.slice(0,1800);
     var best=null;
-    var bestScore=0;
+    var bestScore=-Infinity;
+    var metrics=getMetrics();
+    var targetDocPoint=getTargetDocPoint(payload,metrics);
     for(var i=0;i<nodes.length;i++){
       var node=nodes[i];
       var score=sourceMatchScore(node,sourceAnchor);
+      if(score<=0) continue;
+      if(targetDocPoint&&node.getBoundingClientRect){
+        var r=node.getBoundingClientRect();
+        var centerX=r.left+(r.width/2)+metrics.scrollX;
+        var centerY=r.top+(r.height/2)+metrics.scrollY;
+        var dx=centerX-targetDocPoint.x;
+        var dy=centerY-targetDocPoint.y;
+        var distance=Math.sqrt(dx*dx+dy*dy);
+        score-=Math.min(280,distance*0.85);
+      }
       if(score>bestScore){
         best=node;
         bestScore=score;
@@ -295,7 +344,7 @@ function buildMinimalTrackingScript() {
       return { coordFallback:null, strategy:'none', matchedSelector:null, status:'none' };
     }
     if(payload.source_anchor){
-      var match=findBySource(payload.source_anchor,document);
+      var match=findBySource(payload.source_anchor,payload,document);
       if(match&&match.getBoundingClientRect){
         var rect=match.getBoundingClientRect();
         var clientX=rect.left+Math.max(1,Math.min(Math.max(2,rect.width)-1,rect.width/2));
@@ -388,6 +437,28 @@ function buildMinimalTrackingScript() {
     if(inspectLabel) inspectLabel.style.display='none';
   }
 
+  function ensurePickShield(){
+    if(!document.body) return;
+    if(pickShield) return;
+    pickShield=document.createElement('div');
+    pickShield.style.position='fixed';
+    pickShield.style.left='0';
+    pickShield.style.top='0';
+    pickShield.style.right='0';
+    pickShield.style.bottom='0';
+    pickShield.style.background='transparent';
+    pickShield.style.cursor='crosshair';
+    pickShield.style.pointerEvents='auto';
+    pickShield.style.zIndex='2147483645';
+    document.body.appendChild(pickShield);
+  }
+
+  function removePickShield(){
+    if(!pickShield) return;
+    try{ pickShield.remove(); }catch(e){}
+    pickShield=null;
+  }
+
   function renderInspectAt(x,y){
     ensureInspectUi();
     if(!inspectBox||!inspectLabel){
@@ -445,9 +516,9 @@ function buildMinimalTrackingScript() {
     if(document.body) document.body.style.cursor=pickMode?'crosshair':'';
 
     if(!pickMode){
-      if(pickMoveHandler) document.removeEventListener('mousemove',pickMoveHandler,true);
-      if(pickPointerDownHandler) window.removeEventListener('pointerdown',pickPointerDownHandler,true);
-      if(pickClickHandler) window.removeEventListener('click',pickClickHandler,true);
+      if(pickMoveHandler&&pickShield) pickShield.removeEventListener('mousemove',pickMoveHandler,true);
+      if(pickPointerDownHandler&&pickShield) pickShield.removeEventListener('pointerdown',pickPointerDownHandler,true);
+      if(pickClickHandler&&pickShield) pickShield.removeEventListener('click',pickClickHandler,true);
       if(pickEscHandler) window.removeEventListener('keydown',pickEscHandler,true);
       if(pickKeydownHandler) window.removeEventListener('keydown',pickKeydownHandler,true);
       if(pickBlockHandler){
@@ -473,9 +544,13 @@ function buildMinimalTrackingScript() {
         hoverRaf=0;
       }
       hideInspectUi();
+      removePickShield();
       return;
     }
 
+    ensurePickShield();
+    if(!pickShield) return;
+
     pickMoveHandler=function(ev){
       if(!pickMode) return;
       lastMouseX=ev.clientX;
@@ -496,19 +571,13 @@ function buildMinimalTrackingScript() {
       try{
         postPickResult(target,ev.clientX,ev.clientY);
       }catch(e){}
-      // Keep pick mode active until the subsequent click is swallowed,
-      // otherwise link/tab navigation can still fire.
-      pendingPickCommit=true;
+      setPickMode(false);
     };
     pickClickHandler=function(ev){
       if(!pickMode) return;
       ev.preventDefault();
       ev.stopPropagation();
       if(typeof ev.stopImmediatePropagation==='function') ev.stopImmediatePropagation();
-      if(pendingPickCommit){
-        pendingPickCommit=false;
-        setPickMode(false);
-      }
     };
     pickEscHandler=function(ev){
       if(ev.key==='Escape') setPickMode(false);
@@ -529,9 +598,9 @@ function buildMinimalTrackingScript() {
       if(typeof ev.stopImmediatePropagation==='function') ev.stopImmediatePropagation();
     };
 
-    document.addEventListener('mousemove',pickMoveHandler,true);
-    window.addEventListener('pointerdown',pickPointerDownHandler,true);
-    window.addEventListener('click',pickClickHandler,true);
+    pickShield.addEventListener('mousemove',pickMoveHandler,true);
+    pickShield.addEventListener('pointerdown',pickPointerDownHandler,true);
+    pickShield.addEventListener('click',pickClickHandler,true);
     window.addEventListener('keydown',pickEscHandler,true);
     window.addEventListener('keydown',pickKeydownHandler,true);
     window.addEventListener('mousedown',pickBlockHandler,true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "checkpoint-cli",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Share your localhost with reviewers — get visual feedback directly on the page",
   "keywords": [
     "checkpoint",