Merge pull request #1016 from automatisch/add-docs-for-google-drive

docs: add google drive connection and triggers

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

@@ -68,6 +68,15 @@ export default defineConfig({
             { text: 'Connection', link: '/apps/flickr/connection' },
           ],
         },
+        {
+          text: 'Google Drive',
+          collapsible: true,
+          collapsed: true,
+          items: [
+            { text: 'Triggers', link: '/apps/google-drive/triggers' },
+            { text: 'Connection', link: '/apps/google-drive/connection' },
+          ],
+        },
         {
           text: 'Github',
           collapsible: true,

packages/docs/pages/apps/google-drive/connection.md

@@ -0,0 +1,28 @@
+# Google Drive
+
+:::info
+This page explains the steps you need to follow to set up the Google Drive
+connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Go to the [Google Cloud Console](https://console.cloud.google.com) to create a project.
+2. Click on the project drop-down menu at the top of the page, and click on the **New Project** button.
+3. Enter a name for your project and click on the **Create** button.
+4. Go to [API Library](https://console.cloud.google.com/apis/library) in Google Cloud console.
+5. Search for **People API** in the search bar and click on it.
+6. Click on the **Enable** button to enable the API.
+7. Repeat steps 5 and 6 for the **Google Drive API**
+8. Go to [OAuth consent screen](https://console.cloud.google.com/apis/credentials/consent) in Google Cloud console.
+9. Select **External** here for starting your app in testing mode at first. Click on the **Create** button.
+10. Fill **App Name**, **User Support Email**, and **Developer Contact Information**. Click on the **Save and Continue** button.
+11. Skip adding or removing scopes and click on the **Save and Continue** button.
+12. Click on the **Add Users** button and add a test email because only test users can access the app while publishing status is set to "Testing".
+13. Click on the **Save and Continue** button and now you have configured the consent screen.
+14. Go to [Credentials](https://console.cloud.google.com/apis/credentials) in Google Cloud console.
+15. Click on the **Create Credentials** button and select the **OAuth client ID** option.
+16. Select the application type as **Web application** and fill the **Name** field.
+17. Copy **OAuth Redirect URL** from Automatisch to **Authorized redirect URIs** field, and click on the **Create** button.
+18. Copy the **Your Client ID** value from the following popup to the `Client ID` field on Automatisch.
+19. Copy the **Your Client Secret** value from the following popup to the `Client Secret` field on Automatisch.
+20. Click **Submit** button on Automatisch.
+21. Congrats! Start using your new Google Drive connection within the flows.

packages/docs/pages/apps/google-drive/triggers.md

@@ -0,0 +1,14 @@
+---
+favicon: /favicons/google-drive.svg
+items:
+  - name: New Files
+    desc: Triggers when any new file is added (inside of any folder)
+  - name: New Files in Folder
+    desc: Triggers when a new file is added directly to a specific folder (but not its subfolder)
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

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

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

packages/docs/pages/public/favicons/google-drive.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 87.3 78" xmlns="http://www.w3.org/2000/svg">
+	<path d="m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z" fill="#0066da"/>
+	<path d="m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z" fill="#00ac47"/>
+	<path d="m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z" fill="#ea4335"/>
+	<path d="m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z" fill="#00832d"/>
+	<path d="m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z" fill="#2684fc"/>
+	<path d="m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z" fill="#ffba00"/>
+</svg>