@vantran-se/openchamber-web 1.23.0 → 1.24.3

package/dist/assets/PierreDiffViewer-DCsydlKs.js

@@ -1,161 +0,0 @@
-import{R as I,j as M,c as ye,r as l}from"./vendor-react-BUCujlKS.js";import{a as Ke}from"./web-components-CdGfR2XJ.js";import{f as Ie}from"./computeVirtualFileMetrics-C8byMnRh.js";import{V as Ye,F as Xe}from"./VirtualizedFileDiff-DcdgkH-x.js";import{V as Je}from"./Virtualizer-D_a8gKmg.js";import{ef as Qe,eg as ze,bb as Ze,bR as et,h as Ne}from"./useAppFontEffects-DpFNefUA.js";import{I as He,a as tt,u as nt}from"./useInlineCommentController-CscsE4t-.js";import"./index-BqhiCmYS.js";import{a9 as rt}from"./runtimeEndpointReset-B8LYpWvr.js";import{ensurePierreThemeRegistered as $e,getResolvedShikiTheme as qe}from"./appThemeRegistry-BK0dHKa6.js";const ve=i=>{if(i.type==="new"){const n=Math.min(i.selection.start,i.selection.end),r=Math.max(i.selection.start,i.selection.end);return`new-comment-${i.selection.side??"additions"}-${n}-${r}`}return`draft-${i.draft.id}`},it=i=>{const{drafts:n,editingDraftId:r,selection:a}=i,d=[];for(const w of n){if(!Number.isFinite(w.endLine))continue;const L=Math.max(1,Math.floor(w.endLine)),C=w.side==="original"?"deletions":"additions";d.push({lineNumber:L,side:C,metadata:{type:w.id===r?"edit":"saved",draft:w}})}return a&&!r&&d.push({lineNumber:Math.max(a.start,a.end),side:a.side??"additions",metadata:{type:"new",selection:a}}),d};function ot(i){const n=i.trim();if(!n)return null;if(/^-?\d+(\.\d+)?$/.test(n)){const r=Number.parseFloat(n);return Number.isFinite(r)?r:null}if(n.endsWith("px")){const r=Number.parseFloat(n.slice(0,-2));return Number.isFinite(r)?r:null}return null}function Be(i){if(!(!i||i<=0))return Math.max(200,Math.floor(i))}function st(i){const{diffRootRef:n,drafts:r,selection:a,editingDraftId:d,commentText:w,onTextChange:L,fileLabel:C,onSave:u,onCancel:$,onEdit:z,onDelete:N}=i,[V,O]=I.useState(0),[ee,P]=I.useState(null),H=I.useMemo(()=>!a||d?null:ve({type:"new",selection:a}),[d,a]),te=I.useMemo(()=>{const o=r.map(b=>ve({type:b.id===d?"edit":"saved",draft:b}));return H&&o.push(H),o},[r,d,H]),K=I.useCallback(o=>{const b=n.current;if(!b)return null;const S=b.querySelector("diffs-container");if(!(S instanceof HTMLElement))return null;const k=S.querySelector(`[data-annotation-id="${o}"]`);if(k instanceof HTMLElement)return k;const T=S.shadowRoot;return T?T.querySelector(`[data-annotation-id="${o}"]`):null},[n]);I.useEffect(()=>{if(te.length===0)return;let o=!1,b=0;const S=12,k=()=>{o||te.every(F=>!!K(F))||b>=S||(b+=1,requestAnimationFrame(()=>{o||(O(F=>F+1),k())}))};return k(),()=>{o=!0}},[te,K]),I.useEffect(()=>{const o=n.current;if(!o)return;const b=()=>{const k=getComputedStyle(o),T=ot(k.getPropertyValue("--oc-context-panel-width")),F=o.getBoundingClientRect(),W=T??F.width;P(W>0?W:null)};b();const S=new ResizeObserver(()=>{b()});return S.observe(o),window.addEventListener("resize",b),()=>{S.disconnect(),window.removeEventListener("resize",b)}},[n]);const Y=I.useCallback(o=>{const S=n.current?.getBoundingClientRect(),k=o.closest("[data-annotation-content]"),T=k instanceof HTMLElement?k.getBoundingClientRect():o.getBoundingClientRect(),F=[T.width];S&&F.push(S.right-T.left);const W=F.filter(ce=>Number.isFinite(ce)&&ce>0);return W.length>0?Be(Math.min(...W)):Be(ee)},[n,ee]);return M.jsxs(M.Fragment,{children:[r.map(o=>{const b=ve({type:o.id===d?"edit":"saved",draft:o}),S=K(b);if(!S)return null;const k=Y(S);return o.id===d?ye.createPortal(M.jsx(He,{initialText:w,onTextChange:L,fileLabel:C,lineRange:{start:o.startLine,end:o.endLine,side:o.side==="original"?"deletions":"additions"},isEditing:!0,onSave:u,onCancel:$,maxWidth:k}),S,`draft-edit-${o.id}`):ye.createPortal(M.jsx(tt,{draft:o,onEdit:()=>z(o),onDelete:()=>N(o),maxWidth:k}),S,`draft-card-${o.id}`)}),a&&!d&&H&&(()=>{const o=K(H);if(!o)return null;const b=Y(o);return ye.createPortal(M.jsx(He,{initialText:w,onTextChange:L,fileLabel:C,lineRange:a,isEditing:!1,onSave:u,onCancel:$,maxWidth:b}),o,H)})()]})}const De=[],at=`
-  [data-gutter-buffer="annotation"] { min-height: 0; }
-  [data-code] { min-height: 2.5rem; align-content: start; }
-`,Oe=5e5,lt=`
-  :host {
-    font-family: var(--font-mono);
-    font-size: var(--text-code);
-  }
-
-  pre, [data-code] {
-    font-family: var(--font-mono);
-    font-size: var(--text-code);
-  }
-
-  /* Mobile touch selection support */
-  [data-line-number] {
-    touch-action: manipulation;
-    -webkit-tap-highlight-color: transparent;
-    cursor: pointer;
-  }
-
-  /* Ensure interactive line numbers work on touch */
-  pre[data-interactive-line-numbers] [data-line-number] {
-    touch-action: manipulation;
-  }
-`,We=`
-  ${lt}
-
-  /* While a multi-line content drag is being mapped to a line selection the
-     row highlight is the feedback; the native blue text selection on top of
-     it reads as double-selection, so it is painted transparent for the drag's
-     duration only (single-line selections keep the normal look for copying). */
-  :host([data-oc-comment-drag]) {
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  /* Gutter "+" comment utility: theme primary, and smaller than Pierre's
-     1lh default, which reads oversized next to our 13px line numbers. */
-  [data-utility-button] {
-    width: 16px;
-    height: 16px;
-    align-self: center;
-    margin-right: calc(-16px + 1ch);
-    border-radius: 5px;
-    background-color: var(--primary-base);
-    color: var(--primary-foreground);
-  }
-
-  :host {
-    --diffs-bg-separator-override: var(--surface-elevated);
-  }
-
-  [data-diff-header],
-  [data-diff] {
-    [data-separator] {
-      height: 24px !important;
-    }
-  }
-
-  [data-separator="line-info-basic"] {
-    height: 24px !important;
-    background: var(--diffs-bg) !important;
-    position: relative;
-  }
-
-  [data-diff-type="single"] [data-gutter],
-  [data-diff-type="split"] [data-deletions] [data-gutter] {
-    [data-separator-wrapper] {
-      position: absolute;
-      left: 100%;
-      display: flex;
-      align-items: center;
-      gap: unset;
-      width: max-content;
-      background: transparent;
-      color: var(--diffs-fg-number);
-      font-family: var(--diffs-header-font-family, var(--font-sans));
-      font-size: 0.75rem;
-      line-height: 1;
-      margin-left: calc(-2ch - 2px);
-    }
-
-    [data-separator-wrapper][data-separator-multi-button] {
-      margin-left: calc(-3ch - 2px);
-    }
-
-    [data-expand-button],
-    [data-separator-content] {
-      display: block;
-      align-self: unset;
-      min-width: unset;
-      min-height: unset;
-      padding: 0;
-      flex-shrink: 0;
-      grid-column: unset;
-      border: none;
-      width: auto;
-      height: auto;
-      background-color: transparent;
-      color: inherit;
-      font: inherit;
-    }
-
-    [data-expand-button]:not([data-expand-all-button]) {
-      &[data-expand-down]::before {
-        content: '\\2191';
-      }
-
-      &[data-expand-up]::before {
-        content: '\\2193';
-      }
-
-      &[data-expand-both]::before {
-        content: '\\2195';
-      }
-
-      svg {
-        display: none;
-      }
-    }
-
-    [data-separator-content] {
-      background: transparent;
-      margin-left: calc(2px + 1ch);
-    }
-
-    [data-expand-all-button] {
-      position: relative;
-      margin-left: 14px;
-      text-transform: lowercase;
-    }
-
-    [data-expand-all-button]::before {
-      content: '';
-      display: block;
-      position: absolute;
-      top: 50%;
-      left: -8px;
-      margin-top: -1px;
-      width: 3px;
-      height: 3px;
-      border-radius: 2px;
-      background-color: var(--diffs-fg-number);
-      pointer-events: none;
-    }
-
-    [data-separator-content]:hover,
-    [data-expand-button]:hover,
-    [data-expand-all-button]:hover {
-      color: var(--diffs-fg);
-    }
-
-    [data-expand-all-button]:hover {
-      text-decoration: underline;
-    }
-  }
-  `;function ct(i){let n=2166136261;for(let r=0;r<i.length;r+=1)n^=i.charCodeAt(r),n=n+((n<<1)+(n<<4)+(n<<7)+(n<<8)+(n<<24))>>>0;return n.toString(16)}function je(i){const n=i.length>400?`${i.slice(0,200)}${i.slice(-200)}`:i;return`${i.length}:${ct(n)}`}const dt=(i,n,r,a)=>{const d=a.side==="deletions",L=(r?(d?r.deletionLines:r.additionLines).join(""):d?i:n).split(`
-`),C=Math.min(a.start,a.end),u=Math.max(a.start,a.end),$=Math.max(1,C),z=Math.min(L.length,u);return $>z?"":L.slice($-1,z).join(`
-`)},ut=(i,n)=>i===n?!0:!i||!n?!1:i.start===n.start&&i.end===n.end&&i.side===n.side,ft=i=>i==="auto"||i==="scroll"||i==="overlay",ht=i=>{let n=i?.parentElement??null;for(;n;){const r=window.getComputedStyle(n);if(ft(r.overflowY))return n;n=n.parentElement}return null},mt=(i,n)=>{if(!i||!n||typeof window>"u")return()=>{};const r=ht(i);if(!r)return()=>{};const a=n.getBoundingClientRect().height;if(!a)return()=>{};const d=i.getBoundingClientRect().top-r.getBoundingClientRect().top,w=n.style.minHeight;n.style.minHeight=`${Math.ceil(a)}px`;let L=!1;return()=>{if(L)return;L=!0,n.style.minHeight=w;const u=i.getBoundingClientRect().top-r.getBoundingClientRect().top-d;u&&(r.scrollTop+=u)}},pt=(i,n)=>{if(typeof window>"u")return()=>{};let r=null,a=null,d=!1;const w=()=>{d||(a?.disconnect(),a=null,r=window.requestAnimationFrame(()=>{r=window.requestAnimationFrame(()=>{d||n()})}))},L=()=>i.querySelector("diffs-container")?.shadowRoot??void 0,C=(u=L())=>!!u?.querySelector("[data-line]");return C()?w():typeof MutationObserver<"u"?(a=new MutationObserver(()=>{const u=L();if(u){if(C(u)){w();return}a?.disconnect(),a=new MutationObserver(()=>{C(u)&&w()}),a.observe(u,{childList:!0,subtree:!0})}}),a.observe(i,{childList:!0,subtree:!0})):r=window.requestAnimationFrame(w),()=>{d=!0,a?.disconnect(),r!==null&&window.cancelAnimationFrame(r)}},ge=new WeakMap,gt={lineHeight:24,hunkSeparatorHeight:24,spacing:0};function yt(i){const n=i.closest("[data-diff-virtual-root]");if(n instanceof HTMLElement){const r=n.querySelector("[data-diff-virtual-content]");return{key:n,root:n,content:r instanceof HTMLElement?r:void 0}}return{key:document,root:document,content:void 0}}function vt(i){if(typeof document>"u")return null;const n=yt(i);let r=ge.get(n.key);if(!r){const d=new Je;d.setup(n.root,n.content),r={virtualizer:d,refs:0},ge.set(n.key,r)}r.refs+=1;let a=!1;return{virtualizer:r.virtualizer,root:n.root,release:()=>{if(a)return;a=!0;const d=ge.get(n.key);d&&(d.refs-=1,!(d.refs>0)&&(d.virtualizer.cleanUp(),ge.delete(n.key)))}}}const bt=(i,n,r)=>{if(typeof window>"u")return()=>{};const a=[],d=()=>{try{i.rerender()}catch{}const w=n?.root;w instanceof HTMLElement?w.dispatchEvent(new Event("scroll",{bubbles:!1})):document.dispatchEvent(new Event("scroll",{bubbles:!1})),window.dispatchEvent(new Event("resize")),r()};return a.push(window.requestAnimationFrame(d)),a.push(window.requestAnimationFrame(()=>{a.push(window.requestAnimationFrame(d))})),()=>{for(const w of a)window.cancelAnimationFrame(w)}},Pt=({original:i,modified:n,fileDiff:r,language:a,fileName:d,renderSideBySide:w,wrapLines:L,layout:C="fill",enableComments:u=!0,hunkActions:$})=>{const z=Qe(),N=z?.currentTheme.metadata.variant==="dark",V=z?.availableThemes.find(e=>e.metadata.id===z.lightThemeId)??ze(!1),O=z?.availableThemes.find(e=>e.metadata.id===z.darkThemeId)??ze(!0),{isMobile:ee}=Ze(),P=$?.anchors??De,[H,te]=I.useState(()=>({fileDiff:void 0,anchors:De,targets:new Map})),K=nt({source:"diff",fileLabel:d||"unknown",language:a,getCodeForRange:e=>dt(i,n,r,e),toStoreRange:e=>({startLine:e.start,endLine:e.end,side:e.side==="deletions"?"original":"modified"}),fromDraftRange:e=>({start:e.startLine,end:e.endLine,side:e.side==="original"?"deletions":"additions"})}),{drafts:Y,selection:o,setSelection:b,commentText:S,setCommentText:k,editingDraftId:T,saveComment:F,cancel:W,startEdit:ce,deleteDraft:Ve}=K,de=l.useRef(null),U=l.useRef(null),ne=l.useRef(""),q=l.useRef(!1),ue=l.useRef(null);l.useEffect(()=>{de.current=o},[o]),l.useEffect(()=>{U.current=T},[T]),l.useEffect(()=>{ne.current=S},[S]);const fe=l.useCallback(e=>{if(!u||q.current)return;const t=de.current;if(!(!e&&t&&ne.current.trim())){if(ee&&t&&e&&e.side===t.side){const s=Math.min(t.start,e.start),c=Math.max(t.end,e.end);b({...e,start:s,end:c})}else b(e);e&&(U.current||k(""))}},[u,ee,k,b]),Ue=l.useCallback(()=>{W()},[W]),Le=l.useCallback(e=>{const t=document.createElement("div");if(t.style.position="relative",e.metadata.type==="hunk-action")return t.dataset.hunkActionTarget=String(e.metadata.index),t.style.height="0px",t;const s=ve(e.metadata);return t.dataset.annotationId=s,t.dataset.annotationSide=e.side,t.dataset.annotationLine=String(e.lineNumber),t},[]),Te=l.useCallback((e,t,s)=>{const c=new Map;if(s!=="unmount"){const f=Number.parseFloat(getComputedStyle(document.documentElement).fontSize)*2,y=new Map,x=[];for(const R of e.shadowRoot?.querySelectorAll("slot")??[])for(const E of R.assignedElements()){const v=E.querySelector("[data-hunk-action-target]"),h=Number(v?.dataset.hunkActionTarget);if(!v||!Number.isInteger(h)||h<0)continue;c.set(h,v);const m=R.closest("[data-code]");if(!m)continue;let g=y.get(m);g||(g=m.getBoundingClientRect(),y.set(m,g));const j=v.getBoundingClientRect().top,ae=Math.max(g.top+4,Math.min(j+4,g.bottom-f-4));x.push({target:v,offset:ae-j})}for(const{target:R,offset:E}of x){const v=`${E}px`;R.style.getPropertyValue("--oc-hunk-action-offset")!==v&&R.style.setProperty("--oc-hunk-action-offset",v)}}const p=t.fileDiff;te(f=>f.fileDiff===p&&f.anchors===P&&f.targets.size===c.size&&[...c].every(([y,x])=>f.targets.get(y)===x)?f:{fileDiff:p,anchors:P,targets:c})},[P]),_e=l.useCallback((e,t)=>{F(e,t??o??void 0)},[F,o]),_=l.useCallback(e=>{b(e);const t=A.current;if(t)try{q.current=!0,t.setSelectedLines(e),ue.current=e}catch{}finally{q.current=!1}},[b]),re=l.useRef(null),be=l.useRef(null);l.useEffect(()=>{if(!u)return;const e=J.current;if(!e)return;const t=()=>{const h=e.querySelector("diffs-container");return h instanceof HTMLElement?h.shadowRoot:null},s=h=>{const m=e.querySelector("diffs-container");m instanceof HTMLElement&&(h?m.setAttribute("data-oc-comment-drag",""):m.removeAttribute("data-oc-comment-drag"))},c=(h,m)=>{const j=t()?.elementFromPoint(h,m)??document.elementFromPoint(h,m);if(!(j instanceof Element))return null;const ae=!!j.closest("[data-column-number]"),le=j.closest("[data-line]");if(!(le instanceof HTMLElement))return null;const Ee=Number.parseInt(le.getAttribute("data-line")??"",10);if(!Number.isFinite(Ee)||Ee<=0)return null;const Ge=le.getAttribute("data-line-type")==="change-deletion"||le.closest("[data-code][data-deletions]")!=null?"deletions":"additions";return{line:Ee,side:Ge,numberColumn:ae}};let p=null,f=!1,y=null;const x=h=>{re.current=h;const m=A.current;if(m)try{q.current=!0,m.setSelectedLines(h)}catch{}finally{q.current=!1}},R=h=>{if(h.button!==0||h.pointerType!=="mouse")return;const m=c(h.clientX,h.clientY);if(!m||m.numberColumn){p=null;return}p={line:m.line,side:m.side},f=!1,y=h.pointerId},E=h=>{if(p==null||h.pointerId!==y)return;const m=c(h.clientX,h.clientY);if(m){if(!f){if(m.line===p.line)return;f=!0,s(!0),window.getSelection()?.removeAllRanges();const g=t();g&&"getSelection"in g&&g.getSelection()?.removeAllRanges()}x({start:Math.min(p.line,m.line),end:Math.max(p.line,m.line),side:p.side})}},v=h=>{if(p==null||h.pointerId!==y)return;const m=f;if(p=null,f=!1,y=null,s(!1),!m)return;const g=re.current;re.current=null,g&&(de.current&&ne.current.trim()&&!U.current||(_(g),U.current||k("")))};return e.addEventListener("pointerdown",R),document.addEventListener("pointermove",E,{passive:!0}),document.addEventListener("pointerup",v),()=>{e.removeEventListener("pointerdown",R),document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",v),s(!1)}},[_,u,k]);const Me=l.useCallback(e=>{if(!u)return;const t=re.current,s=t&&e.start>=t.start&&e.end<=t.end&&(e.side==null||e.side===t.side);be.current!==null&&(window.clearTimeout(be.current),be.current=null),re.current=null,_(s&&t?t:e),U.current||k("")},[_,u,k]),Ce=l.useCallback(e=>{if(!u||e.numberColumn||window.getSelection()?.toString().trim())return;const t=e.annotationSide,s={start:e.lineNumber,end:e.lineNumber,side:t},c=de.current;if(c&&c.start===s.start&&c.end===s.end&&c.side===s.side){if(!ne.current.trim()){b(null);const p=A.current;try{q.current=!0,p?.setSelectedLines(null)}finally{q.current=!1}}return}c&&ne.current.trim()&&!U.current||(_(s),U.current||k(""))},[_,u,k,b]),Pe=l.useCallback(e=>{const t=e.closest("[data-line-type]")?.getAttribute("data-line-type")??e.getAttribute("data-line-type");if(t==="change-deletion")return"deletions";if(t==="change-addition")return"additions";const s=e.getAttribute("data-column-side")??e.getAttribute("data-side")??e.closest("[data-column-side]")?.getAttribute("data-column-side");if(s==="deletions"||s==="left"||s==="original")return"deletions";if(s==="additions"||s==="right"||s==="modified")return"additions";const c=e.closest("[data-line-type]");if(c instanceof HTMLElement){const p=c.getBoundingClientRect(),f=e.getBoundingClientRect(),y=p.left+p.width/2;return f.left+f.width/2<y?"deletions":"additions"}return"additions"},[]);$e(V),$e(O);const X=`${V.metadata.id}:${O.metadata.id}:${N?"dark":"light"}`,ie=l.useMemo(()=>{if(r){const e=r.deletionLines.reduce((s,c)=>s+c.length,0),t=r.additionLines.reduce((s,c)=>s+c.length,0);return Math.max(e,t)>Oe}return Math.max(i.length,n.length)>Oe},[r,n.length,i.length]),J=l.useRef(null),Q=l.useRef(null),A=l.useRef(null),oe=l.useRef(null),we=l.useRef(null),ke=l.useRef(null),Re=l.useRef(void 0),he=l.useRef(void 0),me=l.useRef(void 0),pe=l.useRef(void 0),[,xe]=I.useReducer(e=>e+1,0),Z=rt(ie?"unified":w?"split":"unified"),B=l.useMemo(()=>qe(V),[V]),D=l.useMemo(()=>qe(O),[O]);I.useLayoutEffect(()=>{const e=J.current;if(!e)return;const t=e.querySelector("diffs-container");if(!t)return;const s=N?D:B,c=(j,ae)=>j.colors?.[ae],p=c(B,"terminal.ansiGreen"),f=c(B,"terminal.ansiRed"),y=c(B,"terminal.ansiBlue"),x=c(D,"terminal.ansiGreen"),R=c(D,"terminal.ansiRed"),E=c(D,"terminal.ansiBlue");t.style.setProperty("--shiki-light",B.fg),t.style.setProperty("--shiki-light-bg",B.bg),p&&t.style.setProperty("--shiki-light-addition-color",p),f&&t.style.setProperty("--shiki-light-deletion-color",f),y&&t.style.setProperty("--shiki-light-modified-color",y),t.style.setProperty("--shiki-dark",D.fg),t.style.setProperty("--shiki-dark-bg",D.bg),x&&t.style.setProperty("--shiki-dark-addition-color",x),R&&t.style.setProperty("--shiki-dark-deletion-color",R),E&&t.style.setProperty("--shiki-dark-modified-color",E),t.style.setProperty("--diffs-bg",s.bg),t.style.setProperty("--diffs-fg",s.fg);const v=N?x:p,h=N?R:f,m=N?E:y;v&&t.style.setProperty("--diffs-addition-color-override",v),h&&t.style.setProperty("--diffs-deletion-color-override",h),m&&t.style.setProperty("--diffs-modified-color-override",m);const g=t.shadowRoot?.querySelector("pre");g&&(g.style.setProperty("--shiki-light",B.fg),g.style.setProperty("--shiki-light-bg",B.bg),p&&g.style.setProperty("--shiki-light-addition-color",p),f&&g.style.setProperty("--shiki-light-deletion-color",f),y&&g.style.setProperty("--shiki-light-modified-color",y),g.style.setProperty("--shiki-dark",D.fg),g.style.setProperty("--shiki-dark-bg",D.bg),x&&g.style.setProperty("--shiki-dark-addition-color",x),R&&g.style.setProperty("--shiki-dark-deletion-color",R),E&&g.style.setProperty("--shiki-dark-modified-color",E),g.style.setProperty("--diffs-bg",s.bg),g.style.setProperty("--diffs-fg",s.fg),v&&g.style.setProperty("--diffs-addition-color-override",v),h&&g.style.setProperty("--diffs-deletion-color-override",h),m&&g.style.setProperty("--diffs-modified-color-override",m))},[D,X,N,B]);const G=l.useMemo(()=>({theme:{dark:O.metadata.id,light:V.metadata.id},themeType:N?"dark":"light",diffStyle:w?"split":"unified",diffIndicators:"none",hunkSeparators:"line-info-basic",lineDiffType:"none",maxLineDiffLength:ie?0:1e3,maxLineLengthForHighlighting:ie?1:1e3,tokenizeMaxLineLength:ie?1:1e3,collapsedContextThreshold:0,expansionLineCount:20,overflow:L?"wrap":"scroll",disableFileHeader:!0,enableLineSelection:u,enableGutterUtility:u,onGutterUtilityClick:u?Me:void 0,onLineClick:u?Ce:void 0,onLineSelected:u?fe:void 0,unsafeCSS:P.length>0?`${We}
-${at}`:We,renderAnnotation:u||P.length>0?Le:void 0,onPostRender:P.length>0?Te:void 0}),[Te,P.length,O.metadata.id,u,N,ie,V.metadata.id,w,L,fe,Me,Ce,Le]),se=l.useMemo(()=>{const e=u?it({drafts:Y,editingDraftId:T,selection:o}):[];for(const t of P)e.push({side:t.side,lineNumber:t.lineNumber,metadata:{type:"hunk-action",index:t.index}});return e},[T,u,Y,P,o]),Se=l.useRef(se);if(l.useEffect(()=>{Se.current=se},[se]),l.useEffect(()=>{const e=Q.current;return()=>{A.current?.cleanUp(),A.current=null,oe.current?.release(),oe.current=null,we.current=null,ke.current=null,Re.current=void 0,he.current=void 0,me.current=void 0,pe.current=void 0,e&&(e.innerHTML="")}},[]),l.useEffect(()=>{if(typeof window>"u")return;const e=Q.current,t=J.current;if(!e||!Z)return;const s=mt(t,e);let c=oe.current;c||(c=vt(e),oe.current=c),oe.current=c;const p=c?.virtualizer??null,f=r?void 0:{name:d||"",contents:i,lang:a,cacheKey:`old:${X}:${d}:${je(i)}`},y=r?void 0:{name:d||"",contents:n,lang:a,cacheKey:`new:${X}:${d}:${je(n)}`},x=r?he.current!==r:he.current!==void 0||!f||!y||!me.current||!pe.current||!Ie(me.current,f)||!Ie(pe.current,y),R=A.current,E=!!(R&&(we.current!==p||ke.current!==Z||p&&(Re.current!==G.hunkSeparators||x)));E&&(R?.cleanUp(),A.current=null,e.innerHTML="");let v=A.current;const h=!E&&R?!Ke(R.options,G):!1;if(v?v.setOptions(G):(v=c?new Ye(G,c.virtualizer,gt,Z):new Xe(G,Z),A.current=v,ue.current=null),we.current=p,ke.current=Z,Re.current=p?G.hunkSeparators:void 0,he.current=r,me.current=f,pe.current=y,r)v.render({fileDiff:r,forceRender:h,lineAnnotations:Se.current,containerWrapper:e});else{if(!f||!y)return;v.render({oldFile:f,newFile:y,forceRender:h,lineAnnotations:Se.current,containerWrapper:e})}const m=pt(e,()=>{s(),bt(v,c,xe)});return()=>{m(),s()}},[X,r,d,a,n,G,i,Z]),l.useEffect(()=>{const e=A.current;if(e){try{e.setLineAnnotations(se)}catch(t){console.error("Failed to apply diff line annotations",t);try{e.setLineAnnotations([])}catch{}}requestAnimationFrame(()=>{if(A.current===e){try{e.rerender()}catch{}xe()}})}},[se]),l.useEffect(()=>{const e=A.current;if(!e||o!==null)return;const t=ue.current;if(!ut(o,t))try{q.current=!0,e.setSelectedLines(o),ue.current=o}catch{}finally{q.current=!1}},[o]),l.useEffect(()=>{if(!u)return;const e=Q.current;if(!e)return;let t=null,s=()=>{};const c=()=>{const f=e.querySelector("diffs-container")?.shadowRoot;if(!f){t=requestAnimationFrame(c);return}const y=x=>{if(!(x instanceof MouseEvent)||x.button!==0||!(x.target instanceof Element))return;const R=x.target.closest("[data-column-number]");if(!(R instanceof HTMLElement))return;const E=R.getAttribute("data-column-number"),v=E?parseInt(E,10):NaN;if(Number.isNaN(v))return;const h=Pe(R);fe({start:v,end:v,side:h}),x.preventDefault(),x.stopPropagation()};f.addEventListener("click",y,!0),s=()=>{f.removeEventListener("click",y,!0)}};return c(),()=>{t!==null&&cancelAnimationFrame(t),s()}},[X,u,d,fe,Pe]),l.useEffect(()=>{const e=Q.current;if(!e)return;let t=null,s=null;const p=setTimeout(()=>{const f=e.querySelector("diffs-container");if(!(f instanceof HTMLElement))return;const y=f.shadowRoot;t=new MutationObserver(()=>{s&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{xe(),s=null})}),t.observe(f,{childList:!0,subtree:!0}),y&&t.observe(y,{childList:!0,subtree:!0})},100);return()=>{clearTimeout(p),s&&cancelAnimationFrame(s),t?.disconnect()}},[X,d]),typeof window>"u")return null;const Ae=u?M.jsx(st,{diffRootRef:J,drafts:Y,selection:o,editingDraftId:T,commentText:S,onTextChange:k,fileLabel:d?.split("/").pop()??"",onSave:_e,onCancel:Ue,onEdit:e=>{_({start:e.startLine,end:e.endLine,side:e.side==="original"?"deletions":"additions"}),ce(e)},onDelete:Ve}):null,Fe=$&&r&&H.fileDiff===r&&H.anchors===P?[...H.targets].map(([e,t])=>ye.createPortal($.render(e),t,`hunk-${e}`)):null;return C==="fill"?M.jsx("div",{className:Ne("flex flex-col relative","size-full"),"data-diff-virtual-root":!0,children:M.jsxs("div",{className:"flex-1 relative min-h-0",children:[M.jsx(et,{outerClassName:"pierre-diff-wrapper size-full",disableHorizontal:!1,fillContainer:!0,"data-diff-virtual-content":!0,children:M.jsx("div",{ref:J,className:"size-full relative",children:M.jsx("div",{ref:Q,className:"size-full"})})}),Ae,Fe]})}):M.jsxs("div",{className:Ne("relative","w-full"),children:[M.jsx("div",{ref:J,className:"pierre-diff-wrapper w-full overflow-x-auto overflow-y-visible relative",children:M.jsx("div",{ref:Q,className:"w-full"})}),Ae,Fe]})};export{Pt as P};