@rexvane/piweb 0.3.5 → 0.3.7

package/.next/static/chunks/716.5266fe10b5578591.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[716],{2716:(e,t,n)=>{n.r(t),n.d(t,{FileViewer:()=>y});var i=n(5155),l=n(2115),a=n(8426),r=n(3437),s=n(7890),o=n(8476),c=n(1859),d=n(9665);let h=(0,l.memo)(function({lines:e,language:t,folded:n,handle:a,initialChange:r}){let{t:s}=(0,c.s)(),[o,h]=(0,l.useState)(()=>new Set),u=(0,l.useRef)(null),[p,f]=(0,l.useState)({top:0,height:800}),[m,w]=(0,l.useState)(-1),x=(0,l.useRef)(new Map);(0,l.useEffect)(()=>h(new Set),[e]);let{rows:v,blocks:g}=(0,l.useMemo)(()=>(function(e,t,n){let i=[],l=[],a=e=>"add"===e.kind||"del"===e.kind,r=-1,s=-1;for(let t=0;t<e.length;t+=1)a(e[t])&&(r<0&&(r=t),s=t);let o=0,c=!1;for(;o<e.length;){let d=e[o];if("hunk"===d.kind||"file"===d.kind){o+=1;continue}if(a(d)){c||l.push(i.length),i.push({kind:"line",line:d,index:o}),c=!0,o+=1;continue}c=!1;let h=o;for(;h<e.length&&"ctx"===e[h].kind;)h+=1;let u=h-o,p=r<0||r>=o?0:3,f=s<h?0:3;if(!t||n.has(o)||u<=p+f+2)for(let t=o;t<h;t+=1)i.push({kind:"line",line:e[t],index:t});else{for(let t=o;t<o+p;t+=1)i.push({kind:"line",line:e[t],index:t});i.push({kind:"fold",from:o,count:u-p-f});for(let t=h-f;t<h;t+=1)i.push({kind:"line",line:e[t],index:t})}o=h}return{rows:i,blocks:l}})(e,n,o),[e,n,o]),y=(0,l.useMemo)(()=>String(function(e){let t=1;for(let n of e){let e=n.new??n.old??0;e>t&&(t=e)}return t}(e)).length,[e]),j=!!t&&v.length<=6e3;(0,l.useEffect)(()=>{let e=u.current;if(!e)return;let t=()=>f({top:e.scrollTop,height:e.clientHeight});t(),e.addEventListener("scroll",t,{passive:!0});let n=new ResizeObserver(t);return n.observe(e),()=>{e.removeEventListener("scroll",t),n.disconnect()}},[]);let b=(0,l.useCallback)(e=>{let t=u.current,n=g[e];t&&void 0!==n&&(w(e),t.scrollTo({top:Math.max(0,20*n-t.clientHeight/3),behavior:"smooth"}))},[g]);(0,l.useImperativeHandle)(a,()=>({nextChange:()=>b(Math.min(g.length-1,m+1)),prevChange:()=>b(Math.max(0,m-1))}),[g.length,m,b]);let k=(0,l.useRef)(!1);(0,l.useEffect)(()=>{k.current=!1},[e]),(0,l.useEffect)(()=>{if(k.current||!r||!g.length)return;k.current=!0;let e=u.current;e&&(e.scrollTop=Math.max(0,20*g[0]-e.clientHeight/3),w(0))},[g,r,v]);let N=Math.max(0,Math.floor(p.top/20)-20),C=Math.min(v.length,Math.ceil((p.top+p.height)/20)+20);return(0,i.jsxs)("div",{className:"pw-fdiff relative min-h-0 flex-1",children:[(0,i.jsx)("div",{ref:u,className:"pw-fdiff-scroll h-full overflow-auto",children:(0,i.jsx)("div",{style:{height:20*v.length,position:"relative",minWidth:"100%"},children:v.slice(N,C).map((e,n)=>{let l=(N+n)*20;if("fold"===e.kind)return(0,i.jsx)("button",{type:"button",className:"pw-fdiff-fold",style:{top:l},onClick:()=>h(t=>new Set(t).add(e.from)),children:s.viewerFoldedLines.replace("{n}",String(e.count))},`f${e.from}`);let a=e.line,r=(e=>{if(!j||!e.trim())return null;let n=x.current.get(e);if(void 0!==n)return n;let i=(0,d.NK)(e,t);return x.current.size>5e3&&x.current.clear(),x.current.set(e,i),i})(a.text);return(0,i.jsxs)("div",{className:"pw-fdiff-row","data-kind":a.kind,style:{top:l},children:[(0,i.jsxs)("span",{className:"pw-fdiff-gutter",style:{width:`${2*y+3}ch`},children:[(0,i.jsx)("span",{children:"add"===a.kind?"":String(a.old??"").padStart(y)}),(0,i.jsx)("span",{children:"del"===a.kind?"":String(a.new??"").padStart(y)})]}),(0,i.jsx)("span",{className:"pw-fdiff-sign",children:"add"===a.kind?"+":"del"===a.kind?"−":" "}),(0,i.jsx)("span",{className:"pw-fdiff-text hljs",children:r?(0,i.jsx)("span",{dangerouslySetInnerHTML:{__html:r}}):a.text})]},e.index)})})}),v.length>0&&g.length>0&&(0,i.jsx)("div",{className:"pw-fdiff-ticks","aria-hidden":!0,children:g.map((e,t)=>{let n=v[e],l=n?.kind==="line"?n.line.kind:"add";return(0,i.jsx)("span",{className:"pw-fdiff-tick","data-kind":l,"data-current":t===m||void 0,style:{top:`${e/v.length*100}%`},onClick:()=>b(t)},t)})})]})});var u=n(2155),p=n(9992),f=n(2253),m=n(1135);let w=new Map;async function x(e){let t=await fetch(e),n=await t.json();if(!t.ok||!n.success){let e=Error(n.error||`request failed (${t.status})`);throw e.status=t.status,e}return n.data}function v(e){let t=w.get(e);return!t&&((t=x(e)).catch(()=>w.delete(e)),w.set(e,t),w.size>200&&w.delete(w.keys().next().value)),t}function g({content:e,name:t}){let n=(0,l.useMemo)(()=>(0,d.wY)(e,(0,d.f3)(t)),[e,t]),a=e.split("\n").length,r=`${String(a).length+1}ch`;return(0,i.jsxs)("div",{className:"flex min-h-0 flex-1 overflow-auto",style:{fontFamily:"var(--font-mono)",fontSize:12,lineHeight:"20px"},children:[(0,i.jsx)("pre",{"aria-hidden":!0,className:"flex-none select-none py-2 pl-3 pr-2 text-right",style:{width:r,minWidth:r,color:"var(--dsw-label-caption)",margin:0,position:"sticky",left:0,background:"var(--dsw-glass-modal)"},children:Array.from({length:a},(e,t)=>t+1).join("\n")}),null!==n?(0,i.jsx)("pre",{className:"hljs min-w-0 flex-1 py-2 pl-3 pr-4",style:{margin:0,background:"transparent",color:"var(--dsw-label-secondary)"},children:(0,i.jsx)("code",{dangerouslySetInnerHTML:{__html:n}})}):(0,i.jsx)("pre",{className:"min-w-0 flex-1 py-2 pl-3 pr-4",style:{margin:0,color:"var(--dsw-label-secondary)"},children:e})]})}function y({state:e,growth:t,cwd:n,onClose:w,onSelectTab:j,onCloseTab:b,onOpen:k,onReference:N,onOpenEditor:C}){let{t:$}=(0,c.s)(),[S,M]=(0,l.useState)(!1),[z,E]=(0,l.useState)("diff"),[R,L]=(0,l.useState)(!1),[T,D]=(0,l.useState)(!0),[F,P]=(0,l.useState)(!1),[A,I]=(0,l.useState)(""),[H,U]=(0,l.useState)(0),[_,q]=(0,l.useState)(""),[O,W]=(0,l.useState)(null),[K,B]=(0,l.useState)(null),Q=(0,l.useRef)(null),V=(0,l.useRef)(null),G=(0,l.useRef)(null),X=e.tabs.find(t=>t.path===e.active)??null,Y=(0,l.useMemo)(()=>X?t.changes.find(e=>e.path===X.path)??null:null,[X,t.changes]),J=!!(X&&/\.(md|mdx|markdown)$/i.test(X.path)),Z=t.range;(0,l.useEffect)(()=>{L(!1)},[e.active]),(0,l.useEffect)(()=>{!R&&X&&E(Y&&!X.lazy?"diff":J?"render":"content")},[X,Y,J,R]),(0,l.useEffect)(()=>{if(!X)return void B(null);let e=`${X.path}|${z}|${Z?.from??""}|${Z?.to??""}|${Y?.status??""}`,i=!0,l=t=>{i&&B({key:e,diff:null,content:null,binary:!1,truncated:!1,notice:null,error:null,...t})};if(void 0!==X.staticContent)return l({content:X.staticContent}),()=>{i=!1};if(!n)return void B(null);let a=`cwd=${encodeURIComponent(n)}`,r=async e=>{try{let t=await x(`/api/files?read=1&${a}&path=${encodeURIComponent(X.path)}`);l({content:t.content,binary:t.binary,truncated:t.truncated,notice:e})}catch(e){if(400!==e.status)throw e;l({notice:"missing"})}},s=async(e,n)=>{try{let t=await v(`/api/growth?${a}&tree=${e}&path=${encodeURIComponent(X.path)}&content=1`);l({content:t.content,binary:t.binary,truncated:t.truncated,notice:n})}catch(n){if(404===n.status){let n=[...t.steps].reverse().find(e=>e.seq<=(t.selected?.seq??1/0)&&e.changes.some(e=>e.path===X.path||e.from===X.path)),i=n?.changes.some(e=>"D"===e.status&&e.path===X.path||"R"===e.status&&e.from===X.path)?n.parent:n?.tree;if(i&&i!==e)try{let e=await v(`/api/growth?${a}&tree=${i}&path=${encodeURIComponent(X.path)}&content=1`);l({content:e.content,binary:e.binary,truncated:e.truncated,notice:"historical"});return}catch(e){if(404!==e.status)throw e}await r("disk");return}throw n}};return(async()=>{try{if(X.lazy||!Z)return void await r(X.lazy&&t.steps.length>0?"disk":null);if("diff"===z){if(!Y)return void await s(Z.to,"nochange");let e=await v(`/api/growth?${a}&from=${Z.from}&to=${Z.to}&path=${encodeURIComponent(X.path)}${X.from??Y.from?`&renamedFrom=${encodeURIComponent(X.from??Y.from??"")}`:""}`);if(e.binary)return void l({binary:!0});let t=(0,o.rj)(e.patch);if(!t)return void await s(Z.to,"nochange");l({diff:t,truncated:e.truncated,notice:"D"===Y.status?"deleted":null});return}await s(Z.to,null)}catch(e){l({error:e instanceof Error?e.message:$.viewerLoadFailed})}})(),()=>{i=!1}},[X,n,z,Z,Y,t.steps,t.selected,t.pending,$.viewerLoadFailed]),(0,l.useEffect)(()=>{if(!e.open)return;let t=t=>{let n=t.target,i=n&&("INPUT"===n.tagName||"TEXTAREA"===n.tagName||n.isContentEditable);if("Escape"===t.key){t.preventDefault(),F?P(!1):w();return}let l=t.ctrlKey||t.metaKey;if(l&&"w"===t.key.toLowerCase()){t.preventDefault(),e.active?b(e.active):w();return}if(l&&"p"===t.key.toLowerCase()){t.preventDefault(),P(!0);return}i||l||"diff"!==z||("]"===t.key?Q.current?.nextChange():"["===t.key&&Q.current?.prevChange())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e.open,e.active,F,z,w,b]),(0,l.useEffect)(()=>{F&&(I(""),U(0),setTimeout(()=>G.current?.focus(),0))},[F]),(0,l.useEffect)(()=>{e.open&&setTimeout(()=>V.current?.focus(),0)},[e.open]);let ee=(0,l.useMemo)(()=>{if(!F)return[];let e=A.trim();return t.filePaths.map(t=>({p:t,s:(0,m.dt)(e,t)})).filter(e=>e.s>=0).sort((e,t)=>t.s-e.s||e.p.length-t.p.length).slice(0,50).map(e=>e.p)},[F,A,t.filePaths]);if(!e.open)return null;let et=X?X.path.split("/"):[],en=t.selectedRound?.id??0,ei=en?`${$.growthRoundLabel.replace("{n}",String(en))}${Y?` \xb7 +${Y.add??0} −${Y.del??0}`:""}`:"",el="diff"===z&&!!K?.diff,ea=K?.notice==="deleted"?$.viewerDeleted:K?.notice==="historical"?$.viewerHistorical:K?.notice==="missing"?$.viewerMissing:K?.notice==="disk"?$.viewerNotInSnapshot:K?.notice==="nochange"?$.viewerNoChanges:"";return(0,i.jsx)("div",{className:"pw-viewer-mask modal-mask fixed inset-0 z-[105] flex items-center justify-center",onMouseDown:e=>e.target===e.currentTarget&&w(),children:(0,i.jsxs)("div",{ref:V,className:"pw-viewer glass-modal flex flex-col overflow-hidden outline-none","data-fullscreen":S||void 0,role:"dialog","aria-modal":"true",tabIndex:-1,"data-testid":"file-viewer",children:[(0,i.jsxs)("div",{className:"pw-viewer-tabs hairline-b",onDoubleClick:e=>e.target===e.currentTarget&&M(e=>!e),children:[(0,i.jsxs)("button",{type:"button",className:"pw-viewer-tab","data-active":null===e.active,onClick:()=>j(null),children:[(0,i.jsx)("img",{className:"pw-tree-icon",src:"/file-icons/folder-open.svg",alt:""}),(0,i.jsx)("span",{children:$.projectPanel})]}),(0,i.jsx)("div",{className:"pw-viewer-tabstrip",children:e.tabs.map(t=>(0,i.jsxs)("div",{className:"pw-viewer-tab","data-active":e.active===t.path,onAuxClick:e=>{1===e.button&&b(t.path)},children:[(0,i.jsxs)("button",{type:"button",className:"pw-viewer-tab-main",title:t.path,onClick:()=>j(t.path),children:[(0,i.jsx)("img",{className:"pw-tree-icon",src:(0,f.s)(t.path.split("/").pop()??t.path),alt:""}),(0,i.jsx)("span",{className:"truncate",children:t.path.split("/").pop()})]}),(0,i.jsx)("button",{type:"button",className:"pw-viewer-tab-close",title:$.viewerCloseTab,"aria-label":`${$.viewerCloseTab}: ${t.path}`,onClick:()=>b(t.path),children:(0,i.jsx)(p.Bh,{size:10})})]},t.path))}),(0,i.jsx)("button",{type:"button",className:"icon-btn",style:{width:26,height:26},title:`${$.viewerQuickOpen} (Ctrl/⌘+P)`,onClick:()=>P(!0),children:(0,i.jsx)(p.Xh,{size:13})}),(0,i.jsx)("div",{className:"flex-1"}),(0,i.jsx)("button",{type:"button",className:"icon-btn",style:{width:26,height:26},title:S?$.viewerExitFullscreen:$.viewerFullscreen,onClick:()=>M(e=>!e),"data-testid":"viewer-fullscreen",children:(0,i.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:S?(0,i.jsx)("path",{d:"M6 1v5H1M10 1v5h5M6 15v-5H1M10 15v-5h5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}):(0,i.jsx)("path",{d:"M1 6V1h5M15 6V1h-5M1 10v5h5M15 10v5h-5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,i.jsx)("button",{type:"button",className:"icon-btn",style:{width:26,height:26},title:`${$.close} (Esc)`,onClick:w,"data-testid":"viewer-close",children:(0,i.jsx)(p.Bh,{size:13})})]}),X?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"pw-viewer-toolbar hairline-b",children:[(0,i.jsx)("div",{className:"pw-crumb min-w-0 flex-1",children:et.map((e,n)=>(0,i.jsxs)("span",{className:"flex items-center",children:[n>0&&(0,i.jsx)("span",{className:"pw-crumb-sep",children:"/"}),n<et.length-1?(0,i.jsx)("button",{type:"button",onClick:()=>{let e;return e=et.slice(0,n+1).join("/"),void(t.revealPath(e),W({path:e,key:Date.now()}),j(null))},children:e}):(0,i.jsx)("span",{style:{color:"var(--dsw-label-primary)",fontWeight:500},children:e})]},n))}),ei&&!X.lazy&&(0,i.jsx)("span",{className:"flex-none truncate",style:{fontSize:11.5,color:"var(--dsw-label-caption)",maxWidth:220},children:ei}),!X.lazy&&(0,i.jsx)("span",{className:"pw-seg",role:"radiogroup",children:["diff","content",...J?["render"]:[]].map(e=>(0,i.jsx)("button",{type:"button",role:"radio","aria-checked":z===e,"data-active":z===e,onClick:()=>{L(!0),E(e)},children:"diff"===e?$.viewerModeDiff:"content"===e?$.viewerModeContent:$.viewerModeRender},e))}),X.lazy&&J&&(0,i.jsx)("span",{className:"pw-seg",role:"radiogroup",children:["content","render"].map(e=>(0,i.jsx)("button",{type:"button",role:"radio","aria-checked":z===e,"data-active":z===e,onClick:()=>{L(!0),E(e)},children:"content"===e?$.viewerModeContent:$.viewerModeRender},e))}),el&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("button",{type:"button",className:"pw-chip","data-active":T,onClick:()=>D(e=>!e),children:T?$.viewerFold:$.viewerUnfold}),(0,i.jsx)("button",{type:"button",className:"icon-btn",style:{width:24,height:24},title:`${$.viewerPrevChange} ([)`,onClick:()=>Q.current?.prevChange(),children:(0,i.jsx)(p.tr,{size:12})}),(0,i.jsx)("button",{type:"button",className:"icon-btn",style:{width:24,height:24},title:`${$.viewerNextChange} (])`,onClick:()=>Q.current?.nextChange(),children:(0,i.jsx)(p.Cd,{size:12})})]}),N&&(0,i.jsx)("button",{type:"button",className:"icon-btn",style:{width:24,height:24},title:$.fileReference,onClick:()=>N(X.path),children:(0,i.jsx)(p.PT,{size:13})}),C&&(0,i.jsx)("button",{type:"button",className:"icon-btn",style:{width:24,height:24},title:$.fileOpenEditor,onClick:()=>C(X.path),children:(0,i.jsx)(p.lx,{size:13})})]}),ea&&(0,i.jsx)("div",{className:"pw-viewer-notice","data-kind":K?.notice,children:ea}),K?.truncated&&(0,i.jsx)("div",{className:"pw-viewer-notice","data-kind":"warn",children:"diff"===z?$.viewerPatchTruncated:$.filePreviewTruncated}),K&&K.key===`${X.path}|${z}|${Z?.from??""}|${Z?.to??""}|${Y?.status??""}`?K.error?(0,i.jsx)("div",{className:"flex min-h-0 flex-1 items-center justify-center",style:{fontSize:12.5,color:"var(--dsw-danger)"},children:K.error}):"missing"===K.notice?(0,i.jsx)("div",{className:"flex min-h-0 flex-1 items-center justify-center",style:{fontSize:12.5,color:"var(--dsw-label-caption)"},children:$.viewerMissing}):K.binary?(0,i.jsx)("div",{className:"flex min-h-0 flex-1 items-center justify-center",style:{fontSize:12.5,color:"var(--dsw-label-caption)"},children:$.fileBinary}):K.diff?(0,i.jsx)(h,{lines:K.diff,language:(0,d.f3)(X.path),folded:T,handle:Q,initialChange:!0}):"render"===z&&null!==K.content?(0,i.jsx)("div",{className:"md min-h-0 flex-1 overflow-auto px-6 py-4",style:{fontSize:14},children:(0,i.jsx)(a.oz,{remarkPlugins:[s.A],rehypePlugins:[[r.A,{detect:!1,ignoreMissing:!0}]],children:K.content})}):null!==K.content?(0,i.jsx)(g,{content:K.content,name:X.path}):null:(0,i.jsx)("div",{className:"flex min-h-0 flex-1 items-center justify-center",style:{fontSize:12.5,color:"var(--dsw-label-caption)"},children:$.panelLoading})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"pw-viewer-toolbar hairline-b",children:[(0,i.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-1.5 rounded-lg px-2",style:{background:"var(--dsw-hover)",height:26,maxWidth:360},children:[(0,i.jsx)(p.FG,{size:12,style:{flex:"none",color:"var(--dsw-label-caption)"}}),(0,i.jsx)("input",{value:_,onChange:e=>q(e.target.value),placeholder:$.growthFilter,className:"min-w-0 flex-1 bg-transparent",style:{fontSize:12}})]}),(0,i.jsx)("span",{style:{fontSize:11.5,color:"var(--dsw-label-caption)"},children:en?$.growthRoundLabel.replace("{n}",String(en)):""}),(0,i.jsx)("button",{type:"button",className:"pw-chip",onClick:t.expandAll,children:$.growthExpandAll}),(0,i.jsx)("button",{type:"button",className:"pw-chip",onClick:t.collapseAll,children:$.growthCollapseAll})]}),(0,i.jsx)(u.Q,{tree:t.tree,expanded:t.expanded,fresh:t.fresh,filter:_,selectedPath:null,onToggleDir:t.toggleDir,onExpandLazy:t.expandLazy,onOpenFile:e=>k(e.path,{from:e.from,lazy:e.lazy}),onReference:N,onOpenEditor:C,revealPath:O?.path??null,revealKey:O?.key,emptyText:$.viewerEmpty})]}),F&&(0,i.jsx)("div",{className:"pw-quick",onMouseDown:e=>e.target===e.currentTarget&&P(!1),children:(0,i.jsxs)("div",{className:"pw-quick-box popover",children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 px-2",style:{height:34},children:[(0,i.jsx)(p.FG,{size:14,style:{flex:"none",color:"var(--dsw-label-caption)"}}),(0,i.jsx)("input",{ref:G,value:A,onChange:e=>{I(e.target.value),U(0)},placeholder:$.viewerQuickOpen,className:"min-w-0 flex-1 bg-transparent",style:{fontSize:13},onKeyDown:e=>{if("ArrowDown"===e.key)e.preventDefault(),U(e=>Math.min(ee.length-1,e+1));else if("ArrowUp"===e.key)e.preventDefault(),U(e=>Math.max(0,e-1));else if("Enter"===e.key){e.preventDefault();let t=ee[H];t&&(k(t),P(!1))}}})]}),(0,i.jsx)("div",{className:"pw-quick-list",children:0===ee.length?(0,i.jsx)("div",{style:{fontSize:12.5,color:"var(--dsw-label-caption)",padding:"8px 10px"},children:$.viewerQuickOpenEmpty}):ee.map((e,t)=>(0,i.jsxs)("button",{type:"button",className:"pw-quick-item","data-active":t===H,onMouseEnter:()=>U(t),onClick:()=>{k(e),P(!1)},children:[(0,i.jsx)("img",{className:"pw-tree-icon",src:(0,f.s)(e.split("/").pop()??e),alt:""}),(0,i.jsx)("span",{className:"truncate",children:e.split("/").pop()}),(0,i.jsx)("span",{className:"min-w-0 truncate",style:{color:"var(--dsw-label-caption)",fontSize:11.5},children:e})]},e))})]})})]})})}}}]);