feat: Implement initial version of formatter app

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

@@ -86,6 +86,15 @@ export default defineConfig({
             { text: 'Connection', link: '/apps/flickr/connection' },
           ],
         },
+        {
+          text: 'Formatter',
+          collapsible: true,
+          collapsed: true,
+          items: [
+            { text: 'Actions', link: '/apps/formatter/actions' },
+            { text: 'Connection', link: '/apps/formatter/connection' },
+          ],
+        },
         {
           text: 'GitHub',
           collapsible: true,

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

@@ -0,0 +1,12 @@
+---
+favicon: /favicons/formatter.svg
+items:
+  - name: Text
+    desc: Transform text data to capitalize, extract emails, apply default value, and much more.
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

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

@@ -0,0 +1,11 @@
+# Formatter
+
+Formatter is a built-in app shipped with Automatisch, and it doesn't need to talk with any other external service to run. So there are no additional steps to use the Formatter app. It can be used as an action, and you can use it to format the data from the previous steps. It can be used to format the data in the following ways.
+
+## Text
+
+- Capitalize
+- Convert HTML to Markdown
+- Convert Markdown to HTML
+- Use Default Value
+- Extract Email Address

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

@@ -1,6 +1,6 @@
 # Available Apps
 
-Following integrations are currently supported by Automatisch.
+The following integrations are currently supported by Automatisch.
 
 - [DeepL](/apps/deepl/actions)
 - [Delay](/apps/delay/actions)
@@ -8,6 +8,7 @@ Following integrations are currently supported by Automatisch.
 - [Dropbox](/apps/dropbox/actions)
 - [Filter](/apps/filter/actions)
 - [Flickr](/apps/flickr/triggers)
+- [Formatter](/apps/formatter/actions)
 - [GitHub](/apps/github/triggers)
 - [GitLab](/apps/gitlab/triggers)
 - [Google Drive](/apps/google-drive/triggers)

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

@@ -0,0 +1,3 @@
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 4H20M4 12H20M4 20H20M4 8H14M4 16H14" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>