Toolverse
Wszystkie skille

gpui-context

autor: longbridge

Zarządzaj kontekstami w GPUI — App, Window i AsyncApp dla renderowania UI i operacji asynchronicznych

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Mobile
Wyświetlenia
2

O skillu

Skill do obsługi zarządzania kontekstami w GPUI. Pracuj z różnymi typami kontekstów — globalnym App dla tworzenia encji, Window dla operacji okna i renderowania, oraz AsyncApp dla zadań asynchronicznych. Każdy typ kontekstu oferuje inne możliwości: App umożliwia tworzenie encji i otwieranie okien, Window dostarcza dostęp do operacji okna i layoutu, a Context pozwala na aktualizacje stanu komponentu i wyzwalanie re-renderowania. Używaj tego skilla gdy pracujesz z aktualizacjami encji, operacjami okna lub asynchronicznym kodem w aplikacjach GPUI.

Jak używać

  1. Zainstaluj skill gpui-context z repozytorium longbridge w swoim projekcie Claude/Copilot, dodając go do konfiguracji agenta lub środowiska deweloperskiego.
  2. Zidentyfikuj typ kontekstu, który potrzebujesz: App dla globalnego stanu i tworzenia encji, Window dla operacji okna i renderowania, Context dla stanu komponentu, lub AsyncApp dla zadań asynchronicznych.
  3. W metodzie update komponentu użyj Context aby modyfikować stan — wywołaj cx.notify() aby wyzwolić re-render, lub cx.entity() aby uzyskać bieżącą encję.
  4. Dla operacji asynchronicznych użyj cx.spawn() wewnątrz kontekstu komponentu, przekazując async blok, a następnie detach() aby uruchomić zadanie w tle.
  5. W funkcji render() komponentu otrzymujesz dostęp do Window — użyj window.is_window_focused() i window.bounds() do sprawdzenia stanu okna i jego wymiarów.
  6. W głównej funkcji aplikacji użyj App kontekstu aby tworzyć encje za pomocą cx.new() i otwierać okna za pomocą cx.open_window(), przekazując opcje okna i callback renderujący zawartość.

Podobne skille