Filament Character Counter Laravel Package

What's New

✨ Added

• Filament v5 Support: Full compatibility with Filament v5 (Livewire v4) alongside v4
• Comprehensive Tests: Unit tests for all component types (TextInput, Textarea, RichEditor)
• Better Spacing: Proper spacing for RichEditor character counter

🐛 Fixed

RichEditor Character Counting - Complete refactor:

• Fixed JavaScript initialization errors
• Added all required Filament v4/v5 parameters with safe defaults
• Switched to direct DOM text content reading for accuracy
• Implemented Livewire.hook('commit') for reactive updates
• Character counter now updates in real-time while typing

HasCharacterLimit Trait:

• Automatically enforces HTML maxlength attribute
• Prevents paste overflow beyond character limit
• Ensures consistency between visual counter and enforcement

🔧 Technical Details

• RichEditor uses $el.querySelector() for DOM-based character counting
• Added .fi-fo-rich-editor-wrapper CSS class for proper spacing
• Textarea maxLength enforcement with Alpine.js watcher
• Views compatible with both Filament 4 and 5

CI/CD Improvements:

• GitHub Actions test matrix supports both Laravel 11 and 12
• Conditional dev dependency installation via matrix parameters
• Laravel 11: installs larastan ^2.9 and pest-plugin-laravel ^3.0
• Laravel 12: skips incompatible packages (not yet supported by these tools)
• Updated testbench constraint to support both versions (^9.0 || ^10.0)
• PHPStan workflow updated to PHP 8.2 minimum requirement

Testing

Tested and working in:

• ✅ Filament v4 (Livewire v3)
• ✅ Filament v5 (Livewire v4)

All components (TextInput, Textarea, RichEditor) working correctly in both versions.

Added Filament v5 support (Livewire v4 compatible)

• Added: Support for Filament v5 alongside Filament v4
• Updated: Composer dependencies to accept both ^4.0 and ^5.0 versions
• Fixed: Updated test fixtures for Filament v5 API changes (Filament\Forms\Form → Filament\Schemas\Schema)
• Fixed: Textarea maxLength now properly enforces limit even when pasting or programmatic updates (Alpine.js watcher added)
• Added: Comprehensive unit tests for all component types (TextInput, Textarea, RichEditor)
• Note: Views are compatible with both Filament 4 and 5 - no changes required to views
• Note: Character counter functionality remains identical across both versions

Updated readme

First beta release for Filament 4

New : Added French translation (thanks to @tgeorgel)

Fix: The showInsideControl was missing from the Textarea (Thanks @CharlieEtienne for the PR)

Updated:

• updated rich-editor.blade.php

  • Fixing async alpine not loading in spa
  • Add disableGrammarly Method
  • Use Heroicons for rich editor and Markdown editor
  • Add CSS class to rich editor editor

• updated textarea.blade.php

  • Fixing async alpine not loading in spa

Changed: Updated README with new RichEditor support

New: Added Arabic language (thanks to Omar @devOMAR-2) New: Added RichEditor support

New: Added German translation (thanks to @dissto) Fix: Fixed a translation key (thanks to @dissto)

Fix: Respect maxLength in combination with characterLimit

fix: typo in translation for the dutch variant of characters

Fixed a bug if you use ->live() on the Fields, the counter would stutter and the character count was not correct.

Added the option to show the counter in the component (default is outside the component)

Fix: Placed helper in correct section

• initial release

• characterLimit() is now a soft limit again (#36): characterLimit() no longer enforces HTML maxlength or validation. Use maxLength() for hard enforcement, or combine both.

• Fixed test suite (removed obsolete BladeCaptureDirective dependency)

• Fixed PHPStan config (removed deprecated options)