From 27392ff5d291f8a10d9c555857a38a68caa6696b Mon Sep 17 00:00:00 2001
From: Harshil <ghagrawal17@gmail.com>
Date: Wed, 31 Mar 2021 15:14:41 +0200
Subject: [PATCH 1/4] =?UTF-8?q?=E2=9C=A8=20Display=20list=20of=20nodes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/nodes/nodes-library/core-nodes/README.md | 41 ++++++++++++++++++-
 docs/nodes/nodes-library/nodes/README.md      | 39 ++++++++++++++++++
 .../nodes-library/trigger-nodes/README.md     | 39 ++++++++++++++++++
 3 files changed, 118 insertions(+), 1 deletion(-)

diff --git a/docs/nodes/nodes-library/core-nodes/README.md b/docs/nodes/nodes-library/core-nodes/README.md
index be7cd0800..e37391ab6 100644
--- a/docs/nodes/nodes-library/core-nodes/README.md
+++ b/docs/nodes/nodes-library/core-nodes/README.md
@@ -1,3 +1,42 @@
-# Code Nodes
+# Core Nodes
 
 This section contains information about all the core nodes in n8n. Each node documentation contains information on the available resources and operations along with an example workflow.
+
+<div v-for="i in items">
+	<a :href="`/nodes/${i.name}`">
+    	<p>{{i.displayName}}</p>
+	</a>
+</div>
+
+<script>
+export default {
+	data () {
+		return {
+			items: []
+		}
+	},
+	beforeMount() {
+		fetch('https://api-staging.n8n.io/graphql', {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json',
+			},
+			body: JSON.stringify({
+				query: `
+					query GetCoreNodes{
+						nodes(where: {categories:{name: "Core Nodes"}}){
+							displayName
+							name
+						}
+					}
+				`
+			})
+		})
+		.then(response => response.json())
+		.then(res => {
+			this.$data.items = res.data.nodes
+		})
+		.catch(error => console.log(error))
+	}
+}
+</script>
diff --git a/docs/nodes/nodes-library/nodes/README.md b/docs/nodes/nodes-library/nodes/README.md
index 995805092..37db811f6 100644
--- a/docs/nodes/nodes-library/nodes/README.md
+++ b/docs/nodes/nodes-library/nodes/README.md
@@ -1,3 +1,42 @@
 # Nodes
 
 This section contains information about all the regular nodes in n8n. Each node documentation contains information on the available resources and operations along with an example workflow.
+
+<div v-for="i in items">
+	<a :href="`/nodes/${i.name}`">
+    	<p>{{i.displayName}}</p>
+	</a>
+</div>
+
+<script>
+export default {
+	data () {
+		return {
+			items: []
+		}
+	},
+	beforeMount() {
+		fetch('https://api-staging.n8n.io/graphql', {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json',
+			},
+			body: JSON.stringify({
+				query: `
+					query GetRegularNodes{
+                        nodes(where: {categories:{name_ne: "Core Nodes"}, displayName_ncontains:"Trigger"}, sort:"displayName"){
+                            name
+                            displayName
+                        }
+}
+				`
+			})
+		})
+		.then(response => response.json())
+		.then(res => {
+			this.$data.items = res.data.nodes
+		})
+		.catch(error => console.log(error))
+	}
+}
+</script>
diff --git a/docs/nodes/nodes-library/trigger-nodes/README.md b/docs/nodes/nodes-library/trigger-nodes/README.md
index 6ffa0a3e9..59eee5cca 100644
--- a/docs/nodes/nodes-library/trigger-nodes/README.md
+++ b/docs/nodes/nodes-library/trigger-nodes/README.md
@@ -1,3 +1,42 @@
 # Trigger Nodes
 
 This section contains information about all the trigger nodes in n8n. Each node documentation contains information on the available resources and operations along with an example workflow.
+
+<div v-for="i in items">
+	<a :href="`/nodes/${i.name}`">
+    	<p>{{i.displayName}}</p>
+	</a>
+</div>
+
+<script>
+export default {
+	data () {
+		return {
+			items: []
+		}
+	},
+	beforeMount() {
+		fetch('https://api-staging.n8n.io/graphql', {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json',
+			},
+			body: JSON.stringify({
+				query: `
+					query GetRegularNodes{
+                        nodes(where: {categories:{name_ne: "Core Nodes"}, displayName_contains:"Trigger"}, sort:"displayName"){
+                            name
+                            displayName
+                        }
+}
+				`
+			})
+		})
+		.then(response => response.json())
+		.then(res => {
+			this.$data.items = res.data.nodes
+		})
+		.catch(error => console.log(error))
+	}
+}
+</script>

From 4a4c7efefebee2e0114bad8db9fcdd3326e0dc4c Mon Sep 17 00:00:00 2001
From: Harshil <ghagrawal17@gmail.com>
Date: Wed, 31 Mar 2021 17:47:35 +0200
Subject: [PATCH 2/4] create reusable component

---
 docs/.vuepress/components/NodeCard.vue        | 16 ++++++++++++++++
 .../nodes-library/trigger-nodes/README.md     | 19 +++++++++----------
 2 files changed, 25 insertions(+), 10 deletions(-)
 create mode 100644 docs/.vuepress/components/NodeCard.vue

diff --git a/docs/.vuepress/components/NodeCard.vue b/docs/.vuepress/components/NodeCard.vue
new file mode 100644
index 000000000..85c329ff6
--- /dev/null
+++ b/docs/.vuepress/components/NodeCard.vue
@@ -0,0 +1,16 @@
+<template>
+<div  style="display:flex; flex-wrap:wrap; justify-content:center;">
+	<div v-for="i in items" :key="i">
+	<a :href="`/nodes/${i.name}`" style="border-radius: 4px; text-decoration:none;">
+		<div style="border-radius: 4px; padding: .8em .6em; margin: .6em; text-align: center; width: 170px;">
+			<div style="width: 60px; height: 60px; line-height: 60px; margin:auto;">
+				<div style="width: 100%; height: 100%;">
+					<img :src="i.iconData.fileBuffer" style="width: 100%; height: 100%;">
+				</div>
+			</div>
+			<p>{{i.displayName}}</p>
+		</div>
+	</a>
+		</div>
+</div>
+</template>
\ No newline at end of file
diff --git a/docs/nodes/nodes-library/trigger-nodes/README.md b/docs/nodes/nodes-library/trigger-nodes/README.md
index 59eee5cca..59c8ace2e 100644
--- a/docs/nodes/nodes-library/trigger-nodes/README.md
+++ b/docs/nodes/nodes-library/trigger-nodes/README.md
@@ -2,11 +2,9 @@
 
 This section contains information about all the trigger nodes in n8n. Each node documentation contains information on the available resources and operations along with an example workflow.
 
-<div v-for="i in items">
-	<a :href="`/nodes/${i.name}`">
-    	<p>{{i.displayName}}</p>
-	</a>
-</div>
+
+<NodeCard items="items" />
+
 
 <script>
 export default {
@@ -24,11 +22,12 @@ export default {
 			body: JSON.stringify({
 				query: `
 					query GetRegularNodes{
-                        nodes(where: {categories:{name_ne: "Core Nodes"}, displayName_contains:"Trigger"}, sort:"displayName"){
-                            name
-                            displayName
-                        }
-}
+						nodes(where: {displayName_contains:"Trigger", categories:{name_ncontains: "Core Nodes"}}, sort:"displayName"){
+							name
+							displayName
+							iconData
+						}
+					}
 				`
 			})
 		})

From 01909090e8c3147b97f5ce57ced1fb1d1c4976c6 Mon Sep 17 00:00:00 2001
From: Harshil <ghagrawal17@gmail.com>
Date: Wed, 31 Mar 2021 18:36:03 +0200
Subject: [PATCH 3/4] =?UTF-8?q?=F0=9F=92=85=20Style=20cards?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vuepress/components/NodeCard.vue        | 43 ++++++++++++++++---
 docs/nodes/nodes-library/core-nodes/README.md |  5 ++-
 docs/nodes/nodes-library/nodes/README.md      | 15 +++----
 .../nodes-library/trigger-nodes/README.md     |  5 +--
 4 files changed, 48 insertions(+), 20 deletions(-)

diff --git a/docs/.vuepress/components/NodeCard.vue b/docs/.vuepress/components/NodeCard.vue
index 85c329ff6..aefc6e1bd 100644
--- a/docs/.vuepress/components/NodeCard.vue
+++ b/docs/.vuepress/components/NodeCard.vue
@@ -1,9 +1,9 @@
 <template>
-<div  style="display:flex; flex-wrap:wrap; justify-content:center;">
-	<div v-for="i in items" :key="i">
-	<a :href="`/nodes/${i.name}`" style="border-radius: 4px; text-decoration:none;">
-		<div style="border-radius: 4px; padding: .8em .6em; margin: .6em; text-align: center; width: 170px;">
-			<div style="width: 60px; height: 60px; line-height: 60px; margin:auto;">
+<div  class="container">
+	<div v-for="i in items" :key="i.name">
+	<a :href="`/nodes/${i.name}`" class="card-wrapper">
+		<div class="card" v-if="i.iconData.fileBuffer">
+			<div class="image-container">
 				<div style="width: 100%; height: 100%;">
 					<img :src="i.iconData.fileBuffer" style="width: 100%; height: 100%;">
 				</div>
@@ -13,4 +13,35 @@
 	</a>
 		</div>
 </div>
-</template>
\ No newline at end of file
+</template>
+
+<script>
+export default {
+	props: ['items'],
+}
+</script>
+
+<style scoped>
+.container {
+	display:flex;
+	flex-wrap:wrap;
+	justify-content:center;
+}
+.card-wrapper {
+	border-radius: 4px;
+	text-decoration:none;
+}
+.card {
+	border-radius: 4px;
+	padding: .8em .6em;
+	margin: .6em;
+	text-align: center;
+	width: 100px;
+}
+.image-container {
+	width: 60px;
+	height: 60px;
+	line-height: 60px;
+	margin:auto;
+}
+</style>
\ No newline at end of file
diff --git a/docs/nodes/nodes-library/core-nodes/README.md b/docs/nodes/nodes-library/core-nodes/README.md
index e37391ab6..269947ab3 100644
--- a/docs/nodes/nodes-library/core-nodes/README.md
+++ b/docs/nodes/nodes-library/core-nodes/README.md
@@ -2,9 +2,9 @@
 
 This section contains information about all the core nodes in n8n. Each node documentation contains information on the available resources and operations along with an example workflow.
 
-<div v-for="i in items">
+<div v-for="i in items" :key="i.name">
 	<a :href="`/nodes/${i.name}`">
-    	<p>{{i.displayName}}</p>
+		<p>{{i.displayName}}</p>
 	</a>
 </div>
 
@@ -27,6 +27,7 @@ export default {
 						nodes(where: {categories:{name: "Core Nodes"}}){
 							displayName
 							name
+							iconData
 						}
 					}
 				`
diff --git a/docs/nodes/nodes-library/nodes/README.md b/docs/nodes/nodes-library/nodes/README.md
index 37db811f6..17760bbc5 100644
--- a/docs/nodes/nodes-library/nodes/README.md
+++ b/docs/nodes/nodes-library/nodes/README.md
@@ -2,11 +2,7 @@
 
 This section contains information about all the regular nodes in n8n. Each node documentation contains information on the available resources and operations along with an example workflow.
 
-<div v-for="i in items">
-	<a :href="`/nodes/${i.name}`">
-    	<p>{{i.displayName}}</p>
-	</a>
-</div>
+<NodeCard :items="items" />
 
 <script>
 export default {
@@ -24,10 +20,11 @@ export default {
 			body: JSON.stringify({
 				query: `
 					query GetRegularNodes{
-                        nodes(where: {categories:{name_ne: "Core Nodes"}, displayName_ncontains:"Trigger"}, sort:"displayName"){
-                            name
-                            displayName
-                        }
+						nodes(where: {categories:{name_ncontains: "Core Nodes"}, displayName_ncontains:"Trigger"}, sort:"displayName"){
+							name
+							displayName
+							iconData
+						}
 }
 				`
 			})
diff --git a/docs/nodes/nodes-library/trigger-nodes/README.md b/docs/nodes/nodes-library/trigger-nodes/README.md
index 59c8ace2e..3ad530960 100644
--- a/docs/nodes/nodes-library/trigger-nodes/README.md
+++ b/docs/nodes/nodes-library/trigger-nodes/README.md
@@ -3,8 +3,7 @@
 This section contains information about all the trigger nodes in n8n. Each node documentation contains information on the available resources and operations along with an example workflow.
 
 
-<NodeCard items="items" />
-
+<NodeCard :items="items" />
 
 <script>
 export default {
@@ -21,7 +20,7 @@ export default {
 			},
 			body: JSON.stringify({
 				query: `
-					query GetRegularNodes{
+					query GetTriggerNodes{
 						nodes(where: {displayName_contains:"Trigger", categories:{name_ncontains: "Core Nodes"}}, sort:"displayName"){
 							name
 							displayName

From 30c8b05f4d1f8e9c136c638de276a05eed5da9d5 Mon Sep 17 00:00:00 2001
From: Harshil <ghagrawal17@gmail.com>
Date: Mon, 12 Apr 2021 11:02:25 +0200
Subject: [PATCH 4/4] =?UTF-8?q?=E2=9C=A8=20Display=20node=20list?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vuepress/components/NodeCard.vue        |  18 +-
 docs/nodes/nodes-library/core-nodes/README.md |  28 +-
 .../nodes-library/core-nodes/core-nodes.json  | 240 ++++++++++++++++++
 docs/nodes/nodes-library/nodes/README.md      |   2 +-
 .../nodes-library/trigger-nodes/README.md     |   2 +-
 5 files changed, 254 insertions(+), 36 deletions(-)
 create mode 100644 docs/nodes/nodes-library/core-nodes/core-nodes.json

diff --git a/docs/.vuepress/components/NodeCard.vue b/docs/.vuepress/components/NodeCard.vue
index aefc6e1bd..89c9fdc7e 100644
--- a/docs/.vuepress/components/NodeCard.vue
+++ b/docs/.vuepress/components/NodeCard.vue
@@ -1,17 +1,17 @@
 <template>
 <div  class="container">
 	<div v-for="i in items" :key="i.name">
-	<a :href="`/nodes/${i.name}`" class="card-wrapper">
-		<div class="card" v-if="i.iconData.fileBuffer">
-			<div class="image-container">
-				<div style="width: 100%; height: 100%;">
-					<img :src="i.iconData.fileBuffer" style="width: 100%; height: 100%;">
+		<a :href="`/nodes/${i.name}`" class="card-wrapper">
+			<div class="card" v-if="i.iconData.fileBuffer">
+				<div class="image-container">
+					<div style="width: 100%; height: 100%;">
+						<img :src="i.iconData.fileBuffer" style="width: 100%; height: 100%;">
+					</div>
 				</div>
+				<p>{{i.displayName}}</p>
 			</div>
-			<p>{{i.displayName}}</p>
-		</div>
-	</a>
-		</div>
+		</a>
+	</div>
 </div>
 </template>
 
diff --git a/docs/nodes/nodes-library/core-nodes/README.md b/docs/nodes/nodes-library/core-nodes/README.md
index 269947ab3..f575fa727 100644
--- a/docs/nodes/nodes-library/core-nodes/README.md
+++ b/docs/nodes/nodes-library/core-nodes/README.md
@@ -2,6 +2,7 @@
 
 This section contains information about all the core nodes in n8n. Each node documentation contains information on the available resources and operations along with an example workflow.
 
+<!-- <NodeCard :items="items" /> -->
 <div v-for="i in items" :key="i.name">
 	<a :href="`/nodes/${i.name}`">
 		<p>{{i.displayName}}</p>
@@ -9,35 +10,12 @@ This section contains information about all the core nodes in n8n. Each node doc
 </div>
 
 <script>
+import data from './core-nodes.json'
 export default {
 	data () {
 		return {
-			items: []
+			items: data
 		}
-	},
-	beforeMount() {
-		fetch('https://api-staging.n8n.io/graphql', {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json',
-			},
-			body: JSON.stringify({
-				query: `
-					query GetCoreNodes{
-						nodes(where: {categories:{name: "Core Nodes"}}){
-							displayName
-							name
-							iconData
-						}
-					}
-				`
-			})
-		})
-		.then(response => response.json())
-		.then(res => {
-			this.$data.items = res.data.nodes
-		})
-		.catch(error => console.log(error))
 	}
 }
 </script>
diff --git a/docs/nodes/nodes-library/core-nodes/core-nodes.json b/docs/nodes/nodes-library/core-nodes/core-nodes.json
new file mode 100644
index 000000000..dbc812606
--- /dev/null
+++ b/docs/nodes/nodes-library/core-nodes/core-nodes.json
@@ -0,0 +1,240 @@
+[
+	{
+		"displayName":"Compression",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.compression"
+	},
+	{
+		"displayName":"Cron",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.cron"
+	},
+	{
+		"displayName":"Crypto",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.crypto"
+	},
+	{
+		"displayName":"Date & Time",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.datetime"
+	},
+	{
+		"displayName":"Edit Image",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.editimage"
+	},
+	{
+		"displayName":"Error Trigger",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.errortrigger"
+	},
+	{
+		"displayName":"Execute Command",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.executecommand"
+	},
+	{
+		"displayName":"Execute Workflow",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.executeworkflow"
+	},
+	{
+		"displayName":"Function",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.function"
+	},
+	{
+		"displayName":"Function Item",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.functionitem"
+	},
+	{
+		"displayName":"GraphQL",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.graphql"
+	},
+	{
+		"displayName":"HTML Extract",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.htmlextract"
+	},
+	{
+		"displayName":"HTTP Request",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.httprequest"
+	},
+	{
+		"displayName":"IF",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.if"
+	},
+	{
+		"displayName":"IMAP Email",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.emailreadimap"
+	},
+	{
+		"displayName":"Interval",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.interval"
+	},
+	{
+		"displayName":"Merge",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.merge"
+	},
+	{
+		"displayName":"Move Binary Data",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.movebinarydata"
+	},
+	{
+		"displayName":"No Operation, do nothing",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.noop"
+	},
+	{
+		"displayName":"Read Binary File",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.readbinaryfile"
+	},
+	{
+		"displayName":"Read Binary Files",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.readbinaryfiles"
+	},
+	{
+		"displayName":"Read PDF",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.readpdf"
+	},
+	{
+		"displayName":"Rename Keys",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.renamekeys"
+	},
+	{
+		"displayName":"RSS Read",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.rssfeedread"
+	},
+	{
+		"displayName":"Send Email",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.emailsend"
+	},
+	{
+		"displayName":"Set",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.set"
+	},
+	{
+		"displayName":"Split In Batches",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.splitinbatches"
+	},
+	{
+		"displayName":"Spreadsheet File",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.spreadsheetfile"
+	},
+	{
+		"displayName":"SSE Trigger",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.ssetrigger/"
+	},
+	{
+		"displayName":"Start",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.start"
+	},
+	{
+		"displayName":"Switch",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.switch"
+	},
+	{
+		"displayName":"Webhook",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.webhook"
+	},
+	{
+		"displayName":"Write Binary File",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.writebinaryfile"
+	},
+	{
+		"displayName":"XML",
+		"iconData":{
+			"fileBuffer":""
+		},
+		"name":"n8n-nodes-base.xml"
+	}
+]
\ No newline at end of file
diff --git a/docs/nodes/nodes-library/nodes/README.md b/docs/nodes/nodes-library/nodes/README.md
index 17760bbc5..b49605ebc 100644
--- a/docs/nodes/nodes-library/nodes/README.md
+++ b/docs/nodes/nodes-library/nodes/README.md
@@ -12,7 +12,7 @@ export default {
 		}
 	},
 	beforeMount() {
-		fetch('https://api-staging.n8n.io/graphql', {
+		fetch('https://api.n8n.io/graphql', {
 			method: 'POST',
 			headers: {
 				'Content-Type': 'application/json',
diff --git a/docs/nodes/nodes-library/trigger-nodes/README.md b/docs/nodes/nodes-library/trigger-nodes/README.md
index 3ad530960..21008bb37 100644
--- a/docs/nodes/nodes-library/trigger-nodes/README.md
+++ b/docs/nodes/nodes-library/trigger-nodes/README.md
@@ -13,7 +13,7 @@ export default {
 		}
 	},
 	beforeMount() {
-		fetch('https://api-staging.n8n.io/graphql', {
+		fetch('https://api.n8n.io/graphql', {
 			method: 'POST',
 			headers: {
 				'Content-Type': 'application/json',