UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 17.4 kB
!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.13.4"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./sanitize-html-legacy-ChR3ikxn.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./banners.store-legacy-s6kaK6vM.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./versions.store-legacy-BoVYiMEK.js","./usePageRedirectionHelper-legacy-dYzA8Va8.js","./useClipboard-legacy-D5bRgqfO.js","./executions.store-legacy-z6ytCHo9.js","./assistant.store-legacy-kpq6KUPM.js","./usePinnedData-legacy-CxgKkO-J.js","./nodeIcon-legacy-CU0X8703.js","./canvas.utils-legacy-BYFKir1g.js","./canvas.eventBus-legacy-DA8zEJ09.js","./useCanvasOperations-legacy-DHjpE9Af.js","./setupPanel.store-legacy-D5xiJOzj.js","./nodeTransforms-legacy-CEnqyD1g.js","./templateTransforms-legacy-bPWknje4.js","./useRunWorkflow-legacy-D--lDsti.js","./pushConnection.store-legacy-CdZe0qqo.js","./folders.store-legacy-D5PytSyG.js","./sortByProperty-legacy-jhZYk91O.js","./readyToRun.store-legacy-DjI3ii4i.js","./aiTemplatesStarterCollection.store-legacy-D1MgiyPj.js","./ConnectionTracker-legacy-Cd2fWWFV.js","./usePushConnection-legacy-DqAVq98h.js","./dist-legacy-CCfDmF7R.js"],(function(e,t){var a,s,n,o,r,i,l,c,d,u,m,_,p,y,g,f,h,k,v,b,w,x,$,I,T,j,M,L,A,C,B,z,R,S,D,H,U,W,E,P,q,N,F,J,O,G,V,Z,X,Y,K,Q,ee,te,ae,se,ne,oe,re,ie,le;function ce(e){return e.reduce(((e,t)=>e+t),0)/e.length}function de(e){return ce(e).toFixed(2)}function ue(e,t=2){return Number((e/1024/1024/1024).toFixed(t))}function me(e,t=2){return Number((e/1024/1024).toFixed(t))}return{setters:[function(e){a=e.$,s=e.A,n=e.C,o=e.E,r=e.Ft,i=e.K,l=e.N,c=e.S,d=e.Sn,u=e.T,m=e.Wt,_=e.X,p=e._,y=e._n,g=e.it,f=e.j,h=e.q,k=e.rt,v=e.w,b=e.yt},function(e){w=e.bt},function(e){x=e.$i,$=e.Nt,I=e.R,T=e.Ri,j=e.Yi,M=e.Zi,L=e._t},function(e){A=e.t},function(e){},function(e){C=e.As,B=e.Tr,z=e.en,R=e.vn},function(e){},function(e){},function(e){S=e.r},function(e){},function(e){},function(e){},function(e){},function(e){D=e.t},function(e){H=e.t},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){U=e.t},function(e){},function(e){W=e.t},function(e){},function(e){},function(e){E=e.t},function(e){e.n,P=e.r,q=e.t},function(e){N=e.n}],execute:function(){(F=document.createElement("style")).textContent="._container_k0ymr_125{width:100%}._header_k0ymr_129{cursor:pointer;padding-top:var(--spacing--sm);align-items:center;display:flex}._header_k0ymr_129 ._headerText_k0ymr_135{flex-grow:1}._expanded_k0ymr_139{padding:var(--spacing--sm)0 0 0}._description_k0ymr_143{padding:0 var(--spacing--sm)var(--spacing--sm)var(--spacing--sm);display:flex}._description_k0ymr_143 b{font-weight:var(--font-weight--bold)}._accordionItems_1mb6o_125{width:100%;display:flex;flex-direction:column!important;align-items:flex-start!important}._accordionItem_1mb6o_125{text-align:left;margin-bottom:var(--spacing--4xs);display:block!important}._empty_1mb6o_138{text-align:left;margin-top:var(--spacing--2xs);margin-left:var(--spacing--4xs);display:block!important}._accordionItems_tq3dn_125{width:100%;margin-top:var(--spacing--2xs);display:flex;flex-direction:column!important;align-items:flex-start!important}._accordionItem_tq3dn_125{text-align:left;margin-bottom:var(--spacing--4xs);display:block!important}._clickable_tq3dn_139{cursor:pointer!important}._clickable_tq3dn_139:hover{color:var(--color--primary)}._accordionItems_16rh4_125{width:100%;display:flex;flex-direction:column!important;align-items:flex-start!important}._accordionItem_16rh4_125{text-align:left;margin-bottom:var(--spacing--4xs);display:block!important}._charts_16rh4_138{flex-direction:column;width:100%}._chart_16rh4_138{max-width:100%;max-height:200px;position:relative}table th,table td{text-align:left;font-weight:400}table td{font-variant-numeric:tabular-nums;padding-left:8px}._accordion-content_1lqir_135{padding:var(--spacing--2xs)}._container_znmwg_125{width:100%}._cardLink_znmwg_129{cursor:pointer;align-items:stretch;padding:0;transition:box-shadow .3s}._cardLink_znmwg_129:hover{box-shadow:var(--shadow--card-hover)}._cardHeading_znmwg_139{font-size:var(--font-size--sm);word-break:break-word;padding:var(--spacing--sm)0 0 var(--spacing--sm)}._stale_znmwg_145{opacity:.5}._cardDescription_znmwg_149{min-height:19px;padding:0 0 var(--spacing--sm)var(--spacing--sm);align-items:center;display:flex}._cardActions_znmwg_156{padding:0 var(--spacing--sm)0 0;cursor:default;flex-direction:row;justify-content:center;align-self:stretch;align-items:center;display:flex}._workerListHeader_ifjfd_125{margin-bottom:var(--spacing--sm);justify-content:space-between;align-items:center;display:flex}._card_ifjfd_132{margin-bottom:var(--spacing--sm)}._tableLoader_ifjfd_136{width:100%;height:48px;margin-bottom:var(--spacing--2xs)}._actionBox_t24gt_125{margin:var(--spacing--2xl)0 0}\n/*$vite$:1*/",document.head.appendChild(F);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(_e=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[_e]="7396f22b-8e6f-4b35-8de1-7838f908f90e",t._sentryDebugIdIdentifier="sentry-dbid-7396f22b-8e6f-4b35-8de1-7838f908f90e")}catch(t){}var t,_e;J=l({__name:"WorkerAccordion",props:{icon:{default:"list-checks"},iconColor:{default:"text-dark"},initialExpanded:{type:Boolean,default:!0}},setup(e){const t=r(e.initialExpanded);function s(){t.value=!t.value}return(r,i)=>(a(),o("div",{class:y(["accordion",r.$style.container])},[n("div",{class:y({[r.$style.header]:!0,[r.$style.expanded]:t.value}),onClick:s},[f(m(x),{icon:e.icon,color:e.iconColor,size:"small",class:"mr-2xs"},null,8,["icon","color"]),f(m(M),{class:y(r.$style.headerText),color:"text-base",size:"small",align:"left",bold:""},{default:b((()=>[g(r.$slots,"title")])),_:3},8,["class"]),f(m(x),{icon:t.value?"chevron-up":"chevron-down",bold:""},null,8,["icon"])],2),t.value?(a(),o("div",{key:0,class:y({[r.$style.description]:!0,[r.$style.collapsed]:!t.value})},[g(r.$slots,"content")],2)):u("",!0)],2))}}),O=A(J,[["__cssModules",{$style:{container:"_container_k0ymr_125",header:"_header_k0ymr_129",headerText:"_headerText_k0ymr_135",expanded:"_expanded_k0ymr_139",description:"_description_k0ymr_143"}}]]),G=["href"],V=["href"],Z=A(l({__name:"WorkerJobAccordion",props:{items:{}},setup(e){const t=e,r=w();function i(e){let t=Math.floor(((new Date).getTime()-e.getTime())/1e3);const a=Math.floor(t/3600);t-=3600*a;const s=Math.floor(t/60);return t-=60*s,`${a}h ${s}m ${Math.floor(t)}s`}return(l,c)=>(a(),v(O,{icon:"list-checks","icon-color":"text-dark","initial-expanded":!0},{title:b((()=>[s(d(m(r).baseText("workerList.item.jobListTitle"))+" ("+d(e.items.length)+") ",1)])),content:b((()=>[t.items.length>0?(a(),o("div",{key:0,class:y(l.$style.accordionItems)},[(a(!0),o(p,null,k(t.items,(e=>(a(),o("div",{key:e.executionId,class:y(l.$style.accordionItem)},[n("a",{href:"/workflow/"+e.workflowId+"/executions/"+e.executionId}," Execution "+d(e.executionId)+" - "+d(e.workflowName),9,G),f(m(M),{color:"text-base",size:"small",align:"left"},{default:b((()=>[s(" | Started at: "+d(new Date(e.startedAt)?.toLocaleTimeString())+" | Running for "+d(i(new Date(e.startedAt)))+" "+d(e.retryOf?`| Retry of: ${e.retryOf}`:"")+" | ",1)])),_:2},1024),n("a",{target:"_blank",href:"/workflow/"+e.workflowId}," (Open workflow)",8,V)],2)))),128))],2)):(a(),o("div",{key:1,class:y(l.$style.accordionItems)},[n("span",{class:y(l.$style.empty)},d(m(r).baseText("workerList.item.jobList.empty")),3)],2))])),_:1}))}}),[["__cssModules",{$style:{accordionItems:"_accordionItems_1mb6o_125",accordionItem:"_accordionItem_1mb6o_125",empty:"_empty_1mb6o_138"}}]]),X=["onClick"],Y=A(l({__name:"WorkerNetAccordion",props:{items:{}},setup(e){const t=e,r=w(),i=H(),{showMessage:l}=B();return(c,_)=>(a(),v(O,{icon:"list-checks","icon-color":"text-dark","initial-expanded":!1},{title:b((()=>[s(d(m(r).baseText("workerList.item.netListTitle"))+" ("+d(e.items.length)+") ",1)])),content:b((()=>[t.items.length>0?(a(),o("div",{key:0,class:y(c.$style.accordionItems)},[(a(!0),o(p,null,k(t.items,(e=>(a(),o("div",{key:e.address,class:y(c.$style.accordionItem),onClick:t=>function(e){try{i.copy(e),l({title:r.baseText("workerList.item.copyAddressToClipboard"),type:"success"})}catch{}}(e.address)},[s(d(e.family)+": ",1),n("span",{class:y(c.$style.clickable)},d(e.address),3),s(" "+d(e.internal?"(internal)":""),1)],10,X)))),128))],2)):u("",!0)])),_:1}))}}),[["__cssModules",{$style:{accordionItems:"_accordionItems_tq3dn_125",accordionItem:"_accordionItem_tq3dn_125",clickable:"_clickable_tq3dn_139"}}]]),K=A(l({__name:"WorkerChartsAccordion",props:{workerId:{}},setup(e){const t=e,o=w(),i=(e,t,a=0)=>({datasets:[{label:e,backgroundColor:t,data:a?Array(Math.min(100,a)).fill(0):[]}],labels:Array(Math.min(100,a)).fill("")}),l=P(),c=r(void 0),u=r(void 0),_=r(void 0),p={responsive:!0,maintainAspectRatio:!0,scales:{y:{type:"linear",display:!0,position:"left",min:0,suggestedMax:5}}},g={responsive:!0,maintainAspectRatio:!0,scales:{y:{type:"linear",display:!0,position:"left",min:0,suggestedMax:5}}};g.scales?.y&&(g.scales.y.suggestedMax=100);const h={responsive:!0,maintainAspectRatio:!0,scales:{y:{type:"linear",display:!0,position:"left",min:0,suggestedMax:5}}};h.scales?.y&&(h.scales.y.suggestedMax=100);const k=r(i("Job Count","rgb(255, 111, 92)",100)),x=r(i("Processor Usage","rgb(19, 205, 103)",100)),$=r(i("Memory Usage (%)","rgb(244, 216, 174)",100));return l.$onAction((({name:e,store:a})=>{if("updateWorkerStatus"===e){const e=100-(a.workersHistory[t.workerId]?.length??0),s=i("Job Count","rgb(255, 111, 92)",e),n=i("Processor Usage","rgb(19, 205, 103)",e),o=i("Memory Usage (%)","rgb(244, 216, 174)",e);a.workersHistory[t.workerId]?.forEach((e=>{s.datasets[0].data.push(e.data.runningJobsSummary.length),s.labels?.push(new Date(e.timestamp).toLocaleTimeString()),n.datasets[0].data.push(ce(e.data.loadAvg)),n.labels=s.labels,o.labels=s.labels;const t=e.data.isInContainer?e.data.process.memory.constraint:e.data.host.memory.total,a=(t-e.data.process.memory.available)/t*100;o.datasets[0].data.push(a)})),k.value=s,x.value=n,$.value=o}})),(e,t)=>(a(),v(O,{icon:"list-checks","icon-color":"text-dark","initial-expanded":!1},{title:b((()=>[s(d(m(o).baseText("workerList.item.chartsTitle")),1)])),content:b((()=>[n("div",{class:y(e.$style.charts)},[f(m(N),{ref_key:"chartRefJobs",ref:c,type:"line",data:k.value,options:m(p),class:y(e.$style.chart)},null,8,["data","options","class"]),f(m(N),{ref_key:"chartRefCPU",ref:u,type:"line",data:x.value,options:m(g),class:y(e.$style.chart)},null,8,["data","options","class"]),f(m(N),{ref_key:"chartRefMemoryUsage",ref:_,type:"line",data:$.value,options:m(h),class:y(e.$style.chart)},null,8,["data","options","class"])],2)])),_:1}))}}),[["__cssModules",{$style:{accordionItems:"_accordionItems_16rh4_125",accordionItem:"_accordionItem_16rh4_125",charts:"_charts_16rh4_138",chart:"_chart_16rh4_138"}}]]),Q={key:0},ee=A(l({__name:"WorkerMemoryMonitorAccordion",props:{worker:{}},setup(e){const t=e,r=w();return(i,l)=>(a(),v(O,{icon:"list-checks","icon-color":"text-dark","initial-expanded":!1},{title:b((()=>[s(d(m(r).baseText("workerList.item.memoryMonitorTitle")),1)])),content:b((()=>[n("div",{class:y(i.$style["accordion-content"])},[l[7]||(l[7]=n("strong",null,"Host/OS Memory:",-1)),n("table",null,[n("tbody",null,[n("tr",null,[l[0]||(l[0]=n("th",null,"Total (os.totalmem)",-1)),n("td",null,d(m(ue)(t.worker.host.memory.total))+"GB",1)]),n("tr",null,[l[1]||(l[1]=n("th",null,"Free (os.freemem)",-1)),n("td",null,d(m(ue)(t.worker.host.memory.free))+"GB",1)])])]),l[8]||(l[8]=n("br",null,null,-1)),l[9]||(l[9]=n("strong",null,"Process Memory:",-1)),l[10]||(l[10]=n("br",null,null,-1)),n("table",null,[n("tbody",null,[e.worker.isInContainer?(a(),o("tr",Q,[l[2]||(l[2]=n("th",null,"Constraint: (process.constrainedMemory)",-1)),n("td",null,d(m(me)(t.worker.process.memory.constraint))+"MB",1)])):u("",!0),n("tr",null,[l[3]||(l[3]=n("th",null,"Available: (process.availableMemory)",-1)),n("td",null,d(m(me)(t.worker.process.memory.available))+"MB",1)]),n("tr",null,[l[4]||(l[4]=n("th",null,"RSS: (process.memoryUsage().rss)",-1)),n("td",null,d(m(me)(t.worker.process.memory.rss))+"MB",1)]),n("tr",null,[l[5]||(l[5]=n("th",null,"Heap total: (process.memoryUsage().heapTotal)",-1)),n("td",null,d(m(me)(t.worker.process.memory.heapTotal))+"MB",1)]),n("tr",null,[l[6]||(l[6]=n("th",null,"Heap used: (process.memoryUsage().heapUsed)",-1)),n("td",null,d(m(me)(t.worker.process.memory.heapUsed))+"MB",1)])])])],2)])),_:1}))}}),[["__cssModules",{$style:{"accordion-content":"_accordion-content_1lqir_135"}}]]),te=A(l({__name:"WorkerCard",props:{workerId:{}},setup(e){let t;const o=P(),i=w(),l=e,p=r("0"),g=r(!1),k=c((()=>o.getWorkerStatus(l.workerId))),x=c((()=>W("family",k.value?.interfaces.slice()??[])));function I(e){const t=Math.floor(e/86400);e-=3600*t*24;const a=Math.floor(e/3600);e-=3600*a;const s=Math.floor(e/60);return e-=60*s,`${t}d ${a}h ${s}m ${Math.floor(e)}s`}return _((()=>{t=setInterval((()=>{const e=o.getWorkerLastUpdated(l.workerId);if(!e)return;const t=Math.ceil((Date.now()-e)/1e3);g.value=t>10,p.value=t.toFixed(0)}),500)})),h((()=>{clearInterval(t)})),(e,t)=>k.value?(a(),v(m($),{key:0,class:y(e.$style.cardLink)},{header:b((()=>[f(m(j),{tag:"h2",bold:"",class:y(g.value?[e.$style.cardHeading,e.$style.stale]:[e.$style.cardHeading]),"data-test-id":"worker-card-name"},{default:b((()=>[s(" Name: "+d(k.value.senderId)+" ("+d(k.value.hostname)+") ",1),t[0]||(t[0]=n("br",null,null,-1)),s(" Average Load: "+d(m(de)(k.value.loadAvg??[0]))+" | Free memory: "+d(m(ue)(k.value.process.memory.available))+"GB / "+d(m(ue)(k.value.isInContainer?k.value.process.memory.constraint:k.value.host.memory.total))+"GB "+d(g.value?" (stale)":""),1)])),_:1},8,["class"])])),append:b((()=>[n("div",{ref:"cardActions",class:y(e.$style.cardActions)},null,2)])),default:b((()=>[n("div",{class:y(e.$style.cardDescription)},[f(m(M),{color:"text-light",size:"small",class:y(e.$style.container)},{default:b((()=>[n("span",null,d(m(i).baseText("workerList.item.lastUpdated"))+" "+d(p.value)+"s ago | n8n-Version: "+d(k.value.version)+" | Architecture: "+d(k.value.arch)+" ( "+d(k.value.platform)+") | Uptime: "+d(I(k.value.uptime)),1),t[1]||(t[1]=n("br",null,null,-1)),f(Z,{items:k.value.runningJobsSummary},null,8,["items"]),f(Y,{items:x.value},null,8,["items"]),f(K,{"worker-id":k.value.senderId},null,8,["worker-id"]),f(ee,{worker:k.value},null,8,["worker"])])),_:1},8,["class"])],2)])),_:1},8,["class"])):u("",!0)}}),[["__cssModules",{$style:{container:"_container_znmwg_125",cardLink:"_cardLink_znmwg_129",cardHeading:"_cardHeading_znmwg_139",stale:"_stale_znmwg_145",cardDescription:"_cardDescription_znmwg_149",cardActions:"_cardActions_znmwg_156"}}]]),ae={key:0},se={key:1},ne={key:0},oe={key:1},re=l({__name:"WorkerList",props:{autoRefreshEnabled:{type:Boolean,default:!0}},setup(e){const t=L(),r=w(),l=q({router:t}),u=R(),g=z(),v=P(),x=S(),$=U(),T=c((()=>v.initialStatusReceived)),M=c((()=>Object.keys(v.workers))),A=c((()=>r.baseText("workerList.pageTitle")));return _((()=>{u.set(A.value),g.track("User viewed worker view",{instance_id:x.instanceId})})),i((()=>{l.initialize(),$.pushConnect(),v.startWorkerStatusPolling()})),h((()=>{v.stopWorkerStatusPolling(),$.pushDisconnect(),l.terminate()})),(e,t)=>(a(),o("div",null,[f(E,{class:"actions"}),n("div",{class:y(e.$style.workerListHeader)},[f(m(j),{tag:"h1",size:"2xlarge"},{default:b((()=>[s(d(A.value),1)])),_:1})],2),T.value?(a(),o("div",se,[0===M.value.length?(a(),o("div",ne,d(m(r).baseText("workerList.empty")),1)):(a(),o("div",oe,[(a(!0),o(p,null,k(M.value,(t=>(a(),o("div",{key:t,class:y(e.$style.card)},[f(te,{"worker-id":t,"data-test-id":"worker-card"},null,8,["worker-id"])],2)))),128))]))])):(a(),o("div",ae,[f(m(I))]))]))}}),ie=A(re,[["__cssModules",{$style:{workerListHeader:"_workerListHeader_ifjfd_125",card:"_card_ifjfd_132",tableLoader:"_tableLoader_ifjfd_136"}}]]),le=["href"],e("default",A(l({__name:"WorkerView",setup(e){const t=C(),o=D(),r=w(),i=()=>{o.goToUpgrade("worker-view","upgrade-worker-view")};return(e,o)=>m(t).isQueueModeEnabled&&m(t).isWorkerViewAvailable?(a(),v(ie,{key:0,"data-test-id":"worker-view-licensed"})):(a(),v(m(T),{key:1,"data-test-id":"worker-view-unlicensed",class:y(e.$style.actionBox),description:m(r).baseText("workerList.actionBox.description"),"button-text":m(r).baseText("workerList.actionBox.buttonText"),"onClick:button":i},{heading:b((()=>[n("span",null,d(m(r).baseText("workerList.actionBox.title")),1)])),description:b((()=>[s(d(m(r).baseText("workerList.actionBox.description"))+" ",1),n("a",{href:m(r).baseText("workerList.docs.url"),target:"_blank"},d(m(r).baseText("workerList.actionBox.description.link")),9,le)])),_:1},8,["class","description","button-text"]))}}),[["__cssModules",{$style:{actionBox:"_actionBox_t24gt_125"}}]]))}}})); //# sourceMappingURL=WorkerView-legacy-74fSn8px.js.map