Directus Extension Imagga
Automatic image tagging of Directus files with Imagga API
Overview:
Imagga for Directus is a hook for file uploads that automatically tags images using the Imagga API. It is a Directus extension that can be added to Directus 10 or higher installations. The extension enables the automatic suggestion of textual tags from images and analysis of the predominant colors in images. It requires the installation of the @bicou/directus-extension-imagga npm package and configuration of the extension with environment variables.
Features:
- Automatic Tagging: The extension automatically suggests textual tags from uploaded images.
- Tag Limit: The number of tags in the result can be limited using the IMAGGA_TAGS_LIMIT configuration option.
- Tag Threshold: The confidence of tags in the result can be adjusted using the IMAGGA_TAGS_THRESHOLD configuration option.
- Tag Language Translation: The extension provides the option to get a translation of the tags in other languages using the IMAGGA_TAGS_LANGUAGE configuration option.
- Color Extraction: The extension can analyze and extract the predominant colors from images.
- Color Enable/Disable: The color extraction feature can be enabled or disabled using the IMAGGA_COLORS_ENABLE configuration option.
Summary:
Imagga for Directus is a powerful extension that enhances the file upload process in Directus by automatically tagging images and extracting predominant colors using the Imagga API. It offers a range of configuration options to customize the tagging and color extraction process. By automatically suggesting tags and extracting colors, this extension saves time and effort in manually categorizing files. It is a valuable addition to any Directus installation and can greatly improve the organization and searchability of image files.
- Directus
A website that uses Directus as an open source headless CMS to manage content. This includes features such as a customizable content model, role-based access control, and API-based content delivery to support a wide range of digital experiences.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Recoil
Recoil is a state management library for React that provides an intuitive and flexible API for managing and sharing state across components. It supports a range of features, including derived state, asynchronous updates, and time-travel debugging, and is designed to work well with the React ecosystem and other state management solutions.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.