pipeup 0.0.1 → 0.3.1

package/dist/pipeup.min.js

@@ -0,0 +1,9 @@
+"use strict";var Pipeup=(()=>{var Pt=Object.defineProperty;var lo=Object.getOwnPropertyDescriptor;var co=Object.getOwnPropertyNames;var po=Object.prototype.hasOwnProperty;var uo=(e,t)=>{for(var n in t)Pt(e,n,{get:t[n],enumerable:!0})},mo=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of co(t))!po.call(e,r)&&r!==n&&Pt(e,r,{get:()=>t[r],enumerable:!(o=lo(t,r))||o.enumerable});return e};var fo=e=>mo(Pt({},"__esModule",{value:!0}),e);var Tr={};uo(Tr,{ANIMALS:()=>ke,COLOURS:()=>ft,DEFAULT_PROFILE_NAME:()=>Dt,IndexedDbStore:()=>De,MemoryStore:()=>Be,PipeupDocument:()=>$e,UnsavedChangeError:()=>de,VERSION:()=>kr,animalName:()=>ue,copyAll:()=>vt,copyThread:()=>gt,createIdentity:()=>at,describeElement:()=>We,describeRange:()=>mt,formatAgo:()=>Te,labelOf:()=>Ee,loadOrCreateProfile:()=>He,locate:()=>pt,mount:()=>Qt,nameOf:()=>ie,newDocumentAttribute:()=>en,parseDocumentAttribute:()=>it,resolveAnchor:()=>je});function pe(e){let t="";for(let n of e)t+=String.fromCharCode(n);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function ve(e){let t=e.replace(/-/g,"+").replace(/_/g,"/")+"===".slice((e.length+3)%4),n=atob(t),o=new Uint8Array(n.length);for(let r=0;r<n.length;r++)o[r]=n.charCodeAt(r);return o}function Jt(e=16){return pe(crypto.getRandomValues(new Uint8Array(e)))}function me(e){return new TextEncoder().encode(e)}function be(e){if(e===null||typeof e!="object")return JSON.stringify(e);if(Array.isArray(e))return"["+e.map(be).join(",")+"]";let t=e;return"{"+Object.keys(t).filter(n=>t[n]!==void 0).sort().map(n=>JSON.stringify(n)+":"+be(t[n])).join(",")+"}"}function ye(e){return e.replace(/\s+/g," ").trim()}function we(e){let t=ye(e),n=2166136261;for(let o=0;o<t.length;o++)n^=t.charCodeAt(o),n=Math.imul(n,16777619)>>>0;return n.toString(16).padStart(8,"0")}var ho=/^([A-Za-z0-9_-]{16}):([A-Za-z0-9_-]{43})$/;function en(){return`${Jt(12)}:${pe(crypto.getRandomValues(new Uint8Array(32)))}`}async function it(e){let t=ho.exec(e.trim()),n=t?.[1],o=t?.[2];if(!n||!o)throw new Error('pipeup: data-pipeup-doc must look like "<id>:<key>", as made by newDocumentAttribute()');let r=await crypto.subtle.importKey("raw",ve(o),{name:"AES-GCM"},!1,["encrypt","decrypt"]);return{id:n,key:r}}async function tn(e,t,n){let o=crypto.getRandomValues(new Uint8Array(12)),r=await crypto.subtle.encrypt({name:"AES-GCM",iv:o,additionalData:me(n)},e,me(t));return{iv:pe(o),data:pe(new Uint8Array(r))}}async function nn(e,t,n){try{let o=await crypto.subtle.decrypt({name:"AES-GCM",iv:ve(t.iv),additionalData:me(n)},e,ve(t.data));return new TextDecoder().decode(o)}catch{throw new Error("pipeup: this feedback could not be opened with this document")}}var go=/^[A-Za-z0-9_-]{43}$/,vo=512,xe=new Map;async function at(){let e=await crypto.subtle.generateKey({name:"Ed25519"},!1,["sign","verify"]),t=new Uint8Array(await crypto.subtle.exportKey("raw",e.publicKey));return{publicKey:pe(t),privateKey:e.privateKey}}async function on(e,t){let n=await crypto.subtle.sign({name:"Ed25519"},e.privateKey,t);return pe(new Uint8Array(n))}async function rn(e,t,n){if(!go.test(e))return!1;try{if(pe(ve(e))!==e)return!1;let o=xe.get(e);if(!o){xe.size>=vo&&xe.delete(xe.keys().next().value),o=crypto.subtle.importKey("raw",ve(e),{name:"Ed25519"},!0,["verify"]),xe.set(e,o);let r=o;r.catch(()=>{xe.get(e)===r&&xe.delete(e)})}return await crypto.subtle.verify({name:"Ed25519"},await o,ve(n),t)}catch{return!1}}var st=1e4,Rt=2**40,lt=2**47,W={doc:64,path:2e3,snapshot:500,anchorId:200,quote:1e4,context:64,viewEntries:16,viewKey:64,viewValue:200},yo=/^[0-9a-f]{8}$/,Ot=/^[A-Za-z0-9_-]{43}$/,wo=/^[A-Za-z0-9_-]{43}$/,bo=new Set(["create","reply","edit","delete","resolve","reopen"]);async function sn(e,t){if(e.author!==t.publicKey)throw new Error("pipeup: an op must be signed by its author");return{body:e,sig:await on(t,me(be(e)))}}var fe=(e,t)=>typeof e=="string"&&e.length<=t,an=e=>typeof e=="number"&&Number.isFinite(e)&&e>=0&&e<=1;function It(e){if(!e||typeof e!="object")return!1;let{id:t,path:n,fingerprint:o,snapshot:r,quote:i,point:s,view:a}=e;if(!fe(n,W.path)||!fe(r,W.snapshot)||typeof o!="string"||!yo.test(o)||t!==void 0&&(!fe(t,W.anchorId)||t===""))return!1;if(i!==void 0){if(!i||typeof i!="object")return!1;let p=i;if(!fe(p.exact,W.quote)||p.exact===""||!fe(p.prefix,W.context)||!fe(p.suffix,W.context))return!1}if(s!==void 0){if(!s||typeof s!="object")return!1;let p=s;if(!an(p.x)||!an(p.y))return!1}if(a!==void 0){if(!a||typeof a!="object"||Array.isArray(a))return!1;let p=Object.entries(a);if(p.length>W.viewEntries||!p.every(([l,d])=>l.length<=W.viewKey&&fe(d,W.viewValue)))return!1}return!0}function ln(e){if(!e||typeof e!="object")return!1;let{body:t,sig:n}=e;if(typeof n!="string"||!t||typeof t!="object")return!1;let o=t;return!(o.v!==1||typeof o.id!="string"||!Ot.test(o.id)||typeof o.kind!="string"||!bo.has(o.kind)||!fe(o.doc,W.doc)||o.doc===""||typeof o.thread!="string"||!Ot.test(o.thread)||typeof o.author!="string"||!wo.test(o.author)||typeof o.name!="string"||o.name.length>80||o.name!==o.name.trim()||typeof o.clock!="number"||!Number.isSafeInteger(o.clock)||o.clock<1||o.clock>Rt||typeof o.at!="number"||!Number.isSafeInteger(o.at)||o.at<0||o.at>lt||o.text!==void 0&&(!fe(o.text,st)||o.text!==o.text.trim())||o.target!==void 0&&(typeof o.target!="string"||!Ot.test(o.target))||(o.kind==="create"||o.kind==="reply"||o.kind==="edit")&&(typeof o.text!="string"||o.text.trim()==="")||(o.kind==="reply"||o.kind==="edit"||o.kind==="delete")&&!o.target||o.kind==="create"&&(o.id!==o.thread||!It(o.anchor)))}function cn(e){return rn(e.body.author,me(be(e.body)),e.sig)}function pn(e,t){return e.body.clock!==t.body.clock?e.body.clock-t.body.clock:e.body.at!==t.body.at?e.body.at-t.body.at:e.body.author!==t.body.author?e.body.author<t.body.author?-1:1:e.body.id!==t.body.id?e.body.id<t.body.id?-1:1:0}function un(e){let t=new Map,n=new Map,o=new Map;for(let{body:r}of[...e].sort(pn)){if(r.name&&o.set(r.author,r.name),r.kind==="create"){if(t.has(r.id)||!r.anchor||r.text===void 0)continue;let a=dn(r.id,r.author,r.name,r.text,r.at);t.set(r.id,{id:r.id,anchor:r.anchor,root:a,resolved:!1}),n.set(r.id,{comment:a,thread:r.id});continue}let i=t.get(r.thread);if(!i)continue;if(r.kind==="resolve"||r.kind==="reopen"){i.resolved=r.kind==="resolve";continue}let s=r.target?n.get(r.target):void 0;if(!(!s||s.thread!==r.thread)){if(r.kind==="reply"){if(n.has(r.id)||r.text===void 0)continue;let a=dn(r.id,r.author,r.name,r.text,r.at);i.root.replies.push(a),n.set(r.id,{comment:a,thread:r.thread});continue}r.author!==s.comment.author||s.comment.deleted||(r.kind==="edit"&&r.text!==void 0&&(s.comment.text=r.text,s.comment.edited=!0),r.kind==="delete"&&(s.comment.text="",s.comment.deleted=!0))}}for(let{comment:r}of n.values())r.name||(r.unnamed=!0,r.name=o.get(r.author)??"");return[...t.values()]}function dn(e,t,n,o,r){return{id:e,author:t,name:n,text:o,at:r,edited:!1,deleted:!1,replies:[]}}async function Nt(e){let t={...e,id:void 0,thread:e.kind==="create"?void 0:e.thread},n=await crypto.subtle.digest("SHA-256",me(be(t)));return pe(new Uint8Array(n))}var ct=class{constructor(t){this.doc=t}ops=new Map;clock=0;createAt=new Map;threadAt=new Map;get size(){return this.ops.size}all(){return[...this.ops.values()]}threads(){return un(this.ops.values())}async add(t){let n=[];for(let o of t)!ln(o)||o.body.doc!==this.doc||this.ops.has(o.body.id)||o.body.id!==await Nt(o.body)||!await cn(o)||(this.ops.set(o.body.id,o),this.clock=Math.max(this.clock,o.body.clock),o.body.kind==="create"&&this.createAt.set(o.body.author,Math.max(this.createAt.get(o.body.author)??0,o.body.at)),this.threadAt.set(o.body.thread,Math.max(this.threadAt.get(o.body.thread)??0,o.body.at)),n.push(o));return n}async append(t,n,o){let r={v:1,...o,id:"",thread:o.kind==="create"?"":o.thread,doc:this.doc,author:t.publicKey,name:n,clock:Math.min(this.clock+1,Rt),at:Math.min(Math.max(Date.now(),o.kind==="create"?(this.createAt.get(t.publicKey)??0)+1:(this.threadAt.get(o.thread)??0)+1),lt)};for(let a=0;;a++){if(a===1e3)throw new Error("pipeup: could not record this change");if(r.id=await Nt(r),!this.ops.has(r.id)||r.at>=lt)break;r.at+=1}let i=this.ops.get(r.id);if(i)return i;r.kind==="create"&&(r.thread=r.id);let[s]=await this.add([await sn(r,t)]);if(!s)throw new Error("pipeup: could not record this change");return s}};var xo=5e6,mn=e=>`pipeup-file:${e}`;async function fn(e,t,n){let o=n?{pipeup:1,doc:e,sealed:!0,...await tn(n,JSON.stringify(t),mn(e))}:{pipeup:1,doc:e,sealed:!1,ops:t};return JSON.stringify(o,null,2)}async function hn(e,t,n){if(e.length>xo)throw new Error("pipeup: this feedback file is too large");let o;try{o=JSON.parse(e)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}if(!o||typeof o!="object"||o.pipeup!==1||typeof o.doc!="string")throw new Error("pipeup: this is not an Pipeup feedback file");if(o.doc!==t)throw new Error("pipeup: this feedback is for a different document");if(!o.sealed)return Array.isArray(o.ops)?o.ops:[];if(!n)throw new Error("pipeup: this feedback is sealed, and this page has no document key");if(typeof o.iv!="string"||typeof o.data!="string")throw new Error("pipeup: this is not an Pipeup feedback file");let r;try{r=await nn(n,{iv:o.iv,data:o.data},mn(t))}catch{throw new Error("pipeup: this feedback could not be opened with this document's key")}let i;try{i=JSON.parse(r)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}return Array.isArray(i)?i:[]}var gn=80,de=class extends Error{constructor(n,o,r=1){super("pipeup: shown here, but not saved yet");this.id=n;this.cause=o;this.count=r;this.name="UnsavedChangeError"}},$e=class e{constructor(t,n){this.log=t;this.options=n;this.displayName=n.name.trim()?vn(n.name):""}listeners=new Set;cache=[];comments=new Map;displayName;queue=Promise.resolve();unsaved=[];static async open(t){if(typeof t.doc!="string"||t.doc===""||t.doc.length>W.doc)throw new Error(`pipeup: the document id must be 1 to ${W.doc} characters`);let n=new ct(t.doc);await n.add(await t.store.load(t.doc));let o=new e(n,t);return o.refresh(!1),o}get id(){return this.options.doc}get me(){return this.options.identity.publicKey}get name(){return this.displayName}set name(t){this.displayName=vn(t),this.refresh(!0)}threads(){return this.cache}onChange(t){return this.listeners.add(t),()=>this.listeners.delete(t)}comment(t,n){return this.enqueue(()=>this.write({kind:"create",anchor:t,text:$t(n)}))}reply(t,n){return this.enqueue(()=>this.write({kind:"reply",thread:this.find(t).thread,target:t,text:$t(n)}))}edit(t,n){return this.enqueue(async()=>{let{thread:o}=this.mine(t);await this.write({kind:"edit",thread:o,target:t,text:$t(n)})})}remove(t){return this.enqueue(async()=>{let{thread:n}=this.mine(t);await this.write({kind:"delete",thread:n,target:t})})}resolve(t){return this.enqueue(async()=>{await this.write({kind:"resolve",thread:this.thread(t)})})}reopen(t){return this.enqueue(async()=>{await this.write({kind:"reopen",thread:this.thread(t)})})}flush(){return this.enqueue(()=>this.persist())}exportFile(){return fn(this.options.doc,this.log.all(),this.options.key)}importFile(t){return this.enqueue(async()=>{let n=await this.log.add(await hn(t,this.options.doc,this.options.key));this.unsaved.push(...n),n.length>0&&this.refresh(!0);try{await this.persist()}catch(o){throw n.length>0?new de(n[0].body.id,o,n.length):o}return n.length})}enqueue(t){let n=this.queue.then(t);return this.queue=n.catch(()=>{}),n}async write(t){let n=await this.log.append(this.options.identity,this.displayName,t);this.unsaved.push(n),this.refresh(!0);try{await this.persist()}catch(o){throw new de(n.body.id,o)}return n.body.id}async persist(){if(this.unsaved.length===0)return;let t=[...this.unsaved];await this.options.store.append(this.options.doc,t),this.unsaved=this.unsaved.filter(n=>!t.includes(n))}refresh(t){this.cache=this.log.threads(),this.comments.clear();let n=(o,r)=>{o.unnamed&&o.author===this.me&&this.displayName&&(o.name=this.displayName),this.comments.set(o.id,{comment:o,thread:r});for(let i of o.replies)n(i,r)};for(let o of this.cache)n(o.root,o.id);if(t)for(let o of this.listeners)try{o(this.cache)}catch(r){globalThis.reportError?.(r)}}find(t){let n=this.comments.get(t);if(!n)throw new Error("pipeup: there is no comment with that id");return n}mine(t){let n=this.find(t);if(n.comment.author!==this.me)throw new Error("pipeup: only the writer can change a comment");return n}thread(t){if(!this.cache.some(n=>n.id===t))throw new Error("pipeup: there is no thread with that id");return t}};function $t(e){let t=e.trim();if(!t)throw new Error("pipeup: a comment needs some words");if(t.length>st)throw new Error(`pipeup: comments are limited to ${st} characters`);return t}function vn(e){let t=e.replace(/\s+/g," ").trim();if(!t||t.length>gn)throw new Error(`pipeup: choose a name of 1 to ${gn} characters`);return t}var De=class e{constructor(t){this.db=t}static open(t="pipeup"){return new Promise((n,o)=>{let r=indexedDB.open(t,1);r.onupgradeneeded=()=>{let i=r.result;i.createObjectStore("ops",{keyPath:["doc","id"]}).createIndex("doc","doc"),i.createObjectStore("meta")},r.onsuccess=()=>{let i=r.result;i.onversionchange=()=>i.close(),n(new e(i))},r.onerror=()=>o(r.error??new Error("pipeup: could not open local storage"))})}close(){this.db.close()}async load(t){return(await this.request("ops","readonly",o=>o.index("doc").getAll(t))).map(o=>o.op)}async append(t,n){if(n.length===0)return;let o=this.db.transaction("ops","readwrite"),r=o.objectStore("ops"),i=Eo(o);try{for(let s of n)r.put({doc:t,id:s.body.id,op:s})}catch(s){throw o.abort(),i.catch(()=>{}),s}await i}async loadProfile(){return await this.request("meta","readonly",t=>t.get("profile"))??null}async saveProfile(t){await this.request("meta","readwrite",n=>n.put(t,"profile"))}async saveProfileIfAbsent(t){return new Promise((n,o)=>{let r=this.db.transaction("meta","readwrite"),i=r.objectStore("meta"),s=t;r.oncomplete=()=>n(s),r.onerror=()=>o(r.error??new Error("pipeup: local storage write failed")),r.onabort=()=>o(r.error??new Error("pipeup: local storage write aborted"));let a=i.get("profile");a.onsuccess=()=>{a.result?s=a.result:i.put(t,"profile")}})}request(t,n,o){return new Promise((r,i)=>{let s=o(this.db.transaction(t,n).objectStore(t));s.onsuccess=()=>r(s.result),s.onerror=()=>i(s.error??new Error("pipeup: local storage request failed"))})}};function Eo(e){return new Promise((t,n)=>{e.oncomplete=()=>t(),e.onerror=()=>n(e.error??new Error("pipeup: local storage write failed")),e.onabort=()=>n(e.error??new Error("pipeup: local storage write aborted"))})}var Be=class{docs=new Map;profile=null;async load(t){return[...this.docs.get(t)?.values()??[]]}async append(t,n){let o=this.docs.get(t);o||this.docs.set(t,o=new Map);for(let r of n)o.set(r.body.id,r)}async loadProfile(){return this.profile}async saveProfile(t){this.profile=t}async saveProfileIfAbsent(t){return this.profile||(this.profile=t),this.profile}},Dt="",ko="Reviewer";async function He(e,t=Dt){let n=await e.loadProfile();if(n)return n.name===ko?{...n,name:""}:n;let o={identity:await at(),name:t};return e.saveProfileIfAbsent(o)}var To={A:"Link",BUTTON:"Button",P:"Paragraph",LI:"List item",IMG:"Image",TABLE:"Table",TD:"Cell",TH:"Cell",FIGURE:"Figure",SVG:"Graphic",CANVAS:"Graphic",LABEL:"Label",INPUT:"Field",SELECT:"Field",TEXTAREA:"Field",SUMMARY:"Question",BLOCKQUOTE:"Quote",SECTION:"Section",H1:"Heading",H2:"Heading",H3:"Heading",H4:"Heading",H5:"Heading",H6:"Heading"},So=40;function Ee(e){let t=e.getAttribute("data-pipeup-label");if(t)return t;let n=To[e.tagName.toUpperCase()]??"Block",o=ye(e.getAttribute("aria-label")??e.getAttribute("alt")??e.innerText??e.textContent??"");return o?`${n} \xB7 ${Bt(o,So)}`:n}function pt(e,t,n){let o=e.id??null,r=e.quote?.exact??null,i=e.point?`${Math.round(e.point.x*100)}% across, ${Math.round(e.point.y*100)}% down the element`:null,s=t.element;if(t.state==="orphaned"||!s)return{where:`No longer on the page (it read: "${e.snapshot}")`,element:null,id:o,quote:r,pin:i};let a=[],p=e.view?.slide;if(p){let d=s.closest("[data-pipeup-slide]")?.querySelector("h1,h2,h3")?.textContent;a.push(`Slide ${p}`+(d?` "${Bt(ye(d))}"`:""))}else{let d=Ao(s,n);d&&a.push(`Section "${Bt(ye(d.textContent??""))}"`)}let l=Ee(s);return a.push(l),{where:a.join(" \u203A "),element:l,id:o,quote:r,pin:i}}function Ao(e,t){let n=null;for(let o of t.querySelectorAll("h1,h2,h3")){if(o===e||o.contains(e))break;if(o.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING)n=o;else break}return n}function Bt(e,t=60){return e.length>t?e.slice(0,t-1)+"\u2026":e}function Ke(e){let n=(e.ownerDocument??e).createTreeWalker(e,NodeFilter.SHOW_TEXT),o=[],r="";for(let i=n.nextNode();i;i=n.nextNode())o.push({node:i,start:r.length}),r+=i.data;return{text:r,nodes:o}}function Ht(e,t,n){let r=(e.ownerDocument??e).createRange();return r.setStart(e,0),r.setEnd(t,n),r.toString().length}function Ft(e,t,n){let o=yn(e,t,!1),r=yn(e,n,!0);if(!o||!r||n<t)return null;let i=o.node.ownerDocument.createRange();return i.setStart(o.node,o.offset),i.setEnd(r.node,r.offset),i}function yn(e,t,n){for(let r of e.nodes){let i=r.start+r.node.data.length;if(t>=r.start&&(t<i||n&&t===i))return{node:r.node,offset:t-r.start}}let o=e.nodes[e.nodes.length-1];return o&&t===o.start+o.node.data.length?{node:o.node,offset:o.node.data.length}:null}var wn=32,xn=200,Lo="p,li,h1,h2,h3,h4,h5,h6,td,th,blockquote,pre,figcaption,dt,dd,summary,caption";function En(e){return e.nodeType===Node.ELEMENT_NODE?e:e.parentElement}function kn(e,t){for(let n=En(e)?.closest("[data-pipeup-id]")??null;n;){if(!t.contains(n))return null;let o=n.getAttribute("data-pipeup-id")??"";if(o!==""&&o.length<=W.anchorId)return n;n=n.parentElement?.closest("[data-pipeup-id]")??null}return null}function Mo(e){let t=e;return/[\uD800-\uDBFF]$/.test(t)&&(t=t.slice(0,-1)),/^[\uDC00-\uDFFF]/.test(t)&&(t=t.slice(1)),t}function dt(e,t,n){return Mo(e.slice(t,n))}function Co(e,t){let n=Po(e,t);if(n.length>W.path)throw new Error("pipeup: this element is nested too deeply to comment on \u2014 give a nearby container a data-pipeup-id");return n}function Tn(e){if(!It(e))throw new Error("pipeup: could not describe this place on the page");return e}function ut(e,t){let n=En(e),o=n?.closest(Lo)??null;return o&&t.contains(o)?o:n&&t.contains(n)?n:t}function Po(e,t){if(e===t)return"";let n=[];for(let o=t;o&&o!==e;o=o.parentElement){let r=1;for(let i=o.previousElementSibling;i;i=i.previousElementSibling)i.tagName===o.tagName&&r++;n.unshift(`${o.tagName.toLowerCase()}:nth-of-type(${r})`)}return":scope > "+n.join(" > ")}function mt(e,t,n){if(!t.contains(e.commonAncestorContainer))throw new Error("pipeup: the selection is outside the commentable area");let o=kn(e.commonAncestorContainer,t),r=o??t,{text:i}=Ke(r),s=Ht(r,e.startContainer,e.startOffset),a=Ht(r,e.endContainer,e.endOffset),p=i.slice(s,a);if(p==="")throw new Error("pipeup: select some text to comment on");if(p.length>W.quote)throw new Error(`pipeup: selections are limited to ${W.quote} characters`);let l=dt(i,Math.max(0,s-wn),s),d=dt(i,a,a+wn);return Tn({...o?{id:o.getAttribute("data-pipeup-id")??""}:{},path:"",quote:{exact:p,prefix:l,suffix:d},...n?{view:n}:{},fingerprint:we(ut(e.startContainer,t).textContent??""),snapshot:dt(ye(l+p+d),0,xn)})}function We(e,t,n,o){let r=kn(e,t);return Tn({...r?{id:r.getAttribute("data-pipeup-id")??""}:{},path:Co(r??t,e),...n?{point:{x:bn(n.x),y:bn(n.y)}}:{},...o?{view:o}:{},fingerprint:we(e.textContent??""),snapshot:dt(ye(e.textContent??""),0,xn)})}function bn(e){return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}function Oo(e,t){let n=Array.from({length:t.length+1},(r,i)=>i),o=new Array(t.length+1).fill(0);for(let r=1;r<=e.length;r++){o[0]=r;for(let i=1;i<=t.length;i++){let s=e.charCodeAt(r-1)===t.charCodeAt(i-1)?0:1;o[i]=Math.min((n[i]??0)+1,(o[i-1]??0)+1,(n[i-1]??0)+s)}[n,o]=[o,n]}return n[t.length]??0}function Sn(e,t,n){let o=t.length;if(o===0)return null;let r=Array.from({length:o+1},(d,y)=>y),i=new Array(o+1).fill(0),s=-1,a=1/0;for(let d=1;d<=e.length;d++){i[0]=0;let y=e.charCodeAt(d-1);for(let f=1;f<=o;f++){let x=t.charCodeAt(f-1)===y?0:1;i[f]=Math.min((r[f]??0)+1,(i[f-1]??0)+1,(r[f-1]??0)+x)}let E=i[o]??1/0;E<a&&(a=E,s=d),[r,i]=[i,r]}if(a>n)return null;let p=Math.max(0,s-o),l=1/0;for(let d=Math.max(0,s-o-n);d<=Math.min(s,s-o+n);d++){let y=Oo(e.slice(d,s),t);y<l&&(l=y,p=d)}return{start:p,end:s,distance:l}}var Ye={state:"orphaned",element:null,range:null},Ro=5e4,Io=300,No=12,$o=":scope > ";function Do(e,t){for(let n of e.querySelectorAll("[data-pipeup-id]"))if(n.getAttribute("data-pipeup-id")===t)return n;return null}function je(e,t,n={}){let o=e.id?Do(t,e.id):t;return e.quote?Ho(e,e.quote,o,t,n.fuzzy!==!1):Bo(e,o)}function Bo(e,t){if(!t)return Ye;let n=t;if(e.path){if(!e.path.startsWith($o))return Ye;try{n=t.querySelector(e.path)}catch{return Ye}}return n?{state:we(n.textContent??"")===e.fingerprint?"attached":"moved",element:n,range:null}:Ye}function Ho(e,t,n,o,r){let i=n??o,s=Ke(i),a=Fo(s.text,t);if(a>=0){let p=Ft(s,a,a+t.exact.length);if(p){let l=ut(p.startContainer,o);return{state:n!==null&&we(l.textContent??"")===e.fingerprint?"attached":"moved",element:l,range:p}}}if(r){let p=i===o?s:Ke(o);if(p.text.length<=Ro&&t.exact.length>=No&&t.exact.length<=Io){let l=Sn(p.text,t.exact,Math.floor(t.exact.length/4)),d=l?Ft(p,l.start,l.end):null;if(d)return{state:"moved",element:ut(d.startContainer,o),range:d}}}return Ye}function Fo(e,t){if(!t.exact)return-1;let n=-1,o=-1;for(let r=e.indexOf(t.exact);r!==-1;r=e.indexOf(t.exact,r+1)){let i=e.slice(Math.max(0,r-t.prefix.length),r),s=e.slice(r+t.exact.length,r+t.exact.length+t.suffix.length),a=qo(i,t.prefix)+_o(s,t.suffix);a>o&&(n=r,o=a)}return n}function _o(e,t){let n=0;for(;n<e.length&&n<t.length&&e[n]===t[n];)n++;return n}function qo(e,t){let n=0;for(;n<e.length&&n<t.length&&e[e.length-1-n]===t[t.length-1-n];)n++;return n}var ke=["Otter","Fox","Owl","Bear","Rabbit"],ft=["Red","Orange","Yellow","Green","Teal","Blue","Purple","Pink","Brown","Grey"];function An(e){let t=2166136261;for(let n=0;n<e.length;n++)t=Math.imul(t^e.charCodeAt(n),16777619);return t=Math.imul(t^t>>>16,2246822507),t=Math.imul(t^t>>>13,3266489909),(t^t>>>16)>>>0}var _t=e=>An(e)%ke.length,qt=e=>Math.floor(An(e)/ke.length)%ft.length,ue=e=>`${ft[qt(e)]} ${ke[_t(e)]}`,ie=e=>e.name||ue(e.author);var Vo="Each thread says where it is: the slide or section, the element (its data-pipeup-id attribute in the HTML), and the exact quoted text or pin position. Work through the open threads in order, and for each one say what you changed or why you did not.";function Te(e,t){let n=Math.max(0,Math.round((t-e)/1e3));if(n<60)return"just now";let o=Math.round(n/60);if(o<60)return`${o}m ago`;let r=Math.round(o/60);return r<48?`${r}h ago`:`${Math.round(r/24)}d ago`}function gt(e,t,n,o){return t==="ai"?Ln(e,"## Comment thread",o,n):Mn(e)}function vt(e,t,n){let o=e.filter(a=>!a.thread.resolved);if(t==="text")return o.map(Mn).join(`
+`);let r=e.length-o.length,i=[`# Review comments: ${Q(n.title)}`,"",`- **Page:** ${Q(n.url)}`,`- **Exported:** ${n.exportedAt.toISOString()}`,`- **Open threads:** ${o.length}${r?` (${r} resolved, not included)`:""}`,"",Vo,"",""].join(`
+`),s=n.exportedAt.getTime();return i+o.map((a,p)=>Ln(a,`## Thread ${p+1}`,s)).join(`
+`)}function Q(e){return e.replace(/\s+/g," ").trim()}function Ln(e,t,n,o){let{thread:r,location:i}=e,s=r.root.replies.length,a=[`${t} \xB7 ${r.resolved?"resolved":"open"}`];if(a.push(`- **Thread:** ${r.id}`),o&&a.push(`- **Page:** ${Q(o)}`),a.push(`- **Where:** ${Q(i.where)}`),i.id){let p=Q(i.id.replace(/`/g,""));a.push(`- **Element:** \`[data-pipeup-id="${p}"]\`${i.element?` (${Q(i.element)})`:""}`)}i.quote&&a.push(`- **Quoted text:** "${Q(i.quote)}"`),i.pin&&a.push(`- **Pin:** ${Q(i.pin)}`),a.push(`- **Started by:** ${Q(ie(r.root))}, ${Te(r.root.at,n)}${s?` \xB7 ${s} ${s===1?"reply":"replies"}`:""}`,"",`**${Q(ie(r.root))}** (${Te(r.root.at,n)}): ${ht(r.root,"  ")}`);for(let p of r.root.replies)a.push(`- **${Q(ie(p))}** (${Te(p.at,n)}): ${ht(p,"  ")} <!-- comment:${p.id} -->`);return a.join(`
+`)+`
+`}function Mn(e){let{thread:t,location:n}=e,o=[Q(n.where)+(n.quote?`, on the text "${Q(n.quote)}"`:""),`${Q(ie(t.root))}: ${ht(t.root,"  ")}`];for(let r of t.root.replies)o.push(`  ${Q(ie(r))}: ${ht(r,"    ")}`);return o.join(`
+`)+`
+`}function ht(e,t){return e.deleted?"(deleted)":e.text.replace(/\r\n|\r|\n/g,`
+`+t)+(e.edited?" (edited)":"")}function m(e,t={},...n){let o=document.createElement(e);for(let[r,i]of Object.entries(t))i===void 0||i===!1||(r==="class"?o.className=String(i):o.setAttribute(r,i===!0?"":i));for(let r of n)r!=null&&r!==!1&&o.append(r);return o}function J(e,t){let n=e.getRootNode().activeElement;t&&n instanceof HTMLElement&&e.contains(n)&&n.blur(),e.inert=t}function he(e,t){return e.length>t?e.slice(0,t-1)+"\u2026":e}function Fe(e,t,n=4){e.style.left=`${t.left-n}px`,e.style.top=`${t.top-n}px`,e.style.width=`${t.width+n*2}px`,e.style.height=`${t.height+n*2}px`}var Uo=/\bhttps?:\/\/[^\s<>"'`]+/gi,zo=`.,;:!?'"]}`,Ko=2048,Wo=/[\u202A-\u202E\u2066-\u2069]/;function Yo(e){let t=0,n=0;for(let r of e)r==="("?t++:r===")"&&n++;let o=e.length;for(;o>0;){let r=e[o-1];if(r===")"&&n>t)n--;else if(!zo.includes(r))break;o--}return e.slice(0,o)}function yt(e){let t=[],n=0;for(let o of e.matchAll(Uo)){if(o[0].length>Ko||Wo.test(o[0]))continue;let r=Yo(o[0]),i=o.index??0,s;try{let p=new URL(r);if(p.protocol!=="http:"&&p.protocol!=="https:")continue;s=p.href}catch{continue}i>n&&t.push(e.slice(n,i));let a=m("a",{href:s,target:"_blank",rel:"noopener noreferrer"},r);a.addEventListener("click",p=>p.stopPropagation()),t.push(a),n=i+r.length}return n<e.length&&t.push(e.slice(n)),t}var ge={code:"KeyC",mods:{shift:!0,alt:!0,meta:!1,ctrl:!1},mac:{label:"\u21E7\u2325C",aria:"Shift+Alt+C"},other:{label:"Shift+Alt+C",aria:"Shift+Alt+C"}},Cn=typeof navigator<"u"&&/Mac|iP(hone|ad|od)/.test(navigator.platform),Ge=(Cn?ge.mac:ge.other).label,Vt=(Cn?ge.mac:ge.other).aria;function Pn(e){return e.code===ge.code&&e.shiftKey===ge.mods.shift&&e.altKey===ge.mods.alt&&e.metaKey===ge.mods.meta&&e.ctrlKey===ge.mods.ctrl&&!e.repeat&&!e.getModifierState("AltGraph")}var On="http://www.w3.org/2000/svg",jo={comment:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z","M12.3 8.2v6.6M9 11.5h6.6"],send:["M21 12L3.5 4.5 6.2 12l-2.7 7.5zM6.2 12H13"],copy:["M10 8h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z","M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"],resolve:["M5 12.5l4.5 4.5L19 7.5"],reopen:["M3 12a9 9 0 1 0 3-6.7","M3 4v5h5"],lines:["M4 7h16M4 12h10M4 17h7"],list:["M3 6.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 12a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 17.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M9 6.5h11M9 12h11M9 17.5h7"],expand:["M14 4h6v6M20 4l-6 6M10 20H4v-6M4 20l6-6M20 14v6h-6M20 20l-6-6M4 10V4h6M4 4l6 6"],bubble:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z"],close:["M6 6l12 12M18 6L6 18"],edit:["M4 20h4L19 9l-4-4L4 16z"]};function Y(e,t=15,n){let o=Ut(jo[e],t);return n&&o.setAttribute("stroke-width",String(n)),o}function Ut(e,t){let n=document.createElementNS(On,"svg"),o={width:String(t),height:String(t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"};for(let[r,i]of Object.entries(o))n.setAttribute(r,i);for(let r of e){let i=document.createElementNS(On,"path");i.setAttribute("d",r),n.append(i)}return n}var wt=(e,t,n)=>`M${e} ${t}a${n} ${n} 0 1 0 ${2*n} 0a${n} ${n} 0 1 0 -${2*n} 0`,Go={Otter:"M4 13.2C4 9.2 7.6 6.5 12 6.5s8 2.7 8 6.7-3.6 6.3-8 6.3-8-2.3-8-6.3zM5.6 9.6a1.8 1.8 0 1 1 2.7-2.3M18.4 9.6a1.8 1.8 0 1 0-2.7-2.3M9.2 11.6h.01M14.8 11.6h.01M11 14h2l-1 1zM9.8 15.8l-3.2.4M9.9 17l-2.7 1.1M14.2 15.8l3.2.4M14.1 17l2.7 1.1",Fox:"M3.5 4l5 3.5h7l5-3.5-1.5 8.5L12 20l-7-7.5zM9 12h.01M15 12h.01M12 17h.01",Owl:`M5 4.5l3 2.5h8l3-2.5V14a7 7 0 0 1-14 0z${wt(7.4,11.5,1.9)}${wt(12.8,11.5,1.9)}M11.3 14.6l.7 1 .7-1`,Bear:`${wt(5,13.5,7)}M8.9 7.22A2.8 2.8 0 1 0 5.89 10.09M18.11 10.09A2.8 2.8 0 1 0 15.1 7.22M9.4 12.6h.01M14.6 12.6h.01M10.3 16.4c0-1 .8-1.6 1.7-1.6s1.7.6 1.7 1.6-.8 1.6-1.7 1.6-1.7-.6-1.7-1.6z`,Rabbit:`${wt(6.5,15.5,5.5)}M9.6 10.5C8.2 6.5 8.4 2.5 9.8 2.5s2.4 3.5 1.6 7.5M14.4 10.5c1.4-4 1.2-8-.2-8s-2.4 3.5-1.6 7.5M10 15h.01M14 15h.01M11.3 17.3l.7.5.7-.5`};function Rn(e){let t=/[\p{L}\p{N}]/u.exec(e);if(!t)return"";let n=t[0].toUpperCase();return[...n].length===1?n:t[0]}var Xe=(e,t)=>Rn(t)||ue(e);function Se(e,t){return m("span",{class:`av c${qt(e)}`,"aria-hidden":"true","data-animal":ue(e)},Rn(t)||Ut([Go[ke[_t(e)]]],24))}var Xo=320;function bt(e,t){setTimeout(()=>{e.remove(),t?.()},Xo)}function xt(e){return requestAnimationFrame(()=>{e.offsetWidth,e.classList.add("in")}),e}function Et(e){let t=m("textarea",{class:"input",rows:"1","aria-label":e.label}),n=m("button",{class:"send",type:"button","aria-label":"Send",title:"Send"},Y("send")),o=m("div",{class:"row"},e.before,t,n),r=!1,i=()=>{n.classList.toggle("show",t.value.trim()!==""),t.style.height="auto",t.style.height=`${Math.max(27,t.scrollHeight)}px`},s=async()=>{let a=t.value.trim();if(!(!a||r)){r=!0;try{await e.onSend(a),t.value="",i()}catch{}finally{r=!1}}};return o.addEventListener("mousedown",a=>{a.target===t||n.contains(a.target)||(a.preventDefault(),t.focus({preventScroll:!0}),t.setSelectionRange(t.value.length,t.value.length))}),t.addEventListener("input",i),t.addEventListener("keydown",a=>{a.stopPropagation(),a.key==="Enter"&&!a.shiftKey&&!a.isComposing?(a.preventDefault(),s()):a.key==="Escape"&&(a.preventDefault(),t.value="",i(),t.blur(),e.onCancel?.())}),n.addEventListener("click",a=>{a.stopPropagation(),s()}),{element:o,input:t,focus:()=>t.focus({preventScroll:!0}),clear:()=>{t.value="",i()}}}function Zo(e){let t=m("button",{class:"me",type:"button",tabindex:"-1","aria-hidden":"true"});t.addEventListener("mousedown",w=>w.preventDefault());let n=Et({label:"Comment",before:t,onSend:e.onSend,onCancel:e.onCancel}),o=m("div",{class:"say"}),r=m("input",{class:"input",type:"text",maxlength:"80","aria-label":"Your name"}),i=m("div",{class:"nf"},r),s=m("div",{class:"you"},o,i),a="",p=!1,l=()=>{let w=e.name(),v=w?"change":"add your name";if(t.title=w?"Change your name":"Add your name",!t.lastChild||a!==w){let T=Se(e.me,w),S=t.lastChild;S?(xt(T),bt(S)):T.classList.add("in"),t.append(T),a=w}let A=m("button",{type:"button"},v);A.addEventListener("click",y),o.replaceChildren(m("span",{class:"nm"},w||`You're ${ue(e.me)}`)," \xB7 ",A)},d=w=>{s.classList.toggle("naming",w),J(o,w),J(i,!w)};function y(w){w.stopPropagation(),r.value=e.name(),d(!0),r.focus({preventScroll:!0}),r.select()}let E=()=>{d(!1),n.focus()};t.addEventListener("click",y),r.addEventListener("keydown",w=>{if(w.stopPropagation(),w.key==="Escape")w.preventDefault(),E();else if(w.key==="Enter"){w.preventDefault();let v=r.value.trim();if(!v||v===e.name())return E();if(p)return;p=!0,e.rename(v).finally(()=>{p=!1,l(),E()})}}),l(),d(!1);let f=m("div",{class:"ctx"},e.label);return{element:m("div",{class:"draft"},f,n.element,s),caret:()=>{let{selectionStart:w,selectionEnd:v}=n.input;return()=>{n.focus(),n.input.setSelectionRange(w,v)}},hideLabel:w=>{f.hidden=w},setLabel:w=>{f.textContent=w},focus:()=>n.focus(),isEmpty:()=>n.input.value.trim()===""}}function kt(e,t){let n=Zo({label:t.label,me:e.doc.me,name:()=>e.menu.name(),rename:o=>e.menu.rename(o),onSend:o=>e.postDraft(o),onCancel:()=>e.cancelDraft()});return e.registerDraft(n),n}function Tt(e,t){if(t.state==="orphaned"||!t.element||e.quote)return null;let n=t.element.getBoundingClientRect();if(!n.width&&!n.height)return null;if(e.point)return{x:n.left+e.point.x*n.width,y:n.top+e.point.y*n.height};let o=t.element.ownerDocument.createRange();o.selectNodeContents(t.element);let r=o.getBoundingClientRect();return{x:r.width?Math.min(n.right-8,r.right+6):n.right-8,y:(r.height?r.top:n.top)+8}}function Ze(e){return e.range?[...e.range.getClientRects()]:[]}function zt(e,t){let n=Ze(t)[0];if(n)return n.top;if(t.state==="orphaned"||!t.element)return null;let o=t.element.getBoundingClientRect();return e.point?o.top+e.point.y*o.height:o.top}function Qe(e,t){let n=Ze(t).at(-1);if(n)return{x:n.left,y:n.bottom,below:!0};let o=Tt(e,t);return o?{...o,below:!1}:null}function In(e,t,n){for(let o of n)if(e>=o.left&&e<=o.right&&t>=o.top&&t<=o.bottom)return!0;return!1}function Nn(e,t,n=10){let o=[...e].sort((a,p)=>a.want-p.want),r=new Array(o.length).fill(0),i=o.findIndex(a=>a.id===t),s=a=>o[a];if(i<0)o.forEach((a,p)=>{r[p]=p===0?a.want:Math.max(a.want,(r[p-1]??0)+s(p-1).height+n)});else{r[i]=s(i).want;for(let a=i+1;a<o.length;a++)r[a]=Math.max(s(a).want,(r[a-1]??0)+s(a-1).height+n);for(let a=i-1;a>=0;a--)r[a]=Math.min(s(a).want,(r[a+1]??0)-s(a).height-n)}return new Map(o.map((a,p)=>[a.id,r[p]??0]))}var Je=320,Ae=300,Qo=480,Le=()=>window.innerWidth<=Qo;function St(e){let t=window.innerWidth;return{width:e&&!Le()?t-Je:t,height:window.innerHeight}}function At(e,t,n,o=12){let r,i;return e.below?(r=Math.min(e.x,n.width-t.width-o),i=e.y+8,i+t.height>n.height-o&&(i=e.y-t.height-40)):(r=e.x+14,r+t.width>n.width-o&&(r=e.x-t.width-28),i=Math.min(e.y-12,n.height-t.height-o)),{left:Math.max(o,r),top:Math.max(o,i)}}function $n(e,t,n,o=12,r=44){let i=e.top-r>=8,s=e.top+e.height+8+(i?0:r),a=e.top-8-(i?r:0)-t.height,p=s+t.height<=n.height-o||a<o,l=p?s:a;return{above:!p,left:Math.max(o,Math.min(e.left,n.width-t.width-o)),top:Math.max(o,l)}}function Lt(e,t,n){let o=e.top-t.height-10;return o<8&&(o=e.top+e.height+10),{left:Math.max(8,Math.min(e.left+e.width/2-t.width/2,n.width-t.width-8)),top:o}}var Dn=e=>`${e} ${e===1?"reply":"replies"}`;function _e(e,t,n){let o={...n},r=e.id,i=m("div",{class:"rbox always"},m("div",{},Et({label:"Reply",onSend:v=>t.reply(r,v),onCancel:t.close}).element)),s=m("div",{}),a=m("div",{}),p=null,l=m("div",{},a,m("div",{class:"more"},s)),d=new Map,y=new Map,E=new Map,f=v=>{let A=Xe(v.author,v.name),T=d.get(v.id),S=T?.el;if((!S||T.key!==A)&&(S=xt(Se(v.author,v.name)),T)){let C=T.el;E.set(v.id,C),bt(C,()=>E.get(v.id)===C&&E.delete(v.id))}S.title=ie(v),y.set(v.id,{key:A,el:S});let P=E.get(v.id);return P?[P,S]:[S]},x=(v,A,T)=>{let S=m("button",{class:"ib",type:"button","aria-label":A,title:A},Y(v));return S.addEventListener("click",P=>{P.stopPropagation(),T()}),S};function w(v,A={}){Object.assign(o,A),r=v.id;let T=(o.now??Date.now)(),S=v.root.replies.length,P=q=>m("span",{class:"who"},`${ie(q)} \xB7 ${Te(q.at,T)}`),C=q=>m("div",{class:q.deleted?"tx del":"tx"},...q.deleted?["Deleted"]:[...yt(q.text),q.edited?" (edited)":""]),z=v.resolved?"Resolved"+(S?` \xB7 ${Dn(S)}`:""):S?Dn(S):"",G=m("div",{class:o.variant==="column"&&z?"ft has-rest":"ft"},o.variant==="column"&&z?m("span",{class:"rest"},z):null,m("span",{class:"hover"},P(v.root),m("span",{class:"acts"},x("copy","Copy thread",()=>t.copy(v.id)),v.resolved?x("reopen","Reopen",()=>void t.reopen(v.id)):x("resolve","Resolve",()=>void t.resolve(v.id))))),K=o.lost?m("div",{class:"ctx"},`No longer on the page \u2014 it read \u201C${he(o.lost,120)}\u201D`):o.quote?m("div",{class:"ctx"},`\u201C${he(o.quote,80)}\u201D`):null;y=new Map;let ae=m("div",{class:"root"},...f(v.root),K,C(v.root),G);a.replaceWith(ae),a=ae,p?.remove(),p=S?m("div",{class:"rps"},...v.root.replies.map(q=>m("div",{class:"it"},...f(q),C(q),m("div",{class:"rft"},P(q))))):null,p&&s.prepend(p),d=y,v.resolved?i.remove():i.parentNode!==s&&s.append(i),l.className=v.resolved?"thread resolved":"thread",l.setAttribute("data-thread",v.id)}return w(e),{element:l,update:w}}var Jo="a,button,input,select,textarea,label,summary,[role=button],[contenteditable]",er=400;function Kt(e,t){let n=new Map,o=m("div",{class:"tip",role:"tooltip"}),r=m("div",{class:"mark"}),i=m("div",{class:"pop",role:"dialog","aria-label":"Comment thread"});o.inert=i.inert=!0,e.layer.append(r,o,i);let s=m("div",{class:"bub pin ghost","aria-hidden":"true"}),a=[],p=null,l=null,d=null,y=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,E=0,f=null,x=null,w=null,v=0,A=h=>a.find(L=>L.id===h)??null,T=()=>t.popovers||e.state.listing,S=!1,P=h=>{let L=e.resolved.get(h.id);return L?Qe(h.anchor,L):null};function C(h,L,M){let{left:H,top:R}=At(L,{width:h.offsetWidth||M,height:h.offsetHeight},St(e.state.listing));h.style.left=`${H}px`,h.style.top=`${R}px`}function z(h){let L=h&&T()&&e.state.active!==h?A(h):null,M=L?P(L):null;if(!L||!M){w=null,o.classList.remove("show"),J(o,!0);return}if(w!==L.id){let H=L.root.replies.length;o.replaceChildren(m("div",{class:"tx clamp"},...L.root.deleted?["Deleted"]:yt(L.root.text)),m("div",{class:"who"},`${ie(L.root)}${H?` \xB7 ${H} ${H===1?"reply":"replies"}`:""}`)),w=L.id}C(o,M,260),o.classList.contains("show")||o.offsetWidth,o.classList.add("show"),o.inert=!1}function G(h){f=h,z(h),e.hot(h)}function K(h){if(window.clearTimeout(v),h!==null){G(h);return}v=window.setTimeout(()=>G(null),T()?er:0)}o.addEventListener("mouseenter",()=>window.clearTimeout(v)),o.addEventListener("mouseleave",()=>K(null)),o.addEventListener("click",h=>{h.stopPropagation();let L=w;L&&(window.clearTimeout(v),G(null),e.open(L))});function ae(h){let L=n.get(h.id);if(L)return L;let M=m("button",{class:"bub",type:"button","aria-label":`Comment: ${he(h.root.text,60)}`});return M.addEventListener("mouseenter",()=>K(h.id)),M.addEventListener("mouseleave",()=>K(null)),M.addEventListener("click",H=>{H.stopPropagation(),z(null),e.open(h.id)}),e.layer.insertBefore(M,r),n.set(h.id,M),M}function q(){let h=e.state.draft,L=d&&h&&!h.anchor.quote&&!h.anchor.point?h.resolved.element:null;if(L){let{left:H,top:R,above:F}=$n(L.getBoundingClientRect(),{width:i.offsetWidth||Ae,height:i.offsetHeight},{width:window.innerWidth,height:window.innerHeight}),X=d?.above!==null&&d?.above!==F;if(d&&(d.above=F),X&&le())return;i.style.left=`${H}px`,i.style.top=`${R}px`;return}let M=d&&h?Qe(h.anchor,h.resolved):p?P(p):null;M&&C(i,M,Ae)}let oe=h=>e.state.commenting&&!h.anchor.quote&&!h.anchor.point;function le(){return window.clearTimeout(E),y?(i.classList.remove("show"),E=window.setTimeout(()=>{q(),i.classList.add("show")},220),!0):(i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450),!1)}function j(h){if(window.clearTimeout(E),y){i.classList.remove("show"),E=window.setTimeout(()=>{d?.box.setLabel(h),q(),i.classList.add("show")},220);return}d?.box.setLabel(h),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)}function ee(){if(!T())return null;let h=e.state.draft;return h?h.anchor.quote||h.anchor.point||e.state.commenting?null:h.resolved.element:!p||p.anchor.quote||p.anchor.point?null:e.resolved.get(p.id)?.element??null}function u(h){a=h;let L=new Set;for(let F of h){if(!e.visible(F)||F.anchor.quote)continue;let X=e.resolved.get(F.id);if(!X||X.state==="orphaned")continue;L.add(F.id);let Z=ae(F);Z.classList.toggle("done",F.resolved),Z.classList.toggle("on",e.state.active===F.id),Z.classList.toggle("pin",F.anchor.point!==void 0)}for(let[F,X]of n)L.has(F)||(X.classList.remove("in"),n.delete(F),window.setTimeout(()=>X.remove(),300));z(f),S!==e.state.listing&&i.classList.contains("show")&&!y&&(window.clearTimeout(E),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)),S=e.state.listing;let M=t.popovers?e.state.draft:null;if(M){d?.of!==M?(window.clearTimeout(E),i.classList.remove("glide"),d={box:kt(e,M),of:M,at:M.resolved.element,above:null},d.box.hideLabel(oe(M)),i.replaceChildren(d.box.element),i.inert=!1,d.box.focus(),p=null,l=null,q(),i.classList.add("show")):d&&(d.at!==M.resolved.element&&(d.at=M.resolved.element,d.above=null,j(M.label)),d.box.hideLabel(oe(M)));return}d&&(window.clearTimeout(E),i.classList.remove("glide"),d=null,e.registerDraft(null));let H=T()&&e.state.active?A(e.state.active):null;if(!H||!e.visible(H)){p=null,l=null,i.classList.remove("show"),J(i,!0);return}let R=H.anchor.quote?.exact??null;!p||!l||p.id!==H.id?(l=_e(H,e.actions,{variant:"popover",quote:R}),i.replaceChildren(l.element),p=H,q(),i.classList.add("show"),i.inert=!1):p!==H&&(l.update(H,{quote:R}),p=H)}function N(){for(let[H,R]of n){let F=A(H),X=e.resolved.get(H),Z=F&&X?Tt(F.anchor,X):null;if(!Z||Z.y<-40||Z.y>window.innerHeight+40){R.style.visibility="hidden";continue}R.style.visibility="",R.style.left=`${Z.x}px`,R.style.top=`${Z.y}px`,R.classList.contains("in")||(R.offsetWidth,R.classList.add("in"))}let h=e.state.draft,L=h?.anchor.point?Tt(h.anchor,h.resolved):null;L?(s.style.left=`${L.x}px`,s.style.top=`${L.y}px`,s.classList.contains("in")||(e.layer.insertBefore(s,r),s.offsetWidth,s.classList.add("in"))):s.classList.contains("in")&&(s.classList.remove("in"),window.setTimeout(()=>s.classList.contains("in")||s.remove(),300)),i.classList.contains("show")&&q();let M=ee();r.classList.toggle("show",M!==null),M&&Fe(r,M.getBoundingClientRect(),4)}let B=h=>{if(e.owns(h)){let M=h.composedPath()[0];x!==null&&!(M instanceof Element&&M.closest(".tip,.bub"))&&K(null),x=null;return}let L=e.readsAt(h.clientX,h.clientY)?.id??null;L!==x&&(x=L,K(L))},U=h=>{if(e.owns(h))return;let L=window.getSelection();if(L&&!L.isCollapsed||(e.state.commenting?h.altKey:h.target instanceof Element&&h.target.closest(Jo)))return;let M=e.readsAt(h.clientX,h.clientY);M&&(e.claim(h),z(null),e.open(M.id))};return window.addEventListener("pointermove",B,{capture:!0,passive:!0}),window.addEventListener("click",U,!0),{render:u,frame:N,destroy(){window.clearTimeout(v),window.clearTimeout(E),window.removeEventListener("pointermove",B,!0),window.removeEventListener("click",U,!0),e.registerDraft(null);for(let h of n.values())h.remove();s.remove(),o.remove(),r.remove(),i.remove()}}}var tr="button,a,input,select,textarea,label,summary,details,img,svg,canvas,video,picture,figure,table,th,td,li,p,h1,h2,h3,h4,h5,h6,blockquote,pre";var Bn=(e,t)=>Math.abs(e.left-t.left)<=2&&Math.abs(e.top-t.top)<=2&&Math.abs(e.width-t.width)<=2&&Math.abs(e.height-t.height)<=2;function et(e,t,n){if(e===t||!t.contains(e)||e.closest("[data-pipeup-ignore]"))return null;let o=n.viewport(),r=.6*o.width*o.height,i=null;for(let a=e;a&&a!==t;a=a.parentElement){let p=n.box(a);if(!(p.width<2||p.height<2)){if(a.hasAttribute("data-pipeup-id")){i=a;break}if(!(p.width*p.height>r)&&(a.matches(tr)||n.drawn(a))){i=a;break}}}if(!i||i.hasAttribute("data-pipeup-id"))return i;let s=n.box(i);for(let a=i.parentElement;a&&a!==t&&Bn(n.box(a),s);a=a.parentElement)if(a.hasAttribute("data-pipeup-id"))return a;return i}function Wt(e,t,n){let o=n.box(e);for(let r=e.parentElement;r&&r!==t;){let i=et(r,t,n);if(!i)return null;if(!Bn(n.box(i),o))return i;r=i.parentElement}return null}function Hn(e=window){return{box:t=>t.getBoundingClientRect(),drawn:t=>{let n=e.getComputedStyle(t),o=n.backgroundColor!=="transparent"&&!/,\s*0\)$/.test(n.backgroundColor),r=["top","right","bottom","left"].some(i=>parseFloat(n.getPropertyValue(`border-${i}-width`))>0);return o||r||n.backgroundImage!=="none"||n.boxShadow!=="none"},viewport:()=>({width:e.innerWidth,height:e.innerHeight})}}var qn="a,button,summary,[role=button],[role=link],[role=switch],[role=tab],[role=checkbox],input[type=checkbox],input[type=radio],input[type=submit],input[type=button],input[type=reset]",nr=`${qn},input,select,textarea,[contenteditable]:not([contenteditable=false]),[tabindex]:not([tabindex="-1"])`,Fn=["click","dblclick","auxclick","submit","contextmenu","dragstart"],_n=[...["over","out","enter","leave","down","up"].flatMap(e=>[`pointer${e}`,`mouse${e}`]),"mousemove","touchstart","touchmove","touchend","touchcancel"],or=400;function Vn(e,t=Hn()){let n=m("div",{class:"pick"});e.layer.append(n);let o=m("span",{class:"lbl"}),r=m("button",{class:"nb",type:"button","aria-label":"Select the block around it",title:"Select the block around it"},Y("expand",16)),i=m("div",{class:"namebar",role:"toolbar","aria-label":"Chosen block"},o,r);i.inert=!0,e.layer.append(i),i.addEventListener("mousedown",u=>u.preventDefault()),r.addEventListener("click",u=>{u.stopPropagation();let N=p&&Wt(p,e.root,t);N&&K(N)});let s=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,a=null,p=null,l=null,d=null,y=0,E=()=>{},f=null,x=()=>{},w=u=>!e.owns(u)&&!(u.target instanceof Element&&u.target.closest("[data-pipeup-ignore]"));function v(){d&&(n.classList.toggle("glide",performance.now()<y),Fe(n,d.getBoundingClientRect(),4))}function A(){if(!f)return;i.classList.toggle("glide",performance.now()<y&&i.classList.contains("show"));let u=f.getBoundingClientRect(),{left:N,top:B}=Lt({left:u.left,top:u.top,width:u.width,height:u.height},{width:i.offsetWidth||200,height:i.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});i.style.left=`${N}px`,i.style.top=`${B}px`}function T(u,N){d=u,y=N?performance.now()+or:0,v(),n.classList.add("show")}function S(u,N){let B=getComputedStyle(u);if(B.opacity==="0")return N(),()=>{};let U=0,h=()=>{window.clearTimeout(U),u.removeEventListener("transitionend",M)},L=()=>{h(),N()},M=R=>{R.target===u&&R.propertyName==="opacity"&&L()},H=Math.max(...B.transitionDuration.split(",").map(R=>parseFloat(R)*1e3||0));return U=window.setTimeout(L,H+100),u.addEventListener("transitionend",M),h}function P(u){if(u!==a){if(a=u,E(),!u){n.classList.remove("show");return}getComputedStyle(n).opacity==="0"?T(u,!1):s?(n.classList.remove("show"),E=S(n,()=>T(u,!1))):T(u,!0)}}function C(u){p=u,n.classList.toggle("on",u!==null),P(u),x(),i.inert=!u,u?s?(i.classList.remove("show"),x=S(i,()=>z(u))):z(u):(i.classList.remove("show"),f=null)}function z(u){o.textContent=o.title=Ee(u);let N=Wt(u,e.root,t)===null;r.hidden=N;let B=i.classList.contains("show");f=u,A(),B||(i.offsetWidth,i.classList.add("show"))}function G(u){let N;try{N=We(u,e.root)}catch(h){e.report(h);return}let B={anchor:N,label:Ee(u),ranges:[],resolved:{state:"attached",element:u,range:null}},U=e.state.draft;C(u),l=U??{...B,ranges:[]},U?e.moveDraft({...B,ranges:[]}):e.startDraft(l)}function K(u){e.keepCaret(()=>G(u))}function ae(u){let N=(u.target instanceof Element?et(u.target,e.root,t):null)??e.root,B=N.getBoundingClientRect();if(!B.width||!B.height)return;let U={x:(u.clientX-B.left)/B.width,y:(u.clientY-B.top)/B.height},h;try{h=We(N,e.root,U)}catch(M){e.report(M);return}let L=Ee(N).replace(/^[A-Z](?=[a-z])/,M=>M.toLowerCase());C(null),P(null),e.startDraft({anchor:h,label:`Pin on ${L}`,ranges:[],resolved:{state:"attached",element:N,range:null}})}function q(u){let N=window.getSelection();if(N&&!N.isCollapsed)return;if(e.state.draft&&(u.altKey||!e.draftEmpty())){e.dismiss();return}if(!u.altKey&&e.readsAt(u.clientX,u.clientY))return;if(e.state.active&&e.open(null),u.altKey){ae(u);return}let B=u.target instanceof Element?et(u.target,e.root,t):null;B?G(B):(e.dismiss(),C(null))}let oe=u=>{if(!e.owns(u)){if(!w(u)){p||P(null);return}u.stopPropagation(),!(p||e.state.draft)&&P(u.target instanceof Element?et(u.target,e.root,t):null)}},le=u=>{w(u)&&(u.stopPropagation(),(u.type==="pointerdown"||u.type==="mousedown")&&u.target instanceof Element&&u.target.closest(nr)&&u.preventDefault())},j=u=>{w(u)&&(u.preventDefault(),u.stopPropagation(),u.type==="click"&&q(u))},ee=u=>{(u.key==="Enter"||u.key===" ")&&w(u)&&u.target instanceof Element&&u.target.closest(qn)&&(u.preventDefault(),u.stopPropagation())};window.addEventListener("pointermove",oe,!0);for(let u of _n)window.addEventListener(u,le,!0);for(let u of Fn)window.addEventListener(u,j,!0);return window.addEventListener("keydown",ee,!0),{back(){return p?(C(null),!0):!1},render(){let u=e.state.draft;l&&u!==l?(l=null,C(null)):u&&!l&&(a||p)&&C(null)},frame(){v(),A()},destroy(){E(),x(),window.removeEventListener("pointermove",oe,!0);for(let u of _n)window.removeEventListener(u,le,!0);for(let u of Fn)window.removeEventListener(u,j,!0);window.removeEventListener("keydown",ee,!0),n.classList.remove("show"),i.classList.remove("show"),J(i,!0),S(n,()=>n.remove()),S(i,()=>i.remove())}}}var rr=300,ir=32,Yt=220,tt=320,ar=24,Un=24;function jt(e,t=!1){let n=e.ownerDocument.documentElement,o=n.getAttribute("data-pipeup-layout");if(o==="bubbles"||e.querySelector("[data-pipeup-slide]"))return null;let r=e.querySelector("article, main, [role=main]")??(o==="column"?e:null);if(!r)return null;if(n.hasAttribute("data-pipeup-reserve")){let a=n.clientWidth,l=getComputedStyle(r).maxWidth,d;return l.endsWith("px")?d=parseFloat(l):l.endsWith("%")?d=parseFloat(l)/100*a:d=r.getBoundingClientRect().width,o!=="column"&&a<d+tt-(t?ar:0)?null:{x:a-tt+Un,width:tt-2*Un}}let i=r.getBoundingClientRect().right;if(window.innerWidth-i<rr&&o!=="column")return null;let s=i+ir;return{x:s,width:Math.max(220,Math.min(300,window.innerWidth-s-16))}}function Gt(e,t){let n=e.resolved.get(t.id);return!n||n.state==="orphaned"&&!e.pending.has(t.id)}function zn(e){let t=m("div",{class:"col"});e.layer.append(t);let n=new Map,o=null,r=new ResizeObserver(()=>a()),i=f=>Gt(e,f);function s(f){let x=e.resolved.get(f.id),w=x?zt(f.anchor,x):null;return w===null?Number.POSITIVE_INFINITY:w+window.scrollY-4}function a(){let f=[],x=[];for(let[S,P]of n){let C=s(P.thread);if(Number.isFinite(C))P.placed=C;else if(e.pending.has(S)){if(P.placed===null){P.el.classList.add("wait");continue}C=P.placed}Number.isFinite(C)?f.push({id:S,want:C,height:P.el.offsetHeight}):x.push({id:S,height:P.el.offsetHeight})}let w=e.state.draft,v=w?zt(w.anchor,w.resolved):null;o&&v!==null&&f.push({id:"draft",want:v+window.scrollY-4,height:o.el.offsetHeight});let A=Nn(f,o?"draft":e.state.active),T=Math.max(0,...f.map(S=>(A.get(S.id)??0)+S.height))+24;for(let S of x)A.set(S.id,T),T+=S.height+10;for(let[S,P]of n){if(P.el.classList.contains("wait")){if(!A.has(S))continue;P.el.style.transition="none",P.el.style.transform=`translateY(${Math.round(A.get(S))}px)`,P.el.offsetWidth,P.el.style.transition="",P.el.classList.remove("wait");continue}P.el.style.transform=`translateY(${Math.round(A.get(S)??0)}px)`}o&&(o.el.style.transform=`translateY(${Math.round(A.get("draft")??0)}px)`)}function p(f,x){f.thread=x,f.lost=i(x),f.view.update(x,{lost:f.lost?x.anchor.snapshot:null})}function l(f){let x=i(f),w=_e(f,e.actions,{variant:"column",lost:x?f.anchor.snapshot:null}),v=m("div",{class:"th","data-thread":f.id},w.element);return v.style.transition="none",v.addEventListener("mouseenter",()=>e.hot(f.id)),v.addEventListener("mouseleave",()=>e.hot(null)),v.addEventListener("click",()=>e.open(f.id)),t.append(v),r.observe(v),{el:v,thread:f,lost:x,placed:null,view:w}}function d(){let f=e.state.draft;if(o&&f&&o.of!==f){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Yt),o=null}if(f&&o&&(o.box.setLabel(f.label),o.box.hideLabel(e.state.commenting&&!f.anchor.quote&&!f.anchor.point)),f&&!o){let x=kt(e,f),w=m("div",{class:"th on"},x.element);w.style.transition="none",t.append(w),r.observe(w),o={el:w,box:x,of:f},x.hideLabel(e.state.commenting&&!f.anchor.quote&&!f.anchor.point),x.focus()}else if(!f&&o){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Yt),o=null,e.registerDraft(null)}}function y(f){J(t,e.state.listing);let x=new Set,w=[],v=e.state.active!==null||e.state.draft!==null;for(let A of f){if(!e.visible(A))continue;x.add(A.id);let T=n.get(A.id);T?(T.thread!==A||T.lost!==i(A))&&p(T,A):(T=l(A),n.set(A.id,T),w.push(T.el));let S=T.el;S.classList.toggle("on",e.state.active===A.id);let P=S.querySelector(".more");P&&J(P,e.state.active!==A.id),S.classList.toggle("dim",v&&e.state.active!==A.id),S.classList.toggle("hot",e.state.hot===A.id&&e.state.active!==A.id),S.classList.toggle("resolved",A.resolved),S.classList.toggle("lost",T.lost)}for(let[A,T]of n)x.has(A)||(n.delete(A),r.unobserve(T.el),T.el.classList.add("out"),window.setTimeout(()=>T.el.remove(),Yt));d(),a(),o&&w.push(o.el);for(let A of w)A.offsetWidth,A.style.transition=""}function E(){let f=jt(e.root,!0);f&&(t.style.width=`${f.width}px`,t.style.transform=`translate(${f.x}px, ${-window.scrollY}px)`)}return{render:y,frame:E,destroy(){r.disconnect(),e.registerDraft(null),t.remove()}}}var sr="[data-pipeup-ignore],input,textarea,select,[contenteditable]:not([contenteditable=false])";function Kn(e){let t=m("button",{type:"button","aria-label":"Comment",title:"Comment"},Y("comment",17)),n=m("div",{class:"selbar"},t);n.inert=!0,e.layer.append(n);let o=null,r=d=>{let y=d&&(d.nodeType===Node.ELEMENT_NODE?d:d.parentElement);return!!y&&e.root.contains(y)&&!y.closest(sr)};function i(){if(!o)return;let d=o.getBoundingClientRect(),{left:y,top:E}=Lt({left:d.left,top:d.top,width:d.width,height:d.height},{width:n.offsetWidth||36,height:n.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});n.style.left=`${y}px`,n.style.top=`${E}px`}function s(){o=null,n.inert=!0,n.classList.remove("show")}function a(){let d=window.getSelection();if(!e.state.commenting||!d||d.isCollapsed||d.rangeCount===0||!d.toString().trim()||!r(d.anchorNode)||!r(d.focusNode)){s();return}o=d.getRangeAt(0).cloneRange(),i(),n.inert=!1,n.classList.add("show")}t.addEventListener("mousedown",d=>d.preventDefault()),t.addEventListener("click",d=>{d.stopPropagation();let y=o;if(!y)return;let E;try{E=mt(y,e.root)}catch(x){e.report(x),s();return}let f=he(y.toString().replace(/\s+/g," ").trim(),60);window.getSelection()?.removeAllRanges(),s(),e.startDraft({anchor:E,label:`\u201C${f}\u201D`,ranges:[y],resolved:{state:"attached",element:null,range:y}})});let p=()=>{if(!o)return;let d=window.getSelection();(!d||d.isCollapsed||!d.toString().trim())&&s()};document.addEventListener("selectionchange",p);let l=d=>{e.owns(d)||window.setTimeout(a,0)};return window.addEventListener("mouseup",l,!0),window.addEventListener("keyup",l,!0),{render(){!e.state.commenting&&o&&s()},frame(){o&&i()},destroy(){window.removeEventListener("mouseup",l,!0),window.removeEventListener("keyup",l,!0),document.removeEventListener("selectionchange",p),n.remove()}}}async function Xt(e,t){try{await navigator.clipboard.writeText(e);return}catch{}let n=document.createElement("textarea");n.value=e,n.setAttribute("readonly",""),n.style.cssText="position:fixed;opacity:0;pointer-events:none",t.append(n),n.select();let o=document.execCommand("copy");if(n.remove(),!o)throw new Error("pipeup: your browser blocked copying")}function Wn(e){let t=[m("span",{class:"n"}),m("span",{class:"n"})],n=Y("comment",20,1.4);n.lastElementChild.setAttribute("stroke-width","1.6");let o=m("button",{class:"mode",type:"button","aria-label":"Comment","aria-keyshortcuts":Vt,"aria-haspopup":"menu","aria-expanded":"false"},m("span",{class:"plus"},n),m("span",{class:"cnt"},Y("bubble",34,1.4),...t)),r=m("span",{class:"ttip","aria-hidden":"true"},"Comment",m("small",{},Ge)),i=m("div",{class:"launch"},o,r),s=m("div",{class:"menu",role:"menu","aria-label":"Comments"}),a=m("div",{class:"list",role:"menu","aria-label":"All comments"}),p=m("span",{class:"pn"}),l=m("button",{class:"ib",type:"button","aria-label":"Close"},Y("close")),d=m("button",{class:"hs",type:"button",role:"switch","aria-checked":"false"},"Show resolved",m("span",{class:"sw","aria-hidden":"true"}));d.addEventListener("click",g=>{g.stopPropagation(),e.menu.toggleResolved()});let y=m("div",{class:"all",role:"dialog","aria-label":"All comments"},m("div",{class:"hd"},m("span",{},"All comments"),p,d,l),a),E=m("div",{class:"pop side",role:"dialog","aria-label":"Comment thread"});s.inert=y.inert=E.inert=!0,e.layer.append(s,i,y);let f=!1,x=!1,w=[],v=!1,A=0,T=null,S=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,P=g=>{f=g,g||x&&(x=!1,Oe()),s.classList.toggle("show",g),J(s,!g),o.setAttribute("aria-expanded",String(g))},C=(g,k=!1)=>{e.state.listing!==g&&(e.state.listing=g,e.render(),g?(z(a)[0]??l).focus({preventScroll:!0}):k&&o.focus({preventScroll:!0}))},z=(g=s)=>[...g.querySelectorAll(".mi")],G=()=>s.getRootNode().activeElement,K=()=>{P(!1),o.focus({preventScroll:!0})},ae=()=>{x=!1,Oe(),F.focus({preventScroll:!0})},q=g=>{let k=z(g.currentTarget);if(k.length===0)return;let $=G(),I=k.indexOf($),_=te=>{g.preventDefault(),k[(te+k.length)%k.length]?.focus({preventScroll:!0})};g.key==="ArrowDown"?_(I+1):g.key==="ArrowUp"?_(I<0?k.length-1:I-1):g.key==="Home"?_(0):g.key==="End"&&_(k.length-1)};s.addEventListener("keydown",q),a.addEventListener("keydown",q),l.addEventListener("click",g=>{g.stopPropagation(),C(!1,!0)});let oe=g=>Gt(e,g),le=()=>w.filter(g=>!g.resolved).length;function j(){let g=z(a).indexOf(G()),k=e.menu.all().filter(re=>!re.thread.resolved||e.state.showResolved),$=re=>{let se=re.thread,ze=Se(se.root.author,se.root.name);ze.classList.add("in");let Ne=m("button",{class:se.resolved?"mi done":"mi",type:"button",role:"menuitem","data-thread":se.id},ze,m("span",{},m("span",{class:"clamp"},se.root.deleted?"Deleted":se.root.text),m("small",{},oe(se)?`\u201C${he(se.anchor.snapshot,80)}\u201D`:re.location.where)));return Ne.addEventListener("click",ot=>{ot.stopPropagation(),ee(se.id,Ne.getBoundingClientRect().top)}),Ne},I=k.filter(re=>oe(re.thread)),_="No longer on the page";p.textContent=String(le()),d.setAttribute("aria-checked",String(e.state.showResolved)),a.replaceChildren(k.length?"":m("div",{class:"sec",role:"presentation"},"No open comments"),...k.filter(re=>!oe(re.thread)).map($),I.length?m("div",{role:"group","aria-label":_},m("div",{class:"sec","aria-hidden":"true"},_),...I.map($)):"");let te=z(a);g>=0&&te[Math.min(g,te.length-1)]?.focus({preventScroll:!0})}function ee(g,k){Le()&&(e.state.reading=!0,C(!1)),u(g,k)}function u(g,k){let $=w.find(te=>te.id===g),I=e.resolved.get(g);if(!$)return;let _=I&&!oe($)?I.element??I.range?.startContainer.parentElement??null:null;if(_?.scrollIntoView({block:"center",inline:"nearest",behavior:S?"auto":"smooth"}),_&&I&&Qe($.anchor,I)&&_.checkVisibility?.({visibilityProperty:!0})!==!1){B(),e.open(g);return}e.open(null),Le()&&(e.state.reading=!0,e.render()),N($,k)}function N(g,k){let $={quote:g.anchor.quote?.exact??null,lost:oe(g)?g.anchor.snapshot:null};if(T?.id===g.id?T.view.update(g,$):(T={id:g.id,view:_e(g,e.actions,{variant:"popover",...$})},E.replaceChildren(T.view.element)),k===void 0)return;E.isConnected||(e.layer.insertBefore(E,y),E.offsetWidth);let I=St(e.state.listing),{left:_,top:te}=At({x:I.width,y:k,below:!1},{width:Ae,height:E.offsetHeight},I);E.style.left=`${_}px`,E.style.top=`${te}px`,E.classList.add("show"),E.inert=!1,e.focusReply(g.id)}function B(g=!1){T&&(T=null,E.classList.remove("show"),J(E,!0),g&&e.state.reading&&(e.state.reading=!1,e.render()))}function U(g,k,$,I=!1,..._){let te=m("button",{class:"mi",type:"button",role:I?"menuitemcheckbox":"menuitem"},g,m("span",{class:"lb"},k),..._,I&&m("span",{class:"sw","aria-hidden":"true"}),m("span",{class:"tt","aria-hidden":"true"}));return te.addEventListener("click",re=>{re.stopPropagation(),$()}),te}let h=(g,k,$,I)=>{let _=g.querySelector(".lb");_.textContent!==k&&(_.textContent=k),g.querySelector(".tt").textContent=$,g.setAttribute("aria-description",$),I!==void 0&&g.setAttribute("aria-checked",String(I))},L=()=>m("div",{class:"sep",role:"separator"}),M=m("span",{class:"ma"}),H=m("span",{class:"kc"}),R="",F=U(M,"",()=>{x=!0,Oe()},!1,H);F.dataset.item="name";let X=U(Y("copy"),"Copy all",()=>{K(),e.menu.copyAll("ai")}),Z=U(Y("lines"),"Copy all as text",()=>{K(),e.menu.copyAll("text")}),qe=m("span",{class:"kc"}),Pe=U(Y("list"),"All comments",()=>{P(!1),C(!0)},!1,qe),ce=U(Y("comment"),"Start commenting",()=>{K(),e.setCommenting(!e.state.commenting)},!0,m("span",{class:"kc","aria-hidden":"true"},Ge));ce.dataset.item="comment",ce.setAttribute("aria-keyshortcuts",Vt);let Ct=[F,L(),X,Z,Pe,L(),ce];function Ve(){let g=le(),k=e.menu.name(),$=k||ue(e.doc.me);if(h(F,$,k?"The name on your comments":"Add a name to show on your comments"),F.setAttribute("aria-label",`${$}, ${k?"edit":"add"} your name`),H.replaceChildren(k?Y("edit",13):"Add name"),Xe(e.doc.me,k)!==R){R=Xe(e.doc.me,k);let I=Se(e.doc.me,k);I.classList.add("in"),M.replaceChildren(I)}h(X,"Copy all","Markdown, with where each thread is"),h(Z,"Copy all as text","Just the words"),h(Pe,"All comments","Every thread, and where it is"),qe.textContent=g?String(g):"",h(ce,"Start commenting",e.state.commenting?"Turn off to hide the comments again":"Shows the comments; choose any part of the page to comment on it",e.state.commenting)}function Oe(){if(x){let g=m("textarea",{class:"input",rows:"1","aria-label":"Your name"});g.value=e.menu.name(),g.addEventListener("keydown",k=>{if(k.stopPropagation(),k.key==="Enter"){k.preventDefault();let $=g.value.trim();$&&e.menu.rename($).then(ae)}else k.key==="Escape"&&ae()}),s.replaceChildren(m("label",{class:"name"},"Your name",g)),g.focus({preventScroll:!0});return}Ve(),s.firstChild!==F&&s.replaceChildren(...Ct)}o.addEventListener("click",g=>{if(g.stopPropagation(),f){P(!1);return}Oe(),P(!0),g.detail===0&&z().at(-1)?.focus({preventScroll:!0})});let Re=!1,Ie=()=>{Re=y.contains(G())},Ue=g=>{let k=g.composedPath();f&&!k.includes(s)&&!k.includes(o)&&P(!1),e.state.listing&&!e.owns(g)&&C(!1,Re&&(!document.activeElement||document.activeElement===document.body)),!k.includes(E)&&!k.includes(y)&&B(!0)};window.addEventListener("pointerdown",Ie,!0),window.addEventListener("click",Ue,!0);let nt=g=>{if(g.key!=="Escape"||x)return;let k=g.composedPath()[0];if(f)K();else if(e.state.listing&&!(k instanceof HTMLTextAreaElement&&!y.contains(k)))C(!1,!0);else if(T)B(!0),e.actions.close();else return;g.stopPropagation()};return window.addEventListener("keydown",nt,!0),{render(g){w=g;let k=le();if(k!==A){if(k){let[I,_]=t[0].classList.contains("on")?t:[t[1],t[0]];_.textContent=k>99?"99+":String(k),_.classList.toggle("s",k>99),I.classList.remove("on"),_.classList.add("on")}o.classList.toggle("has",k>0),o.setAttribute("aria-label",k?`Comment, ${k} open`:"Comment"),A=k}e.state.commenting&&!v&&f&&K(),v=e.state.commenting,o.classList.toggle("on",v),f&&!x&&Ve();let $=e.state.listing;if(y.classList.toggle("full",Le()),y.classList.contains("show")!==$&&(y.classList.toggle("show",$),J(y,!$)),$&&j(),T){let I=g.find(_=>_.id===T?.id);!I||e.state.active||I.resolved&&!e.state.showResolved?B():N(I)}},frame(){},destroy(){window.removeEventListener("pointerdown",Ie,!0),window.removeEventListener("click",Ue,!0),window.removeEventListener("keydown",nt,!0),s.remove(),y.remove(),E.remove(),i.remove()}}}var jn=["pipeup-quote","pipeup-on","pipeup-done"],lr={"pipeup-quote":[[250,227,188,.75],[250,200,100,.28]],"pipeup-on":[[247,212,154,.95],[250,200,100,.42]],"pipeup-done":[[180,178,169,.22],[180,178,169,.2]]},cr=(e,t)=>jn.map(n=>{let[o,r,i,s]=lr[n][e?1:0];return`::highlight(${n}){background-color:rgba(${o},${r},${i},${+(s*t).toFixed(3)})}`}).join("");function Gn(){return typeof CSS<"u"&&"highlights"in CSS&&typeof Highlight<"u"}var pr="<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><rect x='7' y='7' width='23' height='23' rx='4' fill='none' stroke='#534AB7' stroke-width='2' stroke-dasharray='4 3'/><path d='M3 2v15l4-3.5 3 6.5 2.5-1.2-3-6.3H15z' fill='#fff' stroke='#2C2C2A' stroke-width='1.2' stroke-linejoin='round'/></svg>",dr=`:not([data-pipeup-ignore],[data-pipeup-ignore] *){cursor:url("data:image/svg+xml,${encodeURIComponent(pr)}") 3 2,crosshair!important}`;function Xn(e=document,t=!1){let n=e.defaultView?.CSSStyleSheet;if(!n||!("replaceSync"in n.prototype)||!("adoptedStyleSheets"in e))return{gutter(){},picking(){},fade(){},room(){},remove:()=>Yn()};let o=new n,r=null,i=!1,s=1,a=0,p="",l=0,d=()=>o.replaceSync(cr(t,s)+(r===null?"":`:root{--pipeup-gutter:${r}px}`)+(i?dr:"")+(a||p?`html{${a?`margin-right:${a}px!important;`:""}${p}}`:""));return d(),e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],{gutter(y){y!==r&&(r=y,d())},picking(y){y!==i&&(i=y,d())},fade(y){s=y,d()},room(y,E){y!==a&&(a=y,p=E?"":"transition:margin-right .34s cubic-bezier(.4,0,.2,1)!important",clearTimeout(l),!y&&p&&(l=window.setTimeout(()=>{p="",d()},400)),d())},remove(){clearTimeout(l),e.adoptedStyleSheets=e.adoptedStyleSheets.filter(y=>y!==o),Yn()}}}function Zn(e){Gn()&&(CSS.highlights.set("pipeup-quote",new Highlight(...e.quote)),CSS.highlights.set("pipeup-on",new Highlight(...e.on)),CSS.highlights.set("pipeup-done",new Highlight(...e.done)))}function Yn(){if(Gn())for(let e of jn)CSS.highlights.delete(e)}var Zt=':host{all:initial}*{box-sizing:border-box}button{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}svg{display:block}.layer{all:initial;display:block;position:fixed;inset:0;pointer-events:none;font:13px/1.5 var(--pu-font,system-ui,sans-serif);color:var(--pu-ink);--pu-ink:#2C2C2A;--pu-muted:#5F5E5A;--pu-faint:#888780;--pu-line:#E5E3DA;--pu-rule:#ECEAE2;--pu-soft:#FAFAF7;--pu-surface:#FFFFFF;--pu-hover:#F1EFE8;--pu-accent-soft:color-mix(in srgb,var(--pu-accent,#534AB7) 12%,transparent);--pu-shadow:0 8px 28px rgba(44,44,42,.1);--pu-enter:.26s;--pu-move:.34s;--pu-exit:.2s;--pu-pulse:1.2s;--pu-eo:cubic-bezier(.22,.61,.36,1);--pu-eio:cubic-bezier(.4,0,.2,1);--pu-ei:cubic-bezier(.4,0,1,1)}.layer.dark{--pu-ink:#ECEBE6;--pu-muted:#B4B2A9;--pu-faint:#8D8B84;--pu-line:#3A3936;--pu-rule:#34332F;--pu-soft:#22221F;--pu-surface:#1B1B19;--pu-hover:#2C2C29;--pu-shadow:0 8px 28px rgba(0,0,0,.45)}.layer.hidden .bub,.layer.hidden .col,.layer.hidden .pop,.layer.hidden .tip,.layer.hidden .mark,.layer.hidden .selbar{opacity:0!important;pointer-events:none!important}.tx{font-size:14px;line-height:1.5;color:var(--pu-ink);white-space:pre-wrap;overflow-wrap:anywhere}.tx.del,.who,.rest,.ctx{color:var(--pu-faint)}.who,.rest{font-size:12px}.who{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rft>.who{display:block}.ctx[hidden]{display:none}.ctx{font-size:12px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tx a{color:var(--pu-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.ft,.rft{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.ft>*,.rft>*{overflow:hidden;min-height:0;display:flex;align-items:center}.root:hover>.ft,.root:focus-within>.ft,.it:hover>.rft,.it:focus-within>.rft{grid-template-rows:1fr;opacity:1}.ft.has-rest{grid-template-rows:1fr;opacity:1}.ft.has-rest>*{grid-area:1/1}.ft .hover{opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.ft .rest{transition:opacity var(--pu-enter) var(--pu-eo)}.root:hover>.ft .hover,.root:focus-within>.ft .hover,.ft:not(.has-rest) .hover{opacity:1}.root:hover>.ft .rest,.root:focus-within>.ft .rest{opacity:0}.acts{margin-left:6px;display:flex;flex:none}.ib{width:24px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--pu-muted);transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.ib:hover,.ib:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.rps,.rbox{padding-left:14px}.rps .it{padding-top:6px}.more{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--pu-move) var(--pu-eio)}.more>div{overflow:hidden;min-height:0}.th:not(.on) .more{grid-template-rows:0fr}.row{display:flex;align-items:center;gap:8px;padding:8px 0 2px;cursor:text}.input{flex:1;min-width:0;height:27px;display:block;border:0;border-bottom:1px solid var(--pu-line);outline:none;resize:none;overflow:hidden;font:inherit;font-size:14px;line-height:1.5;padding:3px 0;color:var(--pu-ink);background:transparent;transition:border-color var(--pu-enter) var(--pu-eo)}.row:hover .input,.input:hover{border-bottom-color:var(--pu-muted)}.input:focus{border-bottom-color:var(--pu-accent)}.name{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pu-faint);padding-top:6px}.name .input{font-size:13px;height:24px}.root,.it{position:relative;padding-right:30px}.av{display:grid;place-items:center;width:22px;height:22px;border-radius:32%;font-size:12px;font-weight:600;line-height:1;opacity:0;transform:scale(.85);transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.av.in{opacity:1;transform:none}.av svg{width:80%;height:80%}.root>.av,.it>.av{position:absolute;top:0;right:0}.it>.av{top:6px}.av{--av-l:92%;--av-d:30%;--s:60%;background:hsl(var(--h) var(--s) var(--av-l));color:hsl(var(--h) var(--s) var(--av-d))}.dark .av{--av-l:20%;--av-d:78%}.c0{--h:0}.c1{--h:25}.c2{--h:50}.c3{--h:130}.c4{--h:175}.c5{--h:215}.c6{--h:270}.c7{--h:330}.c8{--h:28;--s:35%}.c9{--h:220;--s:8%}.me{flex:none;display:grid}.me>.av{grid-area:1/1;width:26px;height:26px;font-size:13px}.you{display:grid;padding:0 34px;min-height:24px;font-size:12px;color:var(--pu-faint)}.you>*{grid-area:1/1;display:flex;align-items:center;min-width:0;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.say{white-space:pre;overflow:hidden}.nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.say button{flex:none}.say button{color:var(--pu-muted);text-decoration:underline;text-decoration-color:var(--pu-line);text-underline-offset:2px;transition:color .2s var(--pu-eo)}.say button:hover,.say button:focus-visible{color:var(--pu-accent);outline:none}.nf{opacity:0;transform:translateY(-4px);pointer-events:none}.nf .input{font-size:13px;height:24px}.you.naming .nf{opacity:1;transform:none;pointer-events:auto}.you.naming .say{opacity:0;pointer-events:none}.send{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--pu-accent);flex:none;opacity:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),background-color .2s var(--pu-eo)}.send.show{opacity:1;pointer-events:auto}.send:hover{background:var(--pu-accent-soft)}.bub{position:fixed;left:0;top:0;width:20px;height:20px;margin:-20px 0 0 -2px;border-radius:50% 50% 50% 0;background:var(--pu-accent);border:2px solid var(--pu-surface);box-shadow:0 1px 4px #0003;pointer-events:auto;opacity:0;transform:translateY(-6px) scale(.9);transform-origin:2px 20px;transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.bub.in{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.bub.in:hover,.bub.on{transform:scale(1.18)}.bub.done{background:var(--pu-faint)}.bub.ghost{pointer-events:none}.tip,.pop,.menu,.all,.toast,.selbar{background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow)}.tip{position:fixed;max-width:260px;border-radius:10px;padding:7px 10px;opacity:0;transform:translateY(3px);transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo)}.tip.show{opacity:1;transform:none;pointer-events:auto;cursor:pointer;transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.pop{position:fixed;width:var(--pu-pop);border-radius:12px;padding:10px 12px 8px;pointer-events:none;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.pop.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.pop.show.glide{transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.mark{position:fixed;border:2px solid color-mix(in srgb,var(--pu-accent) 50%,transparent);background:var(--pu-accent-soft);border-radius:8px;opacity:0;transition:opacity .3s var(--pu-eo)}.mark.show{opacity:1}.pulse{position:fixed;border:2px solid var(--pu-accent);border-radius:8px;background:var(--pu-accent-soft);animation:pu-pulse var(--pu-pulse) var(--pu-eio) forwards}@keyframes pu-pulse{0%{opacity:0;transform:scale(.985)}35%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.col{position:fixed;left:0;top:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo)}.th{position:absolute;left:0;right:0;top:0;padding:4px 4px 4px 12px;pointer-events:auto;cursor:pointer;box-shadow:inset 2px 0 0 transparent;transition:transform var(--pu-move) var(--pu-eio),box-shadow var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.th.hot{box-shadow:inset 2px 0 0 var(--pu-line)}.th.on{box-shadow:inset 2px 0 0 var(--pu-accent);cursor:default}.th.dim{opacity:.45}.th.resolved:not(.on):not(.hot){opacity:.6}.th.lost .ctx{white-space:normal}.th.wait{opacity:0!important;pointer-events:none}.th.out{opacity:0!important;pointer-events:none;transition:opacity var(--pu-exit) var(--pu-ei)}.selbar{position:fixed;display:flex;border-radius:10px;padding:2px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.selbar.show{opacity:1;transform:none;pointer-events:auto}.selbar button{width:32px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--pu-accent);transition:background-color .2s var(--pu-eo)}.selbar button:hover,.selbar button:focus-visible{background:var(--pu-accent-soft);outline:none}.pick{position:fixed;left:0;top:0;border:2px solid color-mix(in srgb,var(--pu-accent) 70%,transparent);background:color-mix(in srgb,var(--pu-accent) 6%,transparent);border-radius:8px;pointer-events:none;opacity:0;transition:opacity var(--pu-exit) var(--pu-ei),border-color var(--pu-exit) var(--pu-ei)}.pick.show{opacity:1;transition-duration:var(--pu-enter);transition-timing-function:var(--pu-eo)}.pick.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.pick.on{border-color:var(--pu-accent)}.namebar{position:fixed;left:0;top:0;display:flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border-radius:10px;font-size:12px;color:var(--pu-muted);white-space:nowrap;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.namebar.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.namebar.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.namebar .lbl{margin-right:6px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.namebar .nb{padding:4px;display:grid;place-items:center;border-radius:7px;transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.namebar .nb:hover,.namebar .nb:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.namebar .nb[hidden]{display:none}.launch{position:fixed;right:20px;bottom:20px;pointer-events:auto}.launch .mode{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);transition:background-color .3s var(--pu-eo),color .3s var(--pu-eo)}.mode>*,.cnt>*{grid-area:1/1}.mode>*{display:grid;place-items:center;transition:opacity var(--pu-enter) var(--pu-eo)}.cnt,.has>.plus{opacity:0}.has>.cnt{opacity:1}.n{font-size:12px;font-weight:500;line-height:1;margin:-1.4px 0 0 1.4px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.n.s{font-size:9.5px;letter-spacing:-.04em}.n.on{opacity:1}.launch .mode:hover,.launch .mode[aria-expanded=true]{background:var(--pu-hover)}.launch .mode.on{background:var(--pu-accent);color:#fff}.ttip{position:absolute;right:0;bottom:54px;white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:12px;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.ttip small{margin-left:8px}.ttip small,.mi .kc{font-size:12px;color:var(--pu-faint)}.mode:hover+.ttip,.mode:focus-visible+.ttip{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}.launch .mode[aria-expanded=true]+.ttip{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}@media(hover:none){.ttip,.tt{display:none}}.menu{position:fixed;right:20px;bottom:76px;width:290px;border-radius:12px;padding:4px;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.menu.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.mi{position:relative;display:flex;gap:10px;align-items:center;width:100%;min-height:34px;text-align:left;padding:6px 10px;border-radius:8px;transition:background-color .2s var(--pu-eo)}.mi:hover,.mi:focus-visible{background:var(--pu-soft);outline:none}.mi svg{color:var(--pu-muted);flex:none}.mi small{display:block;color:var(--pu-faint);font-size:12px}.lb{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma{flex:none;display:grid;margin:-2px 0}.ma .av{width:20px;height:20px;font-size:11px}.mi .av svg{color:inherit}.sep{height:1px;margin:4px 10px;background:var(--pu-rule)}.tt{position:absolute;right:calc(100% + 14px);top:50%;translate:0 -50%;width:max-content;max-width:220px;padding:4px 9px;border-radius:8px;font-size:12px;line-height:1.4;color:var(--pu-muted);background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translate(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.mi:hover>.tt,.mi:focus-visible>.tt{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}@media(max-width:600px){.tt{right:8px;top:auto;bottom:100%;translate:none;transform:translateY(3px)}}.sw{position:relative;flex:none;width:26px;height:16px;border-radius:8px;background:var(--pu-line);transition:background-color var(--pu-move) var(--pu-eio)}.sw:before,.sw:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform var(--pu-move) var(--pu-eio),opacity var(--pu-move) var(--pu-eio)}.sw:before{opacity:0;transform:translate(10px)}[aria-checked=true]>.sw{background:var(--pu-accent)}[aria-checked=true]>.sw:after{transform:translate(10px)}.all{position:fixed;top:0;right:0;bottom:0;width:var(--pu-panel);display:flex;flex-direction:column;border-width:0 0 0 1px;opacity:0;transform:translate(100%);transition:transform var(--pu-exit) var(--pu-ei),opacity var(--pu-exit) var(--pu-ei)}.all.show{opacity:1;transform:none;pointer-events:auto;transition:transform var(--pu-move) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.all.full{width:100%}.hd{display:flex;align-items:center;gap:8px;padding:12px 10px 8px 16px;font-weight:600}.pn{font-weight:400;color:var(--pu-faint)}.hs{margin-left:auto;display:flex;align-items:center;gap:6px;padding:3px 4px 3px 6px;border-radius:6px;font-size:12px;font-weight:400;color:var(--pu-muted);transition:background-color .2s var(--pu-eo)}.hs:hover,.hs:focus-visible{background:var(--pu-hover);outline:none}.list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px}.all .mi{align-items:flex-start}.all .mi>.av{flex:none}.all .mi>span:last-child{flex:1;min-width:0}.all .mi small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all .mi .av svg{margin:0}.all .mi.done{opacity:.6}.layer.listing .col{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}.sec{padding:8px 10px 2px;font-size:12px;color:var(--pu-faint)}.toast{position:fixed;left:50%;bottom:28px;border-radius:10px;padding:8px 14px;font-size:13px;opacity:0;transform:translate(-50%,6px);transition:opacity .3s var(--pu-eo),transform .36s var(--pu-eo)}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.bub,.bub.in,.bub.in:hover,.bub.on,.tip,.pop,.selbar,.menu,.all,.ttip,.tt,.toast{transform:none!important}.sw:after{transform:none!important;transition-property:opacity}[aria-checked=true]>.sw:after{opacity:0}[aria-checked=true]>.sw:before{opacity:1}.th{transition-property:opacity,box-shadow}.tip.show{transition-property:opacity}.pick,.pick.show{transition:opacity .16s ease-in-out}.all,.all.show{transition-property:opacity}.namebar,.namebar.show{transform:none!important;transition:opacity .16s ease-in-out}.av,.nf{transform:none!important}@keyframes pu-pulse{0%{opacity:0}35%{opacity:.85}to{opacity:0}}}';var Qn="#534AB7",ur="rgb(0, 0, 238)";function Jn(e){let t=/rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+%?))?\s*\)/.exec(e);if(!t||t[1]===void 0||t[2]===void 0||t[3]===void 0)return null;let n=t[4]===void 0?1:t[4].endsWith("%")?parseFloat(t[4])/100:parseFloat(t[4]);return{r:Number(t[1]),g:Number(t[2]),b:Number(t[3]),a:n}}function mr(e){let t=n=>{let o=n/255;return o<=.03928?o/12.92:((o+.055)/1.055)**2.4};return .2126*t(e.r)+.7152*t(e.g)+.0722*t(e.b)}function eo(e){let t=e.ownerDocument,n=t.defaultView;if(!n)return{font:"system-ui, sans-serif",accent:Qn,dark:!1};let o=t.documentElement,r=n.getComputedStyle(e).fontFamily||"system-ui, sans-serif",i=(n.getComputedStyle(o).getPropertyValue("--pipeup-accent")||o.style.getPropertyValue("--pipeup-accent")).trim(),s=e.querySelector("a[href]"),a=s?n.getComputedStyle(s).color:"",p=i||(a&&a!==ur?a:Qn),l=Jn(n.getComputedStyle(t.body).backgroundColor);(!l||l.a===0)&&(l=Jn(n.getComputedStyle(o).backgroundColor));let d=l&&l.a>0?mr(l)<.2:n.matchMedia?.("(prefers-color-scheme: dark)").matches===!0&&/dark/.test(n.getComputedStyle(o).colorScheme||"");return{font:r,accent:p,dark:!!d}}function to(e,t){e.style.setProperty("--pu-font",t.font),e.style.setProperty("--pu-accent",t.accent),e.classList.toggle("dark",t.dark)}function no(e,t=document){let n=t.createElement("pipeup-root");n.setAttribute("data-pipeup-ignore",""),n.style.cssText="position:fixed!important;inset:0!important;pointer-events:none!important;z-index:2147483000!important;display:block!important;margin:0!important;visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important;";let o=n.attachShadow({mode:"open"}),r=t.defaultView?.CSSStyleSheet;if(r&&"replaceSync"in r.prototype&&"adoptedStyleSheets"in o){let s=new r;s.replaceSync(Zt),o.adoptedStyleSheets=[s]}else{let s=t.createElement("style");s.textContent=Zt,o.append(s)}let i=t.createElement("div");return i.className="layer",i.style.setProperty("--pu-panel",`${Je}px`),i.style.setProperty("--pu-pop",`${Ae}px`),to(i,e),o.append(i),t.documentElement.append(n),{element:n,shadow:o,layer:i,destroy:()=>n.remove()}}var fr=40,hr=250,gr=120,vr=2400,oo=4e3;function ro(e,t=!1){return jt(e,t)?"column":"bubbles"}function yr(e){return[...e.state.mode==="column"?[zn(e),Kt(e,{popovers:!1})]:[Kt(e,{popovers:!0})],Kn(e),Wn(e)]}var wr=1e3,Mt="Shown here, but not saved yet \u2014 it will be saved with your next change",Me=e=>e instanceof Error?e.message.replace(/^pipeup: /,""):"Something went wrong";function io(e){let t=eo(e.root),n=no(t),o=Xn(document,t.dark);o.fade(0);let r=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,i=document.documentElement.hasAttribute("data-pipeup-reserve"),s=new Map,a=new Set,p=new WeakSet,l={active:null,hot:null,showResolved:!1,hidden:!0,mode:ro(e.root),draft:null,commenting:!1,listing:!1,reading:!1},d=m("div",{class:"toast",role:"status","aria-live":"polite"});n.layer.append(d);let y=null,E=[],f=null,x=!1,w=0,v=0,A=0,T=0,S=0,P=!1;function C(c,b=vr){x||(P=b===oo,d.textContent=c,d.classList.add("show"),window.clearTimeout(w),w=window.setTimeout(()=>d.classList.remove("show"),b))}function z(){P&&(P=!1,window.clearTimeout(w),d.classList.remove("show"))}function G(c){C(Me(c))}function K(c){throw G(c),c}let ae=c=>({thread:c,location:pt(c.anchor,s.get(c.id)??je(c.anchor,e.root),e.root)}),q={reply:async(c,b)=>{try{await e.doc.reply(c,b)}catch(O){O instanceof de?C(Mt):K(O)}},resolve:async c=>{try{await e.doc.resolve(c),l.active===c&&!l.showResolved&&(l.active=null),C("Resolved \xB7 Show resolved brings it back")}catch(b){b instanceof de?(l.active===c&&!l.showResolved&&(l.active=null),C(`Resolved \xB7 ${Mt}`)):C(Me(b))}},reopen:async c=>{try{await e.doc.reopen(c),C("Reopened")}catch(b){C(b instanceof de?`Reopened \xB7 ${Mt}`:Me(b))}},close:()=>{ce(null),F&&X(F)?.focus({preventScroll:!0}),F=""},copy:c=>{try{let b=e.doc.threads().find(D=>D.id===c);if(!b)return;let O=gt(ae(b),"ai",location.href,Date.now());Xt(O,n.layer).then(()=>C("Thread copied as Markdown for AI"),D=>C(Me(D)))}catch(b){C(Me(b))}}};function oe(c){let b=O=>s.get(O.id)?.element??null;return[...c].sort((O,D)=>{let V=b(O),ne=b(D);return!V||!ne?V?-1:ne?1:0:V===ne?0:V.compareDocumentPosition(ne)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1})}let le={copyAll:async c=>{let b=le.all(),O=vt(b,c,{title:document.title,url:location.href,exportedAt:new Date});try{await Xt(O,n.layer);let D=b.filter(V=>!V.thread.resolved).length;C(`Copied ${D} thread${D===1?"":"s"}${c==="ai"?" as Markdown for AI":""}`)}catch(D){C(Me(D))}},toggleResolved:()=>{l.showResolved=!l.showResolved,R()},rename:async c=>{let b=c.replace(/\s+/g," ").trim();try{await nt(b)?C(`New comments will say ${b}, but this browser couldn't remember it`):C(`New comments will say ${b}`)}catch(O){C(Me(O))}},name:()=>e.doc.name,all:()=>oe(e.doc.threads()).map(ae)},j={doc:e.doc,root:e.root,layer:n.layer,host:n.element,state:l,resolved:s,pending:a,actions:q,menu:le,visible:c=>!l.hidden&&(!c.resolved||l.showResolved),quoteAt:(c,b)=>{for(let O of e.doc.threads()){let D=s.get(O.id);if(O.anchor.quote&&j.visible(O)&&D?.range&&In(c,b,Ze(D)))return O}return null},readsAt:(c,b)=>j.draftEmpty()?j.quoteAt(c,b):null,owns:c=>c.composedPath().includes(n.element),claim:c=>void p.add(c),open:ce,focusReply:c=>Pe(c),hot:Ct,startDraft:Ve,moveDraft:Oe,draftEmpty:()=>!y||y.isEmpty(),keepCaret:c=>{let b=y?.caret();c(),b?.()},postDraft:g,cancelDraft:Re,setCommenting:Ie,dismiss:Ue,registerDraft:c=>{y=c},toast:C,report:G,pulse:k,render:R};function ee(c){let b=performance.now(),O=e.doc.threads();for(let D of O){if(c&&!c.has(D.id))continue;let V=performance.now()-b<fr,ne=je(D.anchor,e.root,{fuzzy:V});s.set(D.id,ne),!V&&ne.state==="orphaned"?a.add(D.id):a.delete(D.id)}for(let D of[...s.keys()])O.some(V=>V.id===D)||s.delete(D);a.size===0?(window.clearTimeout(T),T=0):T===0&&(T=window.setTimeout(()=>{T=0,!x&&(ee(new Set(a)),R())},hr))}function u(c){let b=[],O=[],D=[];for(let V of c){let ne=s.get(V.id);V.resolved&&!l.showResolved||!ne?.range||(V.id===l.active||V.id===l.hot?O.push(ne.range):V.resolved?D.push(ne.range):b.push(ne.range))}l.draft&&O.push(...l.draft.ranges),Zn({quote:b,on:O,done:D})}let N=0,B=0,U=0;function h(c){if(c===B)return;B=c,cancelAnimationFrame(U);let b=N,O=performance.now(),D=c?260:200,V=ne=>{let rt=Math.min(1,(ne-O)/D);N=b+(c-b)*(c?1-(1-rt)**3:rt*rt),o.fade(N),rt<1&&(U=requestAnimationFrame(V))};U=requestAnimationFrame(V)}let L=0,M=0;function H(c){c!==L&&(L=c,o.room(c,r),window.clearTimeout(M),M=window.setTimeout(()=>{ee(),R()},r?0:400))}function R(){if(x)return;let c=e.doc.threads();l.hidden=!l.commenting&&!l.listing&&!l.reading&&!l.draft,l.hidden&&(l.active=null),h(l.hidden?0:1),n.layer.classList.toggle("hidden",l.hidden),n.layer.classList.toggle("listing",l.listing);let b=l.listing&&!Le();H(b?Je:0),o.gutter(i?l.mode==="column"&&!l.hidden&&!b?tt:0:null),u(c);for(let O of E)O.render(c);f?.render(c)}let F="",X=c=>n.layer.querySelector(`.all .mi[data-thread="${c}"]`),Z="input,textarea,select,[contenteditable]:not([contenteditable=false])",qe=()=>{let c=n.layer.getRootNode().activeElement;return c instanceof HTMLTextAreaElement&&c.value!==""||!!document.activeElement?.matches(Z)};function Pe(c,b=qe()){let O=[...n.layer.querySelectorAll(`[data-thread="${c}"] .rbox textarea`)].find(D=>!D.closest("[inert]"));b||!O||(F=n.layer.getRootNode().activeElement?.getAttribute("data-thread")??"",O.focus({preventScroll:!0}))}function ce(c){if(c&&l.draft&&!j.draftEmpty())return;if(l.active===c&&!l.draft)return c?Pe(c):void 0;let b=qe();c||(l.reading=!1),l.active=c,c&&(l.draft=null,k(c)),R(),c&&Pe(c,b)}function Ct(c){l.hot!==c&&(l.hot=c,c&&c!==l.active&&k(c),R())}function Ve(c){z(),l.listing=!1,l.draft=c,l.active=null,R()}function Oe(c){if(!l.draft)return Ve(c);Object.assign(l.draft,c),R()}function Re(){l.draft&&(l.draft=null,R())}function Ie(c){l.commenting!==c&&(l.commenting=c,o.picking(c),c?(l.active=null,l.listing=!1,C(`Click anything to comment \xB7 Option-click (Alt-click) to pin \xB7 ${Ge} or Esc to finish`,oo),f=Vn(j)):(z(),f?.destroy(),f=null),R())}function Ue(){if(l.draft){j.draftEmpty()&&Re();return}l.active&&ce(null)}async function nt(c){try{return await e.onName(c),!1}catch(b){if(e.doc.name!==c)throw b;return!0}}async function g(c){let b=l.draft;if(b)try{let O=await e.doc.comment(b.anchor,c);l.draft=null,ee(new Set([O])),ce(O)}catch(O){if(O instanceof de){l.draft=null,ee(new Set([O.id])),ce(O.id),C(Mt);return}K(O)}}function k(c){let b=s.get(c);if(!b||b.state==="orphaned")return;let O=b.range?Ze(b):b.element?[b.element.getBoundingClientRect()]:[];for(let D of O.slice(0,6)){let V=m("div",{class:"pulse"});Fe(V,D,4),n.layer.prepend(V),window.setTimeout(()=>V.remove(),1300)}}function $(){for(let c of E)c.destroy();E=yr(j),R()}let I=()=>{if(!x){for(let c of E)c.frame();f?.frame(),S=requestAnimationFrame(I)}},_=c=>{let b=c.composedPath()[0];return b instanceof Element&&b.closest(Z)!==null},te=c=>{if(c.key==="Escape"){l.draft?Re():l.active?ce(null):f&&!f.back()&&Ie(!1);return}Pn(c)&&!c.isComposing&&!c.defaultPrevented&&!_(c)&&(c.preventDefault(),Ie(!l.commenting))},re=c=>{if(j.owns(c)||p.has(c))return;let b=window.getSelection();b&&!b.isCollapsed||Ue()},se=()=>{let c=ro(e.root,l.mode==="column");c!==l.mode?(l.mode=c,$()):R()};function ze(){let c=performance.now();v===0&&(A=c),window.clearTimeout(v);let b=Math.min(gr,Math.max(0,A+wr-c));v=window.setTimeout(()=>{v=0,ee(),R()},b)}let Ne=new MutationObserver(c=>{c.every(b=>n.element.contains(b.target))||ze()});window.addEventListener("keydown",te),window.addEventListener("click",re),window.addEventListener("resize",se),Ne.observe(e.root,{subtree:!0,childList:!0,characterData:!0});let ot=typeof ResizeObserver>"u"?null:new ResizeObserver(ze);ot?.observe(e.root);let so=e.doc.onChange(()=>{ee(),R()});return ee(),$(),S=requestAnimationFrame(I),{ctx:j,destroy(){x=!0,cancelAnimationFrame(S),cancelAnimationFrame(U),window.clearTimeout(M),window.clearTimeout(w),window.clearTimeout(v),window.clearTimeout(T),Ne.disconnect(),ot?.disconnect(),so(),window.removeEventListener("keydown",te),window.removeEventListener("click",re),window.removeEventListener("resize",se),f?.destroy();for(let c of E)c.destroy();o.remove(),n.destroy()}}}var Ce=null,br=4e3;function Qt(e={}){if(Ce)return Ce;let t=Er(e,()=>t).catch(n=>{throw Ce===t&&(Ce=null),n});return Ce=t,t}function xr(e,t){return new Promise((n,o)=>{let r=setTimeout(()=>o(new Error("timed out")),t);e.then(n,o).finally(()=>clearTimeout(r))})}async function Er(e,t){let n=document.documentElement.getAttribute("data-pipeup-doc"),{id:o,key:r}=n?await it(n):{id:`page-${we(location.origin+location.pathname)}`,key:null},i,s=!1,a;if(e.store)i=e.store,a=await He(i);else try{let f=De.open();i=await xr(f,br).catch(x=>{throw f.then(w=>w.close(),()=>{}),x}),a=await He(i)}catch{i=new Be,s=!0,a=await He(i)}let p=e.name?.trim();p&&p!==a.name&&(a={...a,name:p},await i.saveProfile(a));let l=await $e.open({doc:o,key:r,store:i,identity:a.identity,name:a.name}),d=io({doc:l,root:e.root??document.body,onName:async f=>{l.name=f,a={...a,name:f},await i.saveProfile(a)}});s&&d.ctx.toast("This browser can't keep comments for this page \u2014 copy the comments (Copy all) to keep them");let y=()=>void l.flush().catch(f=>globalThis.reportError?.(f)),E=!1;return window.addEventListener("pagehide",y),{document:l,flush:()=>l.flush(),unmount:()=>{E||(E=!0,window.removeEventListener("pagehide",y),d.destroy(),Ce===t()&&(Ce=null))}}}function ao(){let e=document.documentElement;if(!e.hasAttribute("data-pipeup-doc")||e.getAttribute("data-pipeup-auto")==="off")return;let t=()=>void Qt().catch(n=>console.error(n));document.readyState==="loading"?document.addEventListener("DOMContentLoaded",t,{once:!0}):t()}var kr="0.3.1";typeof document<"u"&&ao();return fo(Tr);})();

package/dist/types/anchor/describe.d.ts

@@ -0,0 +1,11 @@
+import type { Anchor } from "../model/types";
+export declare function markedAncestor(node: Node, root: Element): Element | null;
+/** The paragraph-like block a node sits in; its text is what "has this changed?" is judged on. */
+export declare function blockOf(node: Node, root: Element): Element;
+/** A CSS path from `from` to its descendant `to`, usable as from.querySelector(path). '' when they're equal. */
+export declare function cssPath(from: Element, to: Element): string;
+export declare function describeRange(range: Range, root: Element, view?: Record<string, string>): Anchor;
+export declare function describeElement(el: Element, root: Element, point?: {
+    x: number;
+    y: number;
+}, view?: Record<string, string>): Anchor;

package/dist/types/anchor/fuzzy.d.ts

@@ -0,0 +1,10 @@
+export declare function levenshtein(a: string, b: string): number;
+/**
+ * Best approximate occurrence of `pattern` in `text` (Sellers' algorithm), or null if every
+ * occurrence needs more than `maxDistance` edits.
+ */
+export declare function approxFind(text: string, pattern: string, maxDistance: number): {
+    start: number;
+    end: number;
+    distance: number;
+} | null;

package/dist/types/anchor/locate.d.ts

@@ -0,0 +1,13 @@
+import type { Anchor } from "../model/types";
+import type { Resolved } from "./resolve";
+export interface Location {
+    /** "Slide 3 "Title" › Q4 bar", "Section "Pricing" › Link · Start free trial", or why it's missing. */
+    where: string;
+    element: string | null;
+    id: string | null;
+    quote: string | null;
+    pin: string | null;
+}
+/** innerText, where there is layout, keeps separate blocks apart ("Offline first Everything…"). */
+export declare function labelOf(el: Element): string;
+export declare function locate(anchor: Anchor, resolved: Resolved, root: Element): Location;

package/dist/types/anchor/resolve.d.ts

@@ -0,0 +1,13 @@
+import type { Anchor } from "../model/types";
+export type AnchorState = "attached" | "moved" | "orphaned";
+export interface Resolved {
+    state: AnchorState;
+    element: Element | null;
+    range: Range | null;
+}
+export interface ResolveOptions {
+    /** Try approximate matching when exact text isn't found. Default true. */
+    fuzzy?: boolean;
+}
+export declare function findMarked(root: Element, id: string): Element | null;
+export declare function resolveAnchor(anchor: Anchor, root: Element, options?: ResolveOptions): Resolved;

package/dist/types/anchor/text.d.ts

@@ -0,0 +1,12 @@
+/** All text under a node, with where each text node starts. Offsets match Range#toString(). */
+export interface TextIndex {
+    text: string;
+    nodes: {
+        node: Text;
+        start: number;
+    }[];
+}
+export declare function indexText(root: Node): TextIndex;
+/** Character offset of a DOM position within root's text. */
+export declare function textOffset(root: Node, container: Node, offset: number): number;
+export declare function rangeFromOffsets(index: TextIndex, start: number, end: number): Range | null;

package/dist/types/auto.d.ts

@@ -0,0 +1 @@
+export * from "./index";

package/dist/types/core.d.ts

@@ -0,0 +1,12 @@
+export declare const VERSION = "0.3.1";
+export { PipeupDocument, UnsavedChangeError, type Listener, type OpenOptions } from "./document";
+export { DEFAULT_PROFILE_NAME, MemoryStore, loadOrCreateProfile, type OpStore, type Profile, } from "./storage/store";
+export { IndexedDbStore } from "./storage/indexeddb";
+export { createIdentity, type Identity } from "./crypto/identity";
+export { newDocumentAttribute, parseDocumentAttribute, type DocumentKey } from "./crypto/seal";
+export { describeElement, describeRange } from "./anchor/describe";
+export { resolveAnchor, type AnchorState, type Resolved, type ResolveOptions } from "./anchor/resolve";
+export { labelOf, locate, type Location } from "./anchor/locate";
+export { copyAll, copyThread, formatAgo, type CopyAs, type ExportItem, type ExportMeta, } from "./export/format";
+export { ANIMALS, COLOURS, animalName, nameOf, type Animal } from "./model/animals";
+export type { Anchor, Comment, Thread } from "./model/types";

package/dist/types/crypto/identity.d.ts

@@ -0,0 +1,10 @@
+/** A reviewer's signing identity. The private key cannot be exported and never leaves the browser. */
+export interface Identity {
+    publicKey: string;
+    privateKey: CryptoKey;
+}
+/** For tests: how many imported verify keys are cached. */
+export declare const verifyKeyCacheSize: () => number;
+export declare function createIdentity(): Promise<Identity>;
+export declare function sign(identity: Identity, data: Uint8Array<ArrayBuffer>): Promise<string>;
+export declare function verify(publicKey: string, data: Uint8Array<ArrayBuffer>, signature: string): Promise<boolean>;

package/dist/types/crypto/seal.d.ts

@@ -0,0 +1,15 @@
+/** The document's identity and 256-bit key, from the page's data-pipeup-doc attribute. */
+export interface DocumentKey {
+    id: string;
+    key: CryptoKey;
+}
+export interface Sealed {
+    iv: string;
+    data: string;
+}
+/** A fresh value for data-pipeup-doc: "<document id>:<key>". */
+export declare function newDocumentAttribute(): string;
+export declare function parseDocumentAttribute(value: string): Promise<DocumentKey>;
+/** AES-256-GCM. `context` is bound into the ciphertext so it can't be replayed elsewhere. */
+export declare function seal(key: CryptoKey, plaintext: string, context: string): Promise<Sealed>;
+export declare function unseal(key: CryptoKey, sealed: Sealed, context: string): Promise<string>;

package/dist/types/document.d.ts

@@ -0,0 +1,67 @@
+import type { Identity } from "./crypto/identity";
+import type { Anchor, Thread } from "./model/types";
+import type { OpStore } from "./storage/store";
+export interface OpenOptions {
+    doc: string;
+    key: CryptoKey | null;
+    store: OpStore;
+    identity: Identity;
+    /** The reviewer's name; "" until they add one (they show as their animal). */
+    name: string;
+}
+export type Listener = (threads: Thread[]) => void;
+/** The change is recorded and shown, but the store refused it; it is saved with the next change. */
+export declare class UnsavedChangeError extends Error {
+    readonly id: string;
+    readonly cause: unknown;
+    /** How many changes were recorded but not saved (an import can carry several). */
+    readonly count: number;
+    constructor(id: string, cause: unknown, 
+    /** How many changes were recorded but not saved (an import can carry several). */
+    count?: number);
+}
+/** One document's comments for one reviewer: what the UI and CLI build on. */
+export declare class PipeupDocument {
+    private readonly log;
+    private readonly options;
+    private readonly listeners;
+    private cache;
+    private readonly comments;
+    private displayName;
+    private queue;
+    private unsaved;
+    private constructor();
+    static open(options: OpenOptions): Promise<PipeupDocument>;
+    get id(): string;
+    get me(): string;
+    get name(): string;
+    /** Names new comments, and this reviewer's earlier unnamed ones, which listeners hear about. */
+    set name(value: string);
+    threads(): readonly Thread[];
+    onChange(fn: Listener): () => void;
+    comment(anchor: Anchor, text: string): Promise<string>;
+    reply(parentId: string, text: string): Promise<string>;
+    edit(commentId: string, text: string): Promise<void>;
+    remove(commentId: string): Promise<void>;
+    resolve(threadId: string): Promise<void>;
+    reopen(threadId: string): Promise<void>;
+    /** Saves any changes the store has not yet accepted. Rejects while the store still fails. */
+    flush(): Promise<void>;
+    /** Everything this browser knows about the document, sealed when the page has a key. */
+    exportFile(): Promise<string>;
+    /**
+     * Merges a feedback file. Returns how many new, authentic changes it contained.
+     * Throws UnsavedChangeError (id of the first added change) if they were applied but the store refused them.
+     */
+    importFile(json: string): Promise<number>;
+    /** Runs one change at a time, in call order; a failed call does not stop later ones. */
+    private enqueue;
+    /** Records a change and returns its id. */
+    private write;
+    /** Hands every unsaved change to the store; they stay unsaved if it fails. */
+    private persist;
+    private refresh;
+    private find;
+    private mine;
+    private thread;
+}

package/dist/types/export/format.d.ts

@@ -0,0 +1,17 @@
+import type { Location } from "../anchor/locate";
+import type { Thread } from "../model/types";
+export type CopyAs = "ai" | "text";
+export interface ExportItem {
+    thread: Thread;
+    location: Location;
+}
+export interface ExportMeta {
+    title: string;
+    url: string;
+    exportedAt: Date;
+}
+export declare function formatAgo(at: number, now: number): string;
+/** Copy one thread — always the whole thread. */
+export declare function copyThread(item: ExportItem, as: CopyAs, page: string, now: number): string;
+/** Copy every open thread, in the order given (page or slide order). */
+export declare function copyAll(items: ExportItem[], as: CopyAs, meta: ExportMeta): string;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./core";
+export { mount, type MountOptions, type PipeupInstance } from "./ui/mount";

package/dist/types/model/animals.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Everyone is an animal in a colour ("Red Fox") until they add a name. Both come from the reviewer's public key, so
+ * one identity is the same animal in the same colour on every page and every device that holds it. The UI draws each animal
+ * (ui/animals.ts); this module only names them, so core code such as copy for AI can say who wrote what.
+ */
+export declare const ANIMALS: readonly ["Otter", "Fox", "Owl", "Bear", "Rabbit"];
+export type Animal = (typeof ANIMALS)[number];
+/** The colour each animal comes in, so 50 reviewers can be told apart before they add names. */
+export declare const COLOURS: readonly ["Red", "Orange", "Yellow", "Green", "Teal", "Blue", "Purple", "Pink", "Brown", "Grey"];
+/** Which animal (an index into ANIMALS) a reviewer is. */
+export declare const animalOf: (author: string) => number;
+/** Which colour (an index into COLOURS) their animal is: from another part of the same hash. */
+export declare const colourOf: (author: string) => number;
+/** A reviewer's animal in its colour, such as "Red Fox". */
+export declare const animalName: (author: string) => string;
+/** What to call a comment's writer: their name, or their animal until they add one. */
+export declare const nameOf: (c: {
+    author: string;
+    name: string;
+}) => string;

package/dist/types/model/fold.d.ts

@@ -0,0 +1,6 @@
+import type { SignedOp, Thread } from "./types";
+/**
+ * Turns ops into threads. Deterministic: peers holding the same ops see the same threads,
+ * whatever order the ops arrived in. Assumes ops are already well formed and authentic.
+ */
+export declare function foldThreads(ops: Iterable<SignedOp>): Thread[];

package/dist/types/model/log.d.ts

@@ -0,0 +1,33 @@
+import type { Identity } from "../crypto/identity";
+import type { OpBody, OpKind, SignedOp, Thread } from "./types";
+type Fields = Omit<OpBody, "v" | "id" | "doc" | "author" | "name" | "clock" | "at">;
+/**
+ * What a caller supplies for a new op. The id is always derived from the op's content, so callers
+ * never choose it; a create starts its own thread, so it takes no `thread` either.
+ */
+export type NewOp = (Omit<Fields, "kind" | "thread"> & {
+    kind: "create";
+}) | (Fields & {
+    kind: Exclude<OpKind, "create">;
+});
+/** The verified set of ops for one document, plus its Lamport clock. */
+export declare class OpLog {
+    readonly doc: string;
+    private readonly ops;
+    private clock;
+    /** Latest `at` of each author's creates, and of each thread, so new ops follow what came before. */
+    private readonly createAt;
+    private readonly threadAt;
+    constructor(doc: string);
+    get size(): number;
+    all(): SignedOp[];
+    threads(): Thread[];
+    /**
+     * Adds ops that are well formed, for this document, carry the id their content derives, are
+     * authentically signed and are new. Returns those added.
+     */
+    add(incoming: unknown[]): Promise<SignedOp[]>;
+    /** Creates, signs and adds a new op written by `identity`. */
+    append(identity: Identity, name: string, fields: NewOp): Promise<SignedOp>;
+}
+export {};

package/dist/types/model/opid.d.ts

@@ -0,0 +1,6 @@
+import type { OpBody } from "./types";
+/**
+ * An op's id: base64url of the SHA-256 of the op's canonical body, without its id (and, for a
+ * create, without its thread, which must equal the id). 43 characters.
+ */
+export declare function computeOpId(body: OpBody): Promise<string>;

package/dist/types/model/ops.d.ts

@@ -0,0 +1,30 @@
+import { type Identity } from "../crypto/identity";
+import type { OpBody, SignedOp } from "./types";
+/** Lengths are UTF-16 code units (JavaScript string length). */
+export declare const MAX_TEXT = 10000;
+/** Far beyond any real log, far below where clock arithmetic could overflow. */
+export declare const MAX_CLOCK: number;
+/** Latest valid `at` in ms (about the year 6400); new ops stay at it rather than fail. */
+export declare const MAX_AT: number;
+export declare const LIMITS: {
+    readonly doc: 64;
+    readonly path: 2000;
+    readonly snapshot: 500;
+    readonly anchorId: 200;
+    readonly quote: 10000;
+    readonly context: 64;
+    readonly viewEntries: 16;
+    readonly viewKey: 64;
+    readonly viewValue: 200;
+};
+export declare function signOp(body: OpBody, identity: Identity): Promise<SignedOp>;
+export declare function isAnchor(a: unknown): boolean;
+/** Shape checks that need nothing but the op itself. */
+export declare function isWellFormed(op: unknown): op is SignedOp;
+export declare function isAuthentic(op: SignedOp): Promise<boolean>;
+/**
+ * Total order every peer agrees on: by clock, then time written, then author, then id. Time comes
+ * before author so one writer's actions keep their order when many ops share a clock (for example
+ * once a peer has pushed it to the cap).
+ */
+export declare function compareOps(a: SignedOp, b: SignedOp): number;