# Varbase Media Base

The **Varbase Media Base** recipe provides comprehensive media handling for Varbase sites, including media types, image styles, responsive image configurations, media library enhancements, and file handling capabilities.

## Drupal.org Project

<https://www.drupal.org/project/varbase_media_base>

## Recipe Dependencies

Depends on the following Drupal core recipes:

| Recipe                                                      | Description                                                               |
| ----------------------------------------------------------- | ------------------------------------------------------------------------- |
| **core/recipes/audio\_media\_type** *(Drupal core)*         | Adds the Audio media type for managing audio file content.                |
| **core/recipes/image\_media\_type** *(Drupal core)*         | Adds the Image media type with default image-handling configuration.      |
| **core/recipes/local\_video\_media\_type** *(Drupal core)*  | Adds the local Video media type for self-hosted video files.              |
| **core/recipes/remote\_video\_media\_type** *(Drupal core)* | Adds the remote Video media type for embedding YouTube and Vimeo content. |

## Included Modules

Brings in the following core and contributed modules to your site:

| Module                                                                                | Purpose                                                                                             |
| ------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| **Media** *(in Drupal core)*                                                          | Manages the creation, configuration, and display of media items.                                    |
| **Media Library** *(in Drupal core)*                                                  | Enhances the media list with additional features to more easily find and use existing media items.  |
| **File** *(in Drupal core)*                                                           | Provides a field type for files and defines a "managed\_file" Form API element.                     |
| **Image** *(in Drupal core)*                                                          | Defines a field type for image media and provides display configuration tools.                      |
| **Breakpoint** *(in Drupal core)*                                                     | Manages breakpoints and breakpoint groups for responsive designs.                                   |
| **Views** *(in Drupal core)*                                                          | Provides a framework to fetch information from the database and to display it in different formats. |
| [**Better Exposed Filters**](https://www.drupal.org/project/better_exposed_filters)   | Provides advanced options (e.g. links, checkboxes, or other widgets) to exposed Views elements.     |
| [**Crop API**](https://www.drupal.org/project/crop)                                   | Provides storage and API for image crops.                                                           |
| [**Drimage Improved**](https://www.drupal.org/project/drimage_improved)               | Optimized responsive images using client hints and automatic srcset generation.                     |
| [**DropzoneJS entity browser widget**](https://www.drupal.org/project/dropzonejs)     | DropzoneJS Entity browser widget.                                                                   |
| [**Embed**](https://www.drupal.org/project/embed)                                     | Provides a framework for different types of embeds in text editors.                                 |
| [**Focal Point**](https://www.drupal.org/project/focal_point)                         | Allows users to specify the focal point of an image for use during cropping.                        |
| **Field UI** *(in Drupal core)*                                                       | Provides a user interface for the Field module.                                                     |
| [**Media Bulk Upload**](https://www.drupal.org/project/media_bulk_upload)             | Allows uploading files in bulk and converting them to media entities.                               |
| [**Media Bulk Upload: DropzoneJS**](https://www.drupal.org/project/media_bulk_upload) | Allows DropzoneJS integration with media bulk upload.                                               |
| [**Media Library Edit**](https://www.drupal.org/project/media_library_edit)           | Add an edit button to the Media Library widget when an item is selected.                            |
| [**Views Bulk Operations**](https://www.drupal.org/project/views_bulk_operations)     | Adds an ability to perform bulk operations on selected entities from view results.                  |
| [**Views Infinite Scroll**](https://www.drupal.org/project/views_infinite_scroll)     | A pager which allows an infinite scroll effect for views.                                           |
| [**Views Bulk Edit**](https://www.drupal.org/project/views_bulk_edit)                 | Allows bulk edition of entity field values.                                                         |
| [**WebP**](https://www.drupal.org/project/webp)                                       | Generates WebP copies of image style derivatives.                                                   |
| [**Varbase Media**](https://www.drupal.org/project/varbase_media)                     | Provides Varbase media types, view modes, and configurations.                                       |
| [**Drupal Canvas**](https://www.drupal.org/project/canvas)                            | Page builder used by Varbase. Enabled here so media references resolve inside Canvas pages.         |

## Installation

Apply the recipe using Drush:

```bash
ddev drush recipe ../recipes/varbase_media_base
```

This recipe is automatically applied when using the Varbase Starter recipe.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.varbase.vardot.com/developers/understanding-varbase/varbase-recipes/varbase-media-base.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.