Merge pull request #1561 from automatisch/AUT-614

feat(mailerlite): add mailerlite integration

packages/backend/src/apps/mailerlite/auth/index.js

@@ -0,0 +1,33 @@
+import verifyCredentials from './verify-credentials.js';
+import isStillVerified from './is-still-verified.js';
+
+export default {
+  fields: [
+    {
+      key: 'screenName',
+      label: 'Screen Name',
+      type: 'string',
+      required: true,
+      readOnly: false,
+      value: null,
+      placeholder: null,
+      description:
+        'Screen name of your connection to be used on Automatisch UI.',
+      clickToCopy: false,
+    },
+    {
+      key: 'apiKey',
+      label: 'API Key',
+      type: 'string',
+      required: true,
+      readOnly: false,
+      value: null,
+      placeholder: null,
+      description: 'MailerLite API key of your account.',
+      clickToCopy: false,
+    },
+  ],
+
+  verifyCredentials,
+  isStillVerified,
+};

packages/backend/src/apps/mailerlite/auth/is-still-verified.js

@@ -0,0 +1,8 @@
+import verifyCredentials from './verify-credentials.js';
+
+const isStillVerified = async ($) => {
+  await verifyCredentials($);
+  return true;
+};
+
+export default isStillVerified;

packages/backend/src/apps/mailerlite/auth/verify-credentials.js

@@ -0,0 +1,10 @@
+const verifyCredentials = async ($) => {
+  await $.http.get('/campaigns');
+
+  await $.auth.set({
+    screenName: $.auth.data.screenName,
+    apiKey: $.auth.data.apiKey,
+  });
+};
+
+export default verifyCredentials;

packages/backend/src/apps/mailerlite/common/add-auth-header.js

@@ -0,0 +1,9 @@
+const addAuthHeader = ($, requestConfig) => {
+  if ($.auth.data?.apiKey) {
+    requestConfig.headers.Authorization = `Bearer ${$.auth.data.apiKey}`;
+  }
+
+  return requestConfig;
+};
+
+export default addAuthHeader;

packages/backend/src/apps/mailerlite/index.js

@@ -0,0 +1,16 @@
+import defineApp from '../../helpers/define-app.js';
+import addAuthHeader from './common/add-auth-header.js';
+import auth from './auth/index.js';
+
+export default defineApp({
+  name: 'MailerLite',
+  key: 'mailerlite',
+  iconUrl: '{BASE_URL}/apps/mailerlite/assets/favicon.svg',
+  authDocUrl: 'https://automatisch.io/docs/apps/mailerlite/connection',
+  supportsConnections: true,
+  baseUrl: 'https://www.mailerlite.com',
+  apiBaseUrl: 'https://connect.mailerlite.com/api',
+  primaryColor: '09C269',
+  beforeRequest: [addAuthHeader],
+  auth,
+});

packages/docs/pages/.vitepress/config.js

@@ -252,6 +252,12 @@ export default defineConfig({
             { text: 'Connection', link: '/apps/invoice-ninja/connection' },
           ],
         },
+        {
+          text: 'MailerLite',
+          collapsible: true,
+          collapsed: true,
+          items: [{ text: 'Connection', link: '/apps/mailerlite/connection' }],
+        },
         {
           text: 'Mattermost',
           collapsible: true,

packages/docs/pages/apps/mailerlite/connection.md

@@ -0,0 +1,15 @@
+# MailerLite
+
+:::info
+This page explains the steps you need to follow to set up the MailerLite
+connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Login to your MailerLite account: [https://www.mailerlite.com/](https://www.mailerlite.com/).
+2. Click on the **Integrations** tab on the left.
+3. Click on the **Use** button in the MailerLite API section.
+4. Click on the **Generate new token** button.
+5. Fill the form and click on the **Create token** button.
+6. Copy the token from the popup to the `API Key` field on Automatisch.
+7. Write any screen name to be displayed in Automatisch.
+8. Now, you can start using the MailerLite connection with Automatisch.