Home

>

Tools

>

Strapi

>

Releases

>

4.0.0-beta.10

Strapi Release: 4.0.0-beta.10

Pre Release

Tag Name: v4.0.0-beta.10

Release Date: 11/4/2021

Strapi LogoStrapi

Open-source headless CMS built with Node.js. Provides developers with complete freedom in choosing their favorite tools and frameworks for frontend development.

TL;DR

Strapi v4.0.0-beta.10 introduces a major enhancement with the integration of the Media Library directly into the Content Manager, providing a seamless experience for managing media assets within content entries. This release also includes important fixes for templates installation from npm and various UI improvements.

Highlight of the Release

    • Integration of Media Library directly into the Content Manager
    • Improved media asset management with drag and drop functionality
    • Fixed template installation from npm packages
    • Enhanced API payload sanitization for restricted relations
    • Support for using 'all' as a locale argument

Migration Guide

No specific migration steps are required for this beta release. However, if you're upgrading from a previous beta version, be aware of the following:

  • The Media Library integration in the Content Manager introduces new UI components and workflows
  • If you've customized the Media Library or Content Manager interfaces, you may need to review your customizations
  • The enhanced API payload sanitization might affect your frontend if you were relying on restricted relations being included in responses

Upgrade Recommendations

As this is a beta release (v4.0.0-beta.10), it's recommended for:

  • Development and testing environments
  • Projects that need the new Media Library integration in the Content Manager
  • Projects affected by the template installation issue from npm

This release contains significant UI enhancements and bug fixes that improve the overall experience, especially for content editors working with media assets. If you're currently on v4.0.0-beta.9, upgrading is recommended to benefit from these improvements.

For production environments, it's advisable to wait for the stable v4.0.0 release unless you specifically need these features or fixes.

Bug Fixes

Template Installation Fix

  • Fixed an issue with template installation from npm packages
  • Improved path resolution for templates using require.resolve

Content Manager UI Fixes

  • Fixed relation display in the Content Manager
  • Fixed file deletion in the Media Library when used within the Content Manager
  • Fixed Content Manager left menu sorting
  • Removed inappropriate options for media and relations in the Content Manager

API Payload Handling

  • Enhanced sanitization of API payloads
  • Improved handling of restricted relations in Content API responses
  • Fixed handling of polymorphic relations in the related visitor
  • Properly removing morph attributes when empty

New Features

Media Library in Content Manager

The major feature of this release is the integration of the Media Library directly into the Content Manager:

  • Seamless Media Management: Access and manage media assets without leaving the Content Manager
  • Enhanced Media Selection: Browse, select, and attach media to content entries with an improved interface
  • Drag and Drop Support: Easily add media to content entries using drag and drop functionality
  • Direct Upload: Upload new assets directly from the Content Manager interface
  • Carousel View: Improved display of multiple media assets with carousel functionality
  • Pagination and Sorting: Better navigation of media assets with pagination and sorting options
  • Empty State Handling: Improved UX with proper empty states for media fields

Locale Enhancement

  • Added support for using 'all' as a locale argument, making it easier to work with multi-language content

Security Updates

No specific security fixes were mentioned in this release.

Performance Improvements

Media Library Performance

  • Optimized asset fetching in the browse step of the Media Library
  • Improved handling of media selections with better state management
  • Extracted carousel functionality for better performance and reusability

Impact Summary

This beta release significantly enhances the content editing experience in Strapi by integrating the Media Library directly into the Content Manager. Content editors will benefit from a more streamlined workflow when working with media assets, with features like direct uploads, drag and drop functionality, and improved media selection interfaces.

Developers will appreciate the fixed template installation from npm and enhanced API payload sanitization, which provides better control over restricted relations in API responses. The addition of 'all' as a locale argument also improves flexibility when working with multilingual content.

The UI improvements, including fixes to relation displays and left menu sorting, contribute to a more polished and intuitive admin interface. Overall, this release represents a significant step forward in Strapi's content management capabilities, particularly for media-rich applications.

Full Release Notes

Changes

  • Media Library in the Content Manager
  • Templates fix
  • UI fix

Statistics:

File Changed300
Line Additions4,443
Line Deletions12,767
Line Changes17,210
Total Commits50

User Affected:

  • Can now access and manage media assets directly within the Content Manager interface
  • Benefit from improved media selection, upload, and management workflows
  • Can use drag and drop functionality for media in the Content Manager

Contributors:

soupetteremidejConvlyalexandrebodin