PHPackages ithilbert/laravel-kit - 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. [Framework](/categories/framework) 4. / 5. ithilbert/laravel-kit ActiveLibary[Framework](/categories/framework) ithilbert/laravel-kit ===================== Tools für das Programmieren mit Laravel 0223Vue Since May 29Pushed 1mo ago1 watchersCompare [ Source](https://github.com/ITHilbert/laravel-kit)[ Packagist](https://packagist.org/packages/ithilbert/laravel-kit)[ RSS](/packages/ithilbert-laravel-kit/feed)WikiDiscussions main Synced 3w ago READMEChangelogDependenciesVersions (5)Used By (0) ITHilbert Laravel Kit ===================== [](#ithilbert-laravel-kit) **Beschreibung**: Tools für das Programmieren mit Laravel. Dokumentation ------------- [](#dokumentation) Die ausführliche Dokumentation befindet sich im Ordner `docs/`: - [Kontext & Zielsetzung](docs/00_README_Kontext.md) - [Architekturübersicht](docs/01_Architektur%C3%BCbersicht.md) - [Modulstruktur](docs/07_Modulstruktur.md) - [API-Definitionen](docs/02_API-Definitionen.md) - [KI-Zusammenarbeit & Autonome Pipeline](docs/ki-zusammenarbeit-architektur.md) ### Vue-Komponenten (Tailwind) [](#vue-komponenten-tailwind) - [DataTable-Komponente](docs/vue-datatable.md) — generische DataTables.net-Kapselung mit Filter-Zeile, Aktions-Spalte und Server-/Client-side Modus Installation ------------ [](#installation) ``` composer require ithilbert/laravel-kit ``` Integrations-Voraussetzungen ---------------------------- [](#integrations-voraussetzungen) Das Laravel-Kit bringt Vue-Komponenten (``, ``, ``) mit, die Abhängigkeiten vom Konsumprojekt haben. Diese müssen explizit geladen werden. ### DataTable + Buttons + Tabs: Globale Abhängigkeiten einrichten [](#datatable--buttons--tabs-globale-abhängigkeiten-einrichten) #### 1. jQuery + DataTables.net global setzen [](#1-jquery--datatablesnet-global-setzen) Erstelle `resources/js/datatable.js` im Konsumprojekt: ``` import $ from 'jquery'; import DataTable from 'datatables.net-dt'; window.$ = window.jQuery = $; window.DataTable = DataTable; ``` **Wichtig:** Diese Datei MUSS im Blade-Layout **vor** der Vue-App geladen sein (damit jQuery-Init abläuft, bevor Komponenten jQuery brauchen). **In `resources/views/layouts/app.blade.php` oder Template:** ``` ``` #### 2. CSS aus dem Kit importieren [](#2-css-aus-dem-kit-importieren) In `resources/css/app.css` folgende Imports hinzufügen (NACH `@import 'tailwindcss'`, weil Buttons/Tabs `@apply` nutzen): ``` @import 'tailwindcss'; @import '../../vendor/ithilbert/laravel-kit/vue/tailwind/buttons/buttons.css'; @import '../../vendor/ithilbert/laravel-kit/vue/tailwind/tabs/tabs.css'; ``` **Auswirkung wenn fehlend:** - Ohne `buttons.css`: ``, `` etc. sind unsichtbar - Ohne `tabs.css`: Alle Tab-Inhalte sichtbar untereinander (CSS-Regeln `.tab-body.active` fehlen) #### 3. Vue globalProperty für window [](#3-vue-globalproperty-für-window) In `resources/js/vueapp.js` (wo die Vue-App initialisiert wird): ``` const app = createApp({}); // KRITISCH: window als globalProperty BEVOR Komponenten registriert werden app.config.globalProperties.window = window; // Dann Komponenten registrieren (oder mit @edit/@delete Event-Handlern arbeiten, die window nutzen) app.component('data-table', defineAsyncComponent(() => import('../../vendor/ithilbert/laravel-kit/vue/tailwind/datatable/DataTable.vue') )); app.mount('#vue-app'); ``` **Auswirkung wenn fehlend:** Event-Handler wie `@edit="row => window.location.href = ..."` crashen mit "Cannot read properties of undefined (reading 'location')". ### Icons: Inline-SVG (kein Font Awesome) [](#icons-inline-svg-kein-font-awesome) Die Kit-Komponenten (``, ``, ``) rendert native Inline-SVGs als Icons, **nicht** Font Awesome. - **Kein CDN-Import nötig:** Buttons sind out-of-the-box funktional - **DSGVO-konform:** Keine externen Fonts/Icons - **Custom-Icons:** Falls eigene Icons nötig, neue Vue-Komponente bauen (z.B. `resources/js/components/button-custom.vue`) ### AI Developer CLI Tools (Voraussetzung für KI Agenten) [](#ai-developer-cli-tools-voraussetzung-für-ki-agenten) Damit die KI-Tools und die asynchrone AI-Pipeline (Hintergrund-Worker) korrekt funktionieren, müssen die entsprechenden CLI-Tools auf dem System installiert sein: ``` # OpenAI Codex CLI für das CodexReviewTool installieren: sudo npm i -g @openai/codex # Gemini CLI für die Haupt-Agent-Pipeline installieren: npm install -g gemini-chat-cli # (Oder das entsprechende von dir genutzte NPM-Package für Gemini) ``` *(Stelle sicher, dass im jeweiligen Laravel-Projekt in der `.env` Datei die entsprechenden Variablen wie z.B. `OPENAI_API_KEY` oder `GEMINI_API_KEY` gesetzt sind.)* Namespace --------- [](#namespace) `ITHilbert\LaravelKit` Remote & MCP Integration ---------------------------- [](#remote--mcp-integration) Das Laravel-Kit bringt gebündelte Tools mit, um das Cloud-Deployment und Remote-Debugging des verbundenen Live-Servers (insbesondere für Laravel Boost MCP) zu vereinfachen. Trage zuerst in dem Projekt, welches dieses Kit nutzt, folgende Ziel-Parameter in die `.env` ein (Voraussetzung: Dein lokaler SSH-Key ist auf dem Zielserver hinterlegt): ``` # MCP Live Server Dev Sync LIVE_SERVER_HOST="123.123.123.12" LIVE_SERVER_USER="root" LIVE_SERVER_PATH="/var/www/meineapp" LIVE_SERVER_PORT=22 ``` Damit werden in deiner lokalen Umgebung automatisch folgende Features aktiviert: ### Interaktive Developer Commands [](#interaktive-developer-commands) - `php artisan ssh:open` - Öffnet dir ein natives, interaktives SSH-Terminal das direkt in den konfigurierten Projektordner auf deinem Ziel-Linux einspringt. - `php artisan ftp:open` - Öffnet dir blitzschnell eine interaktive SFTP-Sitzung am exakt richtigen Ablageort des Servers. ### AI-Agent Tools (MCP Server) [](#ai-agent-tools-mcp-server) - **`RemoteExecuteTool`**: Verleiht deinem KI-Agenten die Macht, asynchrone Shell-Befehle (z.B. Optimierungen, Migrations) per sicherer `Process`-Facade auf dem Host auszuführen. - **`RemoteSyncTool`**: Verleiht der KI einen gezielten Datei-Transfer Push (via natives `rsync`), um Modifikationen sofort remote live zu nehmen, ohne dass du den vollen Cloud-Deploy Button im Dashboard drücken musst! ### Health Score 26 — LowBetter than 40% of packages Maintenance61 Regular maintenance activity Popularity14 Limited adoption so far Community7 Small or concentrated contributor base Maturity17 Early-stage or recently created project 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 ~7 days Total 2 Last Release 124d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/86378a339ef2f2a6b6dc13256925d271de7af518a4ee1dfef913b75868d3640c?d=identicon)[ithilbert](/maintainers/ithilbert) --- Top Contributors [![ITHilbert](https://avatars.githubusercontent.com/u/46783454?v=4)](https://github.com/ITHilbert "ITHilbert (75 commits)") ### Embed Badge ![Health badge](/badges/ithilbert-laravel-kit/health.svg) ``` [![Health](https://phpackages.com/badges/ithilbert-laravel-kit/health.svg)](https://phpackages.com/packages/ithilbert-laravel-kit) ``` ### Alternatives [nineinchnick/edatatables Grid widget for the Yii Framework, wrapper for the DataTables jQuery plugin 173.2k](/packages/nineinchnick-edatatables)[alizharb/laravel-modular A professional, framework-agnostic modular architecture for Laravel 11+. Features zero-config autoloading, 29+ Artisan command overrides, and seamless Vite integration. 211.6k9](/packages/alizharb-laravel-modular)[link-cloud/fast-hyperf LinkCloud Fast Hyperf 241.2k1](/packages/link-cloud-fast-hyperf) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)