Merge pull request #227

* Search and install plugins PoC

* Checksum

* Tab sidebar for settings

* Fix nested tabs, and tweaks

* Table for plugin results

* Deep links working

* Focus window during deep links

* Merge branch 'master' into plugin-directory

* More stuff

src-web/hooks/useImportData.tsx

@@ -1,109 +0,0 @@
-import type { BatchUpsertResult } from '@yaakapp-internal/models';
-import { Button } from '../components/core/Button';
-import { FormattedError } from '../components/core/FormattedError';
-import { VStack } from '../components/core/Stacks';
-import { ImportDataDialog } from '../components/ImportDataDialog';
-import { showAlert } from '../lib/alert';
-import { showDialog } from '../lib/dialog';
-import { jotaiStore } from '../lib/jotai';
-import { pluralizeCount } from '../lib/pluralize';
-import { router } from '../lib/router';
-import { invokeCmd } from '../lib/tauri';
-import { activeWorkspaceAtom } from './useActiveWorkspace';
-import { useFastMutation } from './useFastMutation';
-
-export function useImportData() {
-  const importData = async (filePath: string): Promise<boolean> => {
-    const activeWorkspace = jotaiStore.get(activeWorkspaceAtom);
-    const imported = await invokeCmd<BatchUpsertResult>('cmd_import_data', {
-      filePath,
-      workspaceId: activeWorkspace?.id,
-    });
-
-    const importedWorkspace = imported.workspaces[0];
-
-    showDialog({
-      id: 'import-complete',
-      title: 'Import Complete',
-      size: 'sm',
-      hideX: true,
-      render: ({ hide }) => {
-        return (
-          <VStack space={3} className="pb-4">
-            <ul className="list-disc pl-6">
-              <li>{pluralizeCount('Workspace', imported.workspaces.length)}</li>
-              {imported.environments.length > 0 && (
-                <li>{pluralizeCount('Environment', imported.environments.length)}</li>
-              )}
-              {imported.folders.length > 0 && (
-                <li>{pluralizeCount('Folder', imported.folders.length)}</li>
-              )}
-              {imported.httpRequests.length > 0 && (
-                <li>{pluralizeCount('HTTP Request', imported.httpRequests.length)}</li>
-              )}
-              {imported.grpcRequests.length > 0 && (
-                <li>{pluralizeCount('GRPC Request', imported.grpcRequests.length)}</li>
-              )}
-              {imported.websocketRequests.length > 0 && (
-                <li>{pluralizeCount('Websocket Request', imported.websocketRequests.length)}</li>
-              )}
-            </ul>
-            <div>
-              <Button className="ml-auto" onClick={hide} color="primary">
-                Done
-              </Button>
-            </div>
-          </VStack>
-        );
-      },
-    });
-
-    if (importedWorkspace != null) {
-      const environmentId = imported.environments[0]?.id ?? null;
-      await router.navigate({
-        to: '/workspaces/$workspaceId',
-        params: { workspaceId: importedWorkspace.id },
-        search: { environment_id: environmentId },
-      });
-    }
-
-    return true;
-  };
-
-  return useFastMutation({
-    mutationKey: ['import_data'],
-    onError: (err: string) => {
-      showAlert({
-        id: 'import-failed',
-        title: 'Import Failed',
-        size: 'md',
-        body: <FormattedError>{err}</FormattedError>,
-      });
-    },
-    mutationFn: async () => {
-      return new Promise<void>((resolve, reject) => {
-        showDialog({
-          id: 'import',
-          title: 'Import Data',
-          size: 'sm',
-          render: ({ hide }) => {
-            const importAndHide = async (filePath: string) => {
-              try {
-                const didImport = await importData(filePath);
-                if (!didImport) {
-                  return;
-                }
-                resolve();
-              } catch (err) {
-                reject(err);
-              } finally {
-                hide();
-              }
-            };
-            return <ImportDataDialog importData={importAndHide} />;
-          },
-        });
-      });
-    },
-  });
-}

src-web/hooks/usePluginInfo.ts

@@ -10,10 +10,7 @@ function pluginInfoKey(id: string) {
 export function usePluginInfo(id: string) {
   return useQuery({
     queryKey: pluginInfoKey(id),
-    queryFn: async () => {
-      const info = (await invokeCmd('cmd_plugin_info', { id })) as BootResponse;
-      return info;
-    },
+    queryFn: () => invokeCmd<BootResponse>('cmd_plugin_info', { id }),
   });
 }
 

src-web/hooks/useUninstallPlugin.ts

@@ -1,11 +1,10 @@
-import { useFastMutation } from './useFastMutation';
-import type { Plugin } from '@yaakapp-internal/models';
 import { invokeCmd } from '../lib/tauri';
+import { useFastMutation } from './useFastMutation';
 
-export function useUninstallPlugin(pluginId: string) {
-  return useFastMutation<Plugin | null, string>({
+export function useUninstallPlugin() {
+  return useFastMutation({
     mutationKey: ['uninstall_plugin'],
-    mutationFn: async () => {
+    mutationFn: async (pluginId: string) => {
       return invokeCmd('cmd_uninstall_plugin', { pluginId });
     },
   });