UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 9.44 kB
!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.16.1"}}catch(t){}}(),System.register(["./chunk-legacy-Dz3fjYb5.js","./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./_MapCache-legacy-BrGWD-Li.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./merge-legacy-CqehwKv-.js","./useRootStore-legacy-CC08el-l.js","./settings.store-legacy-I6rZOvfF.js","./values-legacy-dVeEnDoY.js"],(function(t,e){var o,n,i,r,a,s,l,u,c,d,f,p,g,m,h,w,k,y,b,T,I,A,S;return{setters:[function(t){o=t.t},function(t){n=t.Ft,i=t.S,r=t.gt},function(t){a=t.m},function(t){s=t.Nn,l=t.fr,u=t.hr,c=t.qt,d=t.sr},function(t){f=t.Qo,p=t.Wc,g=t.Xc},function(t){m=t.m},function(t){h=t.T},function(t){w=t.An,k=t.t},function(t){y=t.n,b=t.t}],execute:function(){try{e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(v=(new e.Error).stack)&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[v]="ff9f202a-5941-47bf-b804-c39517364df6",e._sentryDebugIdIdentifier="sentry-dbid-ff9f202a-5941-47bf-b804-c39517364df6")}catch(e){}var e,v;T={"@n8n/n8n-nodes-langchain.agent":{starter:[6270,5462,3100],popular:[2465,2326,2006],youtube:[{id:"4cQWJViybAQ",title:"n8n Quick Start Tutorial: Build Your First Workflow [2025]",description:"In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."},{id:"77Z07QnLlB8",title:"Building AI Agents: Prompt Engineering for Beginners [Part 3]",description:"In Part 3 of our Building AI Agents series, we focus on the essentials of prompt engineering—specifically for single-task agents in n8n."}]},"@n8n/n8n-nodes-langchain.openAi":{starter:[3100,2722,5462],popular:[2462,2783,2187],youtube:[{id:"4cQWJViybAQ",title:"n8n Quick Start Tutorial: Build Your First Workflow [2025]",description:"In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."},{id:"77Z07QnLlB8",title:"Building AI Agents: Prompt Engineering for Beginners [Part 3]",description:"In Part 3 of our Building AI Agents series, we focus on the essentials of prompt engineering—specifically for single-task agents in n8n."}]},"n8n-nodes-base.googleSheets":{starter:[2581,5462,1751],popular:[5690,2819,6468],youtube:[{id:"4cQWJViybAQ",title:"n8n Quick Start Tutorial: Build Your First Workflow [2025]",description:"In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."},{id:"IJdt_Ds-gmc",title:"OpenAI and Google Sheets integration: Automated workflows (+ 2 Free Templates)",description:"In this video, we connect OpenAI and Google Sheets into two powerful workflows."}]},"n8n-nodes-base.gmail":{starter:[1953,6277,2722],popular:[3686,3123,3905],youtube:[{id:"4cQWJViybAQ",title:"n8n Quick Start Tutorial: Build Your First Workflow [2025]",description:"In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."},{id:"UnSKuFJPtyk",title:"Build Your First AI Agent for Free with No Code (n8n + Google Gemini 2.5 Pro)",description:"Learn how to build your own AI-powered email assistant with zero coding using n8n and Google Gemini. This step-by-step tutorial shows how to create an agent that can read, draft, and send emails on your behalf — all automatically."}]},"n8n-nodes-base.httpRequest":{starter:[1748,3858,5171],popular:[2035,4110,3100],youtube:[{id:"4cQWJViybAQ",title:"n8n Quick Start Tutorial: Build Your First Workflow [2025]",description:"In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."},{id:"tKwvqgVEBOU",title:"n8n HTTP Request Node Made Simple: 10x Your Automations in 10 Minutes",description:"The n8n HTTP Request node is the most powerful tool you're probably not using. Most n8n users stick to pre-built integrations because the HTTP Request node looks intimidating, but mastering n8n HTTP requests will literally 10x what you can automate."}]},"@n8n/n8n-nodes-langchain.googleGemini":{starter:[6270,4365,3905],popular:[5993,2753,2466],youtube:[{id:"4cQWJViybAQ",title:"n8n Quick Start Tutorial: Build Your First Workflow [2025]",description:"In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."},{id:"UnSKuFJPtyk",title:"Build Your First AI Agent for Free with No Code (n8n + Google Gemini 2.5 Pro)",description:"Learn how to build your own AI-powered email assistant with zero coding using n8n and Google Gemini. This step-by-step tutorial shows how to create an agent that can read, draft, and send emails on your behalf — all automatically."}]},"n8n-nodes-base.googleDrive":{starter:[6611,1960,2782],popular:[2753,4767,3135],youtube:[{id:"4cQWJViybAQ",title:"n8n Quick Start Tutorial: Build Your First Workflow [2025]",description:"In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."},{id:"vqZTpKGh_jU",title:"I Automated My Entire Google Drive With n8n – It Organizes Itself",description:"In this video, learn how to use n8n to automatically organize your Google Drive files From organizing files to streamlining tasks, discover smart ways to boost productivity in just minutes!"}]},"n8n-nodes-base.telegram":{starter:[2462,2114,4365],popular:[3654,2783,3686],youtube:[{id:"4cQWJViybAQ",title:"n8n Quick Start Tutorial: Build Your First Workflow [2025]",description:"In this tutorial, @theflowgrammer walks you through the conceptual foundations you need to know to build powerful n8n workflows from scratch."},{id:"ODdRXozldPw",title:"How to build a Telegram AI bot with n8n – Step-by-step tutorial",description:"In this video, we’ll guide you through the workflow that integrates with Telegram to create an AI-powered chatbot. It uses OpenAI's Chat Model and Dall-E 3 to understand and respond to user messages, correct errors, and generate and send images based on user queries."}]}},I=Object.keys(T),t("r",h(w.EXPERIMENT_TEMPLATE_RECO_V2,(()=>{const t=l(),e=u(),o=s(),n=c();return{isFeatureEnabled:()=>e.getVariant(g.name)===g.variant&&o.userIsTrialing,getNodeData:function(t){return t in T?T[t]:{starter:[],popular:[],youtube:[]}},getTemplateData:async function(t){return await n.fetchTemplateById(t.toString())},nodes:i((()=>{const t=o.selectedApps;return t?.length?I.filter((e=>t.includes(e))).slice(0,3):[]})),getTemplateRoute:function(t){return{name:f.TEMPLATE,params:{id:t}}},trackMinicardClick:function(e){t.track("User clicked on node minicard",{tool:e})},trackModalTabView:function(e){t.track("User visited template recommendation modal tab",{tool:e})},trackTemplateTileClick:function(e){t.track("User clicked on template recommendation tile",{templateId:e})},trackVideoClick:function(e){t.track("User clicked on template recommendation video",{name:e})},trackSeeMoreClick:function(e){t.track("User clicked on template recommendation see more",{type:e})}}}))),t("n",h(w.PERSONALIZED_TEMPLATES_V3,(()=>{const t=l(),e=u(),o=s(),a=k(),g=c(),m=d(),h="n8n-personalizedTemplatesV3-hasInteracted",w=n("true"===localStorage.getItem(h)),y=()=>{const t="localhost"===window.location.hostname;return e.getVariant(p.name)===p.variant&&(t||o.userIsTrialing)},b=i((()=>{const t=o.selectedApps;return!!t?.length&&(t.includes("n8n-nodes-base.hubspot")||t.includes("n8n-nodes-base.hubspotTrigger"))})),T=i((()=>{const t=m.allWorkflows;return y()&&b.value&&t.length>0&&!w.value}));let I=!1;return r(b,(n=>{n&&!I&&(I=!0,(async()=>{if(a.isCloudDeployment&&!o.state.initialized)try{await o.initialize()}catch(i){return void console.warn("Could not load cloud plan data for experiment tracking:",i)}if(!b.value)return;const n=e.getVariant(p.name);n&&t.track("User is part of experiment",{name:p.name,variant:n})})())}),{immediate:!0}),{isFeatureEnabled:y,hasChosenHubSpot:b,shouldShowTemplateTooltip:T,getHubSpotData:function(){return{templates:[8966,8967,8968,8969,8970,8971]}},getTemplateData:async function(t){return await g.fetchTemplateById(t.toString())},getTemplateRoute:function(t){return{name:f.TEMPLATE,params:{id:t}}},trackPersonalizationCardClick:function(){t.track("User clicked on personalization card")},trackPersonalizationModalView:function(){t.track("User viewed personalization modal")},trackPersonalizationTooltipView:function(){t.track("User viewed personalization tooltip")},trackPersonalizationTooltipDismiss:function(){t.track("User dismissed personalization tooltip")},trackTemplateClickFromModal:function(e){t.track("User clicked on template from modal",{templateId:e})},trackTemplatesRepoClickFromModal:function(){t.track("User clicked on templates repo from modal")},markTemplateRecommendationInteraction:function(){w.value=!0,localStorage.setItem(h,"true")}}}))),A=o(((t,e)=>{var o=m(),n=y();e.exports=function(t){return n(o(t))}})),S=o(((t,e)=>{var o=y(),n=b();e.exports=function(t){return o(n(t))}})),t("t",o(((t,e)=>{var o=A(),n=S(),i=a();e.exports=function(t){return(i(t)?o:n)(t)}})))}}})); //# sourceMappingURL=shuffle-legacy-CLo27Oef.js.map