fix(WebDAV): fetching file metadata from WebDAV server (#773)

.vscode/launch.json

@@ -9,6 +9,9 @@
       "request": "launch",
       "name": "Debug",
       "url": "http://localhost:5173/",
+      "runtimeArgs": [
+        "--disable-web-security"
+      ],
       "webRoot": "${workspaceFolder}"
     },
     {

src/components/AppThemeProvider.tsx

@@ -49,6 +49,11 @@ const getThemeOptions = (mode: PaletteMode): ThemeOptions => ({
         },
       },
     },
+    MuiTextField: {
+      defaultProps: {
+        spellCheck: false,
+      },
+    },
   },
   palette: {
     mode,

src/components/FileCreateDialog.tsx

@@ -217,7 +217,7 @@ const WebFileCreateDialog = (props: FileCreateDialogProps) => {
     cleanupFileCreateDialog();
     setFileName("");
     setSkip(undefined);
-    setSelectedCloudStorage("Dropbox");
+    setSelectedCloudStorage("no-sync");
   };
 
   const init = useCallback(

src/components/WebDAVDialog.tsx

@@ -1,3 +1,4 @@
+import { LoadingButton } from "@mui/lab";
 import {
   Alert,
   AlertTitle,
@@ -31,18 +32,21 @@ const WebDavDialog = () => {
   const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState<any>();
+  const [loading, setLoading] = useState(false);
   const { createClient, openStorageConnectedAlert } = useCloudStorage();
   const fullScreenDialog = useMediaQuery(theme.breakpoints.down("sm"));
 
   const handleSubmit = async () => {
     setError(undefined);
+    setLoading(true);
     try {
       await saveWebDAVCredentials({ username, password, url });
       closeCloudFileDialog();
       await createClient("WebDAV");
       await openStorageConnectedAlert("WebDAV");
     } catch (error) {
       setError(error);
+      setLoading(false);
     }
   };
 
@@ -51,6 +55,7 @@ const WebDavDialog = () => {
     setUsername("");
     setPassword("");
     setError(undefined);
+    setLoading(false);
   };
 
   const handleEnter = () => {
@@ -86,7 +91,7 @@ const WebDavDialog = () => {
         label={t("Username")}
         fullWidth
         variant="outlined"
-        type="url"
+        type="text"
         inputProps={{
           "aria-label": "Username",
         }}
@@ -152,9 +157,14 @@ const WebDavDialog = () => {
       <DialogContent>{dialogContent}</DialogContent>
       <DialogActions>
         <Button onClick={handleClose}>{t("Close")}</Button>
-        <Button aria-label="Connect" onClick={handleSubmit} disabled={disabled}>
+        <LoadingButton
+          aria-label="Connect"
+          onClick={handleSubmit}
+          disabled={disabled}
+          loading={loading}
+        >
           {t("Connect")}
-        </Button>
+        </LoadingButton>
       </DialogActions>
     </Dialog>
   );

src/native-api/network.ts

@@ -77,7 +77,12 @@ async function desktopRequest(opt: RequestOptions) {
     ...(opt.responseType && { responseType: responseType(opt) }),
     ...(opt.data && { body: desktopBody(opt) }),
   };
-  const response = await client.request(reqOptions);
+  const response = await client.request(reqOptions).catch((error) => {
+    if (typeof error === "string") {
+      throw new Error(error);
+    }
+    throw error;
+  });
   const data = response.data;
   return {
     status: response.status,

src/utils/CloudStorage/webdav-storage.ts

@@ -1,3 +1,4 @@
+import { getFilenameFromPath } from "../../native-api/filesystem";
 import {
   getSecureStorageItem,
   removeSecureStorageItem,
@@ -114,13 +115,16 @@ export async function getFileMetaData(
   opt: Omit<FileMetaDataOptions<WebDAVClient>, "cloudStorage">
 ): Promise<CloudFile> {
   const { path, client } = opt;
+  const filename = getFilenameFromPath(path);
+  const dirname = path.substring(0, path.length - filename.length);
   const results = (await client
-    .getDirectoryContents(path)
+    .getDirectoryContents(dirname)
     .catch(handleError)) as FileStat[];
-  if (results.length !== 1) {
+  const metaData = results.find((i) => i.basename === filename);
+  if (!metaData) {
     throw new CloudFileNotFoundError();
   }
-  return mapToCloudFile(results[0]);
+  return mapToCloudFile(metaData);
 }
 
 export async function downloadFile(