n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines • 4.77 kB
JavaScript
(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]=`a5494765-ae69-4902-9a2c-fa5e30b7d2a8`,e._sentryDebugIdIdentifier=`sentry-dbid-a5494765-ae69-4902-9a2c-fa5e30b7d2a8`)})()}catch{}import{$ as e,C as t,E as n,Ft as r,N as i,S as a,T as o,Wt as s,X as c,_n as l,gt as u,j as d,q as f}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as p}from"./core-Bz5WjPxS.js";import{jt as m,k as h}from"./src-XqE2yCpG.js";import{t as g}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Pn as _,ai as v}from"./users.store-xP93bV7X.js";import{t as y}from"./executions.store-BkB9JOf7.js";var b=[`src`],x=g(i({__name:`WorkflowPreview`,props:{loading:{type:Boolean,default:!1},mode:{default:`workflow`},workflow:{default:void 0},executionId:{default:void 0},executionMode:{default:void 0},nodeId:{default:void 0},loaderType:{default:`image`},canOpenNDV:{type:Boolean,default:!0},hideNodeIssues:{type:Boolean,default:!1},focusOnLoad:{type:Boolean,default:!0},hideControls:{type:Boolean,default:!1},suppressNotifications:{type:Boolean,default:!1}},emits:[`close`,`ready`],setup(i,{expose:g,emit:x}){let S=i,C=x,w=p(),T=_(),E=y(),D=v(),O=r(null),k=r(!1),A=r(!1),j=r(!1),M=r(0),N=r(0),P=a(()=>{let e=`${window.BASE_PATH??`/`}workflows/demo`;return S.hideControls?`${e}?hideControls=true`:e}),F=a(()=>!S.loading&&(S.mode===`workflow`&&!!S.workflow||S.mode===`execution`&&!!S.executionId)&&A.value),I=()=>{try{if(!S.workflow)throw Error(w.baseText(`workflowPreview.showError.missingWorkflow`));if(!S.workflow.nodes||!Array.isArray(S.workflow.nodes))throw Error(w.baseText(`workflowPreview.showError.arrayEmpty`));O.value?.contentWindow?.postMessage?.(JSON.stringify({command:`openWorkflow`,workflow:S.workflow,canOpenNDV:S.canOpenNDV,hideNodeIssues:S.hideNodeIssues,suppressNotifications:S.suppressNotifications,projectId:D.currentProjectId}),`*`)}catch(e){T.showError(e,w.baseText(`workflowPreview.showError.previewError.title`),w.baseText(`workflowPreview.showError.previewError.message`))}},L=()=>{try{if(!S.executionId)throw Error(w.baseText(`workflowPreview.showError.missingExecution`));O.value?.contentWindow?.postMessage?.(JSON.stringify({command:`openExecution`,executionId:S.executionId,executionMode:S.executionMode??``,nodeId:S.nodeId,canOpenNDV:S.canOpenNDV,projectId:D.currentProjectId}),`*`),E.activeExecution&&O.value?.contentWindow?.postMessage?.(JSON.stringify({command:`setActiveExecution`,executionId:E.activeExecution.id}),`*`)}catch(e){T.showError(e,w.baseText(`workflowPreview.showError.previewError.title`),w.baseText(`workflowPreview.executionMode.showError.previewError.message`))}},R=()=>{j.value=!0,M.value=window.scrollX,N.value=window.scrollY},z=()=>{j.value=!1},B=({data:e})=>{if(e?.includes?.(`"command"`))try{let t=JSON.parse(e);t.command===`n8nReady`?V():t.command===`openNDV`?H():t.command===`closeNDV`?U():t.command===`error`&&W()}catch(e){console.error(e)}},V=()=>{A.value=!0,S.focusOnLoad&&setTimeout(()=>{O.value?.contentWindow?.focus()}),C(`ready`)},H=()=>{k.value=!0},U=()=>{k.value=!1},W=()=>{C(`close`)},G=()=>{j.value&&window.scrollTo(M.value,N.value)};return c(()=>{window.addEventListener(`message`,B),document.addEventListener(`scroll`,G)}),f(()=>{window.removeEventListener(`message`,B),document.removeEventListener(`scroll`,G)}),u(()=>F.value,()=>{F.value&&(S.mode===`workflow`?I():S.mode===`execution`&&L())}),u(()=>S.executionId,()=>{S.mode===`execution`&&S.executionId&&L()}),u(()=>S.workflow,()=>{S.mode===`workflow`&&S.workflow&&I()}),g({iframeRef:O}),(r,a)=>(e(),n(`div`,{class:l(r.$style.container)},[i.loaderType===`image`&&!F.value?(e(),n(`div`,{key:0,class:l(r.$style.imageLoader)},[d(s(m),{loading:!F.value,rows:1,variant:`image`},null,8,[`loading`])],2)):i.loaderType===`spinner`&&!F.value?(e(),n(`div`,{key:1,class:l(r.$style.spinner)},[d(s(h),{type:`dots`})],2)):o(``,!0),t(`iframe`,{ref_key:`iframeRef`,ref:O,class:l({[r.$style.workflow]:!k.value,[r.$style.executionPreview]:i.mode===`execution`,[r.$style.openNDV]:k.value,[r.$style.show]:F.value}),src:P.value,"data-test-id":`workflow-preview-iframe`,onMouseenter:R,onMouseleave:z},null,42,b)],2))}}),[[`__cssModules`,{$style:{container:`_container_ycaoi_125`,workflow:`_workflow_ycaoi_132`,show:`_show_ycaoi_138`,openNDV:`_openNDV_ycaoi_144`,spinner:`_spinner_ycaoi_153`,imageLoader:`_imageLoader_ycaoi_161`,executionPreview:`_executionPreview_ycaoi_169`}}]]);export{x as t};
//# sourceMappingURL=WorkflowPreview-C5OyFGa3.js.map