@uppy/url: migrate to TS

[Murderlon]

Blocking on #4979

[github-actions]

Diff output files

diff --git a/packages/@uppy/url/lib/Url.js b/packages/@uppy/url/lib/Url.js
index 0f0d38a..48e67a1 100644
--- a/packages/@uppy/url/lib/Url.js
+++ b/packages/@uppy/url/lib/Url.js
@@ -40,12 +40,7 @@ function canHandleRootDrop(e) {
   return urls.length > 0;
 }
 function checkIfCorrectURL(url) {
-  if (!url) return false;
-  const protocol = url.match(/^([a-z0-9]+):\/\//)[1];
-  if (protocol !== "http" && protocol !== "https") {
-    return false;
-  }
-  return true;
+  return (url == null ? void 0 : url.startsWith("http://")) || (url == null ? void 0 : url.startsWith("https://"));
 }
 function getFileNameFromUrl(url) {
   const {
@@ -56,112 +51,102 @@ function getFileNameFromUrl(url) {
 export default class Url extends UIPlugin {
   constructor(uppy, opts) {
     super(uppy, opts);
+    this.getMeta = url => {
+      return this.client.post("url/meta", {
+        url,
+      }).then(res => {
+        if (res.error) {
+          this.uppy.log("[URL] Error:");
+          this.uppy.log(res.error);
+          throw new Error("Failed to fetch the file");
+        }
+        return res;
+      });
+    };
+    this.addFile = async (protocollessUrl, optionalMeta) => {
+      const url = addProtocolToURL(protocollessUrl);
+      if (!checkIfCorrectURL(url)) {
+        this.uppy.log(`[URL] Incorrect URL entered: ${url}`);
+        this.uppy.info(this.i18n("enterCorrectUrl"), "error", 4000);
+        return undefined;
+      }
+      try {
+        const meta = await this.getMeta(url);
+        const tagFile = {
+          meta: optionalMeta,
+          source: this.id,
+          name: meta.name || getFileNameFromUrl(url),
+          type: meta.type,
+          data: {
+            size: meta.size,
+          },
+          isRemote: true,
+          body: {
+            url,
+          },
+          remote: {
+            companionUrl: this.opts.companionUrl,
+            url: `${this.hostname}/url/get`,
+            body: {
+              fileId: url,
+              url,
+            },
+            requestClientId: Url.requestClientId,
+          },
+        };
+        this.uppy.log("[Url] Adding remote file");
+        try {
+          return this.uppy.addFile(tagFile);
+        } catch (err) {
+          if (!err.isRestriction) {
+            this.uppy.log(err);
+          }
+          return err;
+        }
+      } catch (err) {
+        this.uppy.log(err);
+        this.uppy.info(
+          {
+            message: this.i18n("failedToFetch"),
+            details: err,
+          },
+          "error",
+          4000,
+        );
+        return err;
+      }
+    };
+    this.handleRootDrop = e => {
+      forEachDroppedOrPastedUrl(e.dataTransfer, "drop", url => {
+        this.uppy.log(`[URL] Adding file from dropped url: ${url}`);
+        this.addFile(url);
+      });
+    };
+    this.handleRootPaste = e => {
+      forEachDroppedOrPastedUrl(e.clipboardData, "paste", url => {
+        this.uppy.log(`[URL] Adding file from pasted url: ${url}`);
+        this.addFile(url);
+      });
+    };
     this.id = this.opts.id || "Url";
     this.title = this.opts.title || "Link";
     this.type = "acquirer";
     this.icon = () => h(UrlIcon, null);
     this.defaultLocale = locale;
-    const defaultOptions = {};
-    this.opts = {
-      ...defaultOptions,
-      ...opts,
-    };
     this.i18nInit();
     this.hostname = this.opts.companionUrl;
     if (!this.hostname) {
       throw new Error("Companion hostname is required, please consult https://uppy.io/docs/companion");
     }
-    this.getMeta = this.getMeta.bind(this);
-    this.addFile = this.addFile.bind(this);
-    this.handleRootDrop = this.handleRootDrop.bind(this);
-    this.handleRootPaste = this.handleRootPaste.bind(this);
     this.client = new RequestClient(uppy, {
+      pluginId: this.id,
+      provider: "url",
       companionUrl: this.opts.companionUrl,
       companionHeaders: this.opts.companionHeaders,
       companionCookiesRule: this.opts.companionCookiesRule,
     });
     this.uppy.registerRequestClient(Url.requestClientId, this.client);
   }
-  getMeta(url) {
-    return this.client.post("url/meta", {
-      url,
-    }).then(res => {
-      if (res.error) {
-        this.uppy.log("[URL] Error:");
-        this.uppy.log(res.error);
-        throw new Error("Failed to fetch the file");
-      }
-      return res;
-    });
-  }
-  async addFile(protocollessUrl, optionalMeta) {
-    if (optionalMeta === void 0) {
-      optionalMeta = undefined;
-    }
-    const url = addProtocolToURL(protocollessUrl);
-    if (!checkIfCorrectURL(url)) {
-      this.uppy.log(`[URL] Incorrect URL entered: ${url}`);
-      this.uppy.info(this.i18n("enterCorrectUrl"), "error", 4000);
-      return undefined;
-    }
-    try {
-      const meta = await this.getMeta(url);
-      const tagFile = {
-        meta: optionalMeta,
-        source: this.id,
-        name: meta.name || getFileNameFromUrl(url),
-        type: meta.type,
-        data: {
-          size: meta.size,
-        },
-        isRemote: true,
-        body: {
-          url,
-        },
-        remote: {
-          companionUrl: this.opts.companionUrl,
-          url: `${this.hostname}/url/get`,
-          body: {
-            fileId: url,
-            url,
-          },
-          requestClientId: Url.requestClientId,
-        },
-      };
-      this.uppy.log("[Url] Adding remote file");
-      try {
-        return this.uppy.addFile(tagFile);
-      } catch (err) {
-        if (!err.isRestriction) {
-          this.uppy.log(err);
-        }
-        return err;
-      }
-    } catch (err) {
-      this.uppy.log(err);
-      this.uppy.info(
-        {
-          message: this.i18n("failedToFetch"),
-          details: err,
-        },
-        "error",
-        4000,
-      );
-      return err;
-    }
-  }
-  handleRootDrop(e) {
-    forEachDroppedOrPastedUrl(e.dataTransfer, "drop", url => {
-      this.uppy.log(`[URL] Adding file from dropped url: ${url}`);
-      this.addFile(url);
-    });
-  }
-  handleRootPaste(e) {
-    forEachDroppedOrPastedUrl(e.clipboardData, "paste", url => {
-      this.uppy.log(`[URL] Adding file from pasted url: ${url}`);
-      this.addFile(url);
-    });
-  }
   render() {
     return h(UrlUI, {
       i18n: this.i18n,