feat: Strapi v5 Support with Dashboard Widget & Mobile-Optimized UI #100
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
## Features - ✅ Strapi v5.3.2 compatibility with @strapi/sdk-plugin - ✅ Dashboard widget showing real-time Socket.IO statistics - ✅ Mobile-optimized Monitoring & Settings pages with responsive design - ✅ Enhanced input fields (48px height, 16px font on mobile) - ✅ Fixed GitHub Issues strapi-community#95 (images collection) and strapi-community#82 (CollectionTypes with relations) - ✅ Entity Service API instead of deprecated db.query() - ✅ Multi-language support (EN, DE, ES, FR, PT) ## UI/UX Improvements - Modern styled-components for responsive layouts - Touch-friendly inputs with proper sizing - Hidden number spinners on mobile for better UX - Gradient stat cards with hover effects - Auto-refresh every 60 seconds to reduce database load ## Technical Changes - Uses Entity Service API for proper relation handling - Transform service for media and relation fields - Proper sanitization and permission checks - Redis adapter support for multi-server scaling - Namespace support for isolated Socket.IO endpoints - Role-based permissions with content-type granularity
🔒 Security: - Add sanitize-sensitive-fields middleware - Filters password, tokens, secrets from Socket.IO events - Recursive deep sanitization for nested objects 🔧 Transaction Fixes: - Use transactionCtx.onCommit for lifecycle hooks - Prevent 'Transaction query already complete' errors - afterDelete uses raw() to avoid sanitization queries - Disable bulkDeleteMany hooks (Strapi v5 transaction limitations) ✅ Event Matrix: - Create (single/bulk): Full events with sanitization - Update (single/bulk): Full events with sanitization - Delete (single): ID-only events via raw() - Delete (bulk): Disabled due to transaction conflicts
- Replace eval('require') with lazy-loaded require()
- Cleaner transaction context initialization
- No more build warnings
- Maintains same functionality for post-commit hooks
- Remove emoji from service welcome message - Convert React default imports to named imports (3 files) - Document legitimate Query Engine usage for admin::api-token * admin::api-token is Core Admin Entity * Follows official Strapi Core implementation * Source: strapi/strapi/packages/core/admin/server/strategies/api-token.js - Build clean without warnings Note: Using strapi.db.query() for admin::api-token is correct per Strapi Core implementation
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Features
UI/UX Improvements
Technical Changes
Description
Type of change
Relevant Issue(s)