webf-native-plugin-dev

Skill do tworzenia własnych wtyczek natywnych dla WebF, które udostępniają możliwości Flutter i platformy jako interfejsy JavaScript. Zamiast szukać gotowej wtyczki w rejestrze, zbuduj swoją dla funkcji takich jak aparat, płatności, czujniki czy dostęp do plików. Wtyczki są bibliotekami funkcjonalnymi (nie komponentami UI) publikowanymi jako pakiety npm z definicjami TypeScript.

1. Sprawdź, czy potrzebna ci funkcjonalność natywna (aparat, czujniki, płatności, biometria) nie istnieje już w oficjalnym rejestrze wtyczek WebF na openwebf.com/en/native-plugins. Jeśli jej tam nie ma, przejdź do następnego kroku.

2. Zidentyfikuj pakiet Flutter lub kod platformy, który chcesz opakować. Wtyczka natywna powinna opakowywać istniejący pakiet Flutter lub możliwości platformy, a nie tworzyć nowy kod od zera.

3. Zdecyduj, czy budujesz wtyczkę funkcjonalną (dostęp do kamery, obsługa płatności, czujniki) czy komponent UI. Skill ten dotyczy wtyczek funkcjonalnych, które rozszerzają BaseModule lub wygenerowane bindingu, a nie komponentów UI rozszerzających WebFWidgetElement.

4. Zarejestruj swoją wtyczkę w WebF za pomocą WebF.defineModule() i udostępnij jej funkcjonalność jako JavaScript API, które będzie wywoływane przez webf.invokeModuleAsync().

5. Dodaj definicje typów TypeScript do swojej wtyczki, aby zapewnić type-safe interfejs dla użytkowników.

6. Opublikuj gotową wtyczkę jako pakiet npm, aby była dostępna dla innych deweloperów pracujących z WebF.