fix: UTF-8 encode username and password

to support Unicode Special chars (like `é`) in username or passord,
as the auth-backend decodes them using UTF-8.

See perry-mitchell/webdav-client#293

package.json

@@ -20,6 +20,7 @@
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@rollup/plugin-typescript": "^8.0.0",
     "@tsconfig/svelte": "^2.0.0 || ^3.0.0",
+    "@types/utf8": "^3.0.1",
     "@typescript-eslint/eslint-plugin": "^5.0.0",
     "@typescript-eslint/parser": "^5.0.0",
     "carbon-icons-svelte": "^10.44.4",
@@ -39,6 +40,7 @@
   },
   "dependencies": {
     "carbon-components-svelte": ">=0.42.2 <1",
+    "utf8": "^3.0.0",
     "webdav": "^4.5.0"
   },
   "repository": {

src/model/webdav/WebdavFileSystemProvider.ts

@@ -2,6 +2,7 @@ import { AuthType, createClient } from "webdav/web";
 import type { FileSystem } from "../FileSystem";
 import type { FileSystemProvider } from "../FileSystemProvider";
 import { WebdavFileSystem } from "./WebdavFileSystem";
+import { encode } from "utf8";
 
 export class WebdavFileSystemProvider implements FileSystemProvider {
 	constructor(
@@ -13,8 +14,8 @@ export class WebdavFileSystemProvider implements FileSystemProvider {
 	async getFileSystem(username: string, password: string): Promise<FileSystem> {
 		const client = createClient(this.serverUrl, {
 			authType: this.authType,
-			username: username,
-			password: password,
+			username: encode(username),
+			password: encode(password),
 		});
 		const root = this.root.replace("{username}", username);
 		if (!await client.exists(root)) {