Added media content type info

Author: estruyf

.frontmatter/database/mediaDb.json

@@ -3,7 +3,7 @@ title: Media view
 slug: media-view
 description: null
 date: 2022-11-28T14:55:04.221Z
-lastmod: 2023-04-01T13:53:45.580Z
+lastmod: 2024-02-22T11:23:12.499Z
 weight: 300.2
 ---
 
@@ -13,7 +13,7 @@ The media view has been created to make it easier to look at all media files ava
 articles. When you click on an image, it will show a lightbox, so that it is easier to glance at
 small images.
 
-![Dashboard - Media view - Lightbox][01]
+![Media dashboard][01]
 
 ## Supported files
 
@@ -31,12 +31,69 @@ If you want that the media dashboard supports additional file types, you can def
 ]
 ```
 
+## Metadata
+
+The media dashboard supports metadata for images. By default, the following metadata is supported:
+
+- Title
+- Caption
+- Alternate text
+
+Since version `10.0.0`, you can define your own metadata fields by defining media content types.
+
+### Media content types
+
+Media content types are defined in the `frontMatter.media.contentTypes` setting. This setting allows
+you to define your own metadata fields for your media files.
+
+#### Media content type properties
+
+| Property | Type | Description | Default |
+| --- | --- | --- | --- |
+| `name` | `string` | The name of the content type. | `""` |
+| `fileTypes` | `string[]` | The file extensions that should be associated with this content type. | `[]` |
+| `fields` | `field[]` | The fields that should be shown for this content type. | `[]` |
+
+#### Media field properties
+
+| Property | Type | Description | Default |
+| --- | --- | --- | --- |
+| `title` | `string` | The title of the field. | `""` |
+| `name` | `string` | The name of the field. | `""` |
+| `type` | `string` | The type of the field (`string`). | `""` |
+| `single` | `boolean` | If the field is a single line value. | `true` |
+
+```json {{ "title": "Example of defining media content types" }}
+{
+  "frontMatter.media.contentTypes": [{
+    "name": "default",
+    "fileTypes": ["png", "jpg", "jpeg", "gif"],
+    "fields": [{
+        "title": "Title",
+        "name": "title",
+        "type": "string"
+      },
+      {
+        "title": "Author",
+        "name": "author",
+        "type": "string"
+      },
+      {
+        "title": "Alt text",
+        "name": "alt",
+        "type": "string"
+      }
+    ]
+  }]
+}
+```
+
 ## Media actions
 
 On the image card, there are actions like setting metadata, copying the relative path, and deleting
 the media file.
 
-### Setting metadata
+### Updating metadata
 
 Setting metadata got introduced so that you can set the description and alt tag of your images. This
 functionality makes it easier to insert your images to your content.
@@ -77,9 +134,9 @@ your explorer/finder window into one of your folders.
 ![Dashboard - Upload media file][06]
 
 <!-- Link References -->
-[01]: /releases/v5.9.0/media-lightbox.png
-[02]: /releases/v5.0.0/metadata-media.png
+[01]: /releases/v10.0.0/media-dashboard.png
+[02]: /releases/v10.0.0/metadata-update.png
 [03]: /docs/markdown#insert-images
-[04]: /releases/v5.9.0/media-deletion.png
+[04]: /releases/v10.0.0/delete-media.png
 [05]: /docs/custom-actions#creating-a-media-script
-[06]: /releases/v5.9.0/media-upload.png
+[06]: /releases/v10.0.0/media-upload.png

content/docs/dashboard/media-view.md

@@ -3,7 +3,7 @@ title: Settings overview
 slug: settings/overview
 description: null
 date: 2023-02-13T16:44:09.618Z
-lastmod: 2024-02-22T10:16:24.290Z
+lastmod: 2024-02-22T11:12:35.358Z
 weight: 1100.2
 ---
 
@@ -455,6 +455,15 @@ Specifies which type of notifications you want to see or which you want to hide.
 - Type: `array<string>`
 - Default: `["info", "warning", "error"]`
 
+### frontMatter.media.contentTypes
+
+Specify the content types you want to use for your media files.
+
+- Type: `array`
+- Default: ``
+
+> **Info**: More information on how to use it can be found in the [media content types][24] section.
+
 ### frontMatter.media.defaultSorting
 
 Specify the default sorting option for the media dashboard.
@@ -849,3 +858,4 @@ This setting has been deprecated since version `3.1.0` in favour of the newly in
 [21]: /docs/content-creation/multilingual
 [22]: /docs/content-view#sorting
 [23]: /docs/content-view#filters
+[24]: /docs/media-view#metadata

content/docs/settings/available-settings.md

@@ -239,6 +239,12 @@
       "script": "./scripts/convert-webp.mjs",
       "command": "~/.nvm/versions/node/v18.17.1/bin/node",
       "type": "mediaFile"
+    },
+    {
+      "title": "Optimize",
+      "script": "./scripts/optimize.mjs",
+      "command": "~/.nvm/versions/node/v18.17.1/bin/node",
+      "type": "mediaFile"
     }
   ]
 }