Replace tauri-plugin-shell with tauri-plugin-opener

Fixes #26

Author: yungcomputerchair

app/components/AboutModal.tsx

@@ -1,6 +1,6 @@
 import Button from "./Button";
 import { Stack, Modal } from "react-bootstrap";
-import { open } from "@tauri-apps/plugin-shell";
+import { openUrl } from "@tauri-apps/plugin-opener";
 
 export default function AboutModal({
   show,
@@ -30,13 +30,13 @@ export default function AboutModal({
       <Modal.Footer className="flex-row-reverse">
         <Stack direction="horizontal" gap={2} className="w-100">
           <Button
-            onClick={() => open("https://github.com/OpenFusionProject/")}
+            onClick={() => openUrl("https://github.com/OpenFusionProject/")}
             variant="primary"
             icon="github fa-brands fa-xl"
             tooltip="Github Page"
           />
           <Button
-            onClick={() => open("https://discord.gg/DYavckB")}
+            onClick={() => openUrl("https://discord.gg/DYavckB")}
             variant="primary"
             icon="discord fa-brands fa-lg"
             tooltip="Discord Chat"

app/components/LoginModal.tsx

@@ -11,7 +11,7 @@ import { EndpointInfo, ServerEntry } from "@/app/types";
 import { validateUsername, validatePassword, validateEmail, getPrivacyPolicyUrlForServer } from "@/app/util";
 import { Overlay, Tooltip } from "react-bootstrap";
 import { invoke } from "@tauri-apps/api/core";
-import { open } from "@tauri-apps/plugin-shell";
+import { openUrl } from "@tauri-apps/plugin-opener";
 import { parse } from "marked";
 import DOMPurify  from "dompurify";
 import get_seed from "@/app/seed";
@@ -32,7 +32,7 @@ const NO_EMAIL_DISCLAIMER = "Continue without entering an email address? If ther
 
 const replaceLinksWithShellOpen = (html: string) => {
   return html.replace(/<a href="([^"]+)">([^<]+)<\/a>/g, (match, href, text) => {
-    return `<a href="#" onclick="window.__TAURI__.shell.open('${href}'); return false;">${text}</a>`;
+    return `<a href="#" onclick="window.__TAURI__.opener.openUrl('${href}'); return false;">${text}</a>`;
   });
 };
 
@@ -345,7 +345,7 @@ export default function LoginModal({
                     className="text-decoration-underline"
                     onClick={() => {
                       const url = getPrivacyPolicyUrlForServer(server!);
-                      open(url);
+                      openUrl(url);
                     }}
                   >
                     privacy policy

app/components/Toast.tsx

@@ -1,6 +1,6 @@
 import _Toast from "react-bootstrap/Toast";
 import { useState } from "react";
-import { open } from "@tauri-apps/plugin-shell";
+import { openUrl } from "@tauri-apps/plugin-opener";
 import { Alert } from "@/app/types";
 import { getHostnameFromLink, variantToLabel } from "@/app/util";
 import Button from "./Button";
@@ -25,7 +25,7 @@ export default function Toast({ alert }: { alert: Alert }) {
         {alert.link && (
           <Button
             className="d-block w-100 mt-2"
-            onClick={() => open(alert.link!)}
+            onClick={() => openUrl(alert.link!)}
             variant="success"
             icon="arrow-up-right-from-square"
             text={getHostnameFromLink(alert.link)}

app/settings/ManageAccountModal.tsx

@@ -3,7 +3,7 @@ import { Tabs, Tab } from "react-bootstrap";
 import Button from "@/components/Button";
 import { useEffect, useState } from "react";
 import { invoke } from "@tauri-apps/api/core";
-import { open } from "@tauri-apps/plugin-shell";
+import { openUrl } from "@tauri-apps/plugin-opener";
 import { AccountInfo, LoginSession, ServerEntry } from "@/app/types";
 import { getPrivacyPolicyUrlForServer, validateEmail, validatePassword } from "@/app/util";
 
@@ -162,7 +162,7 @@ export default function ManageAccountModal({
               className="text-decoration-underline"
               onClick={() => {
                 const url = getPrivacyPolicyUrlForServer(server!);
-                open(url);
+                openUrl(url);
               }}
             >
               privacy policy