Generalized frontend model store (#193)

src-web/hooks/usePluginInfo.ts

@@ -1,13 +1,22 @@
 import { useQuery } from '@tanstack/react-query';
 import type { BootResponse } from '@yaakapp-internal/plugins';
+import { queryClient } from '../lib/queryClient';
 import { invokeCmd } from '../lib/tauri';
 
+function pluginInfoKey(id: string) {
+  return ['plugin_info', id];
+}
+
 export function usePluginInfo(id: string) {
   return useQuery({
-    queryKey: ['plugin_info', id],
+    queryKey: pluginInfoKey(id),
     queryFn: async () => {
       const info = (await invokeCmd('cmd_plugin_info', { id })) as BootResponse;
       return info;
     },
   });
 }
+
+export function invalidateAllPluginInfo() {
+  queryClient.invalidateQueries({ queryKey: ['plugin_info'] }).catch(console.error);
+}