@perses-dev/trace-table-plugin 0.6.0 → 0.7.0

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.
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkTraceTable=self.webpackChunkTraceTable||[]).push([["671"],{2520:function(e,t,r){r.r(t),r.d(t,{TraceTable:()=>Z});var n=r(4246),l=r(6372),a=r(3941),i=r(4776),o=r(2054),s=r(2889),d=r(2964),c=r(886),u=r(2469),m=r(9085),p=r(4045),h=r(2026),f=r(8276),x=r(4538),g=r(3915);let v=new g.Z({hue:{min:20,max:360}}),y=new g.Z({hue:{min:0,max:20}}),j={},C=new Intl.DateTimeFormat(void 0,{dateStyle:"long",timeStyle:"medium"}).format,T=new Intl.DateTimeFormat(void 0,{dateStyle:"long",timeStyle:"long",timeZone:"UTC"}).format;function b(e){var t,r,c;let{options:u,result:p,traceLink:g}=e,b=(0,i.Z)(),N=(0,a.useChartsTheme)(),Z=null===(r=u.visual)||void 0===r?void 0:null===(t=r.palette)||void 0===t?void 0:t.mode,k=(0,x.useCallback)(e=>(function(e,t,r,n){let l=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return"categorical"===r?function(e,t,r,n){let l=t?n:r;if(0===l.length)return console.warn("getConsistentCategoricalColor() called with empty color palette, fallback to #000"),"#000";let a=0;for(let t=0;t<e.length;t++)a=e.charCodeAt(t)+((a<<5)-a);return l[Math.abs(a)%l.length]??"#000"}(n,l,t.echartsTheme.color,[e.palette.error.light,e.palette.error.main,e.palette.error.dark]):function(e,t){let r=`${e}_____${t}`,n=j[r];return n||(n=function(e,t){let[r,n,l]=t?y.hsl(e):v.hsl(e),a=`${(100*n).toFixed(0)}%`,i=`${(100*l).toFixed(0)}%`;return`hsla(${r.toFixed(2)},${a},${i},0.9)`}(e,t),j[r]=n),n}(n,l)})(b,N,Z,e),[b,N,Z]),$=[];for(let e of p)for(let t of(null===(c=e.data)||void 0===c?void 0:c.searchResult)||[])$.push({...t,id:t.traceId,traceLink:null==g?void 0:g({query:e.definition,traceId:t.traceId})});let O=(0,x.useMemo)(()=>[{field:"name",headerName:"Trace name",type:"string",flex:4,display:"flex",valueGetter:(e,t)=>`${t.rootServiceName}: ${t.rootTraceName}`,renderCell:e=>{let{row:t}=e;return(0,n.jsxs)(l.Z,{sx:{my:1},children:[(0,n.jsx)(S,{row:t}),(0,n.jsx)("br",{}),Object.entries(t.serviceStats).map(e=>{let[t,r]=e;return(0,n.jsx)(w,{serviceName:t,stats:r,serviceColor:k(t)},t)})]})}},{field:"spanCount",headerName:"Spans",type:"number",headerAlign:"left",align:"left",flex:2,minWidth:145,display:"flex",valueGetter:(e,t)=>Object.values(t.serviceStats).reduce((e,t)=>e+t.spanCount,0),renderCell:e=>{let{row:t}=e,r=0,l=0;for(let e of Object.values(t.serviceStats))r+=e.spanCount,l+=e.errorCount??0;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.Z,{display:"inline",children:[r," spans"]}),l>0&&(0,n.jsx)(s.Z,{label:`${l} error${1===l?"":"s"}`,sx:{marginLeft:"5px"},icon:(0,n.jsx)(h.default,{}),variant:"outlined",size:"small",color:"error"})]})}},{field:"durationMs",headerName:"Duration",type:"number",headerAlign:"left",align:"left",flex:1,minWidth:70,display:"flex",renderCell:e=>{let{row:t}=e;return(0,n.jsx)(o.Z,{display:"inline",children:t.durationMs<1?"<1ms":(0,m.LU)((0,m.oK)(t.durationMs))})}},{field:"startTimeUnixMs",headerName:"Start time",type:"number",headerAlign:"left",align:"left",flex:3,minWidth:240,display:"flex",renderCell:e=>{let{row:t}=e;return(0,n.jsx)(d.Z,{title:T(new Date(t.startTimeUnixMs)),placement:"top",arrow:!0,children:(0,n.jsx)(o.Z,{display:"inline",children:C(new Date(t.startTimeUnixMs))},`st-${t.traceId}`)})}}],[k]);return(0,n.jsx)(f._,{sx:{borderWidth:0},columns:O,rows:$,getRowHeight:()=>"auto",getEstimatedRowHeight:()=>66,disableRowSelectionOnClick:!0,pageSizeOptions:[10,20,50,100],initialState:{pagination:{paginationModel:{pageSize:20}}}})}function S(e){let{row:t}=e;return t.traceLink?(0,n.jsxs)(c.Z,{variant:"body1",color:"inherit",underline:"hover",component:p.Link,to:t.traceLink,children:[(0,n.jsxs)("strong",{children:[t.rootServiceName,":"]})," ",t.rootTraceName]}):(0,n.jsxs)(o.Z,{display:"inline",children:[(0,n.jsxs)("strong",{children:[t.rootServiceName,":"]})," ",t.rootTraceName]})}function w(e){let{serviceName:t,stats:r,serviceColor:l}=e;return(0,n.jsx)(s.Z,{label:t,variant:"outlined",size:"small",style:{"--service-color":l},sx:{marginTop:"5px",marginRight:"5px",borderColor:"var(--service-color)"},avatar:(0,n.jsx)(u.Z,{sx:{minWidth:"fit-content",padding:"6px",backgroundColor:"var(--service-color)",fontSize:"0.65rem",fontWeight:"bold",textShadow:"0 0 5px #fff"},children:r.spanCount})})}function N(e){let{query:t,traceId:r}=e,n=JSON.parse(JSON.stringify(t));n.spec.plugin.spec.query=r;let l=new URLSearchParams({explorer:"Tempo-TempoExplorer",data:JSON.stringify({queries:[n]})});return`/explore?${l}`}let Z={PanelComponent:function(e){let{spec:t,queryResults:r,traceLink:i}=e,o=(0,a.useChartsTheme)().container.padding.default;return r.some(e=>{var t;return((null===(t=e.data)||void 0===t?void 0:t.searchResult)??[]).length>0})?(0,n.jsx)(l.Z,{sx:{height:"100%",padding:`${o}px`,overflowY:"auto"},children:(0,n.jsx)(b,{options:t,result:r,traceLink:null===i?void 0:i??N})}):(0,n.jsx)(a.NoDataOverlay,{resource:"traces"})},supportedQueryTypes:["TraceQuery"],createInitialOptions:function(){return{}}}}}]);
@@ -1 +0,0 @@
1
- (()=>{var e={5311:function(e,r,t){Promise.all([t.e("677"),t.e("179"),t.e("620")]).then(t.bind(t,9161))}},r={};function t(n){var o=r[n];if(void 0!==o)return o.exports;var a=r[n]={id:n,loaded:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}t.m=e,t.c=r,t.federation||(t.federation={chunkMatcher:function(e){return!/^((15|26|67)7|179|376|494|759)$/.test(e)}}),t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce((r,n)=>(t.f[n](e,r),r),[])),t.u=e=>"__mf/js/async/"+e+"."+({129:"6a1a1c7d",156:"525f3a44",173:"f0db00ba",377:"d6e7ba1a",559:"b30e0b88",620:"006d05f8",651:"4fdbe698",694:"3c3c415f",740:"fe5d3770",75:"c1d82ca8",770:"6cac4f4b",960:"dc16b984",964:"01c67113"})[e]+".js",t.miniCssF=e=>"__mf/css/async/"+e+".3d4493d2.css",t.h=()=>"d8a86f9f435cda90",(()=>{t.g=(()=>{if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}})()})(),t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),(()=>{var e={},r="TraceTable:";t.l=function(n,o,a,i){if(e[n]){e[n].push(o);return}if(void 0!==a)for(var s,l,c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var u=c[d];if(u.getAttribute("src")==n||u.getAttribute("data-webpack")==r+a){s=u;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,t.nc&&s.setAttribute("nonce",t.nc),s.setAttribute("data-webpack",r+a),s.src=n),e[n]=[o];var f=function(r,t){s.onerror=s.onload=null,clearTimeout(h);var o=e[n];if(delete e[n],s.parentNode&&s.parentNode.removeChild(s),o&&o.forEach(function(e){return e(t)}),r)return r(t)},h=setTimeout(f.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=f.bind(null,s.onerror),s.onload=f.bind(null,s.onload),l&&document.head.appendChild(s)}})(),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),t.nc=void 0,(()=>{var e=[];t.O=(r,n,o,a)=>{if(n){a=a||0;for(var i=e.length;i>0&&e[i-1][2]>a;i--)e[i]=e[i-1];e[i]=[n,o,a];return}for(var s=1/0,i=0;i<e.length;i++){for(var[n,o,a]=e[i],l=!0,c=0;c<n.length;c++)(!1&a||s>=a)&&Object.keys(t.O).every(e=>t.O[e](n[c]))?n.splice(c--,1):(l=!1,a<s&&(s=a));if(l){e.splice(i--,1);var d=o();void 0!==d&&(r=d)}}return r}})(),t.p="/plugins/TraceTable/",t.rv=()=>"1.2.8",t.j="909",t.S={},t.initializeSharingData={scopeToSharingDataMapping:{default:[{name:"@emotion/react",version:"11.14.0",factory:()=>Promise.all([t.e("960"),t.e("677"),t.e("651")]).then(()=>()=>t(6434)),eager:0,singleton:1,requiredVersion:"^11.11.3"},{name:"@emotion/styled",version:"11.14.0",factory:()=>Promise.all([t.e("677"),t.e("157"),t.e("770")]).then(()=>()=>t(1958)),eager:0,singleton:1},{name:"@perses-dev/components",version:"0.51.0-beta.1",factory:()=>Promise.all([t.e("156"),t.e("559"),t.e("129"),t.e("677"),t.e("179"),t.e("157"),t.e("376"),t.e("267"),t.e("759")]).then(()=>()=>t(9225)),eager:0,singleton:1},{name:"date-fns",version:"4.1.0",factory:()=>Promise.all([t.e("156"),t.e("75")]).then(()=>()=>t(9657)),eager:0,singleton:1},{name:"react-dom",version:"18.3.1",factory:()=>Promise.all([t.e("173"),t.e("677")]).then(()=>()=>t(2652)),eager:0,singleton:1,requiredVersion:"18.2.0"},{name:"react-router-dom",version:"6.30.0",factory:()=>Promise.all([t.e("377"),t.e("677"),t.e("179")]).then(()=>()=>t(5895)),eager:0,singleton:1},{name:"react",version:"18.3.1",factory:()=>t.e("964").then(()=>()=>t(7378)),eager:0,singleton:1,requiredVersion:"18.2.0"}]},uniqueName:"TraceTable"},t.I=t.I||function(){throw Error("should have __webpack_require__.I")},t.consumesLoadingData={chunkMapping:{267:["4665"],494:["7871"],179:["6085"],157:["2116"],376:["5913","461"],677:["4538"]},moduleIdToConsumeDataMapping:{5913:{shareScope:"default",shareKey:"@emotion/styled",import:"@emotion/styled",requiredVersion:"^11.3.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("694").then(()=>()=>t(1958))},461:{shareScope:"default",shareKey:"date-fns",import:"date-fns",requiredVersion:"^4.1.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>Promise.all([t.e("156"),t.e("75")]).then(()=>()=>t(9657))},4538:{shareScope:"default",shareKey:"react",import:"react",requiredVersion:"18.2.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("964").then(()=>()=>t(7378))},4665:{shareScope:"default",shareKey:"date-fns-tz",import:"date-fns-tz",requiredVersion:"^3.2.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>Promise.all([t.e("740"),t.e("494")]).then(()=>()=>t(8872))},7871:{shareScope:"default",shareKey:"date-fns",import:"date-fns",requiredVersion:"^3.0.0 || ^4.0.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("75").then(()=>()=>t(9657))},6085:{shareScope:"default",shareKey:"react-dom",import:"react-dom",requiredVersion:"18.2.0",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("173").then(()=>()=>t(2652))},2116:{shareScope:"default",shareKey:"@emotion/react",import:"@emotion/react",requiredVersion:"^11.11.3",strictVersion:!1,singleton:!0,eager:!1,fallback:()=>t.e("960").then(()=>()=>t(6434))}},initialConsumes:[]},t.f.consumes=t.f.consumes||function(){throw Error("should have __webpack_require__.f.consumes")},(()=>{if("undefined"!=typeof document){var e=function(e,r,n,o,a){var i=document.createElement("link");return i.rel="stylesheet",i.type="text/css",t.nc&&(i.nonce=t.nc),i.onerror=i.onload=function(t){if(i.onerror=i.onload=null,"load"===t.type)o();else{var n=t&&("load"===t.type?"missing":t.type),s=t&&t.target&&t.target.href||r,l=Error("Loading CSS chunk "+e+" failed.\\n("+s+")");l.code="CSS_CHUNK_LOAD_FAILED",l.type=n,l.request=s,i.parentNode&&i.parentNode.removeChild(i),a(l)}},i.href=r,n?n.parentNode.insertBefore(i,n.nextSibling):document.head.appendChild(i),i},r=function(e,r){for(var t=document.getElementsByTagName("link"),n=0;n<t.length;n++){var o=t[n],a=o.getAttribute("data-href")||o.getAttribute("href");if("stylesheet"===o.rel&&(a===e||a===r))return o}for(var i=document.getElementsByTagName("style"),n=0;n<i.length;n++){var o=i[n],a=o.getAttribute("data-href");if(a===e||a===r)return o}},n={909:0};t.f.miniCss=function(o,a){if(n[o])a.push(n[o]);else if(0!==n[o]&&({759:1})[o])a.push(n[o]=new Promise(function(n,a){var i=t.miniCssF(o),s=t.p+i;if(r(i,s))return n();e(o,s,null,n,a)}).then(function(){n[o]=0},function(e){throw delete n[o],e}))}}})(),(()=>{var e={909:0};t.f.j=function(r,n){var o=t.o(e,r)?e[r]:void 0;if(0!==o){if(o)n.push(o[2]);else if(/^((15|26|67)7|179|376|494|759)$/.test(r))e[r]=0;else{var a=new Promise((t,n)=>o=e[r]=[t,n]);n.push(o[2]=a);var i=t.p+t.u(r),s=Error();t.l(i,function(n){if(t.o(e,r)&&(0!==(o=e[r])&&(e[r]=void 0),o)){var a=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;s.message="Loading chunk "+r+" failed.\n("+a+": "+i+")",s.name="ChunkLoadError",s.type=a,s.request=i,o[1](s)}},"chunk-"+r,r)}}},t.O.j=r=>0===e[r];var r=(r,n)=>{var o,a,[i,s,l]=n,c=0;if(i.some(r=>0!==e[r])){for(o in s)t.o(s,o)&&(t.m[o]=s[o]);if(l)var d=l(t)}for(r&&r(n);c<i.length;c++)a=i[c],t.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return t.O(d)},n=self.webpackChunkTraceTable=self.webpackChunkTraceTable||[];n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))})(),t.ruid="bundler=rspack@1.2.8",t.O(void 0,["152"],function(){return t(8922)});var n=t.O(void 0,["152"],function(){return t(5311)});n=t.O(n)})();