feat: new option to open file in external app from file browser (#1163)

* feat: new option to open file in external app

* fix: formatting

Author: bajrangCoder

src/pages/fileBrowser/fileBrowser.js

@@ -20,6 +20,7 @@ import projects from "lib/projects";
 import recents from "lib/recents";
 import remoteStorage from "lib/remoteStorage";
 import appSettings from "lib/settings";
+import mimeTypes from "mime-types";
 import mustache from "mustache";
 import filesSettings from "settings/filesSettings";
 import URLParse from "url-parse";
@@ -766,6 +767,7 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 
 				if (helpers.isFile(type)) {
 					options.push(["info", strings.info, "info"]);
+					options.push(["open_with", strings["open with"], "open_in_browser"]);
 				}
 
 				if (currentDir.url !== "/" && url) {
@@ -819,6 +821,27 @@ function FileBrowserInclude(mode, info, doesOpenLast = true) {
 						navigator.clipboard.writeText(url);
 						alert(strings.success, strings["copied to clipboard"]);
 						break;
+
+					case "open_with":
+						try {
+							let mimeType = mimeTypes.lookup(name || "text/plain");
+							const fs = fsOperation(url);
+							if (/^s?ftp:/.test(url)) return fs.localName;
+
+							system.fileAction(
+								(await fs.stat()).url,
+								name,
+								"VIEW",
+								mimeType,
+								() => {
+									toast(strings["no app found to handle this file"]);
+								},
+							);
+						} catch (error) {
+							console.error(error);
+							toast(strings.error);
+						}
+						break;
 				}
 			}