@weatherboard/annotation 0.3.0 → 0.6.0

package/dist/markers.cjs

@@ -1,4 +1,4 @@
-"use strict";var P=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var Q=Object.prototype.hasOwnProperty;var ee=(e,t)=>{for(var n in t)P(e,n,{get:t[n],enumerable:!0})},ne=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Z(t))!Q.call(e,o)&&o!==n&&P(e,o,{get:()=>t[o],enumerable:!(r=J(t,o))||r.enumerable});return e};var te=e=>ne(P({},"__esModule",{value:!0}),e);var ue={};ee(ue,{DEFAULT_MARKER_LABELS:()=>X,MARKERS_ID:()=>B,formatMarkerAge:()=>W,freeSpot:()=>H,mountAnnotationMarkers:()=>le,placeMarkers:()=>G});module.exports=te(ue);var y="data-src";var I=8;function T(e){if(!e)return null;let t=e.lastIndexOf(":");if(t<=0)return null;let n=e.lastIndexOf(":",t-1);if(n<=0)return null;let r=e.slice(0,n),o=Number(e.slice(n+1,t)),a=Number(e.slice(t+1));return!r||!Number.isFinite(o)||!Number.isFinite(a)?null:{file:r,line:o,column:a}}function U(e,t=I){let n=[],r=e;for(;r&&n.length<t;){let o=T(r.getAttribute(y));if(o){let a=n[n.length-1];a&&a.file===o.file&&a.line===o.line||n.push(o)}r=r.parentElement}return n}function j(e){let t=e;for(;t;){if(T(t.getAttribute(y)))return t;t=t.parentElement}return null}function $(e,t){return e.file!==t.file||e.line!==t.line?!1:e.column===void 0||t.column===void 0?!0:e.column===t.column}function re(e,t){if(e.length===0)return!1;if(e.length<I){if(t.length!==e.length)return!1}else if(t.length<e.length)return!1;return e.every((n,r)=>{let o=t[r];return o!==void 0&&$(n,o)})}function oe(e,t){let n={file:e.file,line:e.line};e.column!==void 0&&(n.column=e.column);let r=t.querySelectorAll(`[${y}]`),o=[];for(let a=0;a<r.length;a++){let i=r[a],c=T(i.getAttribute(y));if(!c||!$(n,c))continue;let d=T(j(i.parentElement)?.getAttribute(y)??null);d&&$(d,c)||o.push(i)}return o}function q(e,t){switch(e.kind){case"route":{if(!e.path)return"none";let n=t.location?.pathname;return!n||n!==e.path?"none":t.body??"none"}case"dom-path":{if(!e.path)return"none";let n;try{n=t.querySelectorAll(e.path)}catch{return"none"}return n.length===0?"none":n.length>1?"ambiguous":n[0]}case"source-ref":{if(e.chain.length===0)return"none";let n=oe(e,t).filter(r=>re(e.chain,U(r)));return n.length===0?"none":n.length>1?"ambiguous":n[0]}default:return"none"}}var B="ai-annotation-markers",ae="2147483002",X={region:"Annotations on this page",count:(e,t)=>e===0?"No annotations on this page":`${e} annotation${e===1?"":"s"} here, ${t} shown`,loading:"Looking for annotations\u2026",refused:e=>e==="retired-link"?"This annotation link is an older format the console no longer accepts. Open Request changes again.":e==="rate-limited"?"The console is rate-limiting this page's reads. Wait a moment.":"The console refused this page's read.",unreachable:"Could not reach the console for this page's annotations.",noCredential:"No read credential, so annotations were not requested.",asOf:e=>`status as of ${e} ago`,freshnessUnknown:"the console cannot say how fresh these statuses are",close:"Close"},D={total:0,shown:0,ambiguous:0,unresolved:0,anchored:0,clusters:0,asOf:"",line:""},ie=`
+"use strict";var H=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var oe=Object.prototype.hasOwnProperty;var ae=(e,t)=>{for(var n in t)H(e,n,{get:t[n],enumerable:!0})},ie=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of re(t))!oe.call(e,o)&&o!==n&&H(e,o,{get:()=>t[o],enumerable:!(r=te(t,o))||r.enumerable});return e};var se=e=>ie(H({},"__esModule",{value:!0}),e);var me={};ae(me,{DEFAULT_MARKER_LABELS:()=>J,MARKERS_ID:()=>U,formatMarkerAge:()=>Q,freeSpot:()=>Z,mountAnnotationMarkers:()=>fe,placeMarkers:()=>ee});module.exports=se(me);var T="data-src";var B=8;function N(e){if(!e)return null;let t=e.lastIndexOf(":");if(t<=0)return null;let n=e.lastIndexOf(":",t-1);if(n<=0)return null;let r=e.slice(0,n),o=Number(e.slice(n+1,t)),i=Number(e.slice(t+1));return!r||!Number.isFinite(o)||!Number.isFinite(i)?null:{file:r,line:o,column:i}}function V(e,t=B){let n=[],r=e;for(;r&&n.length<t;){let o=N(r.getAttribute(T));if(o){let i=n[n.length-1];i&&i.file===o.file&&i.line===o.line||n.push(o)}r=r.parentElement}return n}function X(e){let t=e;for(;t;){if(N(t.getAttribute(T)))return t;t=t.parentElement}return null}function F(e,t){return e.file!==t.file||e.line!==t.line?!1:e.column===void 0||t.column===void 0?!0:e.column===t.column}function le(e,t){if(e.length===0)return!1;if(e.length<B){if(t.length!==e.length)return!1}else if(t.length<e.length)return!1;return e.every((n,r)=>{let o=t[r];return o!==void 0&&F(n,o)})}function ue(e,t){let n={file:e.file,line:e.line};e.column!==void 0&&(n.column=e.column);let r=t.querySelectorAll(`[${T}]`),o=[];for(let i=0;i<r.length;i++){let s=r[i],c=N(s.getAttribute(T));if(!c||!F(n,c))continue;let d=N(X(s.parentElement)?.getAttribute(T)??null);d&&F(d,c)||o.push(s)}return o}function W(e,t){switch(e.kind){case"route":{if(!e.path)return"none";let n=t.location?.pathname;return!n||n!==e.path?"none":t.body??"none"}case"dom-path":{if(!e.path)return"none";let n;try{n=t.querySelectorAll(e.path)}catch{return"none"}return n.length===0?"none":n.length>1?"ambiguous":n[0]}case"source-ref":{if(e.chain.length===0)return"none";let n=ue(e,t).filter(r=>le(e.chain,V(r)));return n.length===0?"none":n.length>1?"ambiguous":n[0]}default:return"none"}}var U="ai-annotation-markers",ce="2147483002",J={region:"Annotations on this page",count:(e,t,n)=>{let r=e===0?"No annotations on this page":`${e} annotation${e===1?"":"s"} here, ${t} shown`;return n>0?`${r} \xB7 ${n} resolved`:r},showResolved:e=>`Show ${e} resolved annotation${e===1?"":"s"}`,hideResolved:"Hide resolved annotations",loading:"Looking for annotations\u2026",refused:e=>e==="retired-link"?"This annotation link is an older format the console no longer accepts. Open Request changes again.":e==="rate-limited"?"The console is rate-limiting this page's reads. Wait a moment.":"The console refused this page's read.",unreachable:"Could not reach the console for this page's annotations.",noCredential:"No read credential, so annotations were not requested.",asOf:e=>`status as of ${e} ago`,freshnessUnknown:"the console cannot say how fresh these statuses are",close:"Close"},K={total:0,shown:0,ambiguous:0,unresolved:0,anchored:0,resolvedHidden:0,showingResolved:!1,clusters:0,asOf:"",line:""},de=`
 :host{
  --ai-bg:#fff;
  --ai-fg:#18181b;
@@ -19,7 +19,7 @@
  --ai-radius-pill:999px;
  --ai-pin:22px;
  --ai-edge:16px;
- all:initial;position:fixed;inset:0;z-index:${ae};pointer-events:none;
+ all:initial;position:fixed;inset:0;z-index:${ce};pointer-events:none;
  font:13px/1.45 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ai-fg);color-scheme:light}
 *,*::before,*::after{box-sizing:border-box}
@@ -28,7 +28,14 @@
  position:absolute;left:var(--ai-edge);bottom:var(--ai-edge);pointer-events:auto;
  background:var(--ai-invert-bg);color:var(--ai-invert-fg);
  border-radius:var(--ai-radius-pill);
- padding:var(--ai-space-2) var(--ai-space-5);max-width:min(60vw,420px)}
+ padding:var(--ai-space-2) var(--ai-space-5);max-width:min(60vw,420px);
+ display:flex;align-items:center;gap:var(--ai-space-3);flex-wrap:wrap}
+.toggle{
+ pointer-events:auto;font:inherit;font-size:12px;white-space:nowrap;
+ background:var(--ai-invert-bg);color:var(--ai-invert-fg);
+ border:1px solid var(--ai-invert-fg);border-radius:var(--ai-radius-pill);
+ padding:0 var(--ai-space-3);cursor:pointer}
+.toggle:focus-visible{outline:2px solid var(--ai-invert-fg);outline-offset:2px}
 .pin{
  position:absolute;pointer-events:auto;
  width:var(--ai-pin);height:var(--ai-pin);
@@ -53,5 +60,5 @@
  background:var(--ai-bg);color:var(--ai-fg);border:1px solid var(--ai-line);
  border-radius:var(--ai-radius-control);
  padding:var(--ai-space-1) var(--ai-space-4);cursor:pointer}
-`,w=22,A=4,z=(e,t,n)=>Math.min(Math.max(e,t),n),V=w+2,se=128;function H(e,t,n){let{left:r,top:o}=e,a=(i,c)=>t.some(d=>Math.abs(d.left-i)<w&&Math.abs(d.top-c)<w);for(let i=0;i<se;i+=1){if(!a(r,o))return{left:r,top:o};if(o+=V,o>n&&(o=A,r-=V,r<A))break}return{left:e.left,top:e.top}}function u(e,t,n){let r=e.createElement(t);if(n)for(let o of Object.keys(n))r.setAttribute(o,n[o]??"");return r}function W(e){let t=Math.max(0,Math.floor(e/1e3));if(t<60)return`${t}s`;let n=Math.floor(t/60);if(n<60)return`${n}m`;let r=Math.floor(n/60);if(r<24){let i=n%60;return i===0?`${r}h`:`${r}h ${i}m`}let o=Math.floor(r/24),a=r%24;return a===0?`${o}d`:`${o}d ${a}h`}function G(e,t){let n=new Map,r=0,o=0;for(let a of e){let i=q(a.anchor,t);if(i==="ambiguous"){r+=1;continue}if(i==="none"){o+=1;continue}let c=n.get(i);c?c.push(a):n.set(i,[a])}return{clusters:[...n].map(([a,i])=>({element:a,markers:i})),ambiguous:r,unresolved:o}}function le(e){let t={...X,...e.labels};if(e.armed===!1)return{refresh:()=>Promise.resolve(D),owns:()=>!1,last:()=>null,destroy:()=>{}};let n=e.doc??document,r=e.win??n.defaultView??window,o=e.now??Date.now,a=u(n,"div",{id:B}),i=a.attachShadow({mode:"open"}),c=u(n,"style");c.textContent=ie,i.appendChild(c);let d=u(n,"style");i.appendChild(d);let R=u(n,"div",{class:"count",role:"status","aria-label":t.region});R.textContent=t.loading,i.appendChild(R);let g=u(n,"div",{class:"panel",role:"dialog","aria-modal":"false","aria-label":t.region,hidden:""});i.appendChild(g),n.body.appendChild(a);let C=null,k=[],S=!1;function N(){if(k.length===0){d.textContent="";return}let s=r.innerWidth||0,p=r.innerHeight||0,h=[],b=[];k.forEach(({element:v},l)=>{let E=v.getBoundingClientRect(),f=z(Math.round(E.right-11),A,Math.max(A,s-w-A)),m=z(Math.round(E.top-11),A,Math.max(A,p-w-A)),x=H({left:f,top:m},h,p-w-A);h.push(x),b.push(`.pin[data-i="${l}"]{left:${x.left}px;top:${x.top}px}`)}),d.textContent=b.join("")}let M=()=>{S||N()};r.addEventListener("scroll",M,!0),r.addEventListener("resize",M);function L(){for(g.setAttribute("hidden","");g.firstChild;)g.removeChild(g.firstChild)}function Y(s,p){L();for(let f of s){let m=u(n,"div",{class:"entry"}),x=u(n,"p",{class:"who"}),_=f.createdAt?new Date(f.createdAt):null;x.textContent=_!==null&&!Number.isNaN(_.getTime())?`${f.reviewer} \xB7 ${_.toISOString().slice(0,10)}`:f.reviewer,m.appendChild(x);let K=u(n,"p",{class:"what"});K.textContent=f.comment,m.appendChild(K);let F=u(n,"p",{class:"state"});F.textContent=f.status.display,m.appendChild(F),g.appendChild(m)}let h=u(n,"p",{class:"fresh"}),b=C?.asOf??"",v=b===""?NaN:Date.parse(b);h.textContent=Number.isNaN(v)?t.freshnessUnknown:t.asOf(W(o()-v)),g.appendChild(h);let l=u(n,"button",{type:"button",class:"close"});l.textContent=t.close,l.addEventListener("click",()=>L()),g.appendChild(l);let E=p.getBoundingClientRect();d.textContent=`${d.textContent??""}.panel{left:${Math.round(Math.max(8,E.right-320))}px;top:${Math.round(E.top+20)}px}`,g.removeAttribute("hidden")}function O(s,p){for(let{pin:l}of k)l.remove();if(k=[],L(),s===null){R.textContent=p??t.unreachable;let l={...D,line:R.textContent};return C=l,N(),l}let h=G(s.annotations,n),b=0;h.clusters.forEach((l,E)=>{let f=l.element,m=u(n,"button",{type:"button",class:"pin","data-i":String(E),"aria-label":`${l.markers.length} annotation${l.markers.length===1?"":"s"}`});m.textContent=l.markers.length===1?"1":String(l.markers.length),m.addEventListener("click",x=>{x.preventDefault(),x.stopPropagation(),Y(l.markers,f)}),i.appendChild(m),k.push({pin:m,element:f}),b+=l.markers.length}),R.textContent=s.ok||s.reason===void 0?t.count(s.total,b):t.refused(s.reason);let v={total:s.total,shown:b,ambiguous:h.ambiguous,unresolved:h.unresolved,anchored:s.anchored,clusters:h.clusters.length,asOf:s.asOf,line:R.textContent??""};return C=v,N(),v}return{async refresh(){if(S)return D;if(e.reader===null)return O(null,t.noCredential);let s=e.path??n.location?.pathname??"/";try{let p=await e.reader.read(s);return O(p,null)}catch{return O(null,t.unreachable)}},owns(s){if(s===a)return!0;let p=s;return typeof p?.closest=="function"?p.closest(`#${B}`)===a:!1},last:()=>C,destroy(){S=!0,r.removeEventListener("scroll",M,!0),r.removeEventListener("resize",M);for(let{pin:s}of k)s.remove();k=[],a.remove()}}}
+`,C=22,v=4,Y=(e,t,n)=>Math.min(Math.max(e,t),n),G=C+2,pe=128;function Z(e,t,n){let{left:r,top:o}=e,i=(s,c)=>t.some(d=>Math.abs(d.left-s)<C&&Math.abs(d.top-c)<C);for(let s=0;s<pe;s+=1){if(!i(r,o))return{left:r,top:o};if(o+=G,o>n&&(o=v,r-=G,r<v))break}return{left:e.left,top:e.top}}function u(e,t,n){let r=e.createElement(t);if(n)for(let o of Object.keys(n))r.setAttribute(o,n[o]??"");return r}function Q(e){let t=Math.max(0,Math.floor(e/1e3));if(t<60)return`${t}s`;let n=Math.floor(t/60);if(n<60)return`${n}m`;let r=Math.floor(n/60);if(r<24){let s=n%60;return s===0?`${r}h`:`${r}h ${s}m`}let o=Math.floor(r/24),i=r%24;return i===0?`${o}d`:`${o}d ${i}h`}function ee(e,t){let n=new Map,r=0,o=0;for(let i of e){let s=W(i.anchor,t);if(s==="ambiguous"){r+=1;continue}if(s==="none"){o+=1;continue}let c=n.get(s);c?c.push(i):n.set(s,[i])}return{clusters:[...n].map(([i,s])=>({element:i,markers:s})),ambiguous:r,unresolved:o}}function fe(e){let t={...J,...e.labels};if(e.armed===!1)return{refresh:()=>Promise.resolve(K),owns:()=>!1,last:()=>null,destroy:()=>{}};let n=e.doc??document,r=e.win??n.defaultView??window,o=e.now??Date.now,i=u(n,"div",{id:U}),s=i.attachShadow({mode:"open"}),c=u(n,"style");c.textContent=de,s.appendChild(c);let d=u(n,"style");s.appendChild(d);let L=u(n,"div",{class:"count",role:"status","aria-label":t.region}),k=u(n,"span",{class:"count-text"});k.textContent=t.loading,L.appendChild(k);let A=u(n,"button",{type:"button",class:"toggle",hidden:""});L.appendChild(A),s.appendChild(L);let h=u(n,"div",{class:"panel",role:"dialog","aria-modal":"false","aria-label":t.region,hidden:""});s.appendChild(h),n.body.appendChild(i);let M=null,E=[],S=!1,w=e.showResolved===!0;function _(a){if(w)A.textContent=t.hideResolved;else if(a>0)A.textContent=t.showResolved(a);else{A.setAttribute("hidden",""),A.textContent="";return}A.setAttribute("aria-pressed",w?"true":"false"),A.removeAttribute("hidden")}function P(){if(E.length===0){d.textContent="";return}let a=r.innerWidth||0,p=r.innerHeight||0,g=[],b=[];E.forEach(({element:R},l)=>{let y=R.getBoundingClientRect(),f=Y(Math.round(y.right-11),v,Math.max(v,a-C-v)),m=Y(Math.round(y.top-11),v,Math.max(v,p-C-v)),x=Z({left:f,top:m},g,p-C-v);g.push(x),b.push(`.pin[data-i="${l}"]{left:${x.left}px;top:${x.top}px}`)}),d.textContent=b.join("")}let O=()=>{S||P()};r.addEventListener("scroll",O,!0),r.addEventListener("resize",O);function I(){for(h.setAttribute("hidden","");h.firstChild;)h.removeChild(h.firstChild)}function ne(a,p){I();for(let f of a){let m=u(n,"div",{class:"entry"}),x=u(n,"p",{class:"who"}),D=f.createdAt?new Date(f.createdAt):null;x.textContent=D!==null&&!Number.isNaN(D.getTime())?`${f.reviewer} \xB7 ${D.toISOString().slice(0,10)}`:f.reviewer,m.appendChild(x);let j=u(n,"p",{class:"what"});j.textContent=f.comment,m.appendChild(j);let q=u(n,"p",{class:"state"});q.textContent=f.status.display,m.appendChild(q),h.appendChild(m)}let g=u(n,"p",{class:"fresh"}),b=M?.asOf??"",R=b===""?NaN:Date.parse(b);g.textContent=Number.isNaN(R)?t.freshnessUnknown:t.asOf(Q(o()-R)),h.appendChild(g);let l=u(n,"button",{type:"button",class:"close"});l.textContent=t.close,l.addEventListener("click",()=>I()),h.appendChild(l);let y=p.getBoundingClientRect();d.textContent=`${d.textContent??""}.panel{left:${Math.round(Math.max(8,y.right-320))}px;top:${Math.round(y.top+20)}px}`,h.removeAttribute("hidden")}function $(a,p){for(let{pin:l}of E)l.remove();if(E=[],I(),a===null){k.textContent=p??t.unreachable,_(0);let l={...K,showingResolved:w,line:k.textContent};return M=l,P(),l}let g=ee(a.annotations,n),b=0;g.clusters.forEach((l,y)=>{let f=l.element,m=u(n,"button",{type:"button",class:"pin","data-i":String(y),"aria-label":`${l.markers.length} annotation${l.markers.length===1?"":"s"}`});m.textContent=l.markers.length===1?"1":String(l.markers.length),m.addEventListener("click",x=>{x.preventDefault(),x.stopPropagation(),ne(l.markers,f)}),s.appendChild(m),E.push({pin:m,element:f}),b+=l.markers.length}),k.textContent=a.ok||a.reason===void 0?t.count(a.total,b,a.resolvedHidden):t.refused(a.reason),_(a.resolvedHidden);let R={total:a.total,shown:b,ambiguous:g.ambiguous,unresolved:g.unresolved,anchored:a.anchored,resolvedHidden:a.resolvedHidden,showingResolved:w,clusters:g.clusters.length,asOf:a.asOf,line:k.textContent??""};return M=R,P(),R}A.addEventListener("click",a=>{a.preventDefault(),a.stopPropagation(),!S&&(w=!w,_(M?.resolvedHidden??0),k.textContent=t.loading,z.refresh())});let z={async refresh(){if(S)return K;if(e.reader===null)return $(null,t.noCredential);let a=e.path??n.location?.pathname??"/";try{let p=await e.reader.read(a,{includeResolved:w});return $(p,null)}catch{return $(null,t.unreachable)}},owns(a){if(a===i)return!0;let p=a;return typeof p?.closest=="function"?p.closest(`#${U}`)===i:!1},last:()=>M,destroy(){S=!0,r.removeEventListener("scroll",O,!0),r.removeEventListener("resize",O);for(let{pin:a}of E)a.remove();E=[],i.remove()}};return z}
 //# sourceMappingURL=markers.cjs.map