@visulima/dev-toolbar 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/apps/vite-config/index.js

@@ -1,4 +1,4 @@
-var h=Object.defineProperty;var b=(t,e)=>h(t,"name",{value:e,configurable:!0});import{addHookName as d}from"preact/devtools";import{useState as c,useEffect as v}from"preact/hooks";import x from"../../packem_shared/cn-DWLJYh3h.js";import{jsx as r,jsxs as o}from"preact/jsx-runtime";import g from"../../packem_shared/Button-DODNCTPZ.js";import y from"../../packem_shared/Badge-C30mDKKG.js";const w=`<!-- @license lucide-static v0.576.0 - ISC -->
+var O=Object.defineProperty;var F=(t,e)=>O(t,"name",{value:e,configurable:!0});import{addHookName as p}from"preact/devtools";import{clsx as m}from"../../packem_shared/clsx-wGlvpUfw.js";import{useState as x,useRef as $,useEffect as P}from"preact/hooks";import k from"../../packem_shared/Icon-B6UHkC0o.js";import{jsxs as l,jsx as r}from"preact/jsx-runtime";import R from"../../packem_shared/Button-Bkx66Co7.js";import L from"../../packem_shared/Input-Cs6aduTi.js";import{Tooltip as B,TooltipTrigger as M,TooltipContent as I}from"../../packem_shared/Tooltip-BHmzUaxu.js";import D from"../../packem_shared/Badge-BEgU04nl.js";import{Tabs as N,TabsList as H,TabsTrigger as J,TabsContent as v}from"../../packem_shared/Tabs-SuFWbB6d.js";const K=`<!-- @license lucide-static v0.577.0 - ISC -->
 <svg
   class="lucide lucide-zap"
   xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,4 @@ var h=Object.defineProperty;var b=(t,e)=>h(t,"name",{value:e,configurable:!0});i
 >
   <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z" />
 </svg>
-`;var C=Object.defineProperty,a=b((t,e)=>C(t,"name",{value:e,configurable:!0}),"i");const k=a(({text:t})=>{const[e,i]=d(c(!1),"copied"),n=a(()=>{navigator.clipboard.writeText(t).then(()=>{i(!0),setTimeout(i,1500,!1)}).catch(()=>{})},"copy");return r(g,{class:x(e?"border-primary/40 text-primary bg-primary/8":"border-border text-muted-foreground hover:text-foreground hover:border-foreground/30","text-[0.65rem]"),onClick:n,size:"sm",title:"Copy to clipboard",variant:"outline",children:e?"Copied!":"Copy"})},"CopyButton"),m=a(({data:t,defaultOpen:e=!0,title:i})=>{const[n,u]=d(c(e),"open"),p=JSON.stringify(t,null,2);return o("section",{class:"border border-border",children:[o("button",{class:"w-full flex items-center justify-between gap-2 px-4 py-3 bg-foreground/3 hover:bg-foreground/6 transition-colors cursor-pointer border-0 text-left",onClick:a(()=>u(s=>!s),"onClick"),type:"button",children:[r("span",{class:"text-[0.75rem] font-semibold text-foreground uppercase tracking-wide",children:i}),o("div",{class:"flex items-center gap-2",children:[r(k,{text:p}),r("span",{class:x("text-muted-foreground text-[0.7rem] transition-transform duration-200",n&&"rotate-90"),children:"▶"})]})]}),n&&r("pre",{class:"text-[0.7rem] font-mono text-foreground/80 bg-transparent p-4 overflow-auto whitespace-pre-wrap break-all border-t border-border",children:p})]})},"Section"),j=a(({helpers:t})=>{const[e,i]=d(c(null),"config"),[n,u]=d(c(null),"error"),[p,s]=d(c(!0),"loading"),f=a(()=>{s(!0),u(null),t.rpc.getViteConfig().then(l=>{i(l),s(!1)}).catch(l=>{u(l.message??"Failed to load Vite config"),s(!1)})},"load");return v(()=>{f()},[]),p?o("div",{class:"flex flex-col items-center justify-center h-full gap-3 p-8 select-none",children:[r("div",{"aria-hidden":"true",class:"flex gap-1.5 items-center",children:[0,160,320].map(l=>r("span",{class:"size-1.5 bg-primary/50 rounded-full animate-pulse",style:{animationDelay:`${l}ms`}},l))}),r("span",{class:"text-[0.75rem] text-muted-foreground",children:"Loading Vite config…"})]}):n||!e?o("div",{class:"flex flex-col items-center justify-center h-full gap-3 p-8 text-center",children:[r("p",{class:"text-[0.8rem] text-destructive",children:n??"No config available"}),r(g,{onClick:f,size:"sm",variant:"outline",children:"Retry"})]}):o("div",{class:"p-5 space-y-4",children:[o("div",{class:"flex items-center gap-2 flex-wrap",children:[e.mode&&r(y,{class:"uppercase tracking-wider",variant:"default",children:e.mode}),e.root&&r("code",{class:"text-[0.7rem] font-mono text-muted-foreground bg-foreground/5 px-2 py-1 border border-border/50",children:e.root}),e.base&&e.base!=="/"&&o("code",{class:"text-[0.7rem] font-mono text-muted-foreground bg-foreground/5 px-2 py-1 border border-border/50",children:["base: ",e.base]}),r(g,{class:"ml-auto",onClick:f,size:"sm",variant:"outline",children:"Refresh"})]}),e.server&&r(m,{data:e.server,defaultOpen:!0,title:"Server"}),e.build&&r(m,{data:e.build,defaultOpen:!1,title:"Build"}),e.resolve&&r(m,{data:e.resolve,defaultOpen:!1,title:"Resolve / Alias"})]})},"ViteConfigApp"),R={component:j,icon:w,id:"dev-toolbar:vite-config",name:"Vite Config"};export{R as default};
+`,A="data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22lucide%20lucide-eye%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E",T="data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22lucide%20lucide-eye-off%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10.733%205.076a10.744%2010.744%200%200%201%2011.205%206.575%201%201%200%200%201%200%20.696%2010.747%2010.747%200%200%201-1.444%202.49%22%20%2F%3E%20%3Cpath%20d%3D%22M14.084%2014.158a3%203%200%200%201-4.242-4.242%22%20%2F%3E%20%3Cpath%20d%3D%22M17.479%2017.499a10.75%2010.75%200%200%201-15.417-5.151%201%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%204.446-5.143%22%20%2F%3E%20%3Cpath%20d%3D%22m2%202%2020%2020%22%20%2F%3E%20%3C%2Fsvg%3E",W="data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22lucide%20lucide-search%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m21%2021-4.34-4.34%22%20%2F%3E%20%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20%2F%3E%20%3C%2Fsvg%3E";var q=Object.defineProperty,a=F((t,e)=>q(t,"name",{value:e,configurable:!0}),"s");const d=a(({children:t,title:e})=>l("section",{class:"space-y-1.5",children:[e&&l("h3",{class:"text-xxs font-bold uppercase tracking-widest text-muted-foreground px-1 flex items-center gap-1.5",children:[r("span",{"aria-hidden":"true",class:"text-primary opacity-50",children:"//"}),e]}),r("div",{class:"rounded-none border border-border bg-card divide-y divide-border overflow-hidden border-l-2 border-l-primary/20",children:t})]}),"Section"),C=a(({text:t})=>{const[e,n]=p(x(!1),"copied"),s=a(()=>{navigator.clipboard.writeText(t).then(()=>{n(!0),setTimeout(n,1500,!1)}).catch(()=>{})},"copy");return r("button",{class:m("inline-flex items-center px-1.5 py-0.5 text-xxs font-mono border transition-colors duration-150 cursor-pointer",e?"border-primary text-primary bg-card":"border-border text-muted-foreground hover:text-foreground hover:border-foreground bg-transparent"),onClick:s,title:"Copy to clipboard",type:"button",children:e?"copied":"copy"})},"CopyButton"),G=a(({value:t})=>l("span",{class:"inline-flex items-center gap-1.5",children:[r("span",{"aria-hidden":"true",class:m("inline-block size-1.5 rounded-full",t?"bg-success":"bg-border")}),r("span",{class:m("text-xs font-mono font-medium",t?"text-success":"text-muted-foreground"),children:t?"true":"false"})]}),"BoolValue"),U=a(({items:t})=>t.length===0?r("span",{class:"text-muted-foreground text-xs italic opacity-50",children:"empty"}):r("div",{class:"flex flex-wrap gap-1",children:t.map(e=>r("span",{class:"inline-flex items-center px-1.5 py-0.5 text-xxs font-mono font-medium bg-secondary border border-border text-secondary-foreground",children:e},e))}),"TagList"),z=a(({path:t})=>{const e=t.replaceAll("\\","/").split("/").filter(Boolean),n=e.length>3?`…/${e.slice(-3).join("/")}`:t;return r("code",{class:"text-xs font-mono text-foreground break-all leading-relaxed",title:t,children:n})},"ShortPath"),V=/^\/|^[A-Z]:\\/i,Z=a(({value:t})=>{if(t==null)return r("span",{class:"text-muted-foreground text-xs opacity-40",children:"—"});if(typeof t=="boolean")return r(G,{value:t});if(Array.isArray(t))return r(U,{items:t.map(String)});if(typeof t=="object"){const n=JSON.stringify(t,void 0,2);return l("div",{class:"flex items-start gap-2",children:[r("pre",{class:"text-xs font-mono text-foreground bg-secondary border border-border px-2 py-1 overflow-auto max-h-24 flex-1 leading-relaxed",children:n}),r(C,{text:n})]})}const e=String(t);return V.test(e)&&e.length>40?r(z,{path:e}):r("code",{class:"text-xs font-mono text-foreground break-all leading-relaxed",children:e})},"ValueCell"),o=a(({label:t,value:e})=>{if(e!=null)return l("div",{class:"grid grid-cols-2 gap-4 px-4 py-1.5 hover:bg-secondary transition-colors duration-100",children:[r("span",{class:"text-xs text-muted-foreground font-mono select-none self-center",children:t}),r("div",{class:"text-xs min-w-0 self-center",children:r(Z,{value:e})})]})},"KVRow"),Q=a(()=>l("div",{class:"flex flex-col items-center justify-center h-full gap-3 p-8 select-none",children:[r("div",{"aria-hidden":"true",class:"flex gap-1.5 items-center",children:[0,160,320].map(t=>r("span",{class:"size-1.5 bg-primary rounded-full animate-pulse opacity-50",style:{animationDelay:`${t}ms`}},t))}),r("span",{class:"text-xs text-muted-foreground",children:"Loading Vite config…"})]}),"LoadingState"),X=a(({error:t,onRetry:e})=>l("div",{class:"flex flex-col items-center justify-center h-full gap-3 p-8 text-center",children:[r("p",{class:"text-sm text-destructive",children:t}),r(R,{onClick:e,size:"sm",variant:"outline",children:"Retry"})]}),"ErrorState"),Y={post:"bg-blue-500/15 text-blue-400 border-blue-500/30",pre:"bg-amber-500/15 text-amber-400 border-amber-500/30"},_=a(({index:t,plugin:e})=>l("div",{class:"flex items-center gap-3 px-4 py-1.5 hover:bg-secondary transition-colors duration-100",children:[r("span",{class:"text-xxs text-muted-foreground font-mono tabular-nums w-5 shrink-0 text-right select-none opacity-40",children:t+1}),r("span",{class:"text-xs font-mono text-foreground flex-1 truncate",children:e.name}),e.enforce?r("span",{class:m("text-xxs font-mono font-bold px-1.5 py-0.5 border uppercase tracking-wide",Y[e.enforce]),children:e.enforce}):r("span",{class:"text-xxs font-mono text-muted-foreground px-1.5 py-0.5 bg-secondary border border-border",children:"normal"})]}),"PluginRow"),ee=a(({plugins:t})=>{const[e,n]=p(x(""),"query"),s=p($(null),"inputRef"),c=e?t.filter(i=>i.name.toLowerCase().includes(e.toLowerCase())):t;return l(d,{children:[l("div",{class:"flex items-center gap-2 px-4 py-1.5 bg-secondary border-b border-border",children:[r("span",{class:"text-xxs font-bold uppercase tracking-widest text-muted-foreground w-6 shrink-0",children:"#"}),l("div",{class:"flex-1 flex items-center gap-2",children:[r(k,{class:"text-muted-foreground shrink-0",size:11,src:W}),r(L,{class:"h-5 text-xs bg-transparent border-0 border-b border-border rounded-none px-0 py-0 focus-visible:ring-0 focus-visible:border-foreground placeholder:text-muted-foreground",onInput:a(i=>n(i.target.value),"onInput"),placeholder:`filter ${t.length} plugins…`,ref:s,type:"search",value:e})]}),r("span",{class:"text-xxs font-bold uppercase tracking-widest text-muted-foreground w-14 text-right",children:"Enforce"})]}),c.length===0?l("div",{class:"px-4 py-6 text-center text-xs text-muted-foreground",children:['No plugins match "',e,'"']}):c.map(i=>r(_,{index:t.indexOf(i),plugin:i},i.name)),e&&c.length>0&&r("div",{class:"px-4 py-1.5 bg-secondary border-t border-border text-right",children:l("span",{class:"text-xxs text-muted-foreground",children:[c.length," of ",t.length]})})]})},"PluginList"),E="text-xxs font-bold uppercase tracking-widest text-muted-foreground",S=a(({col1:t,col2:e,extra:n})=>l("div",{class:"grid grid-cols-2 gap-4 px-4 py-1.5 bg-secondary border-b border-border",children:[r("span",{class:E,children:t}),l("div",{class:"flex items-center justify-between gap-2",children:[r("span",{class:E,children:e}),n]})]}),"GridHead"),re=a(({alias:t})=>{if(!t)return;let e=[];if(Array.isArray(t)?e=t.filter(n=>n?.find!==void 0):typeof t=="object"&&t!==null&&(e=Object.entries(t).map(([n,s])=>({find:n,replacement:s}))),e.length!==0)return l(d,{title:"Alias",children:[r(S,{col1:"Find",col2:"Replacement"}),e.map(({find:n,replacement:s})=>l("div",{class:"grid grid-cols-2 gap-4 px-4 py-1.5 border-t border-border hover:bg-secondary transition-colors duration-100",children:[r("code",{class:"text-xs font-mono text-primary break-all leading-relaxed self-center",children:n}),r("div",{class:"self-center",children:V.test(s)&&s.length>40?r(z,{path:s}):r("code",{class:"text-xs font-mono text-foreground break-all leading-relaxed",children:s})})]},n??s))]})},"AliasTable"),te=new Set(["BASE_URL","DEV","MODE","PROD","SSR"]),le=36,oe=a(({forceVisible:t,tag:e,value:n})=>{const[s,c]=p(x(!1),"localRevealed"),i=t||s,f=i&&n.length>le,b=i?r("code",{class:"text-xs font-mono text-foreground truncate block",children:n}):r("span",{class:"text-xs font-mono text-muted-foreground tracking-widest select-none",children:"••••••••"});return l("div",{class:"flex items-center gap-2 w-full min-w-0",children:[r("span",{class:"flex-1 min-w-0 overflow-hidden",children:f?l(B,{children:[r(M,{class:"w-full block cursor-default",children:b}),r(I,{side:"top",children:r("code",{class:"text-xs font-mono break-all max-w-xs block",children:n})})]}):b}),e,r("button",{"aria-label":i?"Hide value":"Reveal value",class:"shrink-0 text-muted-foreground hover:text-foreground transition-colors duration-150 cursor-pointer p-0.5",onClick:a(()=>c(g=>!g),"onClick"),title:i?"Hide value":"Reveal value",type:"button",children:r(k,{size:11,src:i?T:A})}),r(C,{text:n})]})},"SecretValue"),ne=a(({entries:t})=>{const[e,n]=p(x(!1),"revealAll");return l(d,{title:"Environment Variables",children:[r(S,{col1:"Key",col2:"Value",extra:l("button",{class:"inline-flex items-center gap-1 text-xxs font-mono text-muted-foreground hover:text-foreground transition-colors duration-150 cursor-pointer",onClick:a(()=>n(s=>!s),"onClick"),type:"button",children:[r(k,{size:10,src:e?T:A}),e?"hide all":"reveal all"]})}),t.map(([s,c])=>{const i=te.has(s);return l("div",{class:"grid grid-cols-2 gap-4 px-4 py-1.5 border-t border-border hover:bg-secondary transition-colors duration-100",children:[r("code",{class:"text-xs font-mono text-primary truncate self-center",children:s}),r("div",{class:"self-center min-w-0",children:r(oe,{forceVisible:e,tag:r("span",{class:"text-xxs font-mono text-muted-foreground px-1 py-0.5 bg-secondary border border-border uppercase tracking-wide shrink-0 mr-5",children:i?"built-in":"user"}),value:c})})]},s)})]})},"EnvVariableTable"),se=a(({entries:t})=>{if(t.length!==0)return l(d,{title:"Define Constants",children:[r(S,{col1:"Identifier",col2:"Replacement"}),t.map(([e,n])=>l("div",{class:"grid grid-cols-2 gap-4 px-4 py-1.5 border-t border-border hover:bg-secondary transition-colors duration-100",children:[r("code",{class:"text-xs font-mono text-amber-400 break-all leading-relaxed self-center",children:e}),l("div",{class:"flex items-center gap-2 self-center min-w-0",children:[r("code",{class:"text-xs font-mono text-foreground break-all leading-relaxed flex-1",children:JSON.stringify(n)}),r(C,{text:`${e}=${JSON.stringify(n)}`})]})]},e))]})},"DefineTable"),ae=a(({helpers:t})=>{const[e,n]=p(x(void 0),"config"),[s,c]=p(x(void 0),"error"),[i,f]=p(x(!0),"loading"),b=a(()=>{f(!0),c(void 0),t.rpc.getViteConfig().then(u=>{n(u),f(!1)}).catch(u=>{c(u.message??"Failed to load Vite config"),f(!1)})},"load");if(P(()=>{b()},[]),i)return r(Q,{});if(s||!e)return r(X,{error:s??"No config available",onRetry:b});const g=e.plugins?.length??0,y=Object.keys(e.env??{}).length,j=Object.keys(e.define??{}).length;let w=0;return Array.isArray(e.resolve?.alias)?w=e.resolve.alias.length:typeof e.resolve?.alias=="object"&&e.resolve.alias!==null&&(w=Object.keys(e.resolve.alias).length),l("div",{class:"flex flex-col h-full",children:[l("div",{class:"flex items-center gap-2 px-4 py-2.5 border-b border-border shrink-0 flex-wrap",children:[e.mode&&r(D,{class:"uppercase tracking-wider text-xxs",variant:e.mode==="production"?"destructive":"default",children:e.mode}),e.server?.https&&r(D,{class:"uppercase tracking-wider text-xxs",variant:"success",children:"HTTPS"}),e.ssr&&r(D,{class:"uppercase tracking-wider text-xxs",variant:"secondary",children:"SSR"}),l("code",{class:"text-xs font-mono text-muted-foreground bg-secondary px-1.5 py-0.5 border border-border truncate max-w-xs",title:e.root,children:["…/",e.root.replaceAll("\\","/").split("/").slice(-2).join("/")]}),e.base&&e.base!=="/"&&l("code",{class:"text-xs font-mono text-muted-foreground bg-secondary px-1.5 py-0.5 border border-border",children:["base: ",e.base]}),r(R,{class:"ml-auto shrink-0 text-xs",onClick:b,size:"sm",variant:"outline",children:"Refresh"})]}),r("div",{class:"grid grid-cols-4 divide-x divide-border border-b border-border shrink-0",children:[{label:"plugins",value:g},{label:"env vars",value:y},{label:"defines",value:j},{label:"aliases",value:w}].map(({label:u,value:h})=>l("div",{class:"flex flex-col items-center py-2 gap-0.5",children:[r("span",{class:"text-sm font-semibold tabular-nums leading-none text-foreground",children:h}),r("span",{class:"text-xxs uppercase tracking-wider text-muted-foreground font-medium",children:u})]},u))}),l(N,{class:"flex flex-col flex-1 min-h-0",defaultValue:"server",children:[r("div",{class:"shrink-0 border-b border-border bg-muted",children:r(H,{class:"w-full rounded-none h-auto p-0 bg-transparent justify-start gap-0 overflow-x-auto",children:[{label:"Server",value:"server"},{label:`Plugins (${g})`,value:"plugins"},{label:"Build",value:"build"},{label:"Resolve",value:"resolve"},{label:`Env & Define (${y+j})`,value:"env"}].map(({label:u,value:h})=>r(J,{class:"rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:shadow-none px-4 py-2 text-xs font-medium shrink-0 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",value:h,children:u},h))})}),l(v,{class:"flex-1 overflow-auto p-4 space-y-4 mt-0",value:"server",children:[l(d,{children:[r(o,{label:"host",value:e.server?.host??!1}),r(o,{label:"port",value:e.server?.port}),r(o,{label:"strictPort",value:e.server?.strictPort}),r(o,{label:"https",value:e.server?.https}),r(o,{label:"open",value:e.server?.open}),r(o,{label:"cors",value:e.server?.cors}),r(o,{label:"origin",value:e.server?.origin}),r(o,{label:"middlewareMode",value:e.server?.middlewareMode})]}),l(d,{title:"HMR",children:[r(o,{label:"enabled",value:e.server?.hmrEnabled??!0}),e.server?.hmrPort!==void 0&&r(o,{label:"port",value:e.server.hmrPort})]}),e.server?.proxy&&e.server.proxy.length>0&&r(d,{title:"Proxy Routes",children:e.server.proxy.map(u=>r("div",{class:"flex items-center gap-3 px-4 py-1.5 hover:bg-secondary transition-colors duration-100",children:r("code",{class:"text-xs font-mono text-primary",children:u})},u))})]}),r(v,{class:"flex-1 overflow-auto p-4 mt-0",value:"plugins",children:g===0?r("p",{class:"text-sm text-muted-foreground text-center py-8",children:"No plugins registered"}):r(ee,{plugins:e.plugins??[]})}),l(v,{class:"flex-1 overflow-auto p-4 space-y-4 mt-0",value:"build",children:[l(d,{children:[r(o,{label:"outDir",value:e.build?.outDir}),r(o,{label:"target",value:e.build?.target}),r(o,{label:"minify",value:e.build?.minify}),r(o,{label:"sourcemap",value:e.build?.sourcemap}),r(o,{label:"cssCodeSplit",value:e.build?.cssCodeSplit}),r(o,{label:"assetsDir",value:e.build?.assetsDir}),r(o,{label:"assetsInlineLimit",value:e.build?.assetsInlineLimit}),r(o,{label:"chunkSizeWarningLimit",value:e.build?.chunkSizeWarningLimit}),r(o,{label:"emptyOutDir",value:e.build?.emptyOutDir}),r(o,{label:"reportCompressedSize",value:e.build?.reportCompressedSize})]}),e.esbuild&&l(d,{title:"esbuild Transform",children:[r(o,{label:"jsx",value:e.esbuild.jsx}),r(o,{label:"jsxFactory",value:e.esbuild.jsxFactory}),r(o,{label:"jsxFragment",value:e.esbuild.jsxFragment}),r(o,{label:"jsxImportSource",value:e.esbuild.jsxImportSource}),r(o,{label:"target",value:e.esbuild.target})]}),l(d,{title:"CSS",children:[r(o,{label:"devSourcemap",value:e.css?.devSourcemap}),r(o,{label:"preprocessors",value:e.css?.preprocessors})]}),(e.optimizeDeps?.include?.length??0)>0||(e.optimizeDeps?.exclude?.length??0)>0?l(d,{title:"Optimize Deps",children:[r(o,{label:"include",value:e.optimizeDeps?.include}),r(o,{label:"exclude",value:e.optimizeDeps?.exclude})]}):void 0,e.ssr&&l(d,{title:"SSR",children:[r(o,{label:"target",value:e.ssr.target}),r(o,{label:"external",value:e.ssr.external}),r(o,{label:"noExternal",value:e.ssr.noExternal})]})]}),l(v,{class:"flex-1 overflow-auto p-4 space-y-4 mt-0",value:"resolve",children:[l(d,{children:[r(o,{label:"extensions",value:e.resolve?.extensions}),r(o,{label:"conditions",value:e.resolve?.conditions}),r(o,{label:"mainFields",value:e.resolve?.mainFields}),r(o,{label:"dedupe",value:e.resolve?.dedupe}),r(o,{label:"preserveSymlinks",value:e.resolve?.preserveSymlinks})]}),r(re,{alias:e.resolve?.alias}),l(d,{title:"Paths",children:[r(o,{label:"root",value:e.root}),r(o,{label:"publicDir",value:e.publicDir}),r(o,{label:"cacheDir",value:e.cacheDir}),r(o,{label:"envDir",value:e.envDir}),r(o,{label:"envPrefix",value:e.envPrefix})]})]}),l(v,{class:"flex-1 overflow-auto p-4 space-y-4 mt-0",value:"env",children:[y>0?r(ne,{entries:Object.entries(e.env??{})}):r("div",{class:"rounded-none border border-border bg-card border-l-2 border-l-primary/20 px-4 py-3",children:r("p",{class:"text-xs text-muted-foreground",children:"No environment variables exposed to the client."})}),r(se,{entries:Object.entries(e.define??{})})]})]})]})},"ViteConfigApp"),me={component:ae,icon:K,id:"dev-toolbar:vite-config",name:"Vite Config"};export{me as default};

package/dist/apps/vite-config/vite-config-app.d.ts

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { ComponentChildren } from "preact";
 import type { AppComponentProps } from "../../types/app.d.ts";
 declare const ViteConfigApp: ({ helpers }: AppComponentProps) => ComponentChildren;

package/dist/client/overlay.js

@@ -1 +1 @@
-var I=Object.defineProperty;var _=(e,t)=>I(e,"name",{value:t,configurable:!0});import r from"virtual:visulima-dev-toolbar-options";var f=Object.defineProperty,c=_((e,t)=>f(e,"name",{value:t,configurable:!0}),"r");globalThis.__VISULIMA_DEV_TOOLBAR_OPTIONS__=r;const A=c(()=>{if(!r.requireUrlFlag)return!0;const e=r.urlFlagName??"devtools";return new URLSearchParams(globalThis.window?.location.search).get(e)==="true"},"isUrlFlagPresent"),l=c(async()=>{if(globalThis.window===void 0||!A()||globalThis.__VISULIMA_DEVTOOLS_INITIALIZED__)return;globalThis.__VISULIMA_DEVTOOLS_INITIALIZED__=!0;let e=null;try{await import("virtual:visulima-dev-toolbar-path:toolbar/index.js");const{apps:t}=r,[o,i,a,n,u,p,s,d,m,g]=await Promise.all([t.settings?import("virtual:visulima-dev-toolbar-path:apps/settings/index.js"):null,t.timeline?import("virtual:visulima-dev-toolbar-path:apps/timeline/index.js"):null,t.viteConfig?import("virtual:visulima-dev-toolbar-path:apps/vite-config/index.js"):null,t.moduleGraph?import("virtual:visulima-dev-toolbar-path:apps/module-graph/index.js"):null,t.seo?import("virtual:visulima-dev-toolbar-path:apps/seo/index.js"):null,t.performance?import("virtual:visulima-dev-toolbar-path:apps/performance/index.js"):null,t.a11y?import("virtual:visulima-dev-toolbar-path:apps/a11y/index.js"):null,t.inspector?import("virtual:visulima-dev-toolbar-path:apps/inspector/index.js"):null,t.tailwind?import("virtual:visulima-dev-toolbar-path:apps/tailwind/index.js"):null,import("virtual:visulima-dev-toolbar-path:apps/more/index.js")]);e=document.createElement("dev-toolbar"),document.body.append(e),e.registerApp&&(i&&e.registerApp(i.default,!0),a&&e.registerApp(a.default,!0),n&&e.registerApp(n.default,!0),u&&e.registerApp(u.default,!0),p&&e.registerApp(p.default,!0),s&&e.registerApp(s.default,!0),d&&e.registerApp(d.default,!0),m&&e.registerApp(m.default,!0),o&&e.registerApp(o.default,!0),e.registerApp(g.default,!0)),e.init&&e.init(),console.log("[dev-toolbar] Initialized successfully")}catch(t){e?.isConnected&&e.remove(),globalThis.__VISULIMA_DEVTOOLS_INITIALIZED__=!1,console.error("[dev-toolbar] Failed to initialize:",t)}},"initToolbar");typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",l):l());import.meta.hot&&import.meta.hot.on("dev-toolbar:init",()=>{const e=document.querySelector("dev-toolbar");e&&e.remove(),globalThis.__VISULIMA_DEVTOOLS_INITIALIZED__=!1,l()});
+var g=Object.defineProperty;var s=(o,t)=>g(o,"name",{value:t,configurable:!0});import e from"virtual:visulima-dev-toolbar-options";var A=Object.defineProperty,r=s((o,t)=>A(o,"name",{value:t,configurable:!0}),"i");globalThis.__VISULIMA_DEV_TOOLBAR_OPTIONS__=e;const T=r(()=>{if(!e.requireUrlFlag)return!0;const o=e.urlFlagName??"devtools";return new URLSearchParams(globalThis.window?.location.search).get(o)==="true"},"isUrlFlagPresent"),L=r(o=>Promise.all([o.settings?import("virtual:visulima-dev-toolbar-path:apps/settings/index.js"):void 0,o.timeline?import("virtual:visulima-dev-toolbar-path:apps/timeline/index.js"):void 0,o.viteConfig?import("virtual:visulima-dev-toolbar-path:apps/vite-config/index.js"):void 0,o.moduleGraph?import("virtual:visulima-dev-toolbar-path:apps/module-graph/index.js"):void 0,o.seo?import("virtual:visulima-dev-toolbar-path:apps/seo/index.js"):void 0,o.performance?import("virtual:visulima-dev-toolbar-path:apps/performance/index.js"):void 0,o.a11y?import("virtual:visulima-dev-toolbar-path:apps/a11y/index.js"):void 0,o.inspector?import("virtual:visulima-dev-toolbar-path:apps/inspector/index.js"):void 0,o.tailwind?import("virtual:visulima-dev-toolbar-path:apps/tailwind/index.js"):void 0,o.assets?import("virtual:visulima-dev-toolbar-path:apps/assets/index.js"):void 0]),"loadAppModules"),b=r((o,t)=>{const[i,a,d,p,c,m,_,u,I,v]=t;if(!o.registerApp)return;const f=[a,d,p,c,m,_,u,I,v];for(const n of f)n&&o.registerApp(n.default,!0);i&&o.registerApp(i.default,!0)},"registerApps"),l=r(async()=>{if(globalThis.window===void 0||!T()||globalThis.__VISULIMA_DEVTOOLS_INITIALIZED__)return;globalThis.__VISULIMA_DEVTOOLS_INITIALIZED__=!0;let o;try{await import("virtual:visulima-dev-toolbar-path:toolbar/index.js");const{apps:t}=e,i=await L(t);if(o=document.createElement("dev-toolbar"),document.body.append(o),b(o,i),e.customApps)for(const a of e.customApps)o.registerApp(a,!1);o.init&&o.init(),console.log("[dev-toolbar] Initialized successfully")}catch(t){o?.isConnected&&o.remove(),globalThis.__VISULIMA_DEVTOOLS_INITIALIZED__=!1,console.error("[dev-toolbar] Failed to initialize:",t)}},"initToolbar");typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",l):l().catch(()=>{}));import.meta.hot&&import.meta.hot.on("dev-toolbar:init",()=>{const o=document.querySelector("dev-toolbar");o&&o.remove(),globalThis.__VISULIMA_DEVTOOLS_INITIALIZED__=!1,l().catch(()=>{})});

package/dist/hooks/create-hook.d.ts

@@ -2,9 +2,11 @@ import type { DevToolbarApp } from "../types/app.d.ts";
 import type { DevToolbarHook } from "../types/hooks.d.ts";
 import type { TimelineEvent } from "../types/timeline.d.ts";
 /**
- * Creates a dev toolbar hook instance
- * @param onRegisterApp Callback when app is registered
- * @param onTimelineEvent Callback when timeline event is added
- * @returns Hook instance
+ * Creates a dev toolbar hook instance.
+ * @param onRegisterApp Callback when app is registered.
+ * @param onTimelineEvent Callback when timeline event is added.
+ * @returns Hook instance.
  */
-export declare const createDevToolbarHook: (onRegisterApp?: (app: DevToolbarApp) => void, onTimelineEvent?: (groupId: string, event: TimelineEvent) => void) => DevToolbarHook;
+declare const createDevToolbarHook: (onRegisterApp?: (app: DevToolbarApp) => void, onTimelineEvent?: (groupId: string, event: TimelineEvent) => void) => DevToolbarHook;
+export { createDevToolbarHook };
+export default createDevToolbarHook;

package/dist/hooks/events.d.ts

@@ -1,5 +1,7 @@
 import type { HookEvents } from "../types/hooks.d.ts";
 /**
- * Hook event names
+ * Hook event names.
  */
-export declare const HOOK_EVENT_NAMES: (keyof HookEvents)[];
+declare const HOOK_EVENT_NAMES: (keyof HookEvents)[];
+export { HOOK_EVENT_NAMES };
+export default HOOK_EVENT_NAMES;

package/dist/hooks/global-hook.d.ts

@@ -2,14 +2,14 @@ import type { DevToolbarApp } from "../types/app.d.ts";
 import type { DevToolbarHook } from "../types/hooks.d.ts";
 import type { TimelineEvent } from "../types/timeline.d.ts";
 /**
- * Setup global hook on window object
- * @param onRegisterApp Callback when app is registered
- * @param onTimelineEvent Callback when timeline event is added
- * @returns Hook instance
+ * Setup global hook on window object.
+ * @param onRegisterApp Callback when app is registered.
+ * @param onTimelineEvent Callback when timeline event is added.
+ * @returns Hook instance.
  */
 export declare const setupGlobalHook: (onRegisterApp?: (app: DevToolbarApp) => void, onTimelineEvent?: (groupId: string, event: TimelineEvent) => void) => DevToolbarHook;
 /**
- * Get the global hook instance
- * @returns Hook instance or undefined
+ * Get the global hook instance.
+ * @returns Hook instance or undefined.
  */
 export declare const getGlobalHook: () => DevToolbarHook | undefined;

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 export { createDevToolbarHook, getGlobalHook, setupGlobalHook } from "./hooks/index.d.ts";
 export { createClientRPCContext } from "./rpc/client.d.ts";
 export { createServerRPCContext } from "./rpc/server.d.ts";
-export { getTimelineStore, TimelineStore } from "./timeline/index.d.ts";
+export type { TimelineStore } from "./timeline/index.d.ts";
+export { getTimelineStore } from "./timeline/index.d.ts";
 export { DevToolbar } from "./toolbar/index.d.ts";
 export { loadSettings, saveSettings, updateSettings } from "./toolbar/settings.d.ts";
 export type * from "./types/index.d.ts";

package/dist/index.js

@@ -1 +1 @@
-import{createClientRPCContext as t}from"./packem_shared/createClientRPCContext-DzKQpKTk.js";import{createServerRPCContext as a}from"./packem_shared/createServerRPCContext-CRd6VAWp.js";import{DevToolbar as m}from"./toolbar/index.js";import{loadSettings as x,saveSettings as i,updateSettings as n}from"./packem_shared/loadSettings-hvjR4fcS.js";import{T as s,g}from"./packem_shared/store-BxE0w51s.js";import{createDevToolbarHook as C}from"./packem_shared/createDevToolbarHook-DGNxqk8N.js";import{getGlobalHook as b,setupGlobalHook as v}from"./packem_shared/setupGlobalHook-CFuxsCyl.js";export{m as DevToolbar,s as TimelineStore,t as createClientRPCContext,C as createDevToolbarHook,a as createServerRPCContext,b as getGlobalHook,g as getTimelineStore,x as loadSettings,i as saveSettings,v as setupGlobalHook,n as updateSettings};
+import{createClientRPCContext as t}from"./packem_shared/createClientRPCContext-DgRxrllw.js";import{createServerRPCContext as a}from"./packem_shared/createServerRPCContext-CJXa8ezf.js";import{DevToolbar as m}from"./toolbar/index.js";import{loadSettings as x,saveSettings as f,updateSettings as n}from"./packem_shared/loadSettings-hvjR4fcS.js";import{createDevToolbarHook as s}from"./packem_shared/createDevToolbarHook-4bZZiHPI.js";import{getGlobalHook as C,setupGlobalHook as S}from"./packem_shared/setupGlobalHook-CCf9Logv.js";import{m as v}from"./packem_shared/store-DaUtLjf3.js";export{m as DevToolbar,t as createClientRPCContext,s as createDevToolbarHook,a as createServerRPCContext,C as getGlobalHook,v as getTimelineStore,x as loadSettings,f as saveSettings,S as setupGlobalHook,n as updateSettings};