samuelpereiramachado/tailwindcss-sweetalert
Composer 安装命令:
composer require samuelpereiramachado/tailwindcss-sweetalert
包简介
TailwindCSS + SweetAlert2 auto-injected for Laravel TALL Stack. Zero configuration.
README 文档
README
Pacote Laravel que injeta automaticamente TailwindCSS e SweetAlert2 em toda resposta HTML. Instale com um comando. Sem configuração. Sem build tools. Funciona na hora.
🎯 O que torna esse pacote único?
Diferente de outras soluções, este pacote resolve dois problemas ao mesmo tempo com zero configuração:
| Comparação | Abordagem tradicional | Este pacote |
|---|---|---|
| TailwindCSS | Instalar Node.js, NPM, Vite, configurar tailwind.config.js, compilar |
composer require e pronto |
| SweetAlert2 | Instalar via NPM/CDN, criar JS customizado, integrar com Livewire manualmente | Macros $this->alert() e $this->confirm() já disponíveis |
| Configuração | Editar layouts, adicionar @vite, <link>, <script> |
Nenhuma — tudo é injetado automaticamente |
| Dependências | Node.js + NPM + Vite + PostCSS | Apenas Composer |
| Deploy | Pipeline de build para CSS/JS | Sem build — assets vêm prontos no vendor/ |
💡 Ideal para
- Projetos TALL Stack (Tailwind + Alpine.js + Laravel + Livewire) que querem começar rápido
- Equipes que preferem não gerenciar Node.js/NPM no servidor
- Pacotes Laravel que precisam de Tailwind sem afetar o projeto host
- Prototipagem rápida — monte um CRUD completo com alertas em minutos
✨ Funcionalidades
🎨 TailwindCSS Built-in
- TailwindCSS v2.2 completo, pronto para usar
- Injetado via
<link>com cache de 1 ano (não impacta performance) - Todas as classes utilitárias disponíveis sem compilação
🔔 SweetAlert2 Integrado ao Livewire
- Macros
$this->alert()e$this->confirm()em qualquer componente - Confirmações com callback automático — chama o método Livewire ao confirmar
- Totalmente customizável via opções do SweetAlert2
- 5 tipos de alerta:
success·error·warning·info·question
⚡ Performance Otimizada
- Assets servidos via rotas HTTP com
Cache-Control: immutable - Browser baixa CSS/JS uma única vez e cacheia por 1 ano
- Páginas subsequentes carregam em milissegundos
🔒 Zero Configuração
- Middleware global auto-registrado
- Sem editar layouts, sem adicionar tags, sem tocar em nenhum arquivo
- Laravel Package Discovery cuida de tudo
🚀 Instalação
composer require samuelpereiramachado/tailwindcss-sweetalert
É só isso. Não precisa publicar configs, rodar migrations, nem editar nenhum arquivo.
🔧 Uso
Alertas simples
Em qualquer componente Livewire:
// Sucesso $this->alert('Salvo!', 'Registro criado com sucesso.', 'success'); // Erro $this->alert('Erro!', 'Não foi possível salvar.', 'error'); // Aviso com timer $this->alert('Aviso', 'Sessão expira em breve.', 'warning', [ 'timer' => 3000, 'showConfirmButton' => false, ]);
Confirmação com callback
// Pedir confirmação antes de executar $this->confirm( title: 'Tem certeza?', action: ['method' => 'delete', 'params' => $id], message: 'Esta ação não pode ser desfeita.', type: 'warning' ); // Método chamado automaticamente ao confirmar public function delete($id) { Model::findOrFail($id)->delete(); $this->alert('Excluído!', 'Registro removido.', 'success'); }
Exemplo completo em um Livewire Component
class Usuarios extends Component { public function criar() { User::create($this->form); $this->alert('Sucesso!', 'Usuário criado.', 'success'); } public function confirmarExclusao($id) { $this->confirm( 'Excluir usuário?', ['method' => 'excluir', 'params' => $id], 'Todos os dados serão perdidos.', 'warning' ); } public function excluir($id) { User::findOrFail($id)->delete(); $this->alert('Excluído!', 'Usuário removido.', 'success'); } }
⚙️ Como funciona por baixo
composer require → Laravel auto-registra o ServiceProvider
↓
ServiceProvider registra:
├── Rotas: /tailwindcss-sweetalert/css e /js
├── Middleware global: InjectAssets
└── Macros Livewire: alert() e confirm()
↓
A cada request HTML:
├── Middleware injeta <link> antes de </head>
└── Middleware injeta <script> antes de </body>
↓
Browser cacheia CSS/JS por 1 ano ✅
🏗️ Estrutura do pacote
├── composer.json
├── resources/
│ ├── css/tailwind.css # TailwindCSS v2.2 compilado
│ └── js/sweetalert2.all.min.js # SweetAlert2 bundled
└── src/
├── TailwindcssSweetalertServiceProvider.php
└── Http/
├── Controllers/
│ └── AssetController.php # Serve assets com cache 1 ano
└── Middleware/
└── InjectAssets.php # Auto-injeta <link> e <script>
📋 Requisitos
| Dependência | Versão |
|---|---|
| PHP | >= 8.1 |
| Laravel | 10, 11 ou 12 |
| Livewire | >= 3.0 |
📄 Licença
MIT — veja LICENSE para detalhes.
Autor: Samuel Pereira Machado
samuelpereiramachado/tailwindcss-sweetalert 适用场景与选型建议
samuelpereiramachado/tailwindcss-sweetalert 是一款 基于 PHP 开发的 Composer 扩展包,目前已累计 0 次下载、GitHub Stars 达 0, 最近一次更新时间为 2026 年 02 月 10 日, 在 PHP 生态内属于活跃度较高的组件。
它主要适用于以下技术方向: 「laravel」 「sweetalert2」 「tailwindcss」 「livewire」 「tall-stack」 等业务场景。在实际项目中,围绕这些方向常见需要落地的问题包括:接口对接、性能调优、并发安全、与既有框架(Laravel / ThinkPHP / Yii / Webman 等)的兼容适配,以及生产环境的日志埋点与稳定性保障。
我们在过去多个企业项目中使用过 samuelpereiramachado/tailwindcss-sweetalert 或与其功能相近的方案,如果你在选型或落地过程中遇到问题,例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查,欢迎联系我们协助评估。
基于 samuelpereiramachado/tailwindcss-sweetalert 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。
线上偶发问题、内存泄漏、慢查询、并发异常等排查修复;针对高流量场景做缓存、队列、索引层面的调优。
承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维;也可按月提供技术保姆服务。
与 samuelpereiramachado/tailwindcss-sweetalert 相关的其它包
同方向 / 同关键字的高下载量 PHP Composer 包推荐,方便对比选型:
TitleWithSlugInput - Easy Permalink Slugs for the FilamentPHP Form Builder (PHP / Laravel / Livewire)
Laravel 5 Package for SweetAlert2. Use this package to easily show sweetalert2 prompts in your laravel app.
TailwindPHP - use Tailwind CSS in your PHP projects (without npm)
Vanilla Components Integration with Laravel
Paquete para mostrar mensajes en el front
This Custom PHP Lib depends on SweetAlert2 JS Lib and this php class works as Javascript code builder.
统计信息
- 总下载量: 0
- 月度下载量: 0
- 日度下载量: 0
- 收藏数: 0
- 点击次数: 25
- 依赖项目数: 0
- 推荐数: 0
其他信息
- 授权协议: MIT
- 更新时间: 2026-02-10