import { $ as defineStore, av as useFoldersStore, a1 as useWorkflowsStore, d7 as usePostHog, v as useSettingsStore, a_ as useLocalStorage, x as computed, fh as TEMPLATE_ONBOARDING_EXPERIMENT, c as useI18n, al as useTelemetry, a4 as STORES, bb as useCloudPlanStore, fi as BATCH_11AUG_EXPERIMENT } from "./index-CeNA_ukL.js";
const AGENT_WITH_MEMORY = {
meta: {
templateId: "035_template_onboarding-agent_with_memory"
},
name: "1. Agent with memory",
nodes: [
{
id: "536fa635-c0c8-4fd1-84ef-d19585be64cf",
name: "When chat message received",
webhookId: "9baee3d2-b9cb-4333-b4d5-3b07db8da9b2",
type: "@n8n/n8n-nodes-langchain.chatTrigger",
typeVersion: 1.1,
position: [0, 0],
parameters: {
options: {}
}
},
{
id: "1393095b-ec84-4514-b481-432609d1a5c5",
name: "AI Agent",
type: "@n8n/n8n-nodes-langchain.agent",
typeVersion: 2.1,
position: [208, 0],
parameters: {
options: {
systemMessage: "=You are a helpful assistant\n\nTodays date: {{ $now }}"
}
}
},
{
id: "658eb127-5a9d-4404-9270-72ef1da36ea3",
name: "Sticky Note",
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-464, -32],
parameters: {
content: `### Readme
Chat with an AI agent that remembers your previous messages during a conversation.
**Quick Start**
1. Open the **Model** node to claim your free API credits and connect to OpenAI.
2. Click the **Open chat** button to start talking to the agent. Provide it with some information to remember, like your name.
3. Ask a follow-up question about the information you shared: "What's my name?"
---
**Learn More**
- [AI Agent node documentation](https://docs.n8n.io/integrations/builtin/cluster-nodes/root-nodes/n8n-nodes-langchain.agent/)
- [Simple Memory node documentation](https://docs.n8n.io/integrations/builtin/cluster-nodes/sub-nodes/n8n-nodes-langchain.memorybufferwindow/)`,
height: 396,
width: 392,
color: 4
}
},
{
id: "186173c3-d043-4485-b939-9fca3d1e906f",
name: "Model",
type: "@n8n/n8n-nodes-langchain.lmChatOpenAi",
typeVersion: 1.2,
position: [160, 240],
parameters: {
model: {
__rl: true,
mode: "list",
value: "gpt-4.1-mini"
},
options: {}
}
},
{
id: "dadaaa19-8378-4e23-9573-f9d3ff52c884",
name: "Memory",
type: "@n8n/n8n-nodes-langchain.memoryBufferWindow",
typeVersion: 1.3,
position: [352, 240],
parameters: {}
}
],
connections: {
"When chat message received": {
main: [
[
{
node: "AI Agent",
type: "main",
index: 0
}
]
]
},
Model: {
ai_languageModel: [
[
{
node: "AI Agent",
type: "ai_languageModel",
index: 0
}
]
]
},
Memory: {
ai_memory: [
[
{
node: "AI Agent",
type: "ai_memory",
index: 0
}
]
]
}
}
// parentFolderId: newFolder.id,
};
const AGENT_WITH_TOOLS = {
meta: {
templateId: "035_template_onboarding-agent_with_tools"
},
name: "2. Agent with tools",
nodes: [
{
parameters: {
options: {}
},
type: "@n8n/n8n-nodes-langchain.chatTrigger",
typeVersion: 1.1,
position: [-48, -16],
id: "f6c9fe3c-cbde-4514-9fcf-9d618526965c",
name: "When chat message received",
webhookId: "1bf95244-fbc3-4210-9420-f34a45c4f5f5"
},
{
parameters: {
options: {}
},
type: "@n8n/n8n-nodes-langchain.agent",
typeVersion: 2.1,
position: [208, -16],
id: "5db1043f-de79-425a-a66b-8288c3aaa7df",
name: "AI Agent"
},
{
parameters: {},
type: "@n8n/n8n-nodes-langchain.memoryBufferWindow",
typeVersion: 1.3,
position: [208, 288],
id: "29f1ba2f-7511-4771-958a-be6463a64d83",
name: "Simple Memory"
},
{
parameters: {
operation: "update",
documentId: {
__rl: true,
value: "1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8",
mode: "list",
cachedResultName: "Demo",
cachedResultUrl: "https://docs.google.com/spreadsheets/d/1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8/edit?usp=drivesdk"
},
sheetName: {
__rl: true,
value: "gid=0",
mode: "list",
cachedResultName: "Sheet1",
cachedResultUrl: "https://docs.google.com/spreadsheets/d/1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8/edit#gid=0"
},
columns: {
mappingMode: "defineBelow",
value: {
ID: "={{ /*n8n-auto-generated-fromAI-override*/ $fromAI('ID__using_to_match_', ``, 'string') }}",
Name: "={{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Name', ``, 'string') }}"
},
matchingColumns: ["ID"],
schema: [
{
id: "ID",
displayName: "ID",
required: false,
defaultMatch: false,
display: true,
type: "string",
canBeUsedToMatch: true,
removed: false
},
{
id: "Name",
displayName: "Name",
required: false,
defaultMatch: false,
display: true,
type: "string",
canBeUsedToMatch: true,
removed: false
},
{
id: "row_number",
displayName: "row_number",
required: false,
defaultMatch: false,
display: true,
type: "number",
canBeUsedToMatch: true,
readOnly: true,
removed: true
}
],
attemptToConvertTypes: false,
convertFieldsToString: false
},
options: {}
},
type: "n8n-nodes-base.googleSheetsTool",
typeVersion: 4.6,
position: [656, 640],
id: "24d82ca2-b666-415b-9020-f88cf3e095e6",
name: "Update",
credentials: {}
},
{
parameters: {
operation: "append",
documentId: {
__rl: true,
value: "1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8",
mode: "list",
cachedResultName: "Demo",
cachedResultUrl: "https://docs.google.com/spreadsheets/d/1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8/edit?usp=drivesdk"
},
sheetName: {
__rl: true,
value: "gid=0",
mode: "list",
cachedResultName: "Sheet1",
cachedResultUrl: "https://docs.google.com/spreadsheets/d/1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8/edit#gid=0"
},
columns: {
mappingMode: "defineBelow",
value: {
// eslint-disable-next-line n8n-local-rules/no-interpolation-in-regular-string
ID: "={{ `${Math.random()}`.replace('0.', '') }}",
Name: "={{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Name', ``, 'string') }}"
},
matchingColumns: ["ID"],
schema: [
{
id: "ID",
displayName: "ID",
required: false,
defaultMatch: false,
display: true,
type: "string",
canBeUsedToMatch: true,
removed: false
},
{
id: "Name",
displayName: "Name",
required: false,
defaultMatch: false,
display: true,
type: "string",
canBeUsedToMatch: true,
removed: false
},
{
id: "row_number",
displayName: "row_number",
required: false,
defaultMatch: false,
display: true,
type: "number",
canBeUsedToMatch: true,
readOnly: true,
removed: true
}
],
attemptToConvertTypes: false,
convertFieldsToString: false
},
options: {}
},
type: "n8n-nodes-base.googleSheetsTool",
typeVersion: 4.6,
position: [464, 640],
id: "a0554e4a-8a7a-480c-a9e6-5f9746252cdb",
name: "Create",
credentials: {}
},
{
parameters: {
documentId: {
__rl: true,
value: "1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8",
mode: "list",
cachedResultName: "Demo",
cachedResultUrl: "https://docs.google.com/spreadsheets/d/1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8/edit?usp=drivesdk"
},
sheetName: {
__rl: true,
value: "gid=0",
mode: "list",
cachedResultName: "Sheet1",
cachedResultUrl: "https://docs.google.com/spreadsheets/d/1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8/edit#gid=0"
},
options: {}
},
type: "n8n-nodes-base.googleSheetsTool",
typeVersion: 4.6,
position: [480, 288],
id: "ef476f0d-bdfe-4f41-8690-fb270ed82469",
name: "Read",
credentials: {}
},
{
parameters: {
operation: "delete",
documentId: {
__rl: true,
value: "1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8",
mode: "list",
cachedResultName: "Demo",
cachedResultUrl: "https://docs.google.com/spreadsheets/d/1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8/edit?usp=drivesdk"
},
sheetName: {
__rl: true,
value: "gid=0",
mode: "list",
cachedResultName: "Sheet1",
cachedResultUrl: "https://docs.google.com/spreadsheets/d/1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8/edit#gid=0"
},
startIndex: "={{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Start_Row_Number', ``, 'number') }}",
numberToDelete: "={{ /*n8n-auto-generated-fromAI-override*/ $fromAI('Number_of_Rows_to_Delete', ``, 'number') }}"
},
type: "n8n-nodes-base.googleSheetsTool",
typeVersion: 4.6,
position: [864, 640],
id: "d0cca35f-9e74-4935-92e2-9b5e37f1c7f4",
name: "Delete",
credentials: {}
},
{
parameters: {
content: "### Readme\nThis agent uses tools to interact with a simple spreadsheet of orders.\n\n**Quick Start**\n1. Copy this [spreadsheet](https://docs.google.com/spreadsheets/d/1vbFb2dhys1VafAmX-hRtiyrEDgNKj_xaAA6ZmH09EL8/edit?usp=sharing) into your Google Drive.\n2. Open the **Read** tool and connect your Google account by creating a credential and selecting the spreadsheet.\n3. Ask the Agent to calculate the total in the amount column, you should see it use the **Read** tool followed by the **Calculator**.\n4. Try some other questions and see how the agent responds.\n5. Use what you've learned to connect the other tools in the **Next steps** section.\n\n---\n\n**Learn More**\n- [Google sheet tool documentation](https://docs.n8n.io/integrations/builtin/app-nodes/n8n-nodes-base.googlesheets/?utm_source=n8n_app&utm_medium=node_settings_modal-credential_link&utm_campaign=n8n-nodes-base.googleSheetsTool)\n- [Calculator tool documentation](https://docs.n8n.io/integrations/builtin/cluster-nodes/sub-nodes/n8n-nodes-langchain.toolcalculator/)",
height: 460,
width: 440,
color: 4
},
type: "n8n-nodes-base.stickyNote",
position: [-576, -32],
typeVersion: 1,
id: "e57c1fe3-3ef9-447c-81e3-bdf8717706b9",
name: "Sticky Note"
},
{
parameters: {},
type: "@n8n/n8n-nodes-langchain.toolCalculator",
typeVersion: 1,
position: [624, 288],
id: "49030d8b-0818-455b-a472-356b620566c4",
name: "Calculator"
},
{
parameters: {
model: {
__rl: true,
mode: "list",
value: "gpt-4.1-mini"
},
options: {}
},
type: "@n8n/n8n-nodes-langchain.lmChatOpenAi",
typeVersion: 1.2,
position: [48, 288],
id: "67c78b12-b088-41b4-aeb4-70a7f056c9a7",
name: "Model",
credentials: {}
},
{
parameters: {
content: "## 🛠️ Tools",
height: 224,
width: 368,
color: 7
},
type: "n8n-nodes-base.stickyNote",
position: [400, 224],
typeVersion: 1,
id: "14c03c2d-e0ea-4958-94c1-3598e5c273d9",
name: "Sticky Note1"
},
{
parameters: {
content: "## 🛠️ Next steps\n\nConnect these tools to perform create, read and update actions on your order list.",
height: 320,
width: 592,
color: 7
},
type: "n8n-nodes-base.stickyNote",
position: [400, 496],
typeVersion: 1,
id: "a683cb43-e740-497e-bb01-edebfe39a832",
name: "Sticky Note2"
}
],
connections: {
"When chat message received": {
main: [
[
{
node: "AI Agent",
type: "main",
index: 0
}
]
]
},
"Simple Memory": {
ai_memory: [
[
{
node: "AI Agent",
type: "ai_memory",
index: 0
}
]
]
},
Update: {
ai_tool: [[]]
},
Create: {
ai_tool: [[]]
},
Read: {
ai_tool: [
[
{
node: "AI Agent",
type: "ai_tool",
index: 0
}
]
]
},
Delete: {
ai_tool: [[]]
},
Calculator: {
ai_tool: [
[
{
node: "AI Agent",
type: "ai_tool",
index: 0
}
]
]
},
Model: {
ai_languageModel: [
[
{
node: "AI Agent",
type: "ai_languageModel",
index: 0
}
]
]
}
}
};
const AGENT_WITH_KNOWLEDGE = {
meta: {
templateId: "035_template_onboarding-agent_with_knowledge"
},
name: "3. Agent with knowledge",
nodes: [
{
parameters: {
formTitle: "Upload your data to test RAG",
formFields: {
values: [
{
fieldLabel: "Upload your file(s)",
fieldType: "file",
acceptFileTypes: ".pdf, .csv",
requiredField: true
}
]
},
options: {}
},
type: "n8n-nodes-base.formTrigger",
typeVersion: 2.2,
position: [-368, -304],
id: "e45eaedc-7ed9-4fd6-b79b-82a155734bce",
name: "Upload your file here",
webhookId: "82848bc4-5ea2-4e5a-8bb6-3c09b94a8c5d"
},
{
parameters: {
options: {}
},
type: "@n8n/n8n-nodes-langchain.embeddingsOpenAi",
typeVersion: 1.2,
position: [288, 176],
id: "f9f1745a-9c6d-42cf-8f8b-19a1c4c91b77",
name: "Embeddings OpenAI"
},
{
parameters: {
dataType: "binary",
options: {}
},
type: "@n8n/n8n-nodes-langchain.documentDefaultDataLoader",
typeVersion: 1.1,
position: [80, -144],
id: "56da285f-9ad9-4cb4-a7d4-fb0f035e9071",
name: "Default Data Loader"
},
{
parameters: {
content: "### Readme\nLoad your data into a vector database with the 📚 **Load Data** flow, and then use your data as chat context with the 🐕 **Retriever** flow.\n\n**Quick start**\n1. Click on the `Execute Workflow` button to run the 📚 **Load Data** flow.\n2. Click on `Open Chat` button to run the 🐕 **Retriever** flow. Then ask a question about content from your document(s)\n\n\nFor more info, check [our docs on RAG in n8n](https://docs.n8n.io/advanced-ai/rag-in-n8n/).",
height: 300,
width: 440,
color: 4
},
type: "n8n-nodes-base.stickyNote",
position: [-896, -368],
typeVersion: 1,
id: "72cb28c7-572b-41ce-ba4c-2dd0dc80acb4",
name: "Sticky Note"
},
{
parameters: {
content: "### 📚 Load Data Flow",
height: 460,
width: 700,
color: 7
},
type: "n8n-nodes-base.stickyNote",
position: [-416, -368],
typeVersion: 1,
id: "075a4895-8b5f-487b-b7ff-8766aa1d1450",
name: "Sticky Note1"
},
{
parameters: {
mode: "insert",
memoryKey: {
__rl: true,
value: "vector_store_key",
mode: "list",
cachedResultName: "vector_store_key"
}
},
type: "@n8n/n8n-nodes-langchain.vectorStoreInMemory",
typeVersion: 1.2,
position: [-176, -304],
id: "d24732cb-b6b4-4eb6-ad47-1f290f0da13d",
name: "Insert Data to Store"
},
{
parameters: {
mode: "retrieve-as-tool",
toolName: "knowledge_base",
toolDescription: "Use this knowledge base to answer questions from the user",
memoryKey: {
__rl: true,
mode: "list",
value: "vector_store_key"
}
},
type: "@n8n/n8n-nodes-langchain.vectorStoreInMemory",
typeVersion: 1.2,
position: [704, -96],
id: "8915e9b6-2a6c-472c-b043-78c1d77888ae",
name: "Query Data Tool"
},
{
parameters: {
options: {}
},
type: "@n8n/n8n-nodes-langchain.agent",
typeVersion: 2,
position: [704, -320],
id: "a2baaa1d-beee-40a2-8b5f-757b2b1aaca9",
name: "AI Agent"
},
{
parameters: {
options: {}
},
type: "@n8n/n8n-nodes-langchain.chatTrigger",
typeVersion: 1.1,
position: [480, -320],
id: "c0a831dd-362c-4352-9409-bfe8c2e6f5ab",
name: "When chat message received",
webhookId: "4091fa09-fb9a-4039-9411-7104d213f601"
},
{
parameters: {
model: {
__rl: true,
mode: "list",
value: "gpt-4o-mini"
},
options: {}
},
type: "@n8n/n8n-nodes-langchain.lmChatOpenAi",
typeVersion: 1.2,
position: [480, -96],
id: "2ba103b5-7783-49a7-9693-a156383ca697",
name: "OpenAI Chat Model"
},
{
parameters: {
content: "### 🐕 2. Retriever Flow",
height: 460,
width: 680,
color: 7
},
type: "n8n-nodes-base.stickyNote",
position: [368, -368],
typeVersion: 1,
id: "729f9492-3811-43d8-8230-d9ad78d910f7",
name: "Sticky Note2"
},
{
parameters: {
content: "### Embeddings\n\nThe Insert and Retrieve operation use the same embedding node.\n\nThis is to ensure that they are using the **exact same embeddings and settings**.\n\nDifferent embeddings might not work at all, or have unintended consequences.\n",
height: 240,
width: 320,
color: 4
},
type: "n8n-nodes-base.stickyNote",
position: [432, 144],
typeVersion: 1,
id: "20a6b946-5588-4df2-b1f6-952fc82d166c",
name: "Sticky Note3"
}
],
connections: {
"Upload your file here": {
main: [
[
{
node: "Insert Data to Store",
type: "main",
index: 0
}
]
]
},
"Embeddings OpenAI": {
ai_embedding: [
[
{
node: "Insert Data to Store",
type: "ai_embedding",
index: 0
},
{
node: "Query Data Tool",
type: "ai_embedding",
index: 0
}
]
]
},
"Default Data Loader": {
ai_document: [
[
{
node: "Insert Data to Store",
type: "ai_document",
index: 0
}
]
]
},
"Query Data Tool": {
ai_tool: [
[
{
node: "AI Agent",
type: "ai_tool",
index: 0
}
]
]
},
"When chat message received": {
main: [
[
{
node: "AI Agent",
type: "main",
index: 0
}
]
]
},
"OpenAI Chat Model": {
ai_languageModel: [
[
{
node: "AI Agent",
type: "ai_languageModel",
index: 0
}
]
]
}
},
pinData: {}
};
const LOCAL_STORAGE_SETTING_KEY$1 = "N8N_AI_TEMPLATES_STARTER_COLLECTION_CALL_OUT_DISMISSED";
const useAITemplatesStarterCollectionStore = defineStore(
STORES.AI_TEMPLATES_STARTER_COLLECTION,
() => {
const telemetry = useTelemetry();
const i18n = useI18n();
const foldersStore = useFoldersStore();
const workflowsStore = useWorkflowsStore();
const posthogStore = usePostHog();
const settingsStore = useSettingsStore();
const calloutDismissedRef = useLocalStorage(LOCAL_STORAGE_SETTING_KEY$1, false);
const calloutDismissed = computed(() => calloutDismissedRef.value);
const isFeatureEnabled = computed(() => {
return settingsStore.isCloudDeployment && posthogStore.getVariant(TEMPLATE_ONBOARDING_EXPERIMENT.name) === TEMPLATE_ONBOARDING_EXPERIMENT.variantStarterPack;
});
const dismissCallout = () => {
calloutDismissedRef.value = true;
};
const createStarterWorkflows = async (projectId, parentFolderId) => {
const collectionFolder = await foldersStore.createFolder(
i18n.baseText("workflows.ai.starter.collection.folder.name"),
projectId,
parentFolderId
);
const agentWitheMemory = {
...AGENT_WITH_MEMORY,
parentFolderId: collectionFolder.id
};
const agentWithTools = {
...AGENT_WITH_TOOLS,
parentFolderId: collectionFolder.id
};
const agentWithKnowledge = {
...AGENT_WITH_KNOWLEDGE,
parentFolderId: collectionFolder.id
};
await workflowsStore.createNewWorkflow(agentWithKnowledge);
await workflowsStore.createNewWorkflow(agentWithTools);
await workflowsStore.createNewWorkflow(agentWitheMemory);
dismissCallout();
return collectionFolder;
};
const trackUserCreatedStarterCollection = (source) => {
telemetry.track("User created AI templates starter collection", {
source
});
};
const trackUserDismissedCallout = () => {
telemetry.track("User dismissed AI templates starter collection callout");
};
const trackUserOpenedWorkflow = (template) => {
telemetry.track("User opened AI template workflow", {
template
});
};
const trackUserExecutedWorkflow = (template, status) => {
telemetry.track("User executed AI template", {
template,
status
});
};
return {
isFeatureEnabled,
calloutDismissed,
dismissCallout,
createStarterWorkflows,
trackUserCreatedStarterCollection,
trackUserDismissedCallout,
trackUserOpenedWorkflow,
trackUserExecutedWorkflow
};
}
);
const PLAYGROUND_1 = {
meta: {
templateId: "37_onboarding_experiments_batch_aug11-1_filter_data"
},
name: "▶️ 1. Filter data coming from an API",
nodes: [
{
parameters: {},
type: "n8n-nodes-base.merge",
typeVersion: 3.2,
position: [448, 176],
id: "01f2f222-4ff2-41ec-afd9-68496d2e0cb3",
name: "Merge"
},
{
parameters: {},
type: "n8n-nodes-base.manualTrigger",
typeVersion: 1,
position: [-768, 192],
id: "e5ef1b32-ce8a-4c71-aa14-6885a09feabe",
name: "When clicking ‘Execute workflow’"
},
{
parameters: {
assignments: {
assignments: [
{
id: "2fd0b039-7dd9-4666-bc24-d3a81e6d4b68",
name: "quote_category",
value: "Personal",
type: "string"
}
]
},
options: {}
},
type: "n8n-nodes-base.set",
typeVersion: 3.4,
position: [160, 272],
id: "42d065cd-1580-4b2a-8cc6-796be9a1da2a",
name: "Set Category = Personal"
},
{
parameters: {
assignments: {
assignments: [
{
id: "1ff91e4a-8460-4991-a273-c5f24b4038e9",
name: "quote_category",
value: "team",
type: "string"
}
]
},
options: {}
},
type: "n8n-nodes-base.set",
typeVersion: 3.4,
position: [160, 64],
id: "a5259694-11ed-442c-be2a-e0000926fb30",
name: "Set Category = Team"
},
{
parameters: {
assignments: {
assignments: [
{
id: "c014a174-3f17-41bf-9fa5-19e822427346",
name: "author",
value: "={{ $('Make an API request to get a random quote').item.json.author }}",
type: "string"
},
{
id: "1d60a497-d964-406b-96fc-0206c82d5742",
name: "quote",
value: "={{ $('Make an API request to get a random quote').item.json.quote }}",
type: "string"
},
{
id: "5faf3496-8aa3-4a71-934c-6c5e3f08100b",
name: "quote_category",
value: "={{ $json.quote_category }}",
type: "string"
}
]
},
options: {}
},
type: "n8n-nodes-base.set",
typeVersion: 3.4,
position: [736, 176],
id: "82b78022-f986-4bb0-aac8-f34558d46e5d",
name: "Quote with category"
},
{
parameters: {
content: "The node below is an `HTTP Node`. It makes a request to an API, which returns a single random quote. ",
height: 512,
width: 304,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-512, -48],
id: "d6145c80-0504-4a0b-bfd7-5e85867b3d76",
name: "Sticky Note3"
},
{
parameters: {
content: 'The `Filter node` checks if the quote contains "you" or "your" , to categorise the quote.\n\nIf matched, we create a `quote_category` variable in the `Set node` , with the value to "Team"',
height: 512,
width: 496,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-160, -48],
id: "75efc471-b2a7-4cb0-8299-f7ad710ff67e",
name: "Sticky Note5"
},
{
parameters: {
content: "You can reference data input from earlier nodes. We use here the `author` variable which was returned from the first node, the API request.\n\n",
height: 512,
width: 288,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [640, -48],
id: "9df256c6-a437-4a53-a760-e6964e73c5c3",
name: "Sticky Note6"
},
{
parameters: {
content: "The `Merge` combines the outputs of both branches into a single list.\n",
height: 512,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [368, -48],
id: "ad7ec1f3-7a95-444f-a5b8-363fc1224f95",
name: "Sticky Note8"
},
{
parameters: {
content: '### ⏩ Next up: \n\n- Tweak and edit this workflow. It\'s made for you to hack up! \n*Example: Try adding the quote `id` to the final output in the "Quote with category" node.*\n\n- Try out the other workflows in the Playground \n\n\n\n\n',
height: 240,
width: 400,
color: 4
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [960, 96],
id: "0d9362fd-e399-4ce5-ba47-c9ab59b452de",
name: "Sticky Note9"
},
{
parameters: {
content: "**Tip: Ressources**\n- Use the `n8n Assistant` or any LLM like `ChatGPT` to explain a screenshot, fix issues, or create workflows for you\n- Learn and get inspired with [templates](https://n8n.io/workflows/)\n- Follow the [n8n Courses](https://docs.n8n.io/courses/) or find tutorials on Youtube\n- Ask [the community](https://community.n8n.io/) for help \n",
height: 176,
width: 400,
color: 5
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [960, 480],
id: "724338d8-3e2b-43a1-8a3d-a38be2a50ed3",
name: "Sticky Note7"
},
{
parameters: {
content: "## ▶ Click to start\n\n1. Click the orange `Execute Workflow` button \n2. Double-click nodes to view data flows\n2. Re-run to see results change",
height: 448,
width: 368,
color: 4
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-912, -48],
id: "a05fb79b-a6e6-498d-bdb2-c73ff7898233",
name: "Sticky Note11"
},
{
parameters: {
conditions: {
options: {
caseSensitive: false,
leftValue: "",
typeValidation: "strict",
version: 2
},
conditions: [
{
id: "4b2c3ebb-ad22-4d62-a64e-fdc2837565bc",
leftValue: "={{ $json.quote }}",
rightValue: "you",
operator: {
type: "string",
operation: "contains"
}
},
{
id: "da268099-9c51-4e93-bc02-d8f0eda03ffd",
leftValue: "={{ $json.quote }}",
rightValue: "your",
operator: {
type: "string",
operation: "contains"
}
}
],
combinator: "or"
},
options: {
ignoreCase: true
}
},
type: "n8n-nodes-base.if",
typeVersion: 2.2,
position: [-96, 192],
id: "f2dda369-4176-493e-8c6e-c3390a6968a3",
name: "Filter the quote"
},
{
parameters: {
url: "https://dummyjson.com/quotes/random",
options: {}
},
id: "c4437d01-a813-48a7-ac9a-366740d44428",
name: "Make an API request to get a random quote",
type: "n8n-nodes-base.httpRequest",
typeVersion: 1,
position: [-400, 192]
}
],
connections: {
Merge: {
main: [
[
{
node: "Quote with category",
type: "main",
index: 0
}
]
]
},
"When clicking ‘Execute workflow’": {
main: [
[
{
node: "Make an API request to get a random quote",
type: "main",
index: 0
}
]
]
},
"Set Category = Personal": {
main: [
[
{
node: "Merge",
type: "main",
index: 1
}
]
]
},
"Set Category = Team": {
main: [
[
{
node: "Merge",
type: "main",
index: 0
}
]
]
},
"Filter the quote": {
main: [
[
{
node: "Set Category = Team",
type: "main",
index: 0
}
],
[
{
node: "Set Category = Personal",
type: "main",
index: 0
}
]
]
},
"Make an API request to get a random quote": {
main: [
[
{
node: "Filter the quote",
type: "main",
index: 0
}
]
]
}
}
};
const PLAYGROUND_2 = {
meta: {
templateId: "37_onboarding_experiments_batch_aug11-2_process_user_answers"
},
settings: {
executionOrder: "v1"
},
name: "▶️ 2. Process user answers from a form",
nodes: [
{
parameters: {
numberInputs: 3
},
type: "n8n-nodes-base.merge",
typeVersion: 3.2,
position: [960, 336],
id: "f6f94912-64a3-4671-9bda-abb03f4dc42e",
name: "Merge"
},
{
parameters: {
content: "## ▶ Click to start \n\n1. Click the orange `Execute Worfklow` button\n2. Submit the form\n3. Double-click nodes to view data flows\n4. Try different answers",
height: 432,
width: 352,
color: 4
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-992, 160],
id: "e5382a25-e813-4fba-bd8e-c16918521da7",
name: "Sticky Note11"
},
{
parameters: {
content: "The `Switch` node routes the workflow based on the selected meal type: chicken, vegetarian, or surprise.",
height: 432,
width: 272,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-592, 160],
id: "ab955ee5-03ea-45cb-afbb-4b36ccfdbda6",
name: "Sticky Note"
},
{
parameters: {
rules: {
values: [
{
conditions: {
options: {
caseSensitive: false,
leftValue: "",
typeValidation: "strict",
version: 2
},
conditions: [
{
id: "c90e7527-e4ff-41a8-9177-ffdf7d25c72e",
leftValue: "={{ $json['What type of meal would you like to cook tonight ? '] }}",
rightValue: "chicken",
operator: {
type: "string",
operation: "contains"
}
}
],
combinator: "and"
},
renameOutput: true,
outputKey: "chicken"
},
{
conditions: {
options: {
caseSensitive: false,
leftValue: "",
typeValidation: "strict",
version: 2
},
conditions: [
{
leftValue: "={{ $json['What type of meal would you like to cook tonight ? '] }}",
rightValue: "vegetarian",
operator: {
type: "string",
operation: "contains"
},
id: "18bd7d98-f5e3-46df-96c6-8d1c5fea7cf2"
}
],
combinator: "and"
},
renameOutput: true,
outputKey: "vegetarian"
},
{
conditions: {
options: {
caseSensitive: false,
leftValue: "",
typeValidation: "strict",
version: 2
},
conditions: [
{
id: "74441f58-e5e5-487c-972d-ec7f9107436d",
leftValue: "={{ $json['What type of meal would you like to cook tonight ? '] }}",
rightValue: "surprise",
operator: {
type: "string",
operation: "contains"
}
}
],
combinator: "and"
},
renameOutput: true,
outputKey: "surprise"
}
]
},
options: {
ignoreCase: true
}
},
type: "n8n-nodes-base.switch",
typeVersion: 3.2,
position: [-512, 336],
id: "6cbc178b-a420-4d57-a107-247600ae00c8",
name: "Route based on meal preference"
},
{
parameters: {
url: "=https://dummyjson.com/recipes/{{$today.weekday}}",
options: {}
},
type: "n8n-nodes-base.httpRequest",
typeVersion: 4.2,
position: [-160, 560],
id: "98e4c862-5bf8-4cd9-8548-62d30b3c548a",
name: "Get a random recipe from the API"
},
{
parameters: {
url: "=https://dummyjson.com/recipes/search?q={{ $json['What type of meal would you like to cook tonight ? '] }}",
options: {}
},
type: "n8n-nodes-base.httpRequest",
typeVersion: 4.2,
position: [-160, 352],
id: "52d53f34-9036-48f8-a71c-f501cc7e37b0",
name: "Get vegetarian recipes from the API"
},
{
parameters: {
url: "=https://dummyjson.com/recipes/search?q=chicken",
options: {}
},
type: "n8n-nodes-base.httpRequest",
typeVersion: 4.2,
position: [-160, 144],
id: "240a9947-81fb-48ba-ac46-27381f4f67b6",
name: "Get chicken recipes from the API"
},
{
parameters: {
content: "These `HTTP nodes` call the API to get recipes based on the user’s choice.",
height: 816,
width: 304,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-272, -48],
id: "f27030aa-9cca-4872-b672-b7ab8f307584",
name: "Sticky Note2"
},
{
parameters: {
content: "In the Chicken branch, the API returns an array with 8 chicken recipes.\n\nThe `Split Out` node splits the array into separate items: 8 items, one per recipe.",
height: 576,
width: 224,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [80, -48],
id: "e4bc5319-ae92-4a72-878e-8c83ca80d203",
name: "Sticky Note4"
},
{
parameters: {
content: "The `Form node` displays the selected recipe on the completion screen",
height: 384,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [1152, 208],
id: "6eb7f690-756d-46df-b927-91426e9635da",
name: "Sticky Note5"
},
{
parameters: {
content: "The `Merge` node combines data from all three recipe branches.",
height: 384,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [864, 208],
id: "8e52483c-c740-454b-898b-cf457af693a8",
name: "Sticky Note6"
},
{
parameters: {
formTitle: "n8n Form",
formFields: {
values: [
{
fieldLabel: "What type of meal would you like to cook tonight ? ",
fieldType: "dropdown",
fieldOptions: {
values: [
{
option: "Chicken-based"
},
{
option: "Vegetarian"
},
{
option: "Surprise me! "
}
]
},
requiredField: true
},
{
fieldLabel: "What's your name? ",
requiredField: true
}
]
},
options: {}
},
type: "n8n-nodes-base.formTrigger",
typeVersion: 2.2,
position: [-864, 352],
id: "3e5b2d36-5126-45f7-a81c-c1cfc82a392d",
name: "Trigger when user submits form",
webhookId: "d9a8c65e-486f-4304-a34d-87e9d68aa868"
},
{
parameters: {
content: "We want to suggest 1 recipe only, not 8.\nSo we sort by cooking time with the `Sort` node, and then pick the recipe with lowest cooking time using `Limit` node",
height: 384,
width: 416,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [368, -48],
id: "520e150e-9b22-4ed8-b3f2-1d128ed9e4c2",
name: "Sticky Note7"
},
{
parameters: {
sortFieldsUi: {
sortField: [
{
fieldName: "cookTimeMinutes"
}
]
},
options: {}
},
type: "n8n-nodes-base.sort",
typeVersion: 1,
position: [432, 144],
id: "17834d09-5d83-420f-9109-105e92baffef",
name: "Sort by cooking time"
},
{
parameters: {},
type: "n8n-nodes-base.limit",
typeVersion: 1,
position: [624, 144],
id: "9db21680-c947-44c1-8194-48e42f995755",
name: "Limit to recipe with lowest cooking time"
},
{
parameters: {
operation: "completion",
completionTitle: "Recipe",
completionMessage: "=Hey {{ $('Trigger when user submits form').item.json['What\\'s your name? '] }},
\n\nWhat about cooking a {{ $json.name }} tonight?
\n\nIt shouldn't take you more than {{ $json.prepTimeMinutes }} minutes to prepare.
\n\nWhat you'll need:
\n\n{{ $json.ingredients.map(ingredient => `- ${ingredient}
`).join('') }}
\n\nInstructions
\n\n{{ $json.instructions.map((instruction, index) => `${index + 1}. ${instruction}`).join('
') }}\n",
options: {
customCss: ":root {\n --font-family: 'Open Sans', sans-serif;\n --font-weight-normal: 400;\n --font-weight-bold: 600;\n --font-size-body: 12px;\n --font-size-label: 14px;\n --font-size-test-notice: 12px;\n --font-size-input: 14px;\n --font-size-header: 20px;\n --font-size-paragraph: 14px;\n --font-size-link: 12px;\n --font-size-error: 12px;\n --font-size-html-h1: 28px;\n --font-size-html-h2: 20px;\n --font-size-html-h3: 16px;\n --font-size-html-h4: 14px;\n --font-size-html-h5: 12px;\n --font-size-html-h6: 10px;\n --font-size-subheader: 14px;\n\n /* Colors */\n --color-background: #fbfcfe;\n --color-test-notice-text: #e6a23d;\n --color-test-notice-bg: #fefaf6;\n --color-test-notice-border: #f6dcb7;\n --color-card-bg: #ffffff;\n --color-card-border: #dbdfe7;\n --color-card-shadow: rgba(99, 77, 255, 0.06);\n --color-link: #7e8186;\n --color-header: #525356;\n --color-label: #555555;\n --color-input-border: #dbdfe7;\n --color-input-text: #71747A;\n --color-focus-border: rgb(90, 76, 194);\n --color-submit-btn-bg: #ff6d5a;\n --color-submit-btn-text: #ffffff;\n --color-error: #ea1f30;\n --color-required: #ff6d5a;\n --color-clear-button-bg: #7e8186;\n --color-html-text: #555;\n --color-html-link: #ff6d5a;\n --color-header-subtext: #7e8186;\n\n /* Border Radii */\n --border-radius-card: 8px;\n --border-radius-input: 6px;\n --border-radius-clear-btn: 50%;\n --card-border-radius: 8px;\n\n /* Spacing */\n --padding-container-top: 24px;\n --padding-card: 24px;\n --padding-test-notice-vertical: 12px;\n --padding-test-notice-horizontal: 24px;\n --margin-bottom-card: 16px;\n --padding-form-input: 12px;\n --card-padding: 24px;\n --card-margin-bottom: 16px;\n\n /* Dimensions */\n --container-width: 448px;\n --submit-btn-height: 48px;\n --checkbox-size: 18px;\n\n /* Others */\n --box-shadow-card: 0px 4px 16px 0px var(--color-card-shadow);\n --opacity-placeholder: 0.5;\n}\n\n.card {\n text-align: left;\n}\n\nul {\n padding-left: 20px;\n}\n\nh4, ul, li {\n text-color: #7e8186!important;\n}\n\n"
}
},
type: "n8n-nodes-base.form",
typeVersion: 1,
position: [1216, 352],
id: "f1291ce7-161a-49bf-9c0c-5bc1227b986c",
name: "Show completion screen with the recipe suggestion",
webhookId: "593b279d-6426-48a0-b28c-44056660bca9"
},
{
parameters: {
content: "**Tip: Send data to n8n**\nYou can trigger a workflow in many ways – not just with forms. For example, using a webhook or when a new row is added to a Google Sheet.",
height: 96,
width: 352,
color: 5
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-992, 608],
id: "16f3bf2a-943d-4399-946f-6444616e8e57",
name: "Sticky Note8"
},
{
parameters: {
fieldToSplitOut: "recipes",
options: {}
},
type: "n8n-nodes-base.splitOut",
typeVersion: 1,
position: [144, 352],
id: "05c93482-4bd4-464c-b7ee-909a0fd0bada",
name: "Split Out the results into separate items"
},
{
parameters: {
fieldToSplitOut: "recipes",
options: {}
},
type: "n8n-nodes-base.splitOut",
typeVersion: 1,
position: [144, 144],
id: "503526fd-c317-4d77-916c-2ff5eb6f63f9",
name: "Split Out the array into 8 items"
}
],
connections: {
Merge: {
main: [
[
{
node: "Show completion screen with the recipe suggestion",
type: "main",
index: 0
}
]
]
},
"Route based on meal preference": {
main: [
[
{
node: "Get chicken recipes from the API",
type: "main",
index: 0
}
],
[
{
node: "Get vegetarian recipes from the API",
type: "main",
index: 0
}
],
[
{
node: "Get a random recipe from the API",
type: "main",
index: 0
}
]
]
},
"Get a random recipe from the API": {
main: [
[
{
node: "Merge",
type: "main",
index: 2
}
]
]
},
"Get vegetarian recipes from the API": {
main: [
[
{
node: "Split Out the results into separate items",
type: "main",
index: 0
}
]
]
},
"Get chicken recipes from the API": {
main: [
[
{
node: "Split Out the array into 8 items",
type: "main",
index: 0
}
]
]
},
"Trigger when user submits form": {
main: [
[
{
node: "Route based on meal preference",
type: "main",
index: 0
}
]
]
},
"Sort by cooking time": {
main: [
[
{
node: "Limit to recipe with lowest cooking time",
type: "main",
index: 0
}
]
]
},
"Limit to recipe with lowest cooking time": {
main: [
[
{
node: "Merge",
type: "main",
index: 0
}
]
]
},
"Show completion screen with the recipe suggestion": {
main: [[]]
},
"Split Out the results into separate items": {
main: [
[
{
node: "Merge",
type: "main",
index: 1
}
]
]
},
"Split Out the array into 8 items": {
main: [
[
{
node: "Sort by cooking time",
type: "main",
index: 0
}
]
]
}
}
};
const PLAYGROUND_3 = {
meta: {
templateId: "37_onboarding_experiments_batch_aug11-3_check_weather_by_location"
},
name: "▶️ 3. Check weather based on user location",
settings: {
executionOrder: "v1"
},
nodes: [
{
parameters: {
jsCode: `const today = new Date().toISOString().slice(0, 10);
const daily = $json.daily;
const index = daily.time.indexOf(today);
if (index === -1) {
throw new Error("Today's forecast not found in response.");
}
return [{
date: today,
temp_max: daily.temperature_2m_max[index],
temp_min: daily.temperature_2m_min[index]
}];
`
},
type: "n8n-nodes-base.code",
typeVersion: 2,
position: [336, -128],
id: "d6463e70-9921-4e6f-acaa-c8d6153254ea",
name: "Get today's high and low"
},
{
parameters: {
content: "**Tip: n8n 🧡 LLM**\n\nUse the n8n Assistant or ChatGPT, Claude, etc. to explain, edit, or create Javascript code for you.",
height: 112,
width: 272,
color: 5
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [240, 96],
id: "30ebd1b4-55c2-45fd-ae30-2b974eee226f",
name: "Sticky Note1"
},
{
parameters: {
content: "## ▶ Start here \n\n1. Click the orange `Execute Worfklow` button \n2. Double-click nodes to view data flows\n3. Note: The form doesn’t show up because it runs with [pinned](https://docs.n8n.io/data/data-pinning/) test data (purple highlights)\n3. Unpin the data to run the form normally",
height: 208,
width: 352,
color: 4
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-1056, -512],
id: "152278ea-a817-4f6d-8053-f129d9038604",
name: "Sticky Note2"
},
{
parameters: {
content: "The `Code` node lets you run Javascript code in your workflow.\n\nWe use it here to extract today’s date, max temp, and min temp from the API response.",
height: 352,
width: 272,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [240, -272],
id: "5fcff69f-e059-4827-9241-081e4a7e4a6b",
name: "Sticky Note3"
},
{
parameters: {
content: "This `HTTP node` calls an API to get the city’s latitude and longitude.\n\nThe user city input is used as a URL variable.",
height: 352,
width: 272,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-704, -272],
id: "28813de7-3311-4c46-8b88-946c4c14a99e",
name: "Sticky Note4"
},
{
parameters: {
content: "Another `HTTP node` calls a weather API using the latitude and longitude in the URL.",
height: 352,
width: 272,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-96, -272],
id: "bc28c149-c4bd-4d68-b597-f7cf2f0ab0c4",
name: "Sticky Note5"
},
{
parameters: {
content: "This `Limit` node keeps only the first item returned by the API.",
height: 352,
width: 256,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-400, -272],
id: "1d23e68c-5d5c-4383-b6b8-ca552ad3a889",
name: "Sticky Note6"
},
{
parameters: {
formTitle: "What's the weather where you live",
formFields: {
values: [
{
fieldLabel: "Which city do you live in ? ",
fieldType: "textarea",
placeholder: "Paris",
requiredField: true
}
]
},
options: {}
},
type: "n8n-nodes-base.formTrigger",
typeVersion: 2.2,
position: [-944, -128],
id: "beba8fc9-9213-43bb-8f78-08800d629270",
name: "Trigger when user submits form",
webhookId: "a460df1e-c73b-4654-9a21-2987cea55b14"
},
{
parameters: {},
type: "n8n-nodes-base.limit",
typeVersion: 1,
position: [-320, -128],
id: "aa0b1683-0586-465a-bcf2-38cf0617a6fc",
name: "Limit to first item"
},
{
parameters: {
url: "=https://api.open-meteo.com/v1/forecast?latitude={{ $json.lat }}&longitude={{ $json.lon }}&daily=temperature_2m_max,temperature_2m_min",
options: {
response: {
response: {
responseFormat: "json"
}
}
}
},
type: "n8n-nodes-base.httpRequest",
typeVersion: 4.2,
position: [0, -128],
id: "73b40790-3ef6-4091-9cd3-cab673276a7a",
name: "Get weather for that latitude and longitude"
},
{
parameters: {
content: "**Tip: Edit pinned data**\n\nWhen data is pinned, click the ✏ icon in the top right to edit it. Try changing “London” to “Berlin” and rerun the workflow.",
height: 128,
width: 288,
color: 5
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-1056, 96],
id: "d9390b71-3bf2-4094-b603-3f43988675e9",
name: "Sticky Note"
},
{
parameters: {
url: "=https://nominatim.openstreetmap.org/search?q={{ $json['Which city do you live in ? '] }}&format=json",
options: {
response: {
response: {}
}
}
},
type: "n8n-nodes-base.httpRequest",
typeVersion: 4.2,
position: [-624, -128],
id: "e3ce382a-c21b-4ee8-b366-b28cfe2b1b37",
name: "Get city latitude and longitude"
},
{
parameters: {
content: "This `Limit` node keeps only the first item returned by the API.",
height: 352,
width: 288,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-1056, -272],
id: "305eea3e-c853-4a8c-a7d4-dd10d81bf099",
name: "Sticky Note7"
}
],
pinData: {
"Trigger when user submits form": [
{
json: {
"Which city do you live in ? ": "London",
submittedAt: "2025-08-01T12:06:25.400+02:00",
formMode: "test"
}
}
]
},
connections: {
"Trigger when user submits form": {
main: [
[
{
node: "Get city latitude and longitude",
type: "main",
index: 0
}
]
]
},
"Limit to first item": {
main: [
[
{
node: "Get weather for that latitude and longitude",
type: "main",
index: 0
}
]
]
},
"Get weather for that latitude and longitude": {
main: [
[
{
node: "Get today's high and low",
type: "main",
index: 0
}
]
]
},
"Get city latitude and longitude": {
main: [
[
{
node: "Limit to first item",
type: "main",
index: 0
}
]
]
}
}
};
const PLAYGROUND_4 = {
meta: {
templateId: "37_onboarding_experiments_batch_aug11-4_create_personalized_email"
},
name: "🔌 4. Create a personalized email",
settings: {
executionOrder: "v1"
},
nodes: [
{
parameters: {
url: "=https://nominatim.openstreetmap.org/search?q={{ $json.City }}&format=json",
options: {
response: {
response: {}
}
}
},
type: "n8n-nodes-base.httpRequest",
typeVersion: 4.2,
position: [-336, -16],
id: "d6ea9452-7fa4-41f6-b9cd-7f12b8e3b686",
name: "Get city latitude and longitude"
},
{
parameters: {
url: "=https://api.open-meteo.com/v1/forecast?latitude={{ $json.lat }}&longitude={{ $json.lon }}&daily=temperature_2m_max,temperature_2m_min",
options: {
response: {
response: {
responseFormat: "json"
}
}
}
},
type: "n8n-nodes-base.httpRequest",
typeVersion: 4.2,
position: [48, -16],
id: "db233160-3f63-47fa-998a-41977a51c2f6",
name: "Get weather"
},
{
parameters: {
assignments: {
assignments: [
{
id: "ea110fbf-b67b-4270-8e55-ffec2f9ddafe",
name: "City",
value: "Paris",
type: "string"
}
]
},
options: {}
},
type: "n8n-nodes-base.set",
typeVersion: 3.4,
position: [-640, -16],
id: "e3c93ca5-2628-41f4-81ea-50c87403b285",
name: "Set your location"
},
{
parameters: {
numberInputs: 3
},
type: "n8n-nodes-base.merge",
typeVersion: 3.2,
position: [416, -208],
id: "21021c33-7b93-4cbe-a592-f7b277ad332e",
name: "Merge",
notesInFlow: false
},
{
parameters: {
aggregate: "aggregateAllItemData",
options: {}
},
type: "n8n-nodes-base.aggregate",
typeVersion: 1,
position: [688, -192],
id: "65312cc9-b31e-4ad3-b5b9-7ccfe066f0fb",
name: "Aggregate"
},
{
parameters: {
jsCode: `const today = new Date().toISOString().slice(0, 10);
const daily = $json.daily;
const index = daily.time.indexOf(today);
if (index === -1) {
throw new Error("Today's forecast not found in response.");
}
return [{
date: today,
temp_max: daily.temperature_2m_max[index],
temp_min: daily.temperature_2m_min[index]
}];
`
},
type: "n8n-nodes-base.code",
typeVersion: 2,
position: [224, -16],
id: "8defc8b4-a50f-41ff-bfb0-bd114e5fcd7c",
name: "Get today's high and low"
},
{
parameters: {},
type: "n8n-nodes-base.limit",
typeVersion: 1,
position: [-112, -16],
id: "a346a114-2981-4c82-91a5-4656b345b0d1",
name: "Limit"
},
{
parameters: {
content: '### Bonus task!\n\nUse the `Gmail node` to send the workflow result via email:\n\n1. Connect the "output" node to the Gmail node\n2. Create your credentials to connect to Gmail ',
height: 448,
width: 288,
color: 4
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [1168, -464],
id: "5398ab1d-4d6b-4308-8129-a3e1ebe7c11c",
name: "Sticky Note5"
},
{
parameters: {},
type: "n8n-nodes-base.manualTrigger",
typeVersion: 1,
position: [-1008, -192],
id: "e378d189-974a-4d8e-a5bc-dd84fe4bc1c1",
name: "1. Click 'Execute workflow’",
notesInFlow: false,
notes: "\n"
},
{
parameters: {
content: "## ▶ Start here \n\n1. Click the orange `Execute Worfklow` button \n2. Double-click nodes to view data flows\n3. Try changing variables in `Set your location` node (e.g. set location to London instead of Berlin)",
height: 416,
width: 336,
color: 4
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-1136, -416],
id: "6ef3cee5-4c05-4611-9372-233b89aedbb9",
name: "Sticky Note6"
},
{
parameters: {
content: "The `Set nodes` below define variables used later in the workflow:\n\n1. Today’s day and month\n2. Currency: EUR to USD\n3. Location: Berlin",
height: 784,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-720, -624],
id: "8d1e0f28-328c-46e7-86a4-d7a063eab933",
name: "Sticky Note"
},
{
parameters: {
assignments: {
assignments: [
{
id: "904f0394-6f4a-498f-98a7-b0526dfd63f0",
name: "current month",
value: "={{$now.format('M')}}",
type: "string"
},
{
id: "c4fd79aa-e889-49c1-86f1-4e5ad672048f",
name: "current day",
value: "={{$now.format('d')}}",
type: "string"
}
]
},
options: {}
},
type: "n8n-nodes-base.set",
typeVersion: 3.4,
position: [-640, -384],
id: "503e303a-99ca-4a88-885b-2738f2067aac",
name: "Set current day and month"
},
{
parameters: {
assignments: {
assignments: [
{
id: "8c17e5ba-1747-46e3-ae41-8f1e9046aa7a",
name: "Convert from currency",
value: "EUR",
type: "string"
},
{
id: "e14ae5dd-7559-4e14-8e25-e627f11d8094",
name: "Convert to currency",
value: "USD",
type: "string"
}
]
},
options: {}
},
type: "n8n-nodes-base.set",
typeVersion: 3.4,
position: [-640, -192],
id: "bc6f48f0-21a1-417a-9724-64eafce2ec1f",
name: "Set exchange currency"
},
{
parameters: {
content: "The `HTTP nodes` below call separate APIs using the previously defined variables to retrieve:\n\n1. Historical events on the same day/month\n2. Currency exchange rate\n3. Weather data ",
height: 784,
width: 256,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-416, -624],
id: "02b09b86-be1b-47fd-b083-ee6c31b5a83f",
name: "Sticky Note1"
},
{
parameters: {
url: '=http://numbersapi.com/{{ $json["current month"] }}/{{ $json["current day"] }}/date?json',
options: {}
},
type: "n8n-nodes-base.httpRequest",
typeVersion: 4.2,
position: [-336, -384],
id: "0cb9f4df-42db-49b8-b545-e3a7bad28a8f",
name: "Get a historical fact"
},
{
parameters: {
url: "=https://api.frankfurter.dev/v1/latest?base={{ $json['Convert from currency'] }}&symbols={{ $json['Convert to currency'] }}",
options: {}
},
type: "n8n-nodes-base.httpRequest",
typeVersion: 4.2,
position: [-336, -192],
id: "df332c72-8600-4458-a40f-020422bf7818",
name: "Get exchange rates"
},
{
parameters: {
content: "These nodes are explained in the previous workflow: \n▶ 3. Check weather based on user location",
height: 80,
width: 480,
color: 5
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [-128, 144],
id: "e3c29b04-39d5-4d4d-9021-f4eb26e54d95",
name: "Sticky Note7"
},
{
parameters: {
content: "The `Merge` node combines data from the 3 streams, once data for all streams is available.",
height: 352,
width: 224,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [352, -368],
id: "02c84a53-c933-4ad7-a0ce-9a53fbd6b407",
name: "Sticky Note2"
},
{
parameters: {
content: "The `Aggregate` node take the 3 separate items and groups them together into a single item.",
height: 352,
width: 208,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [624, -368],
id: "0ce70667-9587-49d5-96b3-d477fef517b1",
name: "Sticky Note3"
},
{
parameters: {
content: "The `Set node` let us pick the data",
height: 352,
width: 192,
color: 7
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [880, -368],
id: "3587d9df-9ccc-462f-a4b6-e2b3ddaa0e89",
name: "Sticky Note8"
},
{
parameters: {
assignments: {
assignments: [
{
id: "4b651566-5b0d-4f7e-b1d4-ea95dee7fbb5",
name: "On this day",
value: "={{ $json.data[0].text }}",
type: "string"
},
{
id: "cef5bfc7-be8b-4ac4-911d-2b9721c8666d",
name: "Exchange rate",
value: '={{ $json.data[1].rates[$("Set exchange currency").item.json["Convert to currency"]] }}',
type: "string"
},
{
id: "02358dea-7351-49ea-923c-9695ba7003c8",
name: "Daily high",
value: "={{ $json.data[2].temp_max }}°C",
type: "string"
},
{
id: "a8886281-896b-4713-82dd-8a1573b3d1df",
name: "Daily low",
value: "={{ $json.data[2].temp_min }}°C",
type: "string"
}
]
},
options: {}
},
type: "n8n-nodes-base.set",
typeVersion: 3.4,
position: [928, -192],
id: "cef89e73-fa8b-48c1-ad2d-293ac61be2ff",
name: "Select output for the email"
},
{
parameters: {
content: "**Tip: Use credentials**\nAdd [credentials](https://docs.n8n.io/credentials) in n8n to connect apps like Gmail, Slack, or OpenAI and use them in your workflows.",
height: 112,
width: 288,
color: 5
},
type: "n8n-nodes-base.stickyNote",
typeVersion: 1,
position: [1168, 16],
id: "14969990-acce-46f3-a1ab-219ab4a1a858",
name: "Sticky Note9"
},
{
parameters: {
subject: "Daily fact and data",
emailType: "text",
message: "=Hey,\n\nToday in {{ $('Set your location').item.json.City }}:\n- Daily high: {{ $json['Daily high'] }}\n- Daily low: {{ $json['Daily low'] }}\n\n{{ $('Set exchange currency').item.json['Convert from currency'] }} to {{ $('Set exchange currency').item.json['Convert to currency'] }} exchange rate: {{ $json['Exchange rate'] }}\n\nImpress your colleagues by reminding them that: {{ $json['On this day'] }}\n\n(Historical fact generated by numbersapi.com)\n",
options: {}
},
type: "n8n-nodes-base.gmail",
typeVersion: 2.1,
position: [1264, -192],
id: "4a23b2b5-21f7-4a63-a1ab-9f18d6ce2e6a",
name: "Send output via email using Gmail",
webhookId: "65c7b462-bb4a-400c-a556-ef408efcd208",
notesInFlow: true,
notes: "Double-click here to connect!"
}
],
pinData: {},
connections: {
"Get city latitude and longitude": {
main: [
[
{
node: "Limit",
type: "main",
index: 0
}
]
]
},
"Get weather": {
main: [
[
{
node: "Get today's high and low",
type: "main",
index: 0
}
]
]
},
"Set your location": {
main: [
[
{
node: "Get city latitude and longitude",
type: "main",
index: 0
}
]
]
},
Merge: {
main: [
[
{
node: "Aggregate",
type: "main",
index: 0
}
]
]
},
Aggregate: {
main: [
[
{
node: "Select output for the email",
type: "main",
index: 0
}
]
]
},
"Get today's high and low": {
main: [
[
{
node: "Merge",
type: "main",
index: 2
}
]
]
},
Limit: {
main: [
[
{
node: "Get weather",
type: "main",
index: 0
}
]
]
},
"1. Click 'Execute workflow’": {
main: [
[
{
node: "Set current day and month",
type: "main",
index: 0
},
{
node: "Set your location",
type: "main",
index: 0
},
{
node: "Set exchange currency",
type: "main",
index: 0
}
]
]
},
"Set current day and month": {
main: [
[
{
node: "Get a historical fact",
type: "main",
index: 0
}
]
]
},
"Set exchange currency": {
main: [
[
{
node: "Get exchange rates",
type: "main",
index: 0
}
]
]
},
"Get a historical fact": {
main: [
[
{
node: "Merge",
type: "main",
index: 0
}
]
]
},
"Get exchange rates": {
main: [
[
{
node: "Merge",
type: "main",
index: 1
}
]
]
},
"Select output for the email": {
main: [[]]
}
}
};
const LOCAL_STORAGE_SETTING_KEY = "N8N_READY_TO_RUN_WORKFLOWS_DISMISSED";
const useReadyToRunWorkflowsStore = defineStore(
STORES.EXPERIMENT_READY_TO_RUN_WORKFLOWS,
() => {
const telemetry = useTelemetry();
const i18n = useI18n();
const foldersStore = useFoldersStore();
const workflowsStore = useWorkflowsStore();
const posthogStore = usePostHog();
const cloudPlanStore = useCloudPlanStore();
const isFeatureEnabled = computed(() => {
return [
BATCH_11AUG_EXPERIMENT.variantReadyToRun,
BATCH_11AUG_EXPERIMENT.variantReadyToRun2,
BATCH_11AUG_EXPERIMENT.variantReadyToRun3
].includes(posthogStore.getVariant(BATCH_11AUG_EXPERIMENT.name)?.toString() ?? "") && cloudPlanStore.userIsTrialing;
});
const calloutDismissedRef = useLocalStorage(LOCAL_STORAGE_SETTING_KEY, false);
const isCalloutDismissed = computed(() => calloutDismissedRef.value);
const dismissCallout = () => {
calloutDismissedRef.value = true;
};
const trackCreateWorkflows = (source) => {
telemetry.track("User created ready to run workflows", {
source
});
};
const trackDismissCallout = () => {
telemetry.track("User dismissed ready to run workflows callout");
};
const trackOpenWorkflow = (template) => {
telemetry.track("User opened ready to run workflow", {
template
});
};
const trackExecuteWorkflow = (template, status) => {
telemetry.track("User executed ready to run workflow", {
template,
status
});
};
function getCardText() {
const variant = posthogStore.getVariant(BATCH_11AUG_EXPERIMENT.name);
switch (variant) {
case BATCH_11AUG_EXPERIMENT.variantReadyToRun:
return i18n.baseText("workflows.readyToRunWorkflows.card");
case BATCH_11AUG_EXPERIMENT.variantReadyToRun2:
return i18n.baseText("workflows.readyToRunWorkflows.card2");
case BATCH_11AUG_EXPERIMENT.variantReadyToRun3:
return i18n.baseText("workflows.readyToRunWorkflows.card3");
default:
return "";
}
}
function getCalloutText() {
const variant = posthogStore.getVariant(BATCH_11AUG_EXPERIMENT.name);
switch (variant) {
case BATCH_11AUG_EXPERIMENT.variantReadyToRun:
return i18n.baseText("workflows.readyToRunWorkflows.callout");
case BATCH_11AUG_EXPERIMENT.variantReadyToRun2:
return i18n.baseText("workflows.readyToRunWorkflows.callout2");
case BATCH_11AUG_EXPERIMENT.variantReadyToRun3:
return i18n.baseText("workflows.readyToRunWorkflows.callout3");
default:
return "";
}
}
const createWorkflows = async (projectId, parentFolderId) => {
const collectionFolder = await foldersStore.createFolder(
i18n.baseText("workflows.readyToRunWorkflows.folder.name"),
projectId,
parentFolderId
);
const playground1 = {
...PLAYGROUND_1,
parentFolderId: collectionFolder.id
};
const playground2 = {
...PLAYGROUND_2,
parentFolderId: collectionFolder.id
};
const playground3 = {
...PLAYGROUND_3,
parentFolderId: collectionFolder.id
};
const playground4 = {
...PLAYGROUND_4,
parentFolderId: collectionFolder.id
};
await workflowsStore.createNewWorkflow(playground4);
await workflowsStore.createNewWorkflow(playground3);
await workflowsStore.createNewWorkflow(playground2);
await workflowsStore.createNewWorkflow(playground1);
dismissCallout();
return collectionFolder;
};
return {
isFeatureEnabled,
isCalloutDismissed,
createWorkflows,
dismissCallout,
trackCreateWorkflows,
trackDismissCallout,
trackOpenWorkflow,
trackExecuteWorkflow,
getCardText,
getCalloutText
};
}
);
export {
useReadyToRunWorkflowsStore as a,
useAITemplatesStarterCollectionStore as u
};