
gql_cache_lens
Overview
Flutter で GraphQL のキャッシュを確認できる DevTools Extension です。
(2024年リリース)
Platform
Flutter DevTools Extensions
Teck Stack
Flutter, Dart, DevTools Extensions, GraphQL
Features
Flutter製の各種GraphQLクライアントパッケージで扱うキャッシュをDevToolsで確認できる
正規化されたキャッシュ、クエリのキャッシュ、ミューテーションのキャッシュの3種類に分類して表示する
Background
仕事で GraphQL のキャッシュコントロールに関する Flutter の実装をしている際、テストのために GraphQL クライアントがどのようなキャッシュをもっているかを確認する必要がありました。
ちょうど同じ時期に参加した FlutterKaigi 2024 で DevTools Extensions に関する発表があり、その実装例の中に GraphQL の Cache Inspector が挙げられており、DevTools Extensions で実現できるということを知りました。
また、その時点で pub.dev にはそのようなパッケージは存在しなかったので、自分で作って公開すれば、自分や自分の職場のチーム、そして同様のニーズを持っているエンジニアの役に立つだろうと思い、このパッケージを作りました。