Merge pull request #1246 from Ansimorph/dragndrop

Add drag & drop path insertion

Author: le0pard

src/Interfaces.ts

@@ -57,3 +57,5 @@ export interface TerminalLikeDevice {
 }
 
 export type UserEvent = KeyboardEvent | ClipboardEvent;
+
+export type MouseEvent = DragEvent;

src/views/Main.tsx

@@ -1,4 +1,5 @@
 import {handleUserEvent} from "./keyevents/Keybindings";
+import {handleMouseEvent} from "./mouseevents/MouseEvents";
 
 process.env.PATH = "/usr/local/bin:" + process.env.PATH;
 process.env.NODE_ENV = process.env.NODE_ENV || "production";
@@ -12,7 +13,7 @@ import * as React from "react";
 import {ApplicationComponent} from "./ApplicationComponent";
 import {loadAllPlugins} from "../PluginManager";
 import {loadEnvironment} from "../shell/Environment";
-import {UserEvent} from "../Interfaces";
+import {UserEvent, MouseEvent} from "../Interfaces";
 import {remote} from "electron";
 import {buildMenuTemplate} from "./menu/Menu";
 
@@ -27,15 +28,6 @@ document.addEventListener(
     false,
 );
 
-document.addEventListener(
-    "drop",
-    function(event) {
-        event.preventDefault();
-        return false;
-    },
-    false,
-);
-
 async function main() {
     // Should be required before mounting Application.
     require("../monaco/PromptTheme");
@@ -58,8 +50,14 @@ async function main() {
         event,
     );
 
+    const mouseEventHandler = (event: MouseEvent) => handleMouseEvent(
+        application,
+        event,
+    );
+
     document.body.addEventListener("keydown", userEventHandler, true);
     document.body.addEventListener("paste", userEventHandler, true);
+    document.body.addEventListener("drop", mouseEventHandler, true);
 
     require("../plugins/JobFinishedNotifications");
     require("../plugins/UpdateLastPresentWorkingDirectory");

src/views/PromptComponent.tsx

@@ -204,6 +204,11 @@ export class PromptComponent extends React.Component<Props, State> {
         this.focus();
     }
 
+    insertValueInPlace(value: string): void {
+        this.editor.trigger("keyboard", "type", {text: value});
+        this.focus();
+    }
+
     private async execute(): Promise<void> {
         let promptText = this.editor.getValue();
         this.prompt.setValue(promptText);

src/views/mouseevents/MouseEvents.ts

@@ -0,0 +1,35 @@
+import {ApplicationComponent} from "../ApplicationComponent";
+import {MouseEvent} from "../../Interfaces";
+import * as fs from "fs";
+import {userFriendlyPath, escapeFilePath, normalizeDirectory} from "../../utils/Common";
+import {Status} from "../../Enums";
+
+function isDirectory(path: string): boolean {
+    return fs.lstatSync(path).isDirectory();
+}
+
+export function handleMouseEvent(application: ApplicationComponent, event: MouseEvent) {
+    const sessionComponent = application.focusedTabComponent.focusedSessionComponent;
+    if (!sessionComponent) {
+        return;
+    }
+
+    const isJobRunning = sessionComponent.status === Status.InProgress;
+    const promptComponent = sessionComponent.promptComponent;
+
+    if (event instanceof DragEvent) {
+        const path = event.dataTransfer.files[0].path;
+        let formattedPath = userFriendlyPath(escapeFilePath(path));
+
+        if (isDirectory(path)) {
+            formattedPath = normalizeDirectory(formattedPath);
+        }
+
+        if (!isJobRunning) {
+            promptComponent.insertValueInPlace(formattedPath);
+        }
+
+        event.preventDefault();
+        return;
+    }
+}