Dynamic plugins (#68)

src-web/hooks/useActiveWorkspaceChangedToast.tsx

@@ -14,9 +14,11 @@ export function useActiveWorkspaceChangedToast() {
 
     setId(activeWorkspace?.id ?? null);
 
-    // Don't notify on first load
+    // Don't notify on the first load
     if (id === null) return;
 
+    console.log('HELLO?', activeWorkspace?.id, id, window.location);
+
     toast.show({
       id: 'workspace-changed',
       timeout: 3000,

src-web/hooks/useCreatePlugin.ts

@@ -0,0 +1,13 @@
+import { useMutation } from '@tanstack/react-query';
+import { trackEvent } from '../lib/analytics';
+import { invokeCmd } from '../lib/tauri';
+
+export function useCreatePlugin() {
+  return useMutation<void, unknown, string>({
+    mutationKey: ['create_plugin'],
+    mutationFn: async (directory: string) => {
+      await invokeCmd('cmd_create_plugin', { directory });
+    },
+    onSettled: () => trackEvent('plugin', 'create'),
+  });
+}

src-web/hooks/usePluginInfo.ts

@@ -0,0 +1,13 @@
+import { useQuery } from '@tanstack/react-query';
+import type { BootResponse } from '@yaakapp/api';
+import { invokeCmd } from '../lib/tauri';
+
+export function usePluginInfo(id: string) {
+  return useQuery({
+    queryKey: ['plugin_info', id],
+    queryFn: async () => {
+      const info = (await invokeCmd('cmd_plugin_info', { id })) as BootResponse;
+      return info;
+    },
+  });
+}

src-web/hooks/usePlugins.ts

@@ -0,0 +1,23 @@
+import { useMutation } from '@tanstack/react-query';
+import type { Plugin } from '@yaakapp/api';
+import { atom, useAtomValue, useSetAtom } from 'jotai';
+import { minPromiseMillis } from '../lib/minPromiseMillis';
+import { listPlugins } from '../lib/store';
+
+const plugins = await listPlugins();
+export const pluginsAtom = atom<Plugin[]>(plugins);
+
+export function usePlugins() {
+  return useAtomValue(pluginsAtom);
+}
+
+export function useRefreshPlugins() {
+  const setPlugins = useSetAtom(pluginsAtom);
+  return useMutation({
+    mutationKey: ['refresh_plugins'],
+    mutationFn: async () => {
+      const plugins = await minPromiseMillis(listPlugins());
+      setPlugins(plugins);
+    },
+  });
+}