1
|
!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="bbe79fef-904d-4ba3-8a9b-697d08d1d2db",e._sentryDebugIdIdentifier="sentry-dbid-bbe79fef-904d-4ba3-8a9b-697d08d1d2db")}catch(e){}}();var _global="undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof self?self:{};_global.SENTRY_RELEASE={id:"30b1ba65cc8722be7e184f4a401fb43e6b21634d"},(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[7304],{7304:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Ae});n(62953);var r=n(96540),l=n(83199),a=n(58168),o=n(27776),i=n(86083),c=n(9060);const s=()=>{const e=(0,o.AR)(),t=(0,c.A)(),[n,l]=(0,o.oE)(),a=(0,o.WB)(),s=(0,r.useMemo)((()=>(0,i.Cj)({searchTerm:n,integrations:e})),[n,e]),m=n?(0,i.M6)(s,t):a;return{integrations:(0,i.Fd)((0,i.xM)(m)),setSearchTerm:l}};var m=n(58205);const d=e=>{let{flavour:t}=e;const[n,i]=(0,o.x9)(),{history:c,setHistory:d}=(0,o.b8)(),u=(0,o.GT)(),{setSearchTerm:g}=s(),p=(0,r.useCallback)((e=>{g(e),e?(n||i(c),d([])):n&&d(n)}),[n]),h=(0,r.useMemo)((()=>{var e;return null===(e=m.jI[t])||void 0===e?void 0:e.search}),[t]),v=(null===h||void 0===h?void 0:h.wrapperProps)||{},E=(null===h||void 0===h?void 0:h.inputProps)||{};return r.createElement(l.Flex,v,r.createElement(l.SearchInput,(0,a.A)({value:u,onChange:p,placeholder:"Search through 800+ integrations",dataGa:"integrations::searchTerm::".concat(t)},E)))},u=e=>{let{flavour:t,...n}=e;const o=(0,r.useMemo)((()=>{var e;return null===(e=m.vD[t])||void 0===e?void 0:e.headerContent}),[t]),i=(0,r.useMemo)((()=>{var e;return null===(e=m.jI[t])||void 0===e?void 0:e.header}),[t]),c=(null===i||void 0===i?void 0:i.wrapperProps)||{};return r.createElement(l.Flex,(0,a.A)({column:!0,alignItems:"center",justifyContent:"center",gap:2,width:{min:"500px"}},c),o&&r.createElement(o,n),r.createElement(d,{flavour:t}))};var g=n(88773),p=(n(41393),n(81454),n(63950)),h=n.n(p),v=n(3705),E=n(73700),y=n(74112),f=n(87659);const b=e=>{let{categories:t=[],level:n=0,flavour:l}=e;return r.createElement(r.Fragment,null,t.map((e=>r.createElement(k,{key:e.id,category:e,level:n+1,flavour:l}))))},x=e=>{let{subcategories:t=[],popular:n=[],noPopular:a=[],limitResults:o=0,level:i,flavour:c}=e;const[s,m]=(0,f.A)(o),d=o&&!s?a.slice(0,o):a,u=(0,r.useMemo)((()=>I(2)+4),[]);return r.createElement(l.Flex,{column:!0},r.createElement(b,{categories:n,level:i,flavour:c}),r.createElement(b,{categories:d,level:i,flavour:c}),!!o&&o<t.length&&r.createElement(l.Flex,{padding:[0,0,0,u]},r.createElement(l.Button,{flavour:"borderless",label:s?"Show less":"Show more",onClick:m,small:!0,"data-ga":"integrations::click-category-".concat(name,"-").concat(s?"showLess":"showMore","::").concat(c)})))};var w=n(29217),C=n(71847);const I=function(){return 4*(arguments.length>0&&void 0!==arguments[0]?arguments[0]:1)},k=e=>{let{isSidebarCollapsed:t,category:n={},level:a=1,flavour:i,maxItemsPerCategory:c={}}=e;const s=(0,o.j6)(),{selectedCategory:d,pushCategory:u}=(0,o.b8)(),{id:p,name:h}=n,v=m.aw[p],{categories:E,popular:b,rest:k}=(0,r.useMemo)((()=>(0,y.YK)((0,y.PQ)({category:n,categories:s}))),[n,s]),A=(0,r.useMemo)((()=>{var e;const t=null===(e=c[p])||void 0===e?void 0:e.limit,n=b.length+1;return t>1?t-n:0}),[c,b]),F=p==(null===d||void 0===d?void 0:d.id),S=(0,r.useMemo)((()=>I(a)),[a]),[T,P]=(0,f.A)(),j=(0,o.q2)(),M=()=>{j(),u(n),(0,C.H)("integrations","select-category","sidebar","category-id:".concat(n.id)),E.length&&P()};return t?r.createElement(l.Flex,{alignItems:"center",justifyContent:"center",padding:[2]},r.createElement(w.A,{content:h,align:"right"},v&&r.createElement(l.Icon,{name:v,color:F?"primary":"text",cursor:"pointer",onClick:M}))):r.createElement(l.Flex,{column:!0},r.createElement(g.Av,{className:1==a?"top-level":"",gap:a>1?1:2,padding:[2,2,2,S],onClick:M,dataGa:"integrations::click-category-".concat(h,"::").concat(i),background:a>1&&F?"integrationMenuItemHover":null,alignItems:"center"},v&&r.createElement(l.Icon,{name:v,size:"small",color:F?"primary":"text"}),a>1&&r.createElement(g.oO,{name:"chevron_right",rotate:T?1:0,size:"small",color:"textLite",cursor:"pointer",disabled:!E.length}),r.createElement(l.TextBig,null,h)),!!E.length&&(T||1==a)&&r.createElement(x,{subcategories:E,popular:b,noPopular:k,limitResults:A,level:a,flavour:i}))},A=e=>r.createElement(l.Box,(0,a.A)({as:"hr",height:"1px",width:"100%",sx:{borderWidth:"1px 0px 0px 0px",borderColor:"borderSecondary",borderStyle:"solid"}},e)),F={collapsed:{alignItems:"center",justifyContent:"center",padding:[2]},expanded:{justifyContent:"end",padding:[0,2,0,0],position:"sticky",top:"0"}},S={collapsed:{icon:"chevron_right",iconSize:"large",flavour:"borderless",small:!0},expanded:{icon:"chevron_left",iconSize:"small",flavour:"hollow",tiny:!0}},T=e=>{let{isSidebarCollapsed:t,onClick:n=h()}=e;const o=(0,r.useMemo)((()=>t?"collapsed":"expanded"),[t]);return r.createElement(l.Flex,(0,a.A)({width:"100%"},F[o]),r.createElement(l.Button,(0,a.A)({neutral:!0,onClick:n},S[o])))},P=(0,E.s)(300,y.vF),j=e=>{let{flavour:t,isSidebarCollapsed:n,toggleSidebar:a=h()}=e;const[i,{height:c}]=(0,v.A)(),s=(0,o.Ss)(),m=(0,o.j6)(),[d,u]=(0,r.useState)({});return(0,r.useEffect)((()=>{P({height:c,topLevelCategories:s,categories:m,setState:u})}),[c,s,m]),r.createElement(l.Flex,{ref:i,column:!0,gap:2,overflow:{vertical:"auto"}},r.createElement(T,{isSidebarCollapsed:n,onClick:a}),s.map(((e,a)=>r.createElement(l.Flex,{key:e.id,column:!0,gap:2},r.createElement(k,{isSidebarCollapsed:n,category:e,maxItemsPerCategory:d,flavour:t}),!n&&a<s.length-1&&r.createElement(A,null)))))},M=(0,r.memo)(j);var _=n(3914);const B=()=>{const{pop:e}=(0,o.b8)(),t=(0,r.useCallback)((()=>{e(),(0,C.H)("integrations","navigate-back","breadcrumb")}),[e]);return r.createElement(l.Button,{label:"Back",icon:"arrow_left",iconColor:"primary",iconSize:"small",flavour:"borderless",onClick:t})};n(25440);var N=n(8711);const H=e=>{let{iconProps:t,...n}=e;return r.createElement(l.Flex,(0,a.A)({width:"74px",height:"74px",alignItems:"center",justifyContent:"center",background:"primary",round:"100%"},n),r.createElement(l.Icon,(0,a.A)({name:"integrations",color:"white",size:"large"},t)))},R=(0,N.default)(H).withConfig({displayName:"fallbackIcon__PlaceholderIcon",componentId:"sc-182ui8v-0"})(["filter:blur(3px);background:",";opacity:0.7;"],(0,l.getColor)("mainBackground")),L=()=>r.createElement(R,{iconProps:{color:"textLite"}}),z=H;var D=n(4659);const G=e=>{let{name:t,icon:n}=e;const[a,o]=(0,r.useState)(),i=(0,r.useCallback)((()=>o(!0)),[]);return r.createElement(l.Flex,{alignItems:"center",gap:1},n&&(a?r.createElement(z,{width:"18px",height:"18px",iconProps:{size:void 0,with:"12px",height:"12px"}}):r.createElement("img",{src:n,alt:"".concat(t,"-logo"),height:"18px",onError:i})),r.createElement(l.Text,null,t))},W=e=>{let{category:t={},index:n=0}=e;const{history:a,selectedIntegration:i,pushCategory:c}=(0,o.b8)();return!i&&n==a.length-1?r.createElement(l.Text,null,t.name):r.createElement(D.A,{onClick:()=>{c(t),(0,C.H)("integrations","select-category","breadcrumb","category-id:".concat(t.id))}},t.name)},q=e=>{let{flavour:t}=e;const{history:n}=(0,o.b8)(),a=n.map((e=>{let{name:t}=e;return t})).join("-").replace(" ","");return r.createElement(l.Flex,{gap:2,dataGa:"integrations::view-integration-".concat(a,"::").concat(t)},n.map(((e,t)=>r.createElement(l.Flex,{key:e.id,gap:2},"category"==e.type?r.createElement(W,{category:e,index:t}):r.createElement(G,e),t<n.length-1&&r.createElement(l.Text,null,"/")))))},O=e=>{let{url:t=""}=e;return t?r.createElement(D.A,{href:t,rel:"noopener noreferrer",target:"_blank"},r.createElement(w.A,{content:"Do you see something wrong? Edit the contents of this resource here."},r.createElement(l.Flex,{alignItems:"center",gap:1},r.createElement(l.Icon,{color:"primary",name:"pencilOutline",width:"12px",height:"12px"}),r.createElement(l.Text,{color:"primary"},"Edit")))):null};var Y=n(89009);const K=()=>{const{integrations:e}=s(),t=(0,o.q2)(),n=(0,o.hh)(),{setHistory:a}=(0,o.b8)(),i=(0,r.useCallback)((()=>{t(),n&&a(n)}),[]);return r.createElement(l.Flex,{alignItems:"center",justifyContent:"between"},r.createElement(l.Flex,{alignItems:"center",gap:4},r.createElement(l.TextBig,null,"Found ",e.length," results"),r.createElement(l.Button,{label:"Clear",icon:"x",iconColor:"primary",iconSize:"small",flavour:"borderless",onClick:i})))};var V=n(51220);n(17333),n(98992),n(54520);const J=N.default.img.withConfig({displayName:"progressiveImage__StyledImage",componentId:"sc-16k6xv6-0"})(["max-width:80%;max-height:74px;"]),Q=e=>{let{src:t,Placeholder:n,onError:l=h(),...o}=e;const[i,c]=(0,f.A)(!0);return(0,r.useEffect)((()=>{const e=new Image;e.src=t,e.onload=()=>c(),e.onerror=e=>l(e)}),[]),i&&n?r.createElement(n,null):r.createElement(J,(0,a.A)({src:t},o))},Z=e=>{let{isCommunity:t,...n}=e;return r.createElement(l.Flex,(0,a.A)({alignItems:"center",gap:1,position:"absolute",top:"-20px",right:"0",padding:[0,2]},n),r.createElement(w.A,{content:t?"This integration is maintaned by the community":"This integration is maintained by Netdata"},r.createElement(l.TextMicro,{strong:!0,color:"textDescription"},t?"by Community":"by Netdata")),!t&&r.createElement(l.Icon,{name:"favorites",color:"primary",width:"14px",height:"14px"}))},$=e=>{let{integration:t={},...n}=e;const{selectedCategory:i,pushIntegration:s}=(0,o.b8)(),m=(0,o.j6)(),[d,u]=(0,f.A)(),{flattenedCategory:p,community:h}=t,v=(0,c.A)(),{tree:E,topLevelCategory:b}=(0,y.fk)({category:p,getCategoryById:v}),x=(0,r.useMemo)((()=>E.slice(0,2).filter(Boolean).map((e=>{let{name:t}=e;return t})).join(" / ")),[E,b]),w=(0,y.q1)((null===i||void 0===i?void 0:i.id)||(null===p||void 0===p?void 0:p.id),m),[I,k]=(0,r.useState)(),A=(0,r.useCallback)((()=>k(!0)),[]);return r.createElement(g.Zp,(0,a.A)({alignItems:"center",justifyContent:"center",height:"100%",position:"relative",overflow:"hidden",cursor:"pointer",padding:[2],onMouseEnter:u,onMouseLeave:u,onClick:()=>{s(t),(0,C.H)("integrations","select-integration","integration-tile","integration-id:".concat(t.id))},round:"2px"},n),r.createElement(g.AG,{name:w,className:d?"hover":"",width:"190px",height:"190px",color:"textLite"}),r.createElement(l.Flex,{width:"100%",alignItems:"center",justifyContent:"center",column:!0,gap:2,zIndex:10},r.createElement(l.Flex,{justifyContent:"center",column:!0,gap:1},r.createElement(l.H3,{textAlign:"center",strong:!1},t.name),x&&r.createElement(l.TextSmall,{textAlign:"center"},x)),t.icon&&!I&&r.createElement(Q,{Placeholder:L,src:t.icon,alt:"".concat(t.name,"-logo"),onError:A}),I&&r.createElement(z,null),t.description?r.createElement(g.BT,{className:d?"hover":"",alignItems:"center",justifyContent:"center",width:"100%",padding:[3],background:"mainBackground"},r.createElement(Z,{isCommunity:h}),r.createElement(l.Text,{textAlign:"center"},t.description)):r.createElement(Z,{isCommunity:h,bottom:"4px",top:"unset"})))},U=(0,r.memo)($),X=e=>{let{integrations:t=[],itemsPerRow:n=4,rowHeight:l=200}=e;const a=(0,r.useRef)(),o=(0,r.useMemo)((()=>(e=>{let{integrations:t=[],itemsPerRow:n}=e;const r=[];let l=[];for(let a=0;a<t.length;a++)l.push(t[a]),(a+1)%n==0&&(r.push(l),l=[]);return l.length>0&&r.push(l),r})({integrations:t,itemsPerRow:n})),[t,n]),i=(0,r.useCallback)((()=>l),[l]),c=(0,V.Te)({count:o.length,getScrollElement:()=>a.current,enableSmoothScroll:!1,estimateSize:i});return r.createElement("div",{ref:a,style:{height:"100%",overflow:"auto",paddingRight:"16px"}},r.createElement("div",{style:{minHeight:"".concat(c.getTotalSize(),"px"),width:"100%",position:"relative"}},c.getVirtualItems().map((e=>r.createElement("div",{key:e.key,style:{position:"absolute",top:0,left:0,width:"100%",transform:"translateY(".concat(e.start,"px)"),overflow:"hidden"},ref:c.measureElement,"data-index":e.index},r.createElement(g.$c,{itemsPerRow:n,rowHeight:l},(o[e.index]||[]).map((e=>r.createElement(U,{width:"100%",height:"100%",key:e.flattenedKey||e.id,integration:e})))))))))},ee=()=>r.createElement(l.Flex,{width:"100%",column:!0,alignItems:"center",margin:[8,0,0,0]},r.createElement(l.Flex,{column:!0,justifyContent:"center",alignItems:"center",margin:[0,0,6]},r.createElement(l.H3,{margin:[0,0,4]},"No integrations to display"),r.createElement(l.Text,{color:"textDescription",textAlign:"center"},"There are currently no integrations under this category.",r.createElement("br",null),"Try another category or use the search bar to find what you're looking for.")));var te=n(45463);const ne="(min-width: 1600px)",re="(max-width: 1599px)",le="(max-width: 1299px)",ae={large:{itemsPerRow:4,rowHeight:200},medium:{itemsPerRow:3,rowHeight:200},small:{itemsPerRow:2,rowHeight:190}};var oe=n(63314);const ie=(0,r.memo)((e=>{let{selectedCategory:t,searchTerm:n,integrations:o}=e;const{itemsPerRow:i,rowHeight:c}=(()=>{const e=(0,te.A)(ne),t=(0,te.A)(re),n=(0,te.A)(le);return ae[e?"large":t&&!n?"medium":"small"]||{}})();return r.createElement(l.Flex,{column:!0,gap:4,width:"100%",height:"100%",overflow:{vertical:"auto"}},r.createElement(l.Flex,{width:"100%",position:"sticky",top:"0",background:"mainBackground",zIndex:15},n?r.createElement(K,null):r.createElement(l.Flex,{column:!0,gap:2},r.createElement(l.H1,{strong:!1},null===t||void 0===t?void 0:t.name),r.createElement(l.Text,null,null===t||void 0===t?void 0:t.description))),o.length?r.createElement(oe.Ay,(0,a.A)({mode:"IntegrationsList"},n?{searchTerm:n}:{}),r.createElement(X,{integrations:o,itemsPerRow:i,rowHeight:c})):r.createElement(oe.Ay,(0,a.A)({mode:"NoIntegrations"},n?{searchTerm:n}:{}),r.createElement(ee,null)))})),ce=e=>{let{flavour:t}=e;const{selectedCategory:n}=(0,o.b8)(),l=(0,o.GT)(),{integrations:a}=s();return r.createElement(ie,{flavour:t,selectedCategory:n,searchTerm:l,integrations:a})};var se=n(24695),me=n(14125),de=n(47130);const ue=(0,n(92155).A)((0,de.A)(l.Button)),ge=e=>{let{itemId:t,...n}=e;const l=(0,me.l)();return t?r.createElement(ue,(0,a.A)({small:!0,icon:"gear",onClick:()=>l(t),label:"Configure",tooltip:"Add a new data collection job or edit existing jobs for this collector",payload:{dyncfgId:t}},n)):null};var pe=n(27467),he=n(38819);const ve=()=>{var e,t;const[n,a]=(0,r.useState)("calc(100% - 133px)"),{selectedIntegrationTab:i}=(0,he.PP)(),[,c]=(0,pe.N9)("selectedIntegrationTab"),[s,m]=(0,r.useState)(i||0),{selectedIntegration:d={}}=(0,o.b8)(),{overview:u,metrics:g,alerts:p,setup:h,troubleshooting:E,relatedResources:y,dyncfgId:f}=d,[b,{height:x}]=(0,v.A)(),w=(0,r.useMemo)((()=>[u?{id:"overview",label:"Overview",content:u}:null,g?{id:"metrics",label:"Metrics",content:g}:null,p?{id:"alerts",label:"Alerts",content:p}:null,h?{id:"setup",label:"Setup",content:h}:null,E?{id:"troubleshooting",label:"Troubleshooting",content:E}:null].filter(Boolean)),[u,g,p,h,E,y]);(0,r.useLayoutEffect)((()=>{x&&a("".concat(x-70,"px"))}),[x]);return r.createElement(oe.Ay,{tab:null===(e=w[s])||void 0===e?void 0:e.label,delay:0},r.createElement(l.Flex,{ref:b,column:!0,gap:2,width:"100%",height:"100%",margin:[4,0,0,0]},r.createElement(l.Flex,{border:{side:"bottom",size:"1px",color:"borderSecondary"},padding:[0,4],justifyContent:"between"},r.createElement(l.Tabs,{selected:parseInt(s),onChange:e=>{var t;c(e),m(e),(0,C.H)("integrations","select-integration-tab","integration-view","selected-tab:".concat(null===(t=w[e])||void 0===t?void 0:t.label))}},w.map((e=>{let{label:t}=e;return r.createElement(l.Tab,{key:t,label:r.createElement(l.Text,null,t),minWidth:"auto",maxWidth:"auto",padding:[1,4],background:"mainBackground",small:!0})}))),r.createElement(ge,{itemId:f})),r.createElement(l.Flex,{width:"100%",height:n,overflow:{vertical:"auto"},padding:[2,0]},r.createElement(se.A,null,null===(t=w[s])||void 0===t?void 0:t.content))))},Ee=e=>{let{integration:t={}}=e;return r.createElement(r.Fragment,null,t.description&&r.createElement(l.Flex,{margin:[4,0,0,0]},r.createElement(l.Text,null,t.description)),r.createElement(ve,null))},ye=e=>{let{integration:t={},topLevelCategory:n={},isNightly:l}=e;const a=(0,r.useMemo)((()=>(e=>m.rP[null===e||void 0===e?void 0:e.id]||Ee)(n)),[n]);return r.createElement(oe.Ay,{mode:"IntegrationView",integrationId:null===t||void 0===t?void 0:t.id},r.createElement(a,{integration:t,isNightly:l}))};var fe=n(59778);const be=e=>{let{flavour:t}=e;const n=(0,_.ap)("plan"),a=(0,c.A)(),{level:i,selectedCategory:s,selectedIntegration:m}=(0,o.b8)(),{flattenedCategory:d}=m||{},u=d||s,{topLevelCategory:g}=(0,y.fk)({category:u,getCategoryById:a}),p="deploy"==(null===g||void 0===g?void 0:g.id),[h,v]=(0,r.useState)((0,fe.M)(n)),E=m||i>2;return r.createElement(l.Flex,{column:!0,gap:2,width:"100%",overflow:m&&!p?{}:{vertical:"auto"}},r.createElement(l.Flex,{column:!0,alignItems:"start",gap:2,padding:[0,2,0,0]},E&&r.createElement(B,null),r.createElement(l.Flex,{width:"100%",alignItems:"end",justifyContent:"between"},r.createElement(l.Flex,{alignItems:"center",gap:4},r.createElement(q,{flavour:t}),(null===m||void 0===m?void 0:m.editLink)&&r.createElement(O,{url:m.editLink})),m&&p&&r.createElement(Y.A,{isNightly:"nightly"==h,toggleNightly:e=>{const t=e.target.checked?"nightly":"stable";v(t)}}))),m?r.createElement(ye,{integration:m,topLevelCategory:g,isNightly:"nightly"==h,flavour:t}):r.createElement(ce,{flavour:t}))};var xe=n(17208);const we=(0,N.default)(l.Flex).withConfig({displayName:"cncfReference__Wrapper",componentId:"sc-1ntasha-0"})(["position:absolute;bottom:0;"]),Ce=()=>r.createElement(we,{width:"100%",alignItems:"start",justifyContent:"end",background:"mainBackground",gap:2,padding:[6]},r.createElement(l.Flex,{width:"500px"},r.createElement(l.TextSmall,{textAlign:"right"},"Netdata is a member of the Cloud Native Computing Foundation (CNCF), and it is one of the most starred projects in the"," ",r.createElement(D.A,{alignSelf:"start",Component:l.TextSmall,href:"https://landscape.cncf.io/?item=observability-and-analysis--observability--netdata",rel:"noopener noreferer",target:"_blank"},"CNCF landscape"),".")),r.createElement(xe.go,null));var Ie=n(6323),ke=n(47767);const Ae=e=>{let{flavour:t=m.Jr}=e;const[n,,a,i]=(0,f.A)();(()=>{const e=(0,r.useRef)(!0),{pathname:t}=(0,ke.zy)(),n=(0,o.yv)();(0,r.useEffect)((()=>{e.current||(e.current=!1,n())}),[t])})();const[c,s]=(0,f.A)();return r.createElement(oe.Ay,{feature:"Integrations",logImpression:!1},r.createElement(l.Flex,{position:"relative",height:"100%",column:!0,background:"mainBackground"},r.createElement(l.Flex,{column:!0,alignItems:"center",justifyContent:"center"},r.createElement(u,{flavour:t,onInvite:a})),r.createElement(g.D6,{flavour:t,isSidebarCollapsed:c},r.createElement(M,{flavour:t,isSidebarCollapsed:c,toggleSidebar:s}),r.createElement(be,{flavour:t})),t==m.D_.homePage&&r.createElement(Ce,null)),n&&r.createElement(Ie.d,{onClose:i}))}}}]);
|
