checkpoint-cli 0.3.5 → 0.3.7

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.5');
+    .version('0.3.7');
 // ── checkpoint login ──
 program
     .command('login')

package/dist/tracking-script-minimal.js

@@ -43,6 +43,49 @@ function buildMinimalTrackingScript() {
     return String(value).replace(/\s+/g,' ').trim().slice(0,120);
   }
 
+  function normalizedText(value){
+    return shortText(value).toLowerCase();
+  }
+
+  function getNodeText(node){
+    try{
+      if(!node||!node.textContent) return '';
+      return normalizedText(node.textContent);
+    }catch(e){}
+    return '';
+  }
+
+  function getTextContext(target){
+    if(!target||target.nodeType!==1) return null;
+    var self=getNodeText(target);
+    var parent=getNodeText(target.parentElement);
+    var before=getNodeText(target.previousElementSibling);
+    var after=getNodeText(target.nextElementSibling);
+
+    // If clicked node has no text (e.g. image/icon), borrow nearest parent text.
+    if(!self){
+      var current=target.parentElement;
+      var depth=0;
+      while(current&&depth<4&&!self){
+        var candidate=getNodeText(current);
+        if(candidate&&candidate.length>=3){
+          self=candidate;
+          break;
+        }
+        current=current.parentElement;
+        depth++;
+      }
+    }
+
+    if(!self&&!parent&&!before&&!after) return null;
+    return {
+      self:self||undefined,
+      parent:parent||undefined,
+      before:before||undefined,
+      after:after||undefined
+    };
+  }
+
   function cssEscape(value){
     try{
       if(window.CSS&&typeof window.CSS.escape==='function') return window.CSS.escape(value);
@@ -209,6 +252,38 @@ 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';
@@ -258,10 +333,11 @@ function buildMinimalTrackingScript() {
     var metrics=getMetrics();
     var sourceTarget=findBestAnchorableElement(el);
     var anchorEl=sourceTarget.element||el;
+    var textContext=getTextContext(el)||getTextContext(anchorEl);
     return {
       selector_chain:[],
       dom_fingerprint:null,
-      text_context:null,
+      text_context:textContext,
       container_hint:null,
       transient_context:null,
       source_anchor:sourceTarget.sourceAnchor||getSourceAnchorFromElement(anchorEl),
@@ -269,7 +345,32 @@ function buildMinimalTrackingScript() {
     };
   }
 
-  function findBySource(sourceAnchor,scope){
+  function textMatchBonus(node,textContext){
+    if(!textContext||typeof textContext!=='object') return 0;
+    var score=0;
+    var self=getNodeText(node);
+    var parent=getNodeText(node&&node.parentElement);
+    if(textContext.self&&self){
+      if(self===textContext.self) score+=280;
+      else if(self.indexOf(textContext.self)>=0||textContext.self.indexOf(self)>=0) score+=130;
+      else score-=40;
+    }
+    if(textContext.parent&&parent){
+      if(parent===textContext.parent) score+=180;
+      else if(parent.indexOf(textContext.parent)>=0||textContext.parent.indexOf(parent)>=0) score+=90;
+    }
+    if(textContext.before){
+      var prev=getNodeText(node&&node.previousElementSibling);
+      if(prev&&prev===textContext.before) score+=55;
+    }
+    if(textContext.after){
+      var next=getNodeText(node&&node.nextElementSibling);
+      if(next&&next===textContext.after) score+=55;
+    }
+    return score;
+  }
+
+  function findBySource(sourceAnchor,payload,scope){
     if(!sourceAnchor||typeof sourceAnchor!=='object') return null;
     var searchScope=scope||document;
     if(sourceAnchor.explicit_id){
@@ -283,10 +384,23 @@ 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;
+      score+=textMatchBonus(node,payload&&payload.text_context);
+      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;
@@ -300,7 +414,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));

package/package.json

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