Add log uploading

backend/locales/en-US.json

@@ -266,5 +266,12 @@
       },
     "Testing": {
         "download": "Download"
+    },
+    "LogViewer": {
+      "viewLog": "View Log",
+      "uploadLog": "Upload Log",
+      "textError": "Error loading text",
+      "uploadConfirm": "Are you sure you want to upload this log ?",
+      "uploadDisclaimer": "Depending on how this plugin is written, this log might contain confidential information. Are you sure you want to continue ? If unsure, ask the plugin developer."
     }
 }

backend/src/utilities.py

@@ -396,4 +396,9 @@ class Utilities:
             return log_file.read()
     
     async def upload_log(self, plugin_name: str, log_name: str):
-        raise RuntimeError("Not Implemented")
+        text = await self.get_plugin_log_text(plugin_name, log_name)
+        async with ClientSession() as web:
+            res = await web.put("https://lp.deckbrew.xyz", data=text)
+            res.raise_for_status()
+            upload_id = (await res.json())["id"]
+            return f"https://lp.deckbrew.xyz/{upload_id}"

frontend/src/components/logviewer/LogList.tsx

@@ -24,7 +24,7 @@ const LogList: FC<{ plugin: string }> = ({ plugin }) => {
       {logList.map((log_file) => (
         <DialogButton
           style={{ marginBottom: "0.5rem" }}
-          onOKActionDescription={t("LogViewer.viewLog", "View Log")}
+          onOKActionDescription={t("LogViewer.viewLog")}
           onOKButton={() =>
             showModal(
               <LogViewModal name={log_file} plugin={plugin}></LogViewModal>,

frontend/src/components/logviewer/LogViewModal.tsx

@@ -1,6 +1,7 @@
-import { Focusable } from "decky-frontend-lib";
+import { ConfirmModal, Focusable, showModal } from "decky-frontend-lib";
 import { VFC, useEffect, useState } from "react";
 import { ScrollableWindowRelative } from "./ScrollableWindow";
+import { t } from "i18next";
 
 interface LogFileProps {
   plugin: string;
@@ -8,14 +9,24 @@ interface LogFileProps {
   closeModal?: () => void;
 }
 
+const uploadConfirmation = (name: string, plugin: string) => {
+  const confirmModal = <ConfirmModal onOK={() => {
+    window.DeckyPluginLoader.callServerMethod("upload_log", { plugin_name: plugin, log_name: name }).then((res) => {
+      console.log(res)
+      showModal(<ConfirmModal><h2>{res.result}</h2></ConfirmModal>)
+    })
+  }} strTitle={t("LogViewer.uploadConfirm")}>{t("LogViewer.uploadDisclaimer")}</ConfirmModal>
+  showModal(confirmModal);
+}
+
 const LogViewModal: VFC<LogFileProps> = ({ name, plugin, closeModal }) => {
-  const [logText, setLogText] = useState("Loading text....");
+  const [logText, setLogText] = useState("");
   useEffect(() => {
     window.DeckyPluginLoader.callServerMethod("get_plugin_log_text", {
       plugin_name: plugin,
       log_name: name,
     }).then((text) => {
-      setLogText(text.result || "Error loading text");
+      setLogText(text.result || t("LogViewer.textError"));
     });
   }, []);
 
@@ -30,8 +41,8 @@ const LogViewModal: VFC<LogFileProps> = ({ name, plugin, closeModal }) => {
         left: 0,
         right: 0,
       }}
-      onSecondaryActionDescription={"Upload Log"}
-      onSecondaryButton={() => console.log("Uploading...")}
+      onSecondaryActionDescription={t("LogViewer.uploadLog")}
+      onSecondaryButton={() => uploadConfirmation(name, plugin)}
     >
       <ScrollableWindowRelative alwaysFocus={true} onCancel={closeModal}>
         <div style={{ whiteSpace: "pre-wrap", padding: "12px 0" }}>