@module-federation/treeshake-frontend 2.9.2 → 2.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.html +1 -1
  2. package/dist/static/js/async/{515.94e03bda91.js → 515.74bda3f375.js} +1 -1
  3. package/dist/static/js/async/744.15975b52d3.js +12 -0
  4. package/dist/static/js/{index.109b094298.js → index.c86e404129.js} +1 -1
  5. package/package.json +4 -4
  6. package/dist/static/js/async/503.80102da6f9.js +0 -12
  7. /package/dist/static/js/async/{503.80102da6f9.js.LICENSE.txt → 744.15975b52d3.js.LICENSE.txt} +0 -0
package/dist/index.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><link rel="icon" href="/tree-shaking/favicon.ico"><title>Tree Shaking Visualizer</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script defer src="/tree-shaking/static/js/lib-react.7c43a84261.js"></script><script defer src="/tree-shaking/static/js/lib-router.5077a93d5a.js"></script><script defer src="/tree-shaking/static/js/637.3241169e95.js"></script><script defer src="/tree-shaking/static/js/index.109b094298.js"></script><link href="/tree-shaking/static/css/index.513418ff5d.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
1
+ <!DOCTYPE html><html><head><link rel="icon" href="/tree-shaking/favicon.ico"><title>Tree Shaking Visualizer</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script defer src="/tree-shaking/static/js/lib-react.7c43a84261.js"></script><script defer src="/tree-shaking/static/js/lib-router.5077a93d5a.js"></script><script defer src="/tree-shaking/static/js/637.3241169e95.js"></script><script defer src="/tree-shaking/static/js/index.c86e404129.js"></script><link href="/tree-shaking/static/css/index.513418ff5d.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
package/dist/static/js/async/{515.94e03bda91.js → 515.74bda3f375.js} RENAMED
@@ -1,2 +1,2 @@
1
- "use strict";(self.rspackChunk_module_federation_treeshake_frontend=self.rspackChunk_module_federation_treeshake_frontend||[]).push([[515],{2835(e,t,a){var s=a(5723);a(2155);var r=a(5445),l=a(127);let n=(0,r.F)("inline-flex items-center rounded-md border border-zinc-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 dark:border-zinc-800 dark:focus:ring-zinc-300",{variants:{variant:{default:"border-transparent bg-zinc-900 text-zinc-50 shadow hover:bg-zinc-900/80 dark:bg-zinc-50 dark:text-zinc-900 dark:hover:bg-zinc-50/80",secondary:"border-transparent bg-zinc-100 text-zinc-900 hover:bg-zinc-100/80 dark:bg-zinc-800 dark:text-zinc-50 dark:hover:bg-zinc-800/80",destructive:"border-transparent bg-red-500 text-zinc-50 shadow hover:bg-red-500/80 dark:bg-red-900 dark:text-zinc-50 dark:hover:bg-red-900/80",outline:"text-zinc-950 dark:text-zinc-50"}},defaultVariants:{variant:"default"}});function i(e){let{className:t,variant:a,...r}=e;return(0,s.jsx)("div",{className:(0,l.cn)(n({variant:a}),t),...r})}a.d(t,{E:()=>i})},678(e,t,a){a.r(t),a.d(t,{default:()=>eV});var s=a(5723),r=a(2155),l=a(2903),n=a(7184),i=a(127);let d=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("rounded-xl border border-zinc-200 bg-white text-zinc-950 shadow dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50",a),...r})});d.displayName="Card";let o=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",a),...r})});o.displayName="CardHeader";let c=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("font-semibold leading-none tracking-tight",a),...r})});c.displayName="CardTitle";let m=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("text-sm text-zinc-500 dark:text-zinc-400",a),...r})});m.displayName="CardDescription";let x=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("p-6 pt-0",a),...r})});x.displayName="CardContent",(r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center p-6 pt-0",a),...r})})).displayName="CardFooter";let h=r.forwardRef((e,t)=>{let{className:a,type:r,...l}=e;return(0,s.jsx)("input",{type:r,className:(0,i.cn)("flex h-9 w-full rounded-md border border-zinc-200 bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-zinc-950 placeholder:text-zinc-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-zinc-800 dark:file:text-zinc-50 dark:placeholder:text-zinc-400 dark:focus-visible:ring-zinc-300",a),ref:t,...l})});h.displayName="Input";let u=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("textarea",{className:(0,i.cn)("flex min-h-[60px] w-full rounded-md border border-zinc-200 bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-zinc-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-zinc-800 dark:placeholder:text-zinc-400 dark:focus-visible:ring-zinc-300",a),ref:t,...r})});u.displayName="Textarea";var p=a(1762);let f=p.bL,g=p.R6,b=p.Ke;var j=a(2423),y=a(6317),v=a(970),k=a(4712),N=a(841),w=a(5436),z=a(1048),S=a(2835),C=a(7997),E=a(6886),R=a(6726),T=a(1784);let B=R.bL;R.l9;let $=R.ZL;R.bm;let D=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(R.hJ,{ref:t,className:(0,i.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...r})});D.displayName=R.hJ.displayName;let A=r.forwardRef((e,t)=>{let{className:a,children:r,...l}=e;return(0,s.jsxs)($,{children:[(0,s.jsx)(D,{}),(0,s.jsxs)(R.UC,{ref:t,className:(0,i.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-zinc-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-zinc-800 dark:bg-zinc-950",a),...l,children:[r,(0,s.jsxs)(R.bm,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-500 dark:ring-offset-zinc-950 dark:focus:ring-zinc-300 dark:data-[state=open]:bg-zinc-800 dark:data-[state=open]:text-zinc-400 dark:text-zinc-100",children:[(0,s.jsx)(T.A,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});A.displayName=R.UC.displayName;let U=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("flex flex-col space-y-1.5 text-center sm:text-left",t),...a})};U.displayName="DialogHeader";let L=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a})};L.displayName="DialogFooter";let F=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(R.hE,{ref:t,className:(0,i.cn)("text-lg font-semibold leading-none tracking-tight",a),...r})});F.displayName=R.hE.displayName;let P=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(R.VY,{ref:t,className:(0,i.cn)("text-sm text-zinc-500 dark:text-zinc-400",a),...r})});P.displayName=R.VY.displayName;let I=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB,{ref:t,className:(0,i.cn)("flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50",a),...r})});I.displayName=C.uB.displayName;let M=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsxs)("div",{className:"flex items-center border-b px-3 flex-1","cmdk-input-wrapper":"",children:[(0,s.jsx)(E.A,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,s.jsx)(C.uB.Input,{ref:t,className:(0,i.cn)("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400",a),...r})]})});M.displayName=C.uB.Input.displayName;let _=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB.List,{ref:t,className:(0,i.cn)("max-h-[300px] overflow-y-auto overflow-x-hidden",a),...r})});_.displayName=C.uB.List.displayName;let O=r.forwardRef((e,t)=>(0,s.jsx)(C.uB.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));O.displayName=C.uB.Empty.displayName;let V=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB.Group,{ref:t,className:(0,i.cn)("overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400",a),...r})});V.displayName=C.uB.Group.displayName,(r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB.Separator,{ref:t,className:(0,i.cn)("-mx-1 h-px bg-zinc-200 dark:bg-zinc-800",a),...r})})).displayName=C.uB.Separator.displayName;let H=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB.Item,{ref:t,className:(0,i.cn)("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:data-[selected=true]:bg-zinc-800 dark:data-[selected=true]:text-zinc-50",a),...r})});H.displayName=C.uB.Item.displayName;var K=a(510);let q=K.bL,J=K.l9;K.Mz;let W=r.forwardRef((e,t)=>{let{className:a,align:r="center",sideOffset:l=4,...n}=e;return(0,s.jsx)(K.ZL,{children:(0,s.jsx)(K.UC,{ref:t,align:r,sideOffset:l,className:(0,i.cn)("z-50 w-72 rounded-md border border-zinc-200 bg-white p-4 text-zinc-950 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50",a),...n})})});W.displayName=K.UC.displayName;var Y=a(6078),G=a(3587),Z=a(6396);let X=("u">typeof window?window.localStorage.getItem("treeshake_server_url"):null)||"http://localhost:3000/tree-shaking-shared";async function Q(e){let t=new Headers;t.append("Content-Type","application/json");let{shared:a,target:s,plugins:r,sharedName:l,sharedVersion:n}=e,i=JSON.stringify({shared:a,target:s,plugins:r,libraryType:"global",hostName:"@treeshake/shared-host"}),d=await window.fetch(`${X}/build/check-tree-shaking`,{method:"POST",headers:t,body:i});if(!d.ok)throw Error(`HTTP ${d.status}`);let{status:o,data:c}=await d.json();if("success"!==o)throw Error(c);let m=c.find(e=>e.name===l&&e.version===n);if(!m)throw Error(`未能正常获取到目标${l}@${n}信息`);return!!m.canTreeShaking&&m}var ee=a(7748);function et(e){return e?e.split(/[\n,]/).map(e=>e.trim()).filter(Boolean).map(e=>{let t=e.split("@");if(t.length<2)throw Error(ee.A.t("analyze.sharedVersionRequired",{name:e}));let a=t.pop();return[t.join("@"),a,[]]}):[]}function ea(e){let{values:t,onChange:a,error:d,disabled:o,options:c,placeholder:m,loading:x,item:h,onMoveToShared:u}=e,[p,f]=(0,r.useState)(""),[g,b]=(0,r.useState)(!1),{t:j}=(0,l.Bd)(),y=e=>{let s=e.trim();!s||t.includes(s)||(a([...t,s]),f(""))},v=e=>{o||a(t.filter(t=>t!==e))},k="This module does not support treeshake"===m;return x?(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("div",{className:"flex min-h-12 w-full items-center justify-center gap-2 rounded-xl border border-zinc-200/70 bg-white/70 px-3 py-2 text-sm shadow-sm backdrop-blur-md dark:border-zinc-800/80 dark:bg-zinc-900/70 opacity-80 cursor-not-allowed",children:[(0,s.jsx)(Y.A,{className:"h-4 w-4 animate-spin text-zinc-500"}),(0,s.jsx)("span",{className:"text-zinc-500",children:m||"Loading..."})]}),d&&(0,s.jsx)("p",{className:"text-xs text-red-500",children:d})]}):c&&c.length>0?(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)(q,{open:g,onOpenChange:b,children:[(0,s.jsx)(J,{asChild:!0,children:(0,s.jsxs)("div",{className:(0,i.cn)("flex min-h-12 w-full flex-wrap items-center gap-2 rounded-xl border bg-white/70 px-3 py-2 text-sm shadow-sm backdrop-blur-md transition-colors dark:bg-zinc-900/70 cursor-pointer",d?"border-red-500/70 ring-1 ring-red-500/40":"border-zinc-200/70 hover:border-zinc-300 dark:border-zinc-800/80 dark:hover:border-zinc-700",o&&"opacity-60 cursor-not-allowed"),children:[t.map(e=>(0,s.jsxs)(S.E,{variant:"secondary",className:"flex items-center gap-1 rounded-full bg-zinc-900/90 px-2 py-1 text-xs text-zinc-50 shadow-sm dark:bg-zinc-100 dark:text-zinc-900",children:[(0,s.jsx)("span",{children:e}),(0,s.jsx)("button",{type:"button",className:"inline-flex h-4 w-4 items-center justify-center rounded-full bg-zinc-800/80 text-[10px] text-zinc-50 transition hover:bg-zinc-700 dark:bg-zinc-200 dark:text-zinc-900 dark:hover:bg-zinc-300",onClick:t=>{t.stopPropagation(),v(e)},children:"✕"})]},e)),(0,s.jsx)("div",{className:(0,i.cn)("flex-1 min-w-20 text-sm text-zinc-500 dark:text-zinc-400",k&&"text-red-500"),children:0===t.length&&(m||"Select exports...")}),(0,s.jsx)(G.A,{className:"ml-auto h-4 w-4 shrink-0 opacity-50"})]})}),(0,s.jsx)(W,{className:"w-[--radix-popover-trigger-width] p-0",align:"start",children:(0,s.jsxs)(I,{children:[(0,s.jsxs)("div",{className:"flex items-center border-b pr-3",children:[(0,s.jsx)(M,{placeholder:"Search exports...",className:"flex-1 border-0 focus:ring-0"}),(0,s.jsx)("button",{type:"button",className:"ml-2 whitespace-nowrap text-xs font-medium text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200",onClick:()=>{t.length===c.length?a([]):a([...c])},children:t.length===c.length?"Unselect All":"Select All"})]}),(0,s.jsxs)(_,{children:[(0,s.jsx)(O,{children:"No export found."}),(0,s.jsx)(V,{className:"max-h-64 overflow-y-auto",children:c.map(e=>(0,s.jsxs)(H,{value:e,onSelect:()=>{t.includes(e)?a(t.filter(t=>t!==e)):a([...t,e])},children:[(0,s.jsx)(z.A,{className:(0,i.cn)("mr-2 h-4 w-4",t.includes(e)?"opacity-100":"opacity-0")}),e]},e))})]})]})})]}),d&&(0,s.jsx)("p",{className:"text-xs text-red-500",children:d})]}):(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("div",{className:(0,i.cn)("flex min-h-12 w-full flex-wrap items-center gap-2 rounded-xl border bg-white/70 px-3 py-2 text-sm shadow-sm backdrop-blur-md transition-colors dark:bg-zinc-900/70",d?"border-red-500/70 ring-1 ring-red-500/40":"border-zinc-200/70 hover:border-zinc-300 dark:border-zinc-800/80 dark:hover:border-zinc-700",o&&"opacity-60 cursor-not-allowed"),children:[t.map(e=>(0,s.jsxs)(S.E,{variant:"secondary",className:"flex items-center gap-1 rounded-full bg-zinc-900/90 px-2 py-1 text-xs text-zinc-50 shadow-sm dark:bg-zinc-100 dark:text-zinc-900",children:[(0,s.jsx)("span",{children:e}),(0,s.jsx)("button",{type:"button",className:"inline-flex h-4 w-4 items-center justify-center rounded-full bg-zinc-800/80 text-[10px] text-zinc-50 transition hover:bg-zinc-700 dark:bg-zinc-200 dark:text-zinc-900 dark:hover:bg-zinc-300",onClick:t=>{t.stopPropagation(),v(e)},children:"✕"})]},e)),(0,s.jsx)("input",{disabled:o,value:p,onChange:e=>f(e.target.value),onKeyDown:e=>{o||("Enter"===e.key||","===e.key||" "===e.key?(e.preventDefault(),y(p)):"Backspace"===e.key&&!p&&t.length&&(e.preventDefault(),a(t.slice(0,-1))))},onBlur:()=>{!o&&p.trim()&&y(p)},placeholder:t.length?j("analyze.fieldExportsPlaceholderMore"):m||j("analyze.fieldExportsPlaceholderEmpty"),className:(0,i.cn)("flex-1 min-w-20 border-none bg-transparent text-sm text-zinc-900 outline-none placeholder:text-zinc-400 dark:text-zinc-50 dark:placeholder:text-zinc-500 disabled:cursor-not-allowed",k&&"placeholder:text-red-500")})]}),d&&(0,s.jsx)("p",{className:"text-xs text-red-500",children:d}),k&&h&&u&&(0,s.jsxs)("div",{className:"mt-1 flex items-center justify-between rounded-md bg-yellow-50 p-2 text-xs text-yellow-700 dark:bg-yellow-900/20 dark:text-yellow-400",children:[(0,s.jsx)("span",{children:j("analyze.suggestionMoveToShared")}),(0,s.jsx)(n.$,{type:"button",variant:"ghost",size:"sm",className:"h-6 px-2 text-xs hover:bg-yellow-100 hover:text-yellow-800 dark:hover:bg-yellow-900/40 dark:hover:text-yellow-300",onClick:u,children:j("analyze.btnMoveToShared")})]})]})}function es(e){let{item:t,updateItem:a,config:d,setConfig:o,removeItem:c,formErrors:m,loading:x,setFullTreeshakeResult:u,allItems:p}=e,{t:f}=(0,l.Bd)(),[g,b]=(0,r.useState)([]),[j,y]=(0,r.useState)(!1),[v,k]=(0,r.useState)(!1),[N,w]=(0,r.useState)(!1),[S,C]=(0,r.useState)(null),[E,R]=(0,r.useState)([]),[T,B]=(0,r.useState)(null);return(0,r.useEffect)(()=>{if(!t.name||!t.version){C(null),R([]);return}(async()=>{w(!0);try{let e={sharedName:t.name.trim(),sharedVersion:t.version.trim(),shared:[[t.name.trim(),t.version.trim(),[]]],target:d.target?d.target.split("\n").map(e=>e.trim()).filter(Boolean):["web","browserslist:> 0.01%,not dead,not op_mini all"],plugins:d.plugins?d.plugins.split(",").map(e=>e.trim()).filter(Boolean):[]},a=p.filter(e=>e.id!==t.id&&e.name&&e.version).map(e=>[e.name.trim(),e.version.trim(),e.exports]);if(e.shared.push(...a),d.shared)try{let t=et(d.shared);e.shared.push(...t)}catch(e){console.warn("Failed to parse shared config for check",e)}let s=e.shared.map(e=>e[0]);if(new Set(s).size!==s.length){let e=s.filter((e,t)=>s.indexOf(e)!==t),a=[...new Set(e)];a.includes(t.name.trim())?B(f("analyze.errorDuplicateSharedCurrent",{name:t.name.trim()})):(Z.oR.error(f("analyze.errorDuplicateSharedDeps",{names:a.join(", ")})),B(f("analyze.errorDuplicateSharedDeps",{names:a.join(", ")}))),C(null),u&&u(null),w(!1);return}let r=await Q(e);!1===r?(C(!1),R([]),u&&u(null)):(C(!0),u&&u(r),r.modules&&R(r.modules))}catch(e){console.error("Check treeshake failed",e),C(null),u&&u(null),Z.oR.error(e.message||"Failed to check treeshake support")}finally{w(!1)}})()},[t.name,t.version,d.target,d.plugins,d.shared,f]),(0,r.useEffect)(()=>{if(!t.name){b([]),B(null);return}let e=t.name.trim(),a=p.filter(e=>e.id!==t.id&&e.name).map(e=>e.name.trim()),s=[];if(d.shared)try{s=et(d.shared).map(e=>e[0])}catch(e){}if(new Set([...a,...s]).has(e)){b([]),B(f("analyze.errorDuplicateSharedCurrent",{name:e}));return}let r=setTimeout(async()=>{y(!0),B(null);try{let e=await fetch(`https://data.jsdelivr.com/v1/package/npm/${t.name}`);if(e.ok){let t=await e.json(),a=(t.versions||[]).map(e=>({version:e})),s=t.tags||{};Object.entries(s).forEach(e=>{let[t,s]=e,r=a.find(e=>e.version===s);r&&(r.tag=t)}),b(a)}else 404===e.status?(b([]),B(`Package "${t.name}" not found or has no versions`),Z.oR.error(`Package "${t.name}" not found`)):b([])}catch(e){console.error("Failed to fetch versions",e),b([])}finally{y(!1)}},500);return()=>clearTimeout(r)},[t.name,p,d.shared]),(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"grid gap-3 md:grid-cols-2",children:[(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsxs)("label",{className:"flex items-center justify-between text-xs font-medium text-slate-700 dark:text-slate-200",children:[(0,s.jsx)("span",{children:f("analyze.fieldSharedLabel")}),m?.name&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:m.name})]}),(0,s.jsx)(h,{value:t.name,onChange:e=>{a(t.id,"name",e.target.value),a(t.id,"version",""),a(t.id,"exports",[])},placeholder:f("analyze.fieldSharedPlaceholder"),className:(0,i.cn)("h-9 bg-white/70 text-sm backdrop-blur-sm dark:bg-slate-900/70",(m?.name||T)&&"border-red-500/70 ring-1 ring-red-500/40")}),T&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:T})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsxs)("label",{className:"flex items-center justify-between text-xs font-medium text-slate-700 dark:text-slate-200",children:[(0,s.jsx)("span",{children:f("analyze.fieldVersionLabel")}),m?.version&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:m.version})]}),(0,s.jsxs)(q,{open:v,onOpenChange:k,children:[(0,s.jsx)(J,{asChild:!0,children:(0,s.jsxs)(n.$,{variant:"outline",role:"combobox","aria-expanded":v,className:(0,i.cn)("h-9 w-full justify-between bg-white/70 text-sm font-normal backdrop-blur-sm dark:bg-slate-900/70",!t.version&&"text-muted-foreground",m?.version&&"border-red-500/70 ring-1 ring-red-500/40"),disabled:!t.name||j,children:[t.version?g.find(e=>e.version===t.version)?.tag?`${t.version} (${g.find(e=>e.version===t.version)?.tag})`:t.version:j?"Loading versions...":f("analyze.fieldVersionPlaceholder"),(0,s.jsx)(G.A,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),(0,s.jsx)(W,{className:"w-[--radix-popover-trigger-width] p-0",children:(0,s.jsxs)(I,{children:[(0,s.jsx)(M,{placeholder:"Search version..."}),(0,s.jsxs)(_,{children:[(0,s.jsx)(O,{children:"No version found."}),(0,s.jsx)(V,{children:g.map(e=>(0,s.jsxs)(H,{value:e.version,onSelect:e=>{a(t.id,"version",e===t.version?"":e),k(!1)},children:[(0,s.jsx)(z.A,{className:(0,i.cn)("mr-2 h-4 w-4",t.version===e.version?"opacity-100":"opacity-0")}),e.version,e.tag&&(0,s.jsx)("span",{className:"ml-2 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] text-slate-500 dark:bg-slate-800 dark:text-slate-400",children:e.tag})]},e.version))})]})]})})]})]})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsxs)("label",{className:"flex items-center justify-between text-xs font-medium text-slate-700 dark:text-slate-200",children:[(0,s.jsx)("span",{children:f("analyze.fieldExportsLabel")}),m?.exports&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:m.exports})]}),(0,s.jsx)(ea,{values:t.exports,onChange:e=>a(t.id,"exports",e),error:m?.exports,disabled:x||N||!1===S||!S,options:S?E:void 0,placeholder:!1===S?"This module does not support treeshake":N?"Checking treeshake support...":S?void 0:"Please select a version first",loading:N,item:t,onMoveToShared:()=>{if(!t.name||!t.version)return;let e=`${t.name}@${t.version}`;o(t=>({...t,shared:t.shared?`${t.shared}
1
+ "use strict";(self.rspackChunk_module_federation_treeshake_frontend=self.rspackChunk_module_federation_treeshake_frontend||[]).push([[515],{2835(e,t,a){var s=a(5723);a(2155);var r=a(5445),l=a(127);let n=(0,r.F)("inline-flex items-center rounded-md border border-zinc-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 dark:border-zinc-800 dark:focus:ring-zinc-300",{variants:{variant:{default:"border-transparent bg-zinc-900 text-zinc-50 shadow hover:bg-zinc-900/80 dark:bg-zinc-50 dark:text-zinc-900 dark:hover:bg-zinc-50/80",secondary:"border-transparent bg-zinc-100 text-zinc-900 hover:bg-zinc-100/80 dark:bg-zinc-800 dark:text-zinc-50 dark:hover:bg-zinc-800/80",destructive:"border-transparent bg-red-500 text-zinc-50 shadow hover:bg-red-500/80 dark:bg-red-900 dark:text-zinc-50 dark:hover:bg-red-900/80",outline:"text-zinc-950 dark:text-zinc-50"}},defaultVariants:{variant:"default"}});function i(e){let{className:t,variant:a,...r}=e;return(0,s.jsx)("div",{className:(0,l.cn)(n({variant:a}),t),...r})}a.d(t,{E:()=>i})},678(e,t,a){a.r(t),a.d(t,{default:()=>eV});var s=a(5723),r=a(2155),l=a(2903),n=a(7184),i=a(127);let d=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("rounded-xl border border-zinc-200 bg-white text-zinc-950 shadow dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50",a),...r})});d.displayName="Card";let o=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",a),...r})});o.displayName="CardHeader";let c=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("font-semibold leading-none tracking-tight",a),...r})});c.displayName="CardTitle";let m=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("text-sm text-zinc-500 dark:text-zinc-400",a),...r})});m.displayName="CardDescription";let x=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("p-6 pt-0",a),...r})});x.displayName="CardContent",(r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center p-6 pt-0",a),...r})})).displayName="CardFooter";let h=r.forwardRef((e,t)=>{let{className:a,type:r,...l}=e;return(0,s.jsx)("input",{type:r,className:(0,i.cn)("flex h-9 w-full rounded-md border border-zinc-200 bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-zinc-950 placeholder:text-zinc-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-zinc-800 dark:file:text-zinc-50 dark:placeholder:text-zinc-400 dark:focus-visible:ring-zinc-300",a),ref:t,...l})});h.displayName="Input";let u=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("textarea",{className:(0,i.cn)("flex min-h-[60px] w-full rounded-md border border-zinc-200 bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-zinc-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-zinc-800 dark:placeholder:text-zinc-400 dark:focus-visible:ring-zinc-300",a),ref:t,...r})});u.displayName="Textarea";var p=a(1762);let f=p.bL,g=p.R6,b=p.Ke;var j=a(2423),y=a(6317),v=a(970),k=a(4712),N=a(841),w=a(5436),z=a(1048),S=a(2835),C=a(7997),E=a(6886),R=a(4462),T=a(1784);let B=R.bL;R.l9;let $=R.ZL;R.bm;let D=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(R.hJ,{ref:t,className:(0,i.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...r})});D.displayName=R.hJ.displayName;let A=r.forwardRef((e,t)=>{let{className:a,children:r,...l}=e;return(0,s.jsxs)($,{children:[(0,s.jsx)(D,{}),(0,s.jsxs)(R.UC,{ref:t,className:(0,i.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-zinc-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-zinc-800 dark:bg-zinc-950",a),...l,children:[r,(0,s.jsxs)(R.bm,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-zinc-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-zinc-100 data-[state=open]:text-zinc-500 dark:ring-offset-zinc-950 dark:focus:ring-zinc-300 dark:data-[state=open]:bg-zinc-800 dark:data-[state=open]:text-zinc-400 dark:text-zinc-100",children:[(0,s.jsx)(T.A,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});A.displayName=R.UC.displayName;let U=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("flex flex-col space-y-1.5 text-center sm:text-left",t),...a})};U.displayName="DialogHeader";let L=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a})};L.displayName="DialogFooter";let F=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(R.hE,{ref:t,className:(0,i.cn)("text-lg font-semibold leading-none tracking-tight",a),...r})});F.displayName=R.hE.displayName;let P=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(R.VY,{ref:t,className:(0,i.cn)("text-sm text-zinc-500 dark:text-zinc-400",a),...r})});P.displayName=R.VY.displayName;let I=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB,{ref:t,className:(0,i.cn)("flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50",a),...r})});I.displayName=C.uB.displayName;let M=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsxs)("div",{className:"flex items-center border-b px-3 flex-1","cmdk-input-wrapper":"",children:[(0,s.jsx)(E.A,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,s.jsx)(C.uB.Input,{ref:t,className:(0,i.cn)("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400",a),...r})]})});M.displayName=C.uB.Input.displayName;let _=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB.List,{ref:t,className:(0,i.cn)("max-h-[300px] overflow-y-auto overflow-x-hidden",a),...r})});_.displayName=C.uB.List.displayName;let O=r.forwardRef((e,t)=>(0,s.jsx)(C.uB.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));O.displayName=C.uB.Empty.displayName;let V=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB.Group,{ref:t,className:(0,i.cn)("overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400",a),...r})});V.displayName=C.uB.Group.displayName,(r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB.Separator,{ref:t,className:(0,i.cn)("-mx-1 h-px bg-zinc-200 dark:bg-zinc-800",a),...r})})).displayName=C.uB.Separator.displayName;let H=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(C.uB.Item,{ref:t,className:(0,i.cn)("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:data-[selected=true]:bg-zinc-800 dark:data-[selected=true]:text-zinc-50",a),...r})});H.displayName=C.uB.Item.displayName;var K=a(9503);let q=K.bL,J=K.l9;K.Mz;let W=r.forwardRef((e,t)=>{let{className:a,align:r="center",sideOffset:l=4,...n}=e;return(0,s.jsx)(K.ZL,{children:(0,s.jsx)(K.UC,{ref:t,align:r,sideOffset:l,className:(0,i.cn)("z-50 w-72 rounded-md border border-zinc-200 bg-white p-4 text-zinc-950 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50",a),...n})})});W.displayName=K.UC.displayName;var Y=a(6078),G=a(3587),Z=a(6396);let X=("u">typeof window?window.localStorage.getItem("treeshake_server_url"):null)||"http://localhost:3000/tree-shaking-shared";async function Q(e){let t=new Headers;t.append("Content-Type","application/json");let{shared:a,target:s,plugins:r,sharedName:l,sharedVersion:n}=e,i=JSON.stringify({shared:a,target:s,plugins:r,libraryType:"global",hostName:"@treeshake/shared-host"}),d=await window.fetch(`${X}/build/check-tree-shaking`,{method:"POST",headers:t,body:i});if(!d.ok)throw Error(`HTTP ${d.status}`);let{status:o,data:c}=await d.json();if("success"!==o)throw Error(c);let m=c.find(e=>e.name===l&&e.version===n);if(!m)throw Error(`未能正常获取到目标${l}@${n}信息`);return!!m.canTreeShaking&&m}var ee=a(7748);function et(e){return e?e.split(/[\n,]/).map(e=>e.trim()).filter(Boolean).map(e=>{let t=e.split("@");if(t.length<2)throw Error(ee.A.t("analyze.sharedVersionRequired",{name:e}));let a=t.pop();return[t.join("@"),a,[]]}):[]}function ea(e){let{values:t,onChange:a,error:d,disabled:o,options:c,placeholder:m,loading:x,item:h,onMoveToShared:u}=e,[p,f]=(0,r.useState)(""),[g,b]=(0,r.useState)(!1),{t:j}=(0,l.Bd)(),y=e=>{let s=e.trim();!s||t.includes(s)||(a([...t,s]),f(""))},v=e=>{o||a(t.filter(t=>t!==e))},k="This module does not support treeshake"===m;return x?(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("div",{className:"flex min-h-12 w-full items-center justify-center gap-2 rounded-xl border border-zinc-200/70 bg-white/70 px-3 py-2 text-sm shadow-sm backdrop-blur-md dark:border-zinc-800/80 dark:bg-zinc-900/70 opacity-80 cursor-not-allowed",children:[(0,s.jsx)(Y.A,{className:"h-4 w-4 animate-spin text-zinc-500"}),(0,s.jsx)("span",{className:"text-zinc-500",children:m||"Loading..."})]}),d&&(0,s.jsx)("p",{className:"text-xs text-red-500",children:d})]}):c&&c.length>0?(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)(q,{open:g,onOpenChange:b,children:[(0,s.jsx)(J,{asChild:!0,children:(0,s.jsxs)("div",{className:(0,i.cn)("flex min-h-12 w-full flex-wrap items-center gap-2 rounded-xl border bg-white/70 px-3 py-2 text-sm shadow-sm backdrop-blur-md transition-colors dark:bg-zinc-900/70 cursor-pointer",d?"border-red-500/70 ring-1 ring-red-500/40":"border-zinc-200/70 hover:border-zinc-300 dark:border-zinc-800/80 dark:hover:border-zinc-700",o&&"opacity-60 cursor-not-allowed"),children:[t.map(e=>(0,s.jsxs)(S.E,{variant:"secondary",className:"flex items-center gap-1 rounded-full bg-zinc-900/90 px-2 py-1 text-xs text-zinc-50 shadow-sm dark:bg-zinc-100 dark:text-zinc-900",children:[(0,s.jsx)("span",{children:e}),(0,s.jsx)("button",{type:"button",className:"inline-flex h-4 w-4 items-center justify-center rounded-full bg-zinc-800/80 text-[10px] text-zinc-50 transition hover:bg-zinc-700 dark:bg-zinc-200 dark:text-zinc-900 dark:hover:bg-zinc-300",onClick:t=>{t.stopPropagation(),v(e)},children:"✕"})]},e)),(0,s.jsx)("div",{className:(0,i.cn)("flex-1 min-w-20 text-sm text-zinc-500 dark:text-zinc-400",k&&"text-red-500"),children:0===t.length&&(m||"Select exports...")}),(0,s.jsx)(G.A,{className:"ml-auto h-4 w-4 shrink-0 opacity-50"})]})}),(0,s.jsx)(W,{className:"w-[--radix-popover-trigger-width] p-0",align:"start",children:(0,s.jsxs)(I,{children:[(0,s.jsxs)("div",{className:"flex items-center border-b pr-3",children:[(0,s.jsx)(M,{placeholder:"Search exports...",className:"flex-1 border-0 focus:ring-0"}),(0,s.jsx)("button",{type:"button",className:"ml-2 whitespace-nowrap text-xs font-medium text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200",onClick:()=>{t.length===c.length?a([]):a([...c])},children:t.length===c.length?"Unselect All":"Select All"})]}),(0,s.jsxs)(_,{children:[(0,s.jsx)(O,{children:"No export found."}),(0,s.jsx)(V,{className:"max-h-64 overflow-y-auto",children:c.map(e=>(0,s.jsxs)(H,{value:e,onSelect:()=>{t.includes(e)?a(t.filter(t=>t!==e)):a([...t,e])},children:[(0,s.jsx)(z.A,{className:(0,i.cn)("mr-2 h-4 w-4",t.includes(e)?"opacity-100":"opacity-0")}),e]},e))})]})]})})]}),d&&(0,s.jsx)("p",{className:"text-xs text-red-500",children:d})]}):(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("div",{className:(0,i.cn)("flex min-h-12 w-full flex-wrap items-center gap-2 rounded-xl border bg-white/70 px-3 py-2 text-sm shadow-sm backdrop-blur-md transition-colors dark:bg-zinc-900/70",d?"border-red-500/70 ring-1 ring-red-500/40":"border-zinc-200/70 hover:border-zinc-300 dark:border-zinc-800/80 dark:hover:border-zinc-700",o&&"opacity-60 cursor-not-allowed"),children:[t.map(e=>(0,s.jsxs)(S.E,{variant:"secondary",className:"flex items-center gap-1 rounded-full bg-zinc-900/90 px-2 py-1 text-xs text-zinc-50 shadow-sm dark:bg-zinc-100 dark:text-zinc-900",children:[(0,s.jsx)("span",{children:e}),(0,s.jsx)("button",{type:"button",className:"inline-flex h-4 w-4 items-center justify-center rounded-full bg-zinc-800/80 text-[10px] text-zinc-50 transition hover:bg-zinc-700 dark:bg-zinc-200 dark:text-zinc-900 dark:hover:bg-zinc-300",onClick:t=>{t.stopPropagation(),v(e)},children:"✕"})]},e)),(0,s.jsx)("input",{disabled:o,value:p,onChange:e=>f(e.target.value),onKeyDown:e=>{o||("Enter"===e.key||","===e.key||" "===e.key?(e.preventDefault(),y(p)):"Backspace"===e.key&&!p&&t.length&&(e.preventDefault(),a(t.slice(0,-1))))},onBlur:()=>{!o&&p.trim()&&y(p)},placeholder:t.length?j("analyze.fieldExportsPlaceholderMore"):m||j("analyze.fieldExportsPlaceholderEmpty"),className:(0,i.cn)("flex-1 min-w-20 border-none bg-transparent text-sm text-zinc-900 outline-none placeholder:text-zinc-400 dark:text-zinc-50 dark:placeholder:text-zinc-500 disabled:cursor-not-allowed",k&&"placeholder:text-red-500")})]}),d&&(0,s.jsx)("p",{className:"text-xs text-red-500",children:d}),k&&h&&u&&(0,s.jsxs)("div",{className:"mt-1 flex items-center justify-between rounded-md bg-yellow-50 p-2 text-xs text-yellow-700 dark:bg-yellow-900/20 dark:text-yellow-400",children:[(0,s.jsx)("span",{children:j("analyze.suggestionMoveToShared")}),(0,s.jsx)(n.$,{type:"button",variant:"ghost",size:"sm",className:"h-6 px-2 text-xs hover:bg-yellow-100 hover:text-yellow-800 dark:hover:bg-yellow-900/40 dark:hover:text-yellow-300",onClick:u,children:j("analyze.btnMoveToShared")})]})]})}function es(e){let{item:t,updateItem:a,config:d,setConfig:o,removeItem:c,formErrors:m,loading:x,setFullTreeshakeResult:u,allItems:p}=e,{t:f}=(0,l.Bd)(),[g,b]=(0,r.useState)([]),[j,y]=(0,r.useState)(!1),[v,k]=(0,r.useState)(!1),[N,w]=(0,r.useState)(!1),[S,C]=(0,r.useState)(null),[E,R]=(0,r.useState)([]),[T,B]=(0,r.useState)(null);return(0,r.useEffect)(()=>{if(!t.name||!t.version){C(null),R([]);return}(async()=>{w(!0);try{let e={sharedName:t.name.trim(),sharedVersion:t.version.trim(),shared:[[t.name.trim(),t.version.trim(),[]]],target:d.target?d.target.split("\n").map(e=>e.trim()).filter(Boolean):["web","browserslist:> 0.01%,not dead,not op_mini all"],plugins:d.plugins?d.plugins.split(",").map(e=>e.trim()).filter(Boolean):[]},a=p.filter(e=>e.id!==t.id&&e.name&&e.version).map(e=>[e.name.trim(),e.version.trim(),e.exports]);if(e.shared.push(...a),d.shared)try{let t=et(d.shared);e.shared.push(...t)}catch(e){console.warn("Failed to parse shared config for check",e)}let s=e.shared.map(e=>e[0]);if(new Set(s).size!==s.length){let e=s.filter((e,t)=>s.indexOf(e)!==t),a=[...new Set(e)];a.includes(t.name.trim())?B(f("analyze.errorDuplicateSharedCurrent",{name:t.name.trim()})):(Z.oR.error(f("analyze.errorDuplicateSharedDeps",{names:a.join(", ")})),B(f("analyze.errorDuplicateSharedDeps",{names:a.join(", ")}))),C(null),u&&u(null),w(!1);return}let r=await Q(e);!1===r?(C(!1),R([]),u&&u(null)):(C(!0),u&&u(r),r.modules&&R(r.modules))}catch(e){console.error("Check treeshake failed",e),C(null),u&&u(null),Z.oR.error(e.message||"Failed to check treeshake support")}finally{w(!1)}})()},[t.name,t.version,d.target,d.plugins,d.shared,f]),(0,r.useEffect)(()=>{if(!t.name){b([]),B(null);return}let e=t.name.trim(),a=p.filter(e=>e.id!==t.id&&e.name).map(e=>e.name.trim()),s=[];if(d.shared)try{s=et(d.shared).map(e=>e[0])}catch(e){}if(new Set([...a,...s]).has(e)){b([]),B(f("analyze.errorDuplicateSharedCurrent",{name:e}));return}let r=setTimeout(async()=>{y(!0),B(null);try{let e=await fetch(`https://data.jsdelivr.com/v1/package/npm/${t.name}`);if(e.ok){let t=await e.json(),a=(t.versions||[]).map(e=>({version:e})),s=t.tags||{};Object.entries(s).forEach(e=>{let[t,s]=e,r=a.find(e=>e.version===s);r&&(r.tag=t)}),b(a)}else 404===e.status?(b([]),B(`Package "${t.name}" not found or has no versions`),Z.oR.error(`Package "${t.name}" not found`)):b([])}catch(e){console.error("Failed to fetch versions",e),b([])}finally{y(!1)}},500);return()=>clearTimeout(r)},[t.name,p,d.shared]),(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"grid gap-3 md:grid-cols-2",children:[(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsxs)("label",{className:"flex items-center justify-between text-xs font-medium text-slate-700 dark:text-slate-200",children:[(0,s.jsx)("span",{children:f("analyze.fieldSharedLabel")}),m?.name&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:m.name})]}),(0,s.jsx)(h,{value:t.name,onChange:e=>{a(t.id,"name",e.target.value),a(t.id,"version",""),a(t.id,"exports",[])},placeholder:f("analyze.fieldSharedPlaceholder"),className:(0,i.cn)("h-9 bg-white/70 text-sm backdrop-blur-sm dark:bg-slate-900/70",(m?.name||T)&&"border-red-500/70 ring-1 ring-red-500/40")}),T&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:T})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsxs)("label",{className:"flex items-center justify-between text-xs font-medium text-slate-700 dark:text-slate-200",children:[(0,s.jsx)("span",{children:f("analyze.fieldVersionLabel")}),m?.version&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:m.version})]}),(0,s.jsxs)(q,{open:v,onOpenChange:k,children:[(0,s.jsx)(J,{asChild:!0,children:(0,s.jsxs)(n.$,{variant:"outline",role:"combobox","aria-expanded":v,className:(0,i.cn)("h-9 w-full justify-between bg-white/70 text-sm font-normal backdrop-blur-sm dark:bg-slate-900/70",!t.version&&"text-muted-foreground",m?.version&&"border-red-500/70 ring-1 ring-red-500/40"),disabled:!t.name||j,children:[t.version?g.find(e=>e.version===t.version)?.tag?`${t.version} (${g.find(e=>e.version===t.version)?.tag})`:t.version:j?"Loading versions...":f("analyze.fieldVersionPlaceholder"),(0,s.jsx)(G.A,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),(0,s.jsx)(W,{className:"w-[--radix-popover-trigger-width] p-0",children:(0,s.jsxs)(I,{children:[(0,s.jsx)(M,{placeholder:"Search version..."}),(0,s.jsxs)(_,{children:[(0,s.jsx)(O,{children:"No version found."}),(0,s.jsx)(V,{children:g.map(e=>(0,s.jsxs)(H,{value:e.version,onSelect:e=>{a(t.id,"version",e===t.version?"":e),k(!1)},children:[(0,s.jsx)(z.A,{className:(0,i.cn)("mr-2 h-4 w-4",t.version===e.version?"opacity-100":"opacity-0")}),e.version,e.tag&&(0,s.jsx)("span",{className:"ml-2 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] text-slate-500 dark:bg-slate-800 dark:text-slate-400",children:e.tag})]},e.version))})]})]})})]})]})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsxs)("label",{className:"flex items-center justify-between text-xs font-medium text-slate-700 dark:text-slate-200",children:[(0,s.jsx)("span",{children:f("analyze.fieldExportsLabel")}),m?.exports&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:m.exports})]}),(0,s.jsx)(ea,{values:t.exports,onChange:e=>a(t.id,"exports",e),error:m?.exports,disabled:x||N||!1===S||!S,options:S?E:void 0,placeholder:!1===S?"This module does not support treeshake":N?"Checking treeshake support...":S?void 0:"Please select a version first",loading:N,item:t,onMoveToShared:()=>{if(!t.name||!t.version)return;let e=`${t.name}@${t.version}`;o(t=>({...t,shared:t.shared?`${t.shared}
2
2
  ${e}`:e})),p.length>1?c(t.id):(a(t.id,"name",""),a(t.id,"version",""),a(t.id,"exports",[])),Z.oR.success(`Moved ${t.name} to shared config`)}}),(0,s.jsx)("p",{className:"text-[11px] text-slate-500 dark:text-slate-400",children:f("analyze.fieldExportsHelp")})]})]})}var er=a(5227);let el=(0,a(5445).F)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),en=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(er.b,{ref:t,className:(0,i.cn)(el(),a),...r})});en.displayName=er.b.displayName;var ei=a(2314);async function ed(e,t){try{if("u"<typeof window||"u"<typeof AbortController){let t=await fetch(e.href,{method:"HEAD"}),a=t.headers.get("Content-Length")??t.headers.get("content-length");if(!a)return null;let s=Number(a);if(Number.isNaN(s)||s<=0)return null;return s}let a=new AbortController,s=window.setTimeout(()=>a.abort(),t);try{let t=await fetch(e.href,{method:"HEAD",signal:a.signal}),s=t.headers.get("Content-Length")??t.headers.get("content-length");if(!s)return null;let r=Number(s);if(Number.isNaN(r)||r<=0)return null;return r}finally{window.clearTimeout(s)}}catch{return null}}async function eo(e,t,a){let s,r=e.transferSize||0,l=e.encodedBodySize||0,n=e.decodedBodySize||0,i=e.duration||0,d="unknown",o="ok";if(r>0||l>0||n>0)d="performance";else{let e=await ed(t,5e3);if(null!==e)r=r||e,l=l||e,d="head",o="restricted",s="Performance 体积为 0，使用 HEAD Content-Length 作为回退。";else if(a)try{let e=new TextEncoder().encode(a).length;e>0?(r=r||e,l=l||e,n=n||e,d="estimated",o="restricted",s="无法从浏览器获取准确体积，使用 TextEncoder 估算字节数。"):(o="unavailable",s="无法从 Performance、HEAD 或估算中获取脚本体积。")}catch{o="unavailable",s="当前环境不支持 TextEncoder 估算脚本体积。"}}return r||l||n||(o="unavailable"),{transferSize:r||null,encodedBodySize:l||null,decodedBodySize:n||null,sizeSource:d,sizeStatus:o,notes:s,duration:i}}async function ec(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if("u"<typeof window||"u"<typeof performance)throw Error("当前环境不支持 Performance API，无法读取资源体积。");if(!("getEntriesByType"in performance))throw Error("当前浏览器未暴露 performance.getEntriesByType，无法扫描资源。");let t=performance.getEntriesByType("resource").filter(e=>{if("script"===e.initiatorType)return!0;if("other"===e.initiatorType){let t=e.name||"";return t.endsWith(".js")||t.includes(".js?")}return!1}).map(async t=>{let a;try{a=new URL(t.name,window.location.href)}catch{return null}let s=a.href.toLowerCase(),r=new Set;if(e.forEach(e=>{s.includes(e.toLowerCase())&&r.add(e)}),!r.size)return null;let l="";try{let e=await fetch(a.href);e.ok&&(l=await e.text())}catch(e){console.warn("Failed to fetch script content:",a.href,e)}let n=await eo(t,a,l);return{id:a.href,url:a.href,libraries:Array.from(r),transferSize:n.transferSize,encodedBodySize:n.encodedBodySize,decodedBodySize:n.decodedBodySize,sizeSource:n.sizeSource,sizeStatus:n.sizeStatus,notes:n.notes,duration:n.duration,content:l||void 0}}),a=(await Promise.all(t)).filter(e=>!!e);return a.sort((e,t)=>{let a=e.transferSize??e.encodedBodySize??0;return(t.transferSize??t.encodedBodySize??0)-a}),a}let em=e=>e.startsWith("//")?window.location.protocol+e:e,ex=e=>new Promise((t,a)=>{if(document.querySelector(`script[src="${e}"]`))return void t();let s=document.createElement("script");s.src=e,s.crossOrigin="anonymous",s.onload=()=>t(),s.onerror=()=>a(Error(`Failed to load script: ${e}`)),document.body.appendChild(s)}),eh=async e=>{let{sharedName:t,sharedVersion:a,raw:s,treeshakeModules:r,fullTreeshakeResult:l}=e,n=s.find(e=>e.name===t&&e.version===a);if(!l||!n)throw Error(ee.A.t("analyze.responseMissingJs"));l.cdnUrl=em(l.cdnUrl),n.cdnUrl=em(n.cdnUrl),await Promise.all([ex(l.cdnUrl),ex(n.cdnUrl)]);let i=await ec([l.cdnUrl,n.cdnUrl]),d=e=>i.find(t=>t.url===e)||{id:e,url:e,libraries:[],transferSize:0,encodedBodySize:0,decodedBodySize:0,sizeSource:"unknown",sizeStatus:"unavailable",duration:0},o=d(l.cdnUrl),c=d(n.cdnUrl),m={js:o.content||l.cdnUrl,size:o.encodedBodySize||0,modules:{names:l.modules},resourcePerf:o},x={js:c.content||n.cdnUrl,size:c.encodedBodySize||0,modules:{names:r||n.modules},resourcePerf:c};return console.log("fullRecord: ",o),console.log("treeshakeRecord: ",c),{full:m,treeshake:x}};async function eu(e,t){let a=new Headers;a.append("Content-Type","application/json");let{shared:s,target:r,plugins:l,sharedName:n,sharedVersion:i}=e,d=JSON.stringify({shared:s,target:r,plugins:l,libraryType:"global",hostName:"@treeshake/shared-host"}),o=await window.fetch(`${X}/build`,{method:"POST",headers:a,body:d});if(!o.ok)throw Error(`HTTP ${o.status}`);let{status:c,data:m}=await o.json();if("success"!==c)throw Error(m);let x=[];for(let e of s){let a=e[0],s=e[1],r=e[2],l=a===n&&s===i,d=m.find(e=>e.name===a&&e.version===s);if(!d)continue;let o=l?t:d;try{let e=await eh({sharedName:a,sharedVersion:s,raw:m,treeshakeModules:r,fullTreeshakeResult:o});x.push({...e,sharedName:a})}catch(e){console.error(`Failed to normalize response for ${a}`,e)}}return x}let ep=async e=>{let t=em(e),a=[],s=[],r=[],l=await fetch(t);if(!l.ok)throw Error(`Failed to fetch manifest: HTTP ${l.status}`);let n=await l.json();if(n.shared?.length){let e=n.shared.some(e=>e.usedExports&&e.usedExports.length>0);n.shared.forEach(t=>{e&&(!t.usedExports||0===t.usedExports.length)?s.push(`${t.name}@${t.version}`):a.push({id:`${t.name}@${t.version}`,name:t.name,version:t.version,exports:t.usedExports??[]})})}return n.remotes?.length&&n.remotes.forEach(e=>{let t=e.federationContainerName??e.name??"";if(!t)return;let a=t.replace(/^app:/,""),s=e.version??(e.entry?String(e.entry):void 0);r.push({name:a,version:s})}),{pureShared:s,sharedItems:a,remotes:r}};async function ef(e){return ep(e)}var eg=a(3222);let eb=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(eg.bL,{ref:t,className:(0,i.cn)("peer h-4 w-4 shrink-0 rounded-sm border border-zinc-200 border-zinc-900 shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-zinc-900 data-[state=checked]:text-zinc-50 dark:border-zinc-800 dark:border-zinc-50 dark:focus-visible:ring-zinc-300 dark:data-[state=checked]:bg-zinc-50 dark:data-[state=checked]:text-zinc-900",a),...r,children:(0,s.jsx)(eg.C1,{className:(0,i.cn)("flex items-center justify-center text-current"),children:(0,s.jsx)(z.A,{className:"h-4 w-4"})})})});function ej(e){let{open:t,onOpenChange:a,remotes:l,onConfirm:i}=e,[d,o]=(0,r.useState)([]);return(0,r.useEffect)(()=>{t&&o(l.map(e=>e.name))},[t,l]),(0,s.jsx)(B,{open:t,onOpenChange:a,children:(0,s.jsxs)(A,{className:"sm:max-w-[425px] dark:bg-slate-900 dark:border-slate-800",children:[(0,s.jsxs)(U,{children:[(0,s.jsx)(F,{className:"dark:text-slate-100",children:"Select Remotes to Add"}),(0,s.jsx)(P,{children:"Choose which remote modules you want to add to the analysis."})]}),(0,s.jsx)("div",{className:"grid gap-4 py-4 max-h-[60vh] overflow-y-auto",children:l.map(e=>(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(eb,{id:`remote-${e.name}`,checked:d.includes(e.name),onCheckedChange:()=>{var t;return t=e.name,void o(e=>e.includes(t)?e.filter(e=>e!==t):[...e,t])}}),(0,s.jsxs)("label",{htmlFor:`remote-${e.name}`,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:text-slate-200",children:[e.name," ",e.version?(0,s.jsxs)("span",{className:"text-muted-foreground text-xs dark:text-slate-400",children:["(",e.version,")"]}):null]})]},e.name))}),(0,s.jsxs)(L,{children:[(0,s.jsx)(n.$,{variant:"outline",onClick:()=>a(!1),className:"dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800",children:"Cancel"}),(0,s.jsxs)(n.$,{onClick:()=>{i(l.filter(e=>d.includes(e.name))),a(!1)},children:["Confirm (",d.length,")"]})]})]})})}eb.displayName=eg.bL.displayName;let ey=e=>e.startsWith("http://")||e.startsWith("https://")||e.startsWith("//");function ev(e){let{open:t,onOpenChange:a,setSharedItems:l,setConfig:d}=e,[o,c]=(0,r.useState)([{id:"1",name:"",manifestUrl:""}]),[m,x]=(0,r.useState)(!1),u=(0,r.useRef)({}),[p,f]=(0,r.useState)(!1),[g,b]=(0,r.useState)([]),j=(0,r.useCallback)((e,t)=>{if(!ey(t))return;let a=`${e}-config`;u.current[a]&&clearTimeout(u.current[a]),u.current[a]=setTimeout(()=>{k(e,t),delete u.current[a]},500)},[]),k=(0,r.useCallback)(async(e,t)=>{if(t){c(t=>t.map(t=>t.id===e?{...t,error:null}:t));try{let a=await ef(t);c(t=>t.map(t=>t.id===e?{...t,error:null,configData:a?{pureShared:a.pureShared,sharedItems:a.sharedItems||[],remotes:a.remotes}:null}:t))}catch(s){console.error(`Failed to fetch config for ${t}`,s);let a="Failed to load config";"object"==typeof s&&null!==s&&("response"in s&&s.response?.status===404?a="Manifest not found":"message"in s&&"string"==typeof s.message&&(a=s.message)),c(t=>t.map(t=>t.id===e?{...t,configData:null,error:a}:t))}}},[]),N=(e,t)=>{c(a=>{let s=a.map(a=>{if(a.id!==e)return a;let s={...a,...t};return(void 0!==t.name&&t.name!==a.name||void 0!==t.manifestUrl&&t.manifestUrl!==a.manifestUrl)&&(s.configData=null),s}),r=s.find(t=>t.id===e);return r?.manifestUrl&&j(e,r.manifestUrl),s})},w=async()=>{let e=o.filter(e=>e.name&&e.manifestUrl);if(0===e.length)return void Z.oR.error("Please fill in at least one module");x(!0);try{let t=[],s={},r=[],n=0;for(let a of e)a.configData?(t.push(...a.configData.sharedItems),a.configData.pureShared&&r.push(...a.configData.pureShared)):n++;if(n>0){let a=e.filter(e=>!e.configData);(await Promise.all(a.map(e=>ef(e.manifestUrl).catch(()=>null)))).forEach(e=>{e&&(e.sharedItems&&t.push(...e.sharedItems),e.pureShared.length>0&&r.push(...e.pureShared))})}if(r.length>0){let e=new Set(t.map(e=>e.name)),a=r.filter(t=>{let a=t.split("@"),s=t;return a.length>1&&(s=t.startsWith("@")?a.length>2?"@"+a[1]:t:a[0]),!e.has(s)});a.length>0&&(s.shared=a.join("\n"))}s.target||(s.target="web,\nbrowserslist:> 0.01%,not dead,not op_mini all"),t.length>0?(l(t),d(e=>({...e,...s})),a(!1),Z.oR.success(`Loaded config for ${e.length} modules`)):Z.oR.error("Failed to load manifest config or no data returned")}catch(e){console.error(e),Z.oR.error("Error loading manifest config")}finally{x(!1)}},z=o.every(e=>e.name&&e.manifestUrl&&!e.error);return(0,s.jsxs)(B,{open:t,onOpenChange:a,children:[(0,s.jsx)(ej,{open:p,onOpenChange:f,remotes:g,onConfirm:e=>{c(t=>{let a=[...t],s=new Set(t.map(e=>e.name)),r=[];return e.forEach(e=>{if(!s.has(e.name)){let t=ey(e.version??"")?e.version:"",l={id:crypto.randomUUID(),name:e.name,manifestUrl:t};a.push(l),r.push(l),s.add(e.name)}}),setTimeout(()=>{r.forEach(e=>{e.manifestUrl&&j(e.id,e.manifestUrl)})},0),a}),Z.oR.success(`Added ${e.length} remote modules`)}}),(0,s.jsxs)(A,{className:"sm:max-w-[650px] dark:bg-slate-900 dark:border-slate-800",children:[(0,s.jsxs)(U,{children:[(0,s.jsx)(F,{className:"dark:text-slate-100",children:"Import Manifest Config"}),(0,s.jsx)(P,{children:"Provide a manifest stats URL to prefill shared exports."})]}),(0,s.jsxs)("div",{className:"grid gap-4 py-4 max-h-[60vh] overflow-y-auto",children:[o.map(e=>(0,s.jsxs)("div",{className:(0,i.cn)("relative grid gap-4 rounded-lg border border-slate-200/60 bg-white/50 px-8 py-6 dark:border-slate-800/60 dark:bg-slate-900/50",e.error&&"border-red-500/50 dark:border-red-500/50 bg-red-50/10 dark:bg-red-900/10"),children:[o.length>1&&(0,s.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void c(e=>e.length<=1?e:e.filter(e=>e.id!==t))},className:"absolute right-2 top-2 z-10 text-slate-400 hover:text-red-500 dark:text-slate-500 dark:hover:text-red-400",children:(0,s.jsx)(y.A,{className:"h-4 w-4"})}),(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)(en,{htmlFor:`registry-name-${e.id}`,className:"text-right dark:text-slate-300",children:"Name"}),(0,s.jsx)(h,{id:`registry-name-${e.id}`,value:e.name,onChange:t=>N(e.id,{name:t.target.value}),placeholder:"@scope/name",className:"col-span-3 dark:bg-slate-900/50 dark:border-slate-800/60 dark:text-slate-200 dark:placeholder:text-slate-500"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)(en,{className:"text-right dark:text-slate-300",children:"Manifest URL"}),(0,s.jsx)(h,{value:e.manifestUrl,onChange:t=>N(e.id,{manifestUrl:t.target.value}),placeholder:"https://.../mf-manifest-stats.json",className:"col-span-3 dark:bg-slate-900/50 dark:border-slate-800/60 dark:text-slate-200 dark:placeholder:text-slate-500"})]}),e.error&&(0,s.jsx)("div",{className:"text-xs text-red-500 mt-2",children:e.error}),e.configData?.remotes&&e.configData.remotes.length>0?(0,s.jsx)("div",{className:"mt-2",children:(0,s.jsxs)(n.$,{type:"button",variant:"outline",size:"sm",className:"h-7 text-xs flex items-center gap-1 w-full dark:border-slate-700 dark:text-slate-300 dark:hover:bg-slate-800",onClick:()=>{b(e.configData.remotes),f(!0)},children:[(0,s.jsx)(ei.A,{className:"h-3 w-3"}),"Add Remotes (",e.configData.remotes.length,")"]})}):null]},e.id)),(0,s.jsxs)(n.$,{type:"button",variant:"outline",size:"sm",onClick:()=>{c(e=>[...e,{id:crypto.randomUUID(),name:"",manifestUrl:""}])},className:"w-full border-dashed dark:border-slate-700 dark:bg-slate-900/50 dark:text-slate-300 dark:hover:bg-slate-800",children:[(0,s.jsx)(v.A,{className:"mr-2 h-4 w-4"})," Add another module"]})]}),(0,s.jsx)(L,{children:(0,s.jsx)(n.$,{type:"button",onClick:w,disabled:m||!z,children:m?"Loading...":"Load Config"})})]})]})}function ek(e){let{sharedItems:t,setSharedItems:a,config:p,setConfig:S,formErrors:C,loading:E,advancedOpen:R,setAdvancedOpen:T,onSubmit:B,onReset:$,setFullTreeshakeResult:D}=e,{t:A}=(0,l.Bd)(),[U,L]=(0,r.useState)(!1),F=(e,t,s)=>{a(a=>a.map(a=>a.id===e?{...a,[t]:s}:a))},P=e=>{a(t=>t.length<=1?t:t.filter(t=>t.id!==e))};return(0,s.jsxs)(d,{className:"relative border-slate-200/80 bg-white/80 shadow-xl shadow-sky-500/20 backdrop-blur-2xl dark:border-slate-800/80 dark:bg-slate-900/90",children:[(0,s.jsx)(o,{className:"pb-4",children:(0,s.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(c,{className:"flex items-center gap-2 text-sm font-semibold",children:[(0,s.jsx)(j.A,{className:"h-4 w-4 text-sky-500"}),A("analyze.formCardTitle")]}),(0,s.jsx)(m,{className:"mt-1 text-xs",children:A("analyze.formCardDesc")})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(n.$,{type:"button",size:"sm",variant:"ghost",className:"h-8 text-xs text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200",onClick:()=>{a([{id:"1",name:"antd",version:"6.1.0",exports:["Button","List","Badge"]}]),S(e=>({...e,shared:"react@18.2.0\nreact-dom@18.2.0",target:"web\nbrowserslist:> 0.01%,not dead,not op_mini all",plugins:""}))},children:A("common.fillDemo")}),(0,s.jsx)(n.$,{type:"button",size:"sm",variant:"ghost",className:"h-8 text-xs text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200",onClick:()=>L(!0),children:A("common.importManifest")}),(0,s.jsx)(n.$,{type:"button",size:"sm",variant:"outline",className:"h-8 text-xs",onClick:$,children:A("common.reset")})]})]})}),(0,s.jsxs)(x,{className:"space-y-4 pb-5 text-sm",children:[(0,s.jsx)(ev,{open:U,onOpenChange:L,setSharedItems:a,setConfig:S}),(0,s.jsxs)("form",{className:"space-y-4",onSubmit:B,children:[t.map((e,a)=>(0,s.jsxs)("div",{className:"relative rounded-lg border border-slate-200/60 bg-white/50 p-3 dark:border-slate-800/60 dark:bg-slate-900/50",children:[t.length>1&&(0,s.jsx)("button",{type:"button",onClick:()=>P(e.id),className:"absolute right-2 top-2 text-slate-400 hover:text-red-500",children:(0,s.jsx)(y.A,{className:"h-4 w-4"})}),(0,s.jsx)(es,{item:e,updateItem:F,config:p,setConfig:S,removeItem:P,formErrors:C.items?.[e.id],loading:E,setFullTreeshakeResult:0===a?D:void 0,allItems:t})]},e.id)),(0,s.jsxs)(n.$,{type:"button",variant:"outline",size:"sm",className:"w-full border-dashed text-xs",onClick:()=>{a(e=>[...e,{id:crypto.randomUUID(),name:"",version:"",exports:[]}])},children:[(0,s.jsx)(v.A,{className:"mr-2 h-3 w-3"})," Add another shared module"]}),(0,s.jsxs)(f,{open:R,onOpenChange:T,children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-2 rounded-xl bg-slate-50/90 px-3 py-2 text-xs shadow-sm dark:bg-slate-900/80",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("div",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-sky-500/10 text-sky-600 dark:bg-sky-500/20 dark:text-sky-300",children:(0,s.jsx)(k.A,{className:"h-3 w-3"})}),(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("span",{className:"font-medium text-slate-700 dark:text-slate-200",children:A("advanced.title")}),(0,s.jsx)("span",{className:"text-[11px] text-slate-500 dark:text-slate-400",children:A("advanced.subtitle")})]})]}),(0,s.jsx)("div",{className:"flex items-center gap-2",children:(0,s.jsx)(g,{asChild:!0,children:(0,s.jsx)(n.$,{type:"button",size:"sm",variant:"ghost",className:"h-7 px-2 text-[11px]",children:R?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(s.Fragment,{children:A("advanced.collapse")}),(0,s.jsx)(N.A,{className:"ml-1 h-3 w-3"})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(s.Fragment,{children:A("advanced.expand")}),(0,s.jsx)(w.A,{className:"ml-1 h-3 w-3"})]})})})})]}),(0,s.jsxs)(b,{className:"mt-3 space-y-3 rounded-xl border border-slate-200/80 bg-white/90 p-3 text-xs shadow-sm dark:border-slate-700 dark:bg-slate-900/90",children:[(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsxs)("label",{className:"flex items-center justify-between text-[11px] font-medium text-slate-600 dark:text-slate-300",children:[(0,s.jsx)("span",{children:A("advanced.sharedLabel")}),C.sharedConfig&&(0,s.jsx)("span",{className:"text-[11px] text-red-500",children:C.sharedConfig})]}),(0,s.jsx)(u,{value:p.shared||"",onChange:e=>S(t=>({...t,shared:e.target.value})),placeholder:A("advanced.sharedPlaceholder"),className:(0,i.cn)("h-20 bg-slate-50/80 text-xs dark:bg-slate-900/80",C.sharedConfig&&"border-red-500/70 ring-1 ring-red-500/40")}),(0,s.jsx)("p",{className:"text-[11px] text-slate-500 dark:text-slate-400",children:A("advanced.sharedDesc")})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)("label",{className:"text-[11px] font-medium text-slate-600 dark:text-slate-300",children:A("advanced.targetLabel")}),(0,s.jsx)(u,{value:p.target,onChange:e=>S(t=>({...t,target:e.target.value})),placeholder:A("advanced.targetPlaceholder"),className:"h-20 bg-slate-50/80 text-xs dark:bg-slate-900/80"}),(0,s.jsx)("p",{className:"text-[11px] text-slate-500 dark:text-slate-400",children:A("advanced.targetDesc")})]}),(0,s.jsxs)("div",{className:"space-y-1.5",children:[(0,s.jsx)("label",{className:"text-[11px] font-medium text-slate-600 dark:text-slate-300",children:A("advanced.pluginsLabel")}),(0,s.jsx)(h,{value:p.plugins||"",onChange:e=>S(t=>({...t,plugins:e.target.value})),placeholder:A("advanced.pluginsPlaceholder"),className:"h-8 bg-slate-50/80 text-xs dark:bg-slate-900/80"}),(0,s.jsx)("p",{className:"text-[11px] text-slate-500 dark:text-slate-400",children:A("advanced.pluginsDesc")})]})]})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-3 pt-2 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-slate-500 dark:text-slate-400",children:[(0,s.jsx)("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-300",children:(0,s.jsx)(z.A,{className:"h-3 w-3"})}),(0,s.jsx)("span",{children:A("common.formSubmitHint")})]}),(0,s.jsx)("div",{className:"flex items-center gap-2",children:(0,s.jsx)(n.$,{type:"submit",className:"inline-flex items-center gap-2 rounded-full bg-gradient-to-r from-sky-500 via-fuchsia-500 to-emerald-500 px-5 text-sm font-medium text-white shadow-lg shadow-sky-500/40 transition-transform hover:translate-y-0.5 hover:shadow-xl disabled:opacity-70",disabled:E,children:E?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(j.A,{className:"h-4 w-4 animate-spin"}),A("common.submitLoading")]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(j.A,{className:"h-4 w-4"}),A("common.submitIdle")]})})})]})]})]})]})}var eN=a(6210);let ew=r.forwardRef((e,t)=>{let{className:a,value:r,...l}=e;return(0,s.jsx)(eN.bL,{ref:t,className:(0,i.cn)("relative h-2 w-full overflow-hidden rounded-full bg-zinc-900/20 dark:bg-zinc-50/20",a),...l,children:(0,s.jsx)(eN.C1,{className:"h-full w-full flex-1 bg-zinc-900 transition-all dark:bg-zinc-50",style:{transform:`translateX(-${100-(r||0)}%)`}})})});ew.displayName=eN.bL.displayName;var ez=a(6253);let eS=r.forwardRef((e,t)=>{let{className:a,children:r,...l}=e;return(0,s.jsxs)(ez.bL,{ref:t,className:(0,i.cn)("relative overflow-hidden",a),...l,children:[(0,s.jsx)(ez.LM,{className:"h-full w-full rounded-[inherit]",children:r}),(0,s.jsx)(eC,{}),(0,s.jsx)(ez.OK,{})]})});eS.displayName=ez.bL.displayName;let eC=r.forwardRef((e,t)=>{let{className:a,orientation:r="vertical",...l}=e;return(0,s.jsx)(ez.VM,{ref:t,orientation:r,className:(0,i.cn)("flex touch-none select-none transition-colors","vertical"===r&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===r&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",a),...l,children:(0,s.jsx)(ez.lr,{className:"relative flex-1 rounded-full bg-zinc-200 dark:bg-zinc-800"})})});eC.displayName=ez.VM.displayName;var eE=a(3386);let eR=eE.bL,eT=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(eE.B8,{ref:t,className:(0,i.cn)("inline-flex h-9 items-center justify-center rounded-lg bg-zinc-100 p-1 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400",a),...r})});eT.displayName=eE.B8.displayName;let eB=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(eE.l9,{ref:t,className:(0,i.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-zinc-950 data-[state=active]:shadow dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300 dark:data-[state=active]:bg-zinc-950 dark:data-[state=active]:text-zinc-50",a),...r})});eB.displayName=eE.l9.displayName;let e$=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(eE.UC,{ref:t,className:(0,i.cn)("mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300",a),...r})});e$.displayName=eE.UC.displayName;var eD=a(2547),eA=a(559),eU=a(7654),eL=a(6425),eF=a(3226),eP=a(908);function eI(e){let{title:t,code:a,fileName:i}=e,[h,u]=(0,r.useState)(!1),[p,f]=(0,r.useState)(!1),{t:g}=(0,l.Bd)(),{displayCode:b,truncated:j}=(0,r.useMemo)(()=>{let e=a?a.split("\n"):[];return e.length?p||e.length<=80?{displayCode:a,truncated:!1}:{displayCode:e.slice(0,80).join("\n"),truncated:!0}:{displayCode:g("common.bundleEmptyPlaceholder"),truncated:!1}},[a,p,g]),y=(0,r.useMemo)(()=>b.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/(\/\/.*$)|(".*?"|'.*?'|`.*?`)|\b(export|import|from|const|let|var|function|return|if|else|class|extends|new|async|await|try|catch|finally|switch|case|default)\b|\b(string|number|boolean|Promise|Array|Record|any|void|unknown)\b/gm,(e,t,a,s,r)=>t?`<span class="text-zinc-500">${t}</span>`:a?`<span class="text-emerald-400">${a}</span>`:s?`<span class="text-sky-400 font-semibold">${s}</span>`:r?`<span class="text-purple-300">${r}</span>`:e),[b]),v=async()=>{try{await navigator.clipboard.writeText(a),u(!0),(0,eP.oR)({title:g("common.copySuccessTitle"),description:g("common.copySuccessDescFile",{file:i})}),setTimeout(()=>u(!1),1200)}catch{(0,eP.oR)({title:g("common.copyErrorTitle"),description:g("common.copyErrorDesc"),variant:"destructive"})}};return(0,s.jsxs)(d,{className:"flex h-full flex-col border-zinc-200/70 bg-white/80 shadow-lg shadow-sky-500/5 backdrop-blur-xl dark:border-zinc-800/80 dark:bg-zinc-900/80",children:[(0,s.jsxs)(o,{className:"flex flex-row items-center justify-between pb-3",children:[(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsxs)(c,{className:"flex items-center gap-2 text-sm font-semibold",children:[(0,s.jsx)(eD.A,{className:"h-4 w-4 text-sky-500"}),t]}),(0,s.jsx)(m,{className:"text-xs",children:i})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsxs)(n.$,{type:"button",size:"sm",variant:"ghost",className:"h-8 px-2 text-xs",onClick:v,children:[(0,s.jsx)(eA.A,{className:"mr-1 h-3 w-3"}),h?g("common.copied"):g("common.copy")]}),(0,s.jsxs)(n.$,{type:"button",size:"sm",variant:"outline",className:"h-8 px-2 text-xs",onClick:()=>{try{let e=new Blob([a||""],{type:"text/javascript;charset=utf-8"}),t=URL.createObjectURL(e),s=document.createElement("a");s.href=t,s.download=i,document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(t)}catch{(0,eP.oR)({title:g("common.downloadErrorTitle"),description:g("common.downloadErrorDesc"),variant:"destructive"})}},children:[(0,s.jsx)(eU.A,{className:"mr-1 h-3 w-3"}),g("common.download")]})]})]}),(0,s.jsxs)(x,{className:"flex-1 space-y-3 pb-4",children:[(0,s.jsxs)("div",{className:"relative max-h-96 overflow-auto rounded-xl bg-gradient-to-b from-zinc-900 via-zinc-950 to-black p-4 text-xs leading-relaxed text-zinc-50 shadow-inner",children:[(0,s.jsx)("pre",{className:"whitespace-pre text-[11px]",children:(0,s.jsx)("code",{dangerouslySetInnerHTML:{__html:y}})}),j&&(0,s.jsx)("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-black/90 to-transparent"})]}),j&&(0,s.jsx)(n.$,{type:"button",variant:"ghost",size:"sm",className:"mt-1 h-8 w-full text-xs",onClick:()=>f(!0),children:g("common.showAllCode")})]})]})}function eM(e){let{result:t}=e,{t:a}=(0,l.Bd)(),r=t.full.size??0,i=t.treeshake.size??0,h=Math.max(r-i,0),u=r>0?h/r*100:0,p=r/1024,f=i/1024;return(0,s.jsxs)("div",{className:"space-y-6",children:[(0,s.jsx)("div",{className:"flex justify-center",children:(0,s.jsxs)("div",{className:"w-full overflow-hidden rounded-2xl border border-slate-200/80 bg-white/90 shadow-lg shadow-sky-500/10 backdrop-blur-xl dark:border-slate-800/80 dark:bg-slate-900/90",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between border-b border-slate-200/70 px-4 py-2.5 text-[11px] font-medium tracking-wide text-slate-600 dark:border-slate-700 dark:text-slate-300",children:[(0,s.jsx)("span",{children:a("results.overviewTitle")}),(0,s.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full bg-emerald-500/10 px-2 py-0.5 text-[10px] text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300",children:[(0,s.jsx)(eL.A,{className:"h-3 w-3"}),a("results.overviewDoneBadge")]})]}),(0,s.jsx)("div",{className:"overflow-x-auto",children:(0,s.jsxs)("table",{className:"min-w-full border-separate border-spacing-0 text-xs",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{className:"bg-slate-50/90 text-slate-500 dark:bg-slate-900/80 dark:text-slate-400",children:[(0,s.jsx)("th",{className:"w-32 px-4 py-2 text-left font-medium",children:a("results.tableMetric")}),(0,s.jsx)("th",{className:"px-4 py-2 text-left font-medium",children:a("results.tableFull")}),(0,s.jsx)("th",{className:"px-4 py-2 text-left font-medium",children:a("results.tableTreeshake")})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{className:"border-t border-slate-100/90 dark:border-slate-800/90",children:[(0,s.jsx)("td",{className:"px-4 py-2 text-slate-500 dark:text-slate-400",children:a("results.metricSize")}),(0,s.jsx)("td",{className:"px-4 py-2 font-mono text-[11px] text-slate-800 dark:text-slate-100",children:p?`${p.toFixed(1)} KB`:"--"}),(0,s.jsx)("td",{className:"px-4 py-2 font-mono text-[11px] text-emerald-500 dark:text-emerald-300",children:f?`${f.toFixed(1)} KB`:"--"})]}),(0,s.jsxs)("tr",{className:"border-t border-slate-100/90 dark:border-slate-800/90",children:[(0,s.jsx)("td",{className:"px-4 py-2 text-slate-500 dark:text-slate-400",children:a("results.metricLoadTime")}),(0,s.jsx)("td",{className:"px-4 py-2 font-mono text-[11px] text-slate-800 dark:text-slate-100",children:`~${Math.round(t.full.resourcePerf.duration||0)} ms`}),(0,s.jsx)("td",{className:"px-4 py-2 font-mono text-[11px] text-emerald-500 dark:text-emerald-300",children:`~${Math.round(t.treeshake.resourcePerf.duration||0)} ms`})]}),(0,s.jsxs)("tr",{className:"border-t border-slate-100/90 dark:border-slate-800/90",children:[(0,s.jsx)("td",{className:"px-4 py-2 text-slate-500 dark:text-slate-400",children:a("results.metricModules")}),(0,s.jsx)("td",{className:"px-4 py-2 font-mono text-[11px] text-slate-800 dark:text-slate-100",children:t.full.modules.names?.length}),(0,s.jsx)("td",{className:"px-4 py-2 font-mono text-[11px] text-emerald-500 dark:text-emerald-300",children:t.treeshake.modules.names?.length})]}),(0,s.jsxs)("tr",{className:"border-t border-slate-100/90 dark:border-slate-800/90",children:[(0,s.jsx)("td",{className:"px-4 py-2 text-slate-500 dark:text-slate-400",children:a("results.metricSavedPercent")}),(0,s.jsx)("td",{className:"px-4 py-2 text-[11px] text-slate-400",children:a("results.metricSavedPercentNA")}),(0,s.jsx)("td",{className:"px-4 py-2 font-mono text-[11px] text-fuchsia-500 dark:text-fuchsia-300",children:u>0?`${u.toFixed(1)}%`:"--"})]})]})]})})]})}),(0,s.jsxs)("div",{className:"grid gap-4 md:grid-cols-4",children:[(0,s.jsxs)(d,{className:"border-zinc-200/80 bg-white/90 shadow-md shadow-sky-500/10 backdrop-blur-xl dark:border-zinc-800/80 dark:bg-zinc-900/90",children:[(0,s.jsxs)(o,{className:"pb-3",children:[(0,s.jsx)(m,{className:"text-[11px] uppercase tracking-wide text-slate-500 dark:text-slate-400",children:a("results.cardFullTitle")}),(0,s.jsxs)(c,{className:"flex items-baseline gap-2 text-xl",children:[(0,s.jsx)("span",{children:p>0?p.toFixed(1):"--"}),(0,s.jsx)("span",{className:"text-xs font-normal text-slate-500 dark:text-slate-400",children:"KB"})]})]}),(0,s.jsxs)(x,{className:"space-y-2 text-xs text-slate-500 dark:text-slate-400",children:[(0,s.jsx)("p",{children:a("results.cardFullDesc")}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("p",{children:a("results.cardFullModules",{count:t.full.modules.names?.length})}),t.full.modules.names?.length&&(0,s.jsxs)(q,{children:[(0,s.jsx)(J,{asChild:!0,children:(0,s.jsxs)(n.$,{variant:"ghost",size:"icon",className:"h-4 w-4 rounded-full hover:bg-slate-100 dark:hover:bg-slate-800",children:[(0,s.jsx)(eF.A,{className:"h-3 w-3 text-slate-400"}),(0,s.jsx)("span",{className:"sr-only",children:"View modules"})]})}),(0,s.jsxs)(W,{className:"w-64 p-0",align:"start",children:[(0,s.jsx)("div",{className:"border-b border-slate-100 px-3 py-2 text-xs font-medium text-slate-600 dark:border-slate-800 dark:text-slate-300",children:"Module Exports"}),(0,s.jsx)(eS,{className:"h-64",children:(0,s.jsx)("div",{className:"p-2",children:t.full.modules.names.map((e,t)=>(0,s.jsx)("div",{className:"rounded px-2 py-1 text-[11px] text-slate-600 hover:bg-slate-50 dark:text-slate-400 dark:hover:bg-slate-900",children:e},t))})})]})]})]})]})]}),(0,s.jsxs)(d,{className:"border-zinc-200/80 bg-white/90 shadow-md shadow-emerald-500/10 backdrop-blur-xl dark:border-zinc-800/80 dark:bg-zinc-900/90",children:[(0,s.jsxs)(o,{className:"pb-3",children:[(0,s.jsx)(m,{className:"text-[11px] uppercase tracking-wide text-slate-500 dark:text-slate-400",children:a("results.cardTreeshakeTitle")}),(0,s.jsxs)(c,{className:"flex items-baseline gap-2 text-xl",children:[(0,s.jsx)("span",{children:f>0?f.toFixed(1):"--"}),(0,s.jsx)("span",{className:"text-xs font-normal text-slate-500 dark:text-slate-400",children:"KB"})]})]}),(0,s.jsxs)(x,{className:"space-y-2 text-xs text-slate-500 dark:text-slate-400",children:[(0,s.jsx)("p",{children:a("results.cardTreeshakeDesc")}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("p",{children:a("results.cardTreeshakeModules",{count:t.treeshake.modules.names?.length})}),t.treeshake.modules.names?.length&&(0,s.jsxs)(q,{children:[(0,s.jsx)(J,{asChild:!0,children:(0,s.jsxs)(n.$,{variant:"ghost",size:"icon",className:"h-4 w-4 rounded-full hover:bg-slate-100 dark:hover:bg-slate-800",children:[(0,s.jsx)(eF.A,{className:"h-3 w-3 text-slate-400"}),(0,s.jsx)("span",{className:"sr-only",children:"View modules"})]})}),(0,s.jsxs)(W,{className:"w-64 p-0",align:"start",children:[(0,s.jsx)("div",{className:"border-b border-slate-100 px-3 py-2 text-xs font-medium text-slate-600 dark:border-slate-800 dark:text-slate-300",children:"Module Exports"}),(0,s.jsx)(eS,{className:"h-64",children:(0,s.jsx)("div",{className:"p-2",children:t.treeshake.modules.names.map((e,t)=>(0,s.jsx)("div",{className:"rounded px-2 py-1 text-[11px] text-slate-600 hover:bg-slate-50 dark:text-slate-400 dark:hover:bg-slate-900",children:e},t))})})]})]})]})]})]}),(0,s.jsxs)(d,{className:"border-zinc-200/80 bg-white/90 shadow-md shadow-fuchsia-500/10 backdrop-blur-xl dark:border-zinc-800/80 dark:bg-zinc-900/90",children:[(0,s.jsxs)(o,{className:"pb-3",children:[(0,s.jsx)(m,{className:"text-[11px] uppercase tracking-wide text-slate-500 dark:text-slate-400",children:a("results.cardSavedTitle")}),(0,s.jsxs)(c,{className:"flex items-baseline gap-2 text-xl",children:[(0,s.jsx)("span",{children:h>0?(h/1024).toFixed(1):"--"}),(0,s.jsx)("span",{className:"text-xs font-normal text-slate-500 dark:text-slate-400",children:"KB"})]})]}),(0,s.jsxs)(x,{className:"space-y-2 text-xs text-slate-500 dark:text-slate-400",children:[(0,s.jsx)("p",{children:a("results.cardSavedDesc")}),(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between text-[11px]",children:[(0,s.jsx)("span",{children:a("results.cardSavedPercentLabel")}),(0,s.jsxs)("span",{children:[u>0?u.toFixed(1):"--",a("results.cardSavedPercentUnit")]})]}),(0,s.jsx)(ew,{value:u,className:"h-2 bg-fuchsia-500/10"})]})]})]}),(0,s.jsxs)(d,{className:"border-zinc-200/80 bg-white/90 shadow-md shadow-emerald-500/10 backdrop-blur-xl dark:border-zinc-800/80 dark:bg-zinc-900/90",children:[(0,s.jsxs)(o,{className:"pb-3",children:[(0,s.jsx)(m,{className:"text-[11px] uppercase tracking-wide text-slate-500 dark:text-slate-400",children:a("results.cardKeptTitle")}),(0,s.jsxs)(c,{className:"flex items-baseline gap-2 text-xl",children:[(0,s.jsx)("span",{children:t.treeshake.modules.names?.length}),(0,s.jsx)("span",{className:"text-xs font-normal text-slate-500 dark:text-slate-400",children:a("results.cardKeptExportsUnit")})]})]}),(0,s.jsxs)(x,{className:"space-y-2 text-xs text-slate-500 dark:text-slate-400",children:[(0,s.jsx)("p",{children:a("results.cardKeptDesc")}),(0,s.jsx)("p",{children:a("results.cardKeptFullCount",{count:t.full.modules.names?.length})})]})]})]}),(0,s.jsxs)("section",{className:"space-y-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold tracking-tight text-slate-800 dark:text-slate-100",children:a("results.codeCompareTitle")}),(0,s.jsx)("p",{className:"text-xs text-slate-500 dark:text-slate-400",children:a("results.codeCompareDesc")})]}),(0,s.jsxs)("div",{className:"grid gap-4 lg:grid-cols-2",children:[(0,s.jsx)(eI,{title:a("results.cardFullTitle"),code:t.full.js??"",fileName:"shared.full.js"}),(0,s.jsx)(eI,{title:a("results.cardTreeshakeTitle"),code:t.treeshake.js??"",fileName:"shared.treeshake.js"})]})]})]})}function e_(e){let{result:t}=e;return t&&0!==t.length?(0,s.jsx)("section",{id:"results",className:"space-y-6",children:(0,s.jsxs)(eR,{defaultValue:t[0].sharedName,className:"w-full",children:[(0,s.jsx)(eT,{className:"w-full justify-start overflow-x-auto",children:t.map(e=>(0,s.jsx)(eB,{value:e.sharedName,children:e.sharedName},e.sharedName))}),t.map(e=>(0,s.jsx)(e$,{value:e.sharedName,children:(0,s.jsx)(eM,{result:e})},e.sharedName))]})}):null}var eO=a(8855);function eV(){let{t:e}=(0,l.Bd)(),[t,a]=(0,r.useState)([{id:"1",name:"",version:"",exports:[]}]),[n,i]=(0,r.useState)(()=>(function(){let e={target:"web,\nbrowserslist:> 0.01%,not dead,not op_mini all",plugins:"",shared:""};if("u"<typeof window)return e;try{let t=window.localStorage.getItem("tree-shaking-config-v1");if(!t)return e;let a=JSON.parse(t);return{...e,...a}}catch{return e}})()),[d,o]=(0,r.useState)({}),[c,m]=(0,r.useState)(!1),[x,h]=(0,r.useState)(null),[u,p]=(0,r.useState)(!1),[f,g]=(0,r.useState)(null),b=()=>{if("u"<typeof document)return;let e=document.getElementById("results");if(e){let t=e.getBoundingClientRect().top+window.scrollY-96;window.scrollTo({top:t,behavior:"smooth"})}},j=e=>{if("u"<typeof window)return;let{x:t=.5,y:a=.5}=e||{};(0,eO.A)({origin:{x:t,y:a},zIndex:100,particleCount:150,spread:180,startVelocity:45,angle:90,gravity:1.2,drift:0,ticks:300})},y=async a=>{let s;if(a){a.preventDefault();let e=a.nativeEvent;e.submitter&&(s=e.submitter.getBoundingClientRect())}let r={items:{}},l=!1;if(t.forEach(t=>{let a={};t.name.trim()||(a.name=e("analyze.formErrorSharedRequired")),t.version.trim()||(a.version=e("analyze.formErrorVersionRequired")),t.exports.length||(a.exports=e("analyze.formErrorExportsRequired")),Object.keys(a).length>0&&(l=!0,r.items[t.id]=a)}),n.shared){for(let t of n.shared.split(/[\n,]/).map(e=>e.trim()).filter(Boolean))if(t.split("@").length<2){r.sharedConfig=e("analyze.sharedVersionRequired",{name:t}),l=!0;break}}if(o(r),l)return void(0,eP.oR)({title:e("analyze.formErrorTitleIncomplete"),description:e("analyze.formErrorDescIncomplete"),variant:"destructive"});try{let a=t[0],r=t.slice(1).map(e=>[e.name.trim(),e.version.trim(),e.exports.map(e=>e.trim()).filter(Boolean)]),l={sharedName:a.name.trim(),sharedVersion:a.version.trim(),shared:[[a.name.trim(),a.version.trim(),a.exports.map(e=>e.trim()).filter(Boolean)]],target:n.target?n.target.split("\n").map(e=>e.trim()).filter(Boolean):["web","browserslist:> 0.01%,not dead,not op_mini all"],plugins:n.plugins?n.plugins.split(",").map(e=>e.trim()).filter(Boolean):[]};if(l.shared.push(...r),n.shared){let e=et(n.shared);l.shared.push(...e)}let i=l.shared.map(e=>e[0]);if(new Set(i).size!==i.length){let t=i.filter((e,t)=>i.indexOf(e)!==t),a=[...new Set(t)];throw Error(e("analyze.errorDuplicateSharedDeps",{names:a.join(", ")}))}if(m(!0),!f)throw Error(e("analyze.errorNoFullResult"));let d=await eu(l,f);if(!d||0===d.length)throw Error(e("analyze.errorRequestFailed"));if(h(d),(0,eP.oR)({title:e("analyze.analyzeSuccessTitle"),description:e("analyze.analyzeSuccessDesc")}),s){let e=(s.top+s.height/2)/window.innerHeight;j({x:.5,y:e})}else j();setTimeout(b,300)}catch(a){let t=a instanceof Error?a.message:e("analyze.analyzeErrorDescFallback");(0,eP.oR)({title:e("analyze.analyzeErrorTitle"),description:t,variant:"destructive"})}finally{m(!1)}};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("section",{className:"mx-auto flex min-h-[calc(100vh-12rem)] w-full max-w-3xl flex-col justify-center pb-24 pt-10",children:(0,s.jsx)(ek,{sharedItems:t,setSharedItems:a,config:n,setConfig:i,formErrors:d,loading:c,advancedOpen:u,setAdvancedOpen:p,onSubmit:y,onReset:()=>{a([{id:"1",name:"",version:"",exports:[]}]),o({}),h(null)},setFullTreeshakeResult:g})}),x&&(0,s.jsx)(e_,{result:x})]})}}}]);