docs(dropbox): add connection and actions

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

@@ -59,6 +59,15 @@ export default defineConfig({
             { text: 'Connection', link: '/apps/discord/connection' },
           ],
         },
+        {
+          text: 'Dropbox',
+          collapsible: true,
+          collapsed: true,
+          items: [
+            { text: 'Actions', link: '/apps/dropbox/actions' },
+            { text: 'Connection', link: '/apps/dropbox/connection' },
+          ],
+        },
         {
           text: 'Flickr',
           collapsible: true,

packages/docs/pages/apps/dropbox/actions.md

@@ -0,0 +1,14 @@
+---
+favicon: /favicons/dropbox.svg
+items:
+  - name: Create a folder
+    desc: Creates a new folder with the given parent folder and folder name.
+  - name: Rename a file
+    desc: Rename a file with the given file path and new name.
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

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

@@ -0,0 +1,20 @@
+# Dropbox
+
+:::info
+This page explains the steps you need to follow to set up the Dropbox
+connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Go to the [link](https://www.dropbox.com/developers/apps) to create a **new application** on Dropbox.
+1. Choose the "Scoped access" option in the "Choose an API" section.
+1. Choose the "Full Dropbox" option in the "Choose the type of access you need" section.
+1. Name your application.
+1. Click on the **Create app** button.
+1. Copy **OAuth Redirect URL** from Automatisch to **Redirect URIs** field and add it.
+1. Click on the **Scoped App** link in the "Permission type" section.
+1. Check the checkbox for the "files.content.write" scope and click on the **Submit** button.
+1. Go back to the "Settings" tab.
+1. Copy **App key** to **App key** field on Automatisch.
+1. Copy **App secret** to **App secret** field on Automatisch.
+1. Click **Submit** button on Automatisch.
+1. Congrats! Start using your new Dropbox connection within the flows.

packages/docs/pages/guide/available-apps.md

@@ -9,9 +9,10 @@ Following integrations are currently supported by Automatisch.
 - [DeepL](/apps/deepl/actions)
 - [Delay](/apps/delay/actions)
 - [Discord](/apps/discord/actions)
+- [Dropbox](/apps/dropbox/actions)
 - [Flickr](/apps/flickr/triggers)
-- [Google Drive](/apps/google-drive/triggers)
 - [Github](/apps/github/triggers)
+- [Google Drive](/apps/google-drive/triggers)
 - [Google Forms](/apps/google-forms/triggers)
 - [HTTP Request](/apps/http-request/actions)
 - [Ntfy](/apps/ntfy/actions)

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

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Dropbox" role="img" viewBox="0 0 512 512" fill="#0061ff">
+  <path d="M158 101l-99 63 295 188 99-63m-99-188l99 63-295 188-99-63m99 83l98 63 98-63-98-62z"/>
+</svg>