feat(ntfy/send-message): add priority and tag fields

packages/backend/src/apps/eventbrite/assets/favicon.svg

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="256px" height="256px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-		<g>
-				<circle fill="#F05537" cx="128" cy="128" r="128"></circle>
-				<path d="M117.475323,82.7290398 C136.772428,78.4407943 156.069532,86.3025777 166.790146,101.311437 L81.5017079,120.608542 C84.3605382,102.26438 98.1782181,87.0172853 117.475323,82.7290398 Z M167.266618,153.48509 C160.596014,163.252761 150.351872,170.161601 138.678314,172.782195 C119.38121,177.070441 99.8458692,169.208657 89.1252554,153.961562 L174.651929,134.664457 L188.469609,131.567391 L215.152026,125.611495 C214.91379,119.893834 214.199082,114.176173 213.007903,108.696749 C202.287289,62.7172275 155.354825,33.8906884 108.42236,44.6113021 C61.4898956,55.3319159 32.1868848,101.073201 43.1457344,147.290958 C54.1045839,193.508715 100.798813,222.097018 147.731277,211.376404 C175.366637,205.182272 196.807864,186.599875 207.766714,163.014525 L167.266618,153.48509 L167.266618,153.48509 Z" fill="#FFFFFF" fill-rule="nonzero"></path>
-		</g>
-</svg>

packages/backend/src/apps/eventbrite/auth/generate-auth-url.js

@@ -1,19 +0,0 @@
-import { URLSearchParams } from 'url';
-
-export default async function generateAuthUrl($) {
-  const oauthRedirectUrlField = $.app.auth.fields.find(
-    (field) => field.key == 'oAuthRedirectUrl'
-  );
-  const redirectUri = oauthRedirectUrlField.value;
-  const searchParams = new URLSearchParams({
-    response_type: 'code',
-    client_id: $.auth.data.clientId,
-    redirect_uri: redirectUri,
-  });
-
-  const url = `https://www.eventbrite.com/oauth/authorize?${searchParams.toString()}`;
-
-  await $.auth.set({
-    url,
-  });
-}

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

@@ -1,46 +0,0 @@
-import generateAuthUrl from './generate-auth-url.js';
-import verifyCredentials from './verify-credentials.js';
-import isStillVerified from './is-still-verified.js';
-
-export default {
-  fields: [
-    {
-      key: 'oAuthRedirectUrl',
-      label: 'OAuth Redirect URL',
-      type: 'string',
-      required: true,
-      readOnly: true,
-      value: '{WEB_APP_URL}/app/eventbrite/connections/add',
-      placeholder: null,
-      description:
-        'When asked to input a redirect URL in Eventbrite, enter the URL above.',
-      clickToCopy: true,
-    },
-    {
-      key: 'clientId',
-      label: 'API Key',
-      type: 'string',
-      required: true,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: null,
-      clickToCopy: false,
-    },
-    {
-      key: 'clientSecret',
-      label: 'Client Secret',
-      type: 'string',
-      required: true,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: null,
-      clickToCopy: false,
-    },
-  ],
-
-  generateAuthUrl,
-  verifyCredentials,
-  isStillVerified,
-};

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

@@ -1,8 +0,0 @@
-import getCurrentUser from '../common/get-current-user.js';
-
-const isStillVerified = async ($) => {
-  const currentUser = await getCurrentUser($);
-  return !!currentUser.id;
-};
-
-export default isStillVerified;

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

@@ -1,42 +0,0 @@
-import getCurrentUser from '../common/get-current-user.js';
-
-const verifyCredentials = async ($) => {
-  const oauthRedirectUrlField = $.app.auth.fields.find(
-    (field) => field.key == 'oAuthRedirectUrl'
-  );
-  const redirectUri = oauthRedirectUrlField.value;
-  const { data } = await $.http.post(
-    'https://www.eventbrite.com/oauth/token',
-    {
-      grant_type: 'authorization_code',
-      client_id: $.auth.data.clientId,
-      client_secret: $.auth.data.clientSecret,
-      code: $.auth.data.code,
-      redirect_uri: redirectUri,
-    },
-    {
-      headers: {
-        'Content-Type': 'application/x-www-form-urlencoded',
-      },
-    }
-  );
-
-  await $.auth.set({
-    accessToken: data.access_token,
-    tokenType: data.token_type,
-  });
-
-  const currentUser = await getCurrentUser($);
-
-  const screenName = [currentUser.name, currentUser.emails[0].email]
-    .filter(Boolean)
-    .join(' @ ');
-
-  await $.auth.set({
-    clientId: $.auth.data.clientId,
-    clientSecret: $.auth.data.clientSecret,
-    screenName,
-  });
-};
-
-export default verifyCredentials;

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

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

packages/backend/src/apps/eventbrite/common/get-current-user.js

@@ -1,6 +0,0 @@
-const getCurrentUser = async ($) => {
-  const { data: currentUser } = await $.http.get('/v3/users/me');
-  return currentUser;
-};
-
-export default getCurrentUser;

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

@@ -1,16 +0,0 @@
-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: 'Eventbrite',
-  key: 'eventbrite',
-  baseUrl: 'https://www.eventbrite.com',
-  apiBaseUrl: 'https://www.eventbriteapi.com',
-  iconUrl: '{BASE_URL}/apps/eventbrite/assets/favicon.svg',
-  authDocUrl: '{DOCS_URL}/apps/eventbrite/connection',
-  primaryColor: 'F05537',
-  supportsConnections: true,
-  beforeRequest: [addAuthHeader],
-  auth,
-});

packages/backend/src/apps/ntfy/actions/send-message/index.js

@@ -71,11 +71,77 @@ export default defineAction({
         'Timestamp or duration for delayed delivery. For example, 30min or 9am.',
       variables: true,
     },
+    {
+      label: 'Priority',
+      key: 'priority',
+      type: 'dropdown',
+      required: false,
+      description: '',
+      value: 3,
+      variables: true,
+      options: [
+        { label: 'Max Priority', value: 5 },
+        { label: 'High Priority', value: 4 },
+        { label: 'Default Priority', value: 3 },
+        { label: 'Low Priority', value: 2 },
+        { label: 'Min Priority', value: 1 },
+      ],
+    },
+    {
+      label: 'Tags',
+      key: 'tags',
+      type: 'dynamic',
+      required: false,
+      description: '',
+      fields: [
+        {
+          label: 'Tag',
+          key: 'tag',
+          type: 'dropdown',
+          required: false,
+          description: '',
+          variables: true,
+          options: [
+            { label: '👍', value: '+1' },
+            { label: '🥳', value: 'partying_face' },
+            { label: '🎉', value: 'tada' },
+            { label: '✔', value: 'heavy_check_mark' },
+            { label: '📢', value: 'loudspeaker' },
+            { label: '👎', value: '-1' },
+            { label: '⚠', value: 'warning' },
+            { label: '🚨', value: 'rotating_light' },
+            { label: '🚩', value: 'triangular_flag_on_post' },
+            { label: '💀', value: 'skull' },
+            { label: '🤦‍♂️', value: 'facepalm' },
+            { label: '⛔️', value: 'no_entry' },
+            { label: '🚫', value: 'no_entry_sign' },
+            { label: '💿', value: 'cd' },
+            { label: '💻', value: 'computer' },
+          ],
+        },
+      ],
+    },
   ],
 
   async run($) {
-    const { topic, message, title, email, click, attach, filename, delay } =
+    const {
-      $.step.parameters;
+      topic,
+      message,
+      title,
+      email,
+      click,
+      attach,
+      filename,
+      delay,
+      priority,
+      tags,
+    } = $.step.parameters;
+
+    const allTags = tags
+      .map((tag) => tag.tag)
+      .filter(Boolean)
+      .join(',');
+
     const payload = {
       topic,
       message,
@@ -87,7 +153,12 @@ export default defineAction({
       delay,
     };
 
-    const response = await $.http.post('/', payload);
+    const response = await $.http.post('/', payload, {
+      headers: {
+        'X-Priority': priority,
+        'X-Tags': allTags,
+      },
+    });
 
     $.setActionItem({
       raw: response.data,

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

@@ -113,12 +113,6 @@ export default defineConfig({
             { text: 'Connection', link: '/apps/dropbox/connection' },
           ],
         },
-        {
-          text: 'Eventbrite',
-          collapsible: true,
-          collapsed: true,
-          items: [{ text: 'Connection', link: '/apps/eventbrite/connection' }],
-        },
         {
           text: 'Filter',
           collapsible: true,

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

@@ -1,18 +0,0 @@
-# Eventbrite
-
-:::info
-This page explains the steps you need to follow to set up the Eventbrite
-connection in Automatisch. If any of the steps are outdated, please let us know!
-:::
-
-1. Go to your Eventbrite account settings.
-2. Click on the **Developer Links**, and click on the **API Keys** button.
-3. Click on the **Create API Key** button.
-4. Fill the form.
-5. Copy **OAuth Redirect URL** from Automatisch to **OAuth Redirect URI** field in the form.
-6. After filling the form, click on the **Create Key** button.
-7. Click on the **Show API key, client secret and tokens** in the middle of the page.
-8. Copy the **API Key** value to the `API Key` field on Automatisch.
-9. Copy the **Client secret** value to the `Client Secret` field on Automatisch.
-10. Click **Submit** button on Automatisch.
-11. Congrats! Start using your new Eventbrite connection within the flows.

packages/docs/pages/public/favicons/eventbrite.svg

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="256px" height="256px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-		<g>
-				<circle fill="#F05537" cx="128" cy="128" r="128"></circle>
-				<path d="M117.475323,82.7290398 C136.772428,78.4407943 156.069532,86.3025777 166.790146,101.311437 L81.5017079,120.608542 C84.3605382,102.26438 98.1782181,87.0172853 117.475323,82.7290398 Z M167.266618,153.48509 C160.596014,163.252761 150.351872,170.161601 138.678314,172.782195 C119.38121,177.070441 99.8458692,169.208657 89.1252554,153.961562 L174.651929,134.664457 L188.469609,131.567391 L215.152026,125.611495 C214.91379,119.893834 214.199082,114.176173 213.007903,108.696749 C202.287289,62.7172275 155.354825,33.8906884 108.42236,44.6113021 C61.4898956,55.3319159 32.1868848,101.073201 43.1457344,147.290958 C54.1045839,193.508715 100.798813,222.097018 147.731277,211.376404 C175.366637,205.182272 196.807864,186.599875 207.766714,163.014525 L167.266618,153.48509 L167.266618,153.48509 Z" fill="#FFFFFF" fill-rule="nonzero"></path>
-		</g>
-</svg>

packages/web/src/components/EditorNew/EditorNew.jsx

@@ -4,6 +4,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import { FlowPropType } from 'propTypes/propTypes';
 import ReactFlow, { useNodesState, useEdgesState, addEdge } from 'reactflow';
 import 'reactflow/dist/style.css';
+import { Stack } from '@mui/material';
 import { UPDATE_STEP } from 'graphql/mutations/update-step';
 
 import { useAutoLayout } from './useAutoLayout';
@@ -245,7 +246,6 @@ const EditorNew = ({ flow }) => {
         zoomOnPinch={false}
         zoomOnDoubleClick={false}
         panActivationKeyCode={null}
-        proOptions={{ hideAttribution: true }}
       />
     </EditorWrapper>
   );