PHPackages baskarcm/tzi-chat-ui - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. baskarcm/tzi-chat-ui ActiveLibrary baskarcm/tzi-chat-ui ==================== Laravel messenger suite UI. 1.3.1(3y ago)052MITJavaScript Since Mar 9Pushed 3y ago1 watchersCompare [ Source](https://github.com/baskarcm/tzi-chat-ui)[ Packagist](https://packagist.org/packages/baskarcm/tzi-chat-ui)[ RSS](/packages/baskarcm-tzi-chat-ui/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)DependenciesVersions (30)Used By (0) tzi-chat-ui =========== [](#tzi-chat-ui) Laravel messenger suite UI. Messenger UI ============ [](#messenger-ui) [![Latest Version on Packagist](https://camo.githubusercontent.com/54c851e9b8a8acbc553db03f5d27a24235bd4dd5577b843cec50d6422db28cdb/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6261736b6172636d2f747a692d636861742d75692e7376673f7374796c653d706c61737469632663616368655365636f6e64733d33363030)](https://packagist.org/packages/baskarcm/tzi-chat-ui)[![Total Downloads](https://camo.githubusercontent.com/87eca1663cef3980b7f73e4cf2f1e123291c8d6d5649f9c64710d6fe7fde4c0f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6261736b6172636d2f747a692d636861742d75692e7376673f7374796c653d706c61737469632663616368655365636f6e64733d33363030)](https://packagist.org/packages/baskarcm/tzi-chat-ui)[![StyleCI](https://camo.githubusercontent.com/be3fb0150c6d432b1dc8a470b06675834d75e4203e1e4aa80a43cc812b9efa30/68747470733a2f2f7374796c6563692e696f2f7265706f732f3337393734333230312f736869656c643f7374796c653d706c61737469632663616368655365636f6e64733d33363030)](https://styleci.io/repos/379743201)[![License](https://camo.githubusercontent.com/20b65aa6c5e05b7772fa3e10afae38ab0b675543bc44eb2a762917a27fd85214/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6261736b6172636d2f747a692d636861742d75693f7374796c653d706c6173746963)](https://packagist.org/packages/baskarcm/tzi-chat-ui) --- [![Preview](https://raw.githubusercontent.com/RTippin/messenger/1.x/docs/images/image1.png?raw=true)](https://raw.githubusercontent.com/RTippin/messenger/1.x/docs/images/image1.png?raw=true) --- Ready-made UI and web routes for use with [baskarcm/tzi-chat-ui](https://github.com/RTippin/messenger) ------------------------------------------------------------------------------------------------------ [](#ready-made-ui-and-web-routes-for-use-with-baskarcmtzi-chat-ui) ### Notes [](#notes) - This package provides web routes and a published UI to consume `messenger's` API. No authentication routes/system will be setup for you. - Our compiled `NotifyManager.js` uses laravel echo, with the `pusher-js` library. - For websockets, this package supports [pusher.com](https://pusher.com/) directly, or the drop-in replacement [laravel-websockets](https://beyondco.de/docs/laravel-websockets/getting-started/introduction). - Instructions are located below for setting up the websocket implementation of your choosing. - After publishing our `views`, you may wish to edit them to fit your needs. - Future versions planned will be crafted in `react`. --- Installation ============ [](#installation) ### Via Composer [](#via-composer) ``` composer require baskarcm/tzi-chat-ui ``` ### Publish Assets and Config [](#publish-assets-and-config) - This will publish our JS assets, images, views, and config. ``` php artisan tzi:chat:ui:publish ``` - When using composer to update this package, we recommend republishing our JS/CSS assets: ``` php artisan vendor:publish --tag=tzi-chat-ui.assets --force ``` --- Config ====== [](#config) ***Default:*** ``` 'site_name' => env('MESSENGER_SITE_NAME', 'Messenger'), 'websocket' => [ 'pusher' => env('MESSENGER_SOCKET_PUSHER', false), 'host' => env('MESSENGER_SOCKET_HOST', 'localhost'), 'auth_endpoint' => env('MESSENGER_SOCKET_AUTH_ENDPOINT', '/api/broadcasting/auth'), 'key' => env('MESSENGER_SOCKET_KEY'), 'port' => env('MESSENGER_SOCKET_PORT', 6001), 'use_tsl' => env('MESSENGER_SOCKET_TLS', false), 'cluster' => env('MESSENGER_SOCKET_CLUSTER'), ], 'routing' => [ 'domain' => null, 'prefix' => 'messenger', 'middleware' => ['web', 'auth', 'messenger.provider'], 'invite_middleware' => ['web', 'messenger.provider'], ], ``` - `site_name` is used in our views to inject the name in the navbar. - `websocket`: - When using the real `pusher.com`, you need to set `pusher` to `true`, add in your `cluster`, and your `key`. - When using `laravel-websockets`, you leave `pusher` to `false`, ignore `cluster`, and set your `host`, `port`, and `key`. - The `auth_endpoint` is for your laravel's backend to authorize access to our messenger channels. The default `messenger.php` config prefixes the channel routes with `api`, hence our default config above uses `/api/broadcasting/auth` when not set. - `routing` you may choose your desired endpoint domain, prefix and middleware. - Invite join web route you can define separate middleware from the rest of the web routes, as you may want a guest allowed to view that page. - The default `messenger.provider` middleware is included with `messenger` and simply sets the active messenger provider by grabbing the authenticated user from `$request->user()`. --- Using [Pusher](https://pusher.com/) =================================== [](#using-pusher) - After you have your pusher credentials ready, you should install the pusher SDK: ``` composer require pusher/pusher-php-server ``` - Once installed, set your `.env` variables: ***Default `broadcasting.php` config*** ``` 'pusher' => [ 'driver' => 'pusher', 'key' => env('PUSHER_APP_KEY'), 'secret' => env('PUSHER_APP_SECRET'), 'app_id' => env('PUSHER_APP_ID'), 'options' => [ 'cluster' => env('PUSHER_APP_CLUSTER'), 'useTLS' => false, ], ], ``` ***`.env` keys for both pusher and our UI*** ``` BROADCAST_DRIVER=pusher PUSHER_APP_ID=YourPusherId PUSHER_APP_KEY=YourPusherKey PUSHER_APP_SECRET=YourPusherSecret PUSHER_APP_CLUSTER=YourPusherCluster MESSENGER_SOCKET_PUSHER=true MESSENGER_SOCKET_KEY="${PUSHER_APP_KEY}" MESSENGER_SOCKET_CLUSTER="${PUSHER_APP_CLUSTER}" ``` - You are all set! Our UI will connect to your pusher account. Be sure to enable `client events` within your pusher account if you want our client to client events enabled. --- Using [laravel-websockets](https://beyondco.de/docs/laravel-websockets/getting-started/introduction) ==================================================================================================== [](#using-laravel-websockets) - First, you need to have installed the websocket package (This package has been tested using laravel-websockets v1.12). - Ideally, you should follow the official [Installation Documentation](https://beyondco.de/docs/laravel-websockets/getting-started/installation) from `beyondcode` if you are doing a fresh installation. ``` composer require beyondcode/laravel-websockets "^1.12" ``` - Once you have installed and configured the websocket package, set your `.env` variables and update the default pusher config: ***Updated `broadcasting.php` config per `beyondcode's` documentation*** ``` 'pusher' => [ 'driver' => 'pusher', 'key' => env('PUSHER_APP_KEY'), 'secret' => env('PUSHER_APP_SECRET'), 'app_id' => env('PUSHER_APP_ID'), 'options' => [ 'cluster' => env('PUSHER_APP_CLUSTER'), 'encrypted' => true, 'host' => 'localhost', 'port' => 6001, 'scheme' => 'http' ], ], ``` ***`.env` keys for both `laravel-websockets` and our UI*** ``` BROADCAST_DRIVER=pusher PUSHER_APP_ID=MakeYourID PUSHER_APP_KEY=MakeYourKey PUSHER_APP_SECRET=MakeYourSecret MESSENGER_SOCKET_HOST=localhost MESSENGER_SOCKET_KEY="${PUSHER_APP_KEY}" ``` - You are all set! Our UI will connect to your server running `php artisan websockets:serve`. Be sure to enable `client events` in your `laravel-websockets` config if you want our client to client events enabled. ### Health Score 25 — LowBetter than 37% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity8 Limited adoption so far Community7 Small or concentrated contributor base Maturity55 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 29 Last Release 1156d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/e91edbf026fd32913026066bacd8fe76468dc033ab1637ed268db2d88aa215d2?d=identicon)[Baskarc](/maintainers/Baskarc) --- Top Contributors [![baskarcm](https://avatars.githubusercontent.com/u/78421974?v=4)](https://github.com/baskarcm "baskarcm (33 commits)") --- Tags laravelMessenger ### Embed Badge ![Health badge](/badges/baskarcm-tzi-chat-ui/health.svg) ``` [![Health](https://phpackages.com/badges/baskarcm-tzi-chat-ui/health.svg)](https://phpackages.com/packages/baskarcm-tzi-chat-ui) ``` ### Alternatives [cmgmyr/messenger Simple user messaging tool for Laravel 2.6k2.4M6](/packages/cmgmyr-messenger)[casperlaitw/laravel-fb-messenger A Laravel Package to Integrate Facebook Messenger API 10631.5k](/packages/casperlaitw-laravel-fb-messenger)[lexxyungcarter/chatmessenger Simple one-to-one/group chat messaging tool for Laravel 5, 6, 7, 8, 9 & 10 with Pusher Integration 10724.1k](/packages/lexxyungcarter-chatmessenger)[xaamin/whatsapi Wrapper for Whatsapp messenger 1332.8k](/packages/xaamin-whatsapi) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)