Strapi Release: 4.0.0-beta.12

TL;DR

Strapi v4.0.0-beta.12 brings significant improvements to the UI/UX with search functionality in the Media Library, fixes for filters and input components, and important dependency upgrades for security. This release focuses on polishing the user experience and addressing various bugs before the stable release.

Highlight of the Release

• Added search functionality to the Media Library
• Fixed filter behavior in Content Manager and Media Library
• Upgraded dependencies for security improvements
• Refactored policies to have a consistent factory API
• Removed legacy dependencies (Buffetjs, reactstrap, draft-js)
• Fixed field validations for integers

Migration Guide

Migrating from v4.0.0-beta.11 to v4.0.0-beta.12

This beta release doesn't require specific migration steps. However, developers should be aware of the following changes:

1. Policy API Changes: Policies now have a consistent factory API similar to middlewares. If you've created custom policies, ensure they follow the new pattern.

2. Helper Plugin Cleanup: If you were using components or utilities from the helper plugin that were based on Buffetjs, you'll need to update your code to use the new Design System components.

3. Dependency Changes: Several dependencies have been removed or upgraded:

   • reactstrap has been removed
   • draft-js has been removed
   • Buffetjs has been removed from helper dependencies

If your custom code relies on any of these dependencies, you'll need to update it accordingly.

Upgrade Recommendations

As this is a beta release with significant bug fixes and security improvements, it's recommended to upgrade if you're currently using v4.0.0-beta.11. The changes in this release focus on stability and user experience improvements, making it a worthwhile upgrade.

For production environments, it's still advisable to wait for the stable v4.0.0 release unless you specifically need the fixes included in this beta.

Bug Fixes

Filter and Input Fixes

• Fixed onBlur behavior for filters in Content Manager
• Fixed filter popover closing when selecting a date in Content Manager and Media Library
• Fixed z-index issues with InputJSON component
• Removed unnecessary onBlur events on filters URL query

WYSIWYG Editor Fixes

• Fixed UI issues in the WYSIWYG editor
• Fixed preview header UI in WYSIWYG
• Fixed focus after adding a title
• Fixed StrikeThrough icon import in WysiwygNav

Relation Component Fixes

• Improved UI for relation components
• Fixed styling issues in relation interfaces

Other Fixes

• Fixed users-permissions user controllers permissions
• Fixed maxLength validation in field validations
• Fixed Content Manager list view clone URL
• Fixed edit asset functionality in browse step in the Media Library
• Added missing empty states for the Media Library
• Fixed list selection and styling

New Features

Search in Media Library

A new search functionality has been added to the Media Library, allowing users to quickly find assets by name. This includes:

• Search input in the Media Library interface
• Handling of search queries and results
• Clear search functionality
• Empty state for search results
• Comprehensive test coverage

Design System Updates

• Updated to Design System version 0.0.1-alpha.63 and later to alpha.64
• Replaced Typography components from Text to Typography
• Applied Typography component to application pages for consistent text styling

Security Updates

Security Improvements

• Upgraded dependencies based on security audit recommendations
• Fixed dependencies with security vulnerabilities
• Improved policy handling to avoid unintended usage bugs

Performance Improvements

Dependency and Build Improvements

• Migrated to webpack-dev-server 4
• Bumped mini-css-extract-plugin
• Optimized dependencies by removing unused ones
• Cleaned up helper plugin by removing old components and utilities

Impact Summary

This beta release represents an important step toward the stable v4.0.0 release, with a focus on fixing bugs and improving the user experience. The addition of search functionality to the Media Library enhances content management workflows, while fixes to filters, input components, and the WYSIWYG editor address pain points reported by users.

The security improvements through dependency upgrades and policy refactoring make the application more robust. The cleanup of legacy dependencies like Buffetjs and reactstrap continues the modernization of Strapi's codebase.

For developers, the consistent policy API and fixed field validations improve the development experience and reduce potential bugs. Content editors will appreciate the improved UI and fixed functionality in the Content Manager and Media Library.

Overall, this release brings Strapi v4 closer to production readiness with enhanced stability and user experience.

Full Release Notes