Add links to plugins

src-tauri/yaak-plugins/bindings/gen_search.ts

@@ -2,4 +2,4 @@
 
 export type PluginMetadata = { version: string, name: string, displayName: string, description: string | null, homepageUrl: string | null, repositoryUrl: string | null, };
 
-export type PluginVersion = { id: string, version: string, description: string | null, name: string, displayName: string, homepageUrl: string | null, repositoryUrl: string | null, checksum: string, readme: string | null, yanked: boolean, };
+export type PluginVersion = { id: string, version: string, url: string, description: string | null, name: string, displayName: string, homepageUrl: string | null, repositoryUrl: string | null, checksum: string, readme: string | null, yanked: boolean, };

src-tauri/yaak-plugins/src/api.rs

@@ -1,3 +1,4 @@
+use crate::error::Error::ApiErr;
 use crate::error::Result;
 use crate::plugin_meta::get_plugin_meta;
 use log::{info, warn};
@@ -9,7 +10,6 @@ use tauri::{AppHandle, Runtime, is_dev};
 use ts_rs::TS;
 use yaak_common::api_client::yaak_api_client;
 use yaak_models::query_manager::QueryManagerExt;
-use crate::error::Error::ApiErr;
 
 pub async fn get_plugin<R: Runtime>(
     app_handle: &AppHandle<R>,
@@ -108,6 +108,7 @@ fn base_url(path: &str) -> Url {
 pub struct PluginVersion {
     pub id: String,
     pub version: String,
+    pub url: String,
     pub description: Option<String>,
     pub name: String,
     pub display_name: String,

src-tauri/yaak-plugins/src/install.rs

@@ -52,7 +52,7 @@ pub async fn download_and_install<R: Runtime>(
             checked_at: Some(Utc::now().naive_utc()),
             directory: plugin_dir_str.clone(),
             enabled: true,
-            url: None,
+            url: Some(plugin_version.url.clone()),
             ..Default::default()
         },
         &UpdateSource::Background,

src-web/components/Settings/SettingsPlugins.tsx

@@ -18,6 +18,7 @@ import { useUninstallPlugin } from '../../hooks/useUninstallPlugin';
 import { Button } from '../core/Button';
 import { IconButton } from '../core/IconButton';
 import { InlineCode } from '../core/InlineCode';
+import { Link } from '../core/Link';
 import { LoadingIcon } from '../core/LoadingIcon';
 import { PlainInput } from '../core/PlainInput';
 import { HStack } from '../core/Stacks';
@@ -115,7 +116,15 @@ function PluginTableRow({
 
   return (
     <TableRow>
-      <TableCell className="font-semibold">{pluginInfo.data.displayName}</TableCell>
+      <TableCell className="font-semibold">
+        {plugin.url ? (
+          <Link noUnderline href={plugin.url}>
+            {pluginInfo.data.displayName}
+          </Link>
+        ) : (
+          pluginInfo.data.displayName
+        )}
+      </TableCell>
       <TableCell>
         <InlineCode>{pluginInfo.data?.version}</InlineCode>
       </TableCell>
@@ -187,7 +196,11 @@ function PluginSearch() {
             <TableBody>
               {results.data.plugins.map((plugin) => (
                 <TableRow key={plugin.id}>
-                  <TableCell className="font-semibold">{plugin.displayName}</TableCell>
+                  <TableCell className="font-semibold">
+                    <Link noUnderline href={plugin.url}>
+                      {plugin.displayName}
+                    </Link>
+                  </TableCell>
                   <TableCell>
                     <InlineCode>{plugin.version}</InlineCode>
                   </TableCell>

src-web/components/core/Link.tsx

@@ -6,12 +6,13 @@ import { Icon } from './Icon';
 
 interface Props extends HTMLAttributes<HTMLAnchorElement> {
   href: string;
+  noUnderline?: boolean;
 }
 
-export function Link({ href, children, className, ...other }: Props) {
+export function Link({ href, children, noUnderline, className, ...other }: Props) {
   const isExternal = href.match(/^https?:\/\//);
 
-  className = classNames(className, 'relative underline hover:text-violet-600');
+  className = classNames(className, 'relative');
 
   if (isExternal) {
     let finalHref = href;
@@ -25,13 +26,17 @@ export function Link({ href, children, className, ...other }: Props) {
         href={finalHref}
         target="_blank"
         rel="noopener noreferrer"
-        className={classNames(className, 'pr-4 inline-flex items-center')}
+        className={classNames(
+          className,
+          'pr-4 inline-flex items-center hover:underline',
+          !noUnderline && 'underline',
+        )}
         onClick={(e) => {
           e.preventDefault();
         }}
         {...other}
       >
-        <span className="underline">{children}</span>
+        <span>{children}</span>
         <Icon className="inline absolute right-0.5 top-[0.3em]" size="xs" icon="external_link" />
       </a>
     );

src-web/hooks/useUninstallPlugin.tsx

@@ -11,6 +11,7 @@ export function useUninstallPlugin() {
       const confirmed = await showConfirmDelete({
         id: 'uninstall-plugin-' + name,
         title: 'Uninstall Plugin',
+        confirmText: 'Uninstall',
         description: (
           <>
             Permanently uninstall <InlineCode>{name}</InlineCode>?