wayfinder-development

Skill dla Claude/Copilot, który aktywuje się podczas pracy z trasami backendu w komponentach frontendowych. Automatyzuje importowanie akcji z @/actions i @/routes, umożliwia wywoływanie tras Laravel z TypeScript/JavaScript i generuje obiekty tras z metodami do pobierania URL-i, parametrów zapytania oraz atrybutów formularzy. Idealne dla projektów łączących Laravel z Inertią lub innymi frameworkami frontendowymi.

1. Zainstaluj skill wayfinder-development w swoim projekcie Claude/Copilot, dodając go do konfiguracji agenta lub katalogu umiejętności.

2. Po zmianach w trasach backendu uruchom komendę regeneracji: php artisan wayfinder:generate --no-interaction. Jeśli pracujesz z formularzami, dodaj flagę --with-form: php artisan wayfinder:generate --with-form --no-interaction.

3. W komponentach frontendowych importuj trasy używając ścieżek @/actions lub @/routes. Przykład: import { show, store } from '@/actions/App/Http/Controllers/PostController' lub import { show as postShow } from '@/routes/post'.

4. Używaj importowanych funkcji do generowania tras. Wywołaj show(1) aby otrzymać obiekt trasy z url i method, lub show.url(1) aby uzyskać sam URL. Dla konkretnych metod HTTP użyj show.get(1), store.post(), update.patch(1), destroy.delete(1).

5. Dodaj parametry zapytania poprzez opcję query: show(1, { query: { page: 1 } }) zwróci /posts/1?page=1. Dla formularzy HTML użyj store.form() aby otrzymać action i method.

6. W komponentach Inertia React wykorzystaj wygenerowane obiekty tras bezpośrednio w komponencie Form: <Form {...store.form()}>. Jeśli Vite plugin nie jest zainstalowany, skill automatycznie zasugeruje regenerację tras.