feat: Create credentials model and graphQL mutation

packages/backend/src/apps/twitch/info.json

@@ -1,5 +1,6 @@
 {
   "name": "Twitch",
+  "key": "twitch",
   "iconUrl": "https://automatisch.io/apps/twitch.png",
   "docUrl": "https://automatisch.io/docs/twitch",
   "primaryColor": "6441a5",

packages/backend/src/apps/twitter/info.json

@@ -1,5 +1,6 @@
 {
   "name": "Twitter",
+  "key": "twitter",
   "iconUrl": "https://automatisch.io/apps/twitter.png",
   "docUrl": "https://automatisch.io/docs/twitter",
   "primaryColor": "2DAAE1",
@@ -15,6 +16,17 @@
       "docUrl": "https://automatisch.io/docs/twitter#oauth-redirect-url",
       "clickToCopy": true
     },
+    {
+      "key": "displayName",
+      "label": "Name",
+      "type": "string",
+      "required": true,
+      "readOnly": false,
+      "value": null,
+      "description": "It's the value you can remember later on while changing connection settings.",
+      "docUrl": "https://automatisch.io/docs/twitter#display-name",
+      "clickToCopy": false
+    },
     {
       "key": "consumerKey",
       "label": "Consumer Key",
@@ -37,5 +49,36 @@
       "docUrl": "https://automatisch.io/docs/twitter#consumer-secret",
       "clickToCopy": false
     }
+  ],
+  "authenticationSteps": [
+    {
+      "step": 1,
+      "type": "mutation",
+      "name": "createCredential",
+      "fields": [
+        {
+          "name": "displayName",
+          "value": "{fields.displayName}"
+        },
+        {
+          "name": "key",
+          "value": "{key}"
+        },
+        {
+          "name": "data",
+          "value": "data",
+          "fields": [
+            {
+              "name": "consumerKey",
+              "value": "{fields.consumerKey}"
+            },
+            {
+              "name": "consumerSecret",
+              "value": "{fields.consumerSecret}"
+            }
+          ]
+        }
+      ]
+    }
   ]
 }