diff --git a/docs/recipes/ApolloClientCache.md b/docs/recipes/ApolloClientCache.md index 4a5ba5fb..5e525d2c 100644 --- a/docs/recipes/ApolloClientCache.md +++ b/docs/recipes/ApolloClientCache.md @@ -109,11 +109,11 @@ reactotron.onCustomCommand({ Now if we look at our Reactotron window, you'll see under the Custom Commands we have a new button! Press that and flip back to the timeline. You'll see we have a new list item that we can tap on and see the value of the in-memory cache from the Apollo Client -![Cache Snapshot Custom Command](https://private-user-images.githubusercontent.com/374022/316961769-3afeba98-70e9-486a-bc98-f3cb2a18e4b3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYxNzY5LTNhZmViYTk4LTcwZTktNDg2YS1iYzk4LWYzY2IyYTE4ZTRiMy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03OTgxN2M3YjNlY2E1ODhkMzRkNTVmZDUwMDRjZGUxNDhhYWJmNmI5ZTE2OTljM2UxNjQwMjcxMzRkMjIzMTM3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.b6kbQjn7Q24lKyyNesr4fPLv5mfs0NnXZGCwgWt9tOI) +![Cache Snapshot Custom Command](https://github.com/infinitered/ignite-cookbook/assets/374022/3afeba98-70e9-486a-bc98-f3cb2a18e4b3) -![Cache Snapshot Timeline Collapsed](https://private-user-images.githubusercontent.com/374022/316962010-14bbca18-23dc-4603-9fec-d7d3f78b2906.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYyMDEwLTE0YmJjYTE4LTIzZGMtNDYwMy05ZmVjLWQ3ZDNmNzhiMjkwNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yM2Q3ZmRkZGU0M2RkOTMwMTQ5YjZiNGVmMTQxY2YzNjE4NjEzNGI3M2VhNzA2MTJjMDc2M2ZiNTJjMDJlYmI5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.9GG2mAai2ZLwOdMflyN0GoRMtdNuvMVr0KQR4ppMNlI) +![Cache Snapshot Timeline Collapsed](https://github.com/infinitered/ignite-cookbook/assets/374022/14bbca18-23dc-4603-9fec-d7d3f78b2906) -![Cache Snapshot Timeline Expanded](https://private-user-images.githubusercontent.com/374022/316962193-f4444809-42a2-4e92-9f34-4fdb2f0b11c1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYyMTkzLWY0NDQ0ODA5LTQyYTItNGU5Mi05ZjM0LTRmZGIyZjBiMTFjMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMzBkYWNhMzVhZTBiNWFhNWIwZjEzYTMxZjI0NWIyYTQ4NDgzZTYxZDQwYmYzZTU3ZTQ0MzcxNWI4NzdmZmUxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.hKKPmobTwe9ymQvt17SWWlwwfWMANmnqwBND21mUwEE) +![Cache Snapshot Timeline Expanded](https://github.com/infinitered/ignite-cookbook/assets/374022/f4444809-42a2-4e92-9f34-4fdb2f0b11c1) ## Cache by Key @@ -200,10 +200,10 @@ reactotron.onCustomCommand({ }); ``` -![Cache By Key Custom Command](https://private-user-images.githubusercontent.com/374022/316961853-2262dfc4-ce4e-409c-9ab5-3bfb0e45d788.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYxODUzLTIyNjJkZmM0LWNlNGUtNDA5Yy05YWI1LTNiZmIwZTQ1ZDc4OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01ZTQ5ODhiZWMzMTE5YjIyZTg5YjZlYmYyYWUxMDIzYjM4MDJkYjAxYzY3MGNhZTUwNDNjNTVmMGY2YWYwOTRkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.ySP3VT-lXY_aCWtLkmTWWwASlh6ZCWlKgQ5XDgtCzPw) +![Cache By Key Custom Command](https://github.com/infinitered/ignite-cookbook/assets/374022/2262dfc4-ce4e-409c-9ab5-3bfb0e45d788) -![Cache By Key Timeline Collapsed](https://private-user-images.githubusercontent.com/374022/316962080-e2659614-2322-45ec-93cc-1a09123bff4c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYyMDgwLWUyNjU5NjE0LTIzMjItNDVlYy05M2NjLTFhMDkxMjNiZmY0Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMWQ5NTg1ZWJiMzlhZmU4MGU3YTI4OWFjYzZkNjkzMzFjMTRlNTI4ZmVkY2FlZTljOTgzZTc2NTNjYmQ4MTM3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.0wJPqrXgVt0hcNdQe-2JDo42PPa47xneDw6B7UQuuls) +![Cache By Key Timeline Collapsed](https://github.com/infinitered/ignite-cookbook/assets/374022/e2659614-2322-45ec-93cc-1a09123bff4c) -![Cache By Key Timeline Expanded](https://private-user-images.githubusercontent.com/374022/316962242-86966b34-ba10-46ce-931c-de5579b5f6c4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYyMjQyLTg2OTY2YjM0LWJhMTAtNDZjZS05MzFjLWRlNTU3OWI1ZjZjNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wYzEwOTEwMzJhZGYxOWQ2YTJjMmFkMDJjYjk0MjI0OTI2NjY5Y2U4NzQ1MWE1YzQxOTkzMDk5MjU1NTMwMjk3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.753f3a64LCho0uMXpIrzHf5fhl1wiu3DkQqSGLSsWXo) +![Cache By Key Timeline Expanded](https://github.com/infinitered/ignite-cookbook/assets/374022/86966b34-ba10-46ce-931c-de5579b5f6c4) Head back to your Reactotron UI and you'll see the Custom Command at the bottom (or top, depending on how you register in your config) available for use. You can now extract values from more complex key paths such as `ROOT_QUERY.chapter({"id":1}).sections[2]` rather than having to traverse the entire object.