n8n-editor-ui/dist/assets/SettingsCommunityNodesView-CaNM5O5-.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`d192b566-3a7c-4606-a10f-fa85e57637ba`,e._sentryDebugIdIdentifier=`sentry-dbid-d192b566-3a7c-4606-a10f-fa85e57637ba`)})()}catch{}import{o as e}from"./chunk-CACdhNlC.js";import{$ as t,A as n,C as r,E as i,Ft as a,K as o,N as s,S as c,Sn as l,T as u,Wt as d,X as f,_ as p,_n as m,gt as h,j as g,q as _,rt as v,w as y,yt as b}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as x}from"./core-Bz5WjPxS.js";import{At as S,Di as C,Ji as w,Pi as T,Qi as E,Xi as D,Zi as O,jt as k,lt as A}from"./src-XqE2yCpG.js";import{t as j}from"./_plugin-vue_export-helper-CIL7EULb.js";import{In as M,La as N,Pa as P,Pn as F,Ra as I,Rt as L,fr as R,r as z,w as B}from"./users.store-xP93bV7X.js";import{v as V}from"./constants-DuQbSl-q.js";import{t as H}from"./settings.store-CAFiYCMH.js";import{t as U}from"./communityNodes.store-DgTHCt-I.js";import{t as W}from"./semver-B2U7hUEl.js";import{t as G}from"./pushConnection.store-D7Wwlyyp.js";import{t as K}from"./usePushConnection-B4egyiyG.js";import"./usePushConnection-9-wGyKnT.js";var q=e(W(),1),J={key:0},Y=j(s({__name:`CommunityPackageCard`,props:{communityPackage:{default:null},loading:{type:Boolean,default:!1}},setup(e){let o=e,{openCommunityPackageUpdateConfirmModal:s,openCommunityPackageUninstallConfirmModal:f}=z(),_=x(),w=R(),T=H(),A=B(),j=a(),M=c(()=>o.communityPackage?.installedVersion||``),N=c(()=>T.isUnverifiedPackagesEnabled&&o.communityPackage?.updateAvailable),P=c(()=>{let e=j.value&&q.default.gt(j.value||``,M.value);return T.isCommunityNodesFeatureEnabled&&e}),F=[{label:_.baseText(`settings.communityNodes.viewDocsAction.label`),value:I.VIEW_DOCS,type:`external-link`},{label:_.baseText(`settings.communityNodes.uninstallAction.label`),value:I.UNINSTALL}];async function L(e){if(o.communityPackage)switch(e){case I.VIEW_DOCS:w.track(`user clicked to browse the cnr package documentation`,{package_name:o.communityPackage.packageName,package_version:o.communityPackage.installedVersion}),window.open(`${V}${o.communityPackage.packageName}`,`_blank`);break;case I.UNINSTALL:f(o.communityPackage.packageName);break;default:break}}function U(){o.communityPackage&&s(o.communityPackage.packageName,`instance settings`)}return h(()=>o.communityPackage?.packageName,async e=>{if(e){await A.loadNodeTypesIfNotLoaded();let t=A.visibleNodeTypes.find(t=>t.name.includes(e)),n=await A.getCommunityNodeAttributes(t?.name||``);n?.npmVersion&&(j.value=n.npmVersion)}},{immediate:!0}),(a,o)=>(t(),i(`div`,{class:m(a.$style.cardContainer),"data-test-id":`community-package-card`},[e.loading?(t(),i(`div`,{key:0,class:m(a.$style.cardSkeleton)},[g(d(k),{class:m(a.$style.loader),variant:`p`,rows:1},null,8,[`class`]),g(d(k),{class:m(a.$style.loader),variant:`p`,rows:1},null,8,[`class`])],2)):e.communityPackage?(t(),i(`div`,{key:1,class:m(a.$style.packageCard)},[r(`div`,{class:m(a.$style.cardInfoContainer)},[r(`div`,{class:m(a.$style.cardTitle)},[g(d(D),{bold:!0,size:`large`},{default:b(()=>[n(l(e.communityPackage.packageName),1)]),_:1})],2),r(`div`,{class:m(a.$style.cardSubtitle)},[g(d(D),{bold:!0,size:`small`,color:`text-light`},{default:b(()=>[n(l(d(_).baseText(`settings.communityNodes.packageNodes.label`,{adjustToNumber:e.communityPackage.installedNodes.length}))+`:\xA0 `,1)]),_:1}),g(d(D),{size:`small`,color:`text-light`},{default:b(()=>[(t(!0),i(p,null,v(e.communityPackage.installedNodes,(r,a)=>(t(),i(`span`,{key:r.name},[n(l(r.name),1),a==e.communityPackage.installedNodes.length-1?u(``,!0):(t(),i(`span`,J,`,`))]))),128))]),_:1})],2)],2),r(`div`,{class:m(a.$style.cardControlsContainer)},[g(d(D),{bold:!0,size:`large`,color:`text-light`},{default:b(()=>[n(` v`+l(e.communityPackage.installedVersion),1)]),_:1}),e.communityPackage.failedLoading===!0?(t(),y(d(C),{key:0,placement:`top`},{content:b(()=>[r(`div`,null,l(d(_).baseText(`settings.communityNodes.failedToLoad.tooltip`)),1)]),default:b(()=>[g(d(E),{icon:`triangle-alert`,color:`danger`,size:`large`})]),_:1})):N.value||P.value?(t(),y(d(C),{key:1,placement:`top`},{content:b(()=>[r(`div`,null,l(d(_).baseText(`settings.communityNodes.updateAvailable.tooltip`)),1)]),default:b(()=>[g(d(O),{variant:`outline`,label:`Update`,onClick:U})]),_:1})):(t(),y(d(C),{key:2,placement:`top`},{content:b(()=>[r(`div`,null,l(d(_).baseText(`settings.communityNodes.upToDate.tooltip`)),1)]),default:b(()=>[g(d(E),{icon:`circle-check`,color:`text-light`,size:`large`})]),_:1})),r(`div`,{class:m(a.$style.cardActions)},[g(d(S),{actions:F,onAction:L})],2)],2)],2)):u(``,!0)],2))}}),[[`__cssModules`,{$style:{cardContainer:`_cardContainer_wz5jy_125`,packageCard:`_packageCard_wz5jy_133`,cardSkeleton:`_cardSkeleton_wz5jy_134`,loader:`_loader_wz5jy_148`,cardInfoContainer:`_cardInfoContainer_wz5jy_159`,cardTitle:`_cardTitle_wz5jy_164`,cardSubtitle:`_cardSubtitle_wz5jy_171`,cardControlsContainer:`_cardControlsContainer_wz5jy_176`,cardActions:`_cardActions_wz5jy_182`}}]]),X=31,Z=j(s({__name:`SettingsCommunityNodesView`,setup(e){let s=a(!1),h=K({router:A()}),S=G(),C=M(),E=x(),D=R(),k=F(),j=L(),I=U(),B=z(),V=H(),W=c(()=>V.isUnverifiedPackagesEnabled?E.baseText(`settings.communityNodes.empty.title`):E.baseText(`settings.communityNodes.empty.verified.only.title`)),q=c(()=>{if(!V.isUnverifiedPackagesEnabled)return E.baseText(`settings.communityNodes.empty.verified.only.description`);let e=I.availablePackageCount;return e<X?E.baseText(`settings.communityNodes.empty.description.no-packages`,{interpolate:{docURL:P}}):E.baseText(`settings.communityNodes.empty.description`,{interpolate:{docURL:P,count:(Math.floor(e/10)*10).toString()}})}),J=c(()=>V.isUnverifiedPackagesEnabled?E.baseText(`settings.communityNodes.empty.installPackageLabel`):``),Z=c(()=>({calloutText:``,calloutTheme:void 0,hideButton:!1})),Q=()=>{$()},$=()=>{let e={is_empty_state:I.getInstalledPackages.length===0};D.track(`user clicked cnr install button`,e),C.run(`settingsCommunityNodesView.openInstallModal`,e),B.openModal(N)};return o(()=>{h.initialize(),S.pushConnect()}),f(async()=>{j.set(E.baseText(`settings.communityNodes`));try{s.value=!0,await I.fetchInstalledPackages();let e=I.getInstalledPackages,t=e.filter(e=>e.updateAvailable);D.track(`user viewed cnr settings page`,{num_of_packages_installed:e.length,installed_packages:e.map(e=>({package_name:e.packageName,package_version:e.installedVersion,package_nodes:e.installedNodes.map(e=>`${e.name}-v${e.latestVersion}`),is_update_available:e.updateAvailable!==void 0})),packages_to_update:t.map(e=>({package_name:e.packageName,package_version_current:e.installedVersion,package_version_available:e.updateAvailable})),number_of_updates_available:t.length})}catch(e){k.showError(e,E.baseText(`settings.communityNodes.fetchError.title`),E.baseText(`settings.communityNodes.fetchError.message`))}finally{s.value=!1}try{await I.fetchAvailableCommunityPackageCount()}finally{s.value=!1}}),_(()=>{S.pushDisconnect(),h.terminate()}),(e,a)=>(t(),i(`div`,{class:m(e.$style.container)},[r(`div`,{class:m(e.$style.headingContainer)},[g(d(w),{size:`2xlarge`},{default:b(()=>[n(l(d(E).baseText(`settings.communityNodes`)),1)]),_:1}),d(V).isUnverifiedPackagesEnabled&&d(I).getInstalledPackages.length>0&&!s.value?(t(),y(d(O),{key:0,label:d(E).baseText(`settings.communityNodes.installModal.installButton.label`),size:`large`,onClick:$},null,8,[`label`])):u(``,!0)],2),s.value?(t(),i(`div`,{key:0,class:m(e.$style.cardsContainer)},[(t(),i(p,null,v(2,e=>g(Y,{key:`index-`+e,loading:!0})),64))],2)):d(I).getInstalledPackages.length===0?(t(),i(`div`,{key:1,class:m(e.$style.actionBoxContainer)},[g(d(T),{heading:W.value,description:q.value,"button-text":J.value,"button-disabled":!d(V).isUnverifiedPackagesEnabled,"callout-text":Z.value.calloutText,"callout-theme":Z.value.calloutTheme,"onClick:button":Q},null,8,[`heading`,`description`,`button-text`,`button-disabled`,`callout-text`,`callout-theme`])],2)):(t(),i(`div`,{key:2,class:m(e.$style.cardsContainer)},[(t(!0),i(p,null,v(d(I).getInstalledPackages,e=>(t(),y(Y,{key:e.packageName,"community-package":e},null,8,[`community-package`]))),128))],2))],2))}}),[[`__cssModules`,{$style:{container:`_container_rpbd6_125`,headingContainer:`_headingContainer_rpbd6_133`,loadingContainer:`_loadingContainer_rpbd6_138`,actionBoxContainer:`_actionBoxContainer_rpbd6_143`,cardsContainer:`_cardsContainer_rpbd6_147`}}]]);export{Z as default};
//# sourceMappingURL=SettingsCommunityNodesView-CaNM5O5-.js.map