pass all attributes to golang on dragdrop

Author: Atterpac

v3/examples/drag-n-drop/assets/index.html

@@ -113,10 +113,13 @@ <h1>Wails v3 Drag-n-Drop Demo</h1>
 
         wails.Events.On("frontend:FileDropInfo", (eventData) => {
             console.log("JS: Received 'frontend:FileDropInfo' event with data:", eventData);
-            const { files, targetID, targetClasses, dropX, dropY } = eventData.data[0]; // Access the first element of the data array
+            const { files, targetID, targetClasses, dropX, dropY, attributes } = eventData.data[0]; // Access the first element of the data array
 
             let message = `Dropped on Element ID: ${targetID || 'N/A'}\n`;
             message += `Element Classes: ${targetClasses && targetClasses.length > 0 ? targetClasses.join(', ') : 'N/A'}\n`;
+            if (attributes) {
+                message += `Element Attributes: ${Object.entries(attributes).map(([key, value]) => `${key}="${value}"`).join(', ')}\n`;
+            }
             message += `Files Dropped: ${files.join(', ')}\n`;
             message += `Coordinates (from Go): X=${dropX.toFixed(2)}, Y=${dropY.toFixed(2)}`;
 

v3/examples/drag-n-drop/main.go

@@ -34,11 +34,12 @@ func (a *App) Startup(ctx context.Context) {
 
 // FileDropInfo defines the payload for the file drop event sent to the frontend.
 type FileDropInfo struct {
-	Files         []string `json:"files"`
-	TargetID      string   `json:"targetID"`
-	TargetClasses []string `json:"targetClasses"`
-	DropX         float64  `json:"dropX"`
-	DropY         float64  `json:"dropY"`
+	Files         []string          `json:"files"`
+	TargetID      string            `json:"targetID"`
+	TargetClasses []string          `json:"targetClasses"`
+	DropX         float64           `json:"dropX"`
+	DropY         float64           `json:"dropY"`
+	Attributes    map[string]string `json:"attributes,omitempty"`
 }
 
 // FilesDroppedOnTarget is called when files are dropped onto a registered drop target
@@ -124,6 +125,7 @@ func main() {
 				TargetClasses: details.ClassList,
 				DropX:         float64(details.X),
 				DropY:         float64(details.Y),
+				Attributes:    details.Attributes, // Add the attributes
 			}
 			application.Get().EmitEvent("frontend:FileDropInfo", payload)
 		},

v3/internal/assetserver/bundledassets/runtime.debug.js

@@ -546,21 +546,24 @@ class Window {
         }
 
         console.log(`Wails Runtime: Drop on designated dropzone. Element at (${x}, ${y}):`, element, 'Effective dropzone:', dropzoneTarget);
-        // The 'element' variable is already defined from the line: const element = document.elementFromPoint(x, y);
-        // which should be before the dropzoneTarget check. The original console.log below also uses it.
-        console.log(`Window.HandlePlatformFileDrop: Original log - Dropped files at (${x}, ${y}) on element:`, element);
-        const elementId = element ? element.id : '';
-        const classList = element ? Array.from(element.classList) : [];
+        const elementDetails = {
+            id: dropzoneTarget.id,
+            classList: Array.from(dropzoneTarget.classList),
+            attributes: {} as { [key: string]: string },
+        };
+        for (let i = 0; i < dropzoneTarget.attributes.length; i++) {
+            const attr = dropzoneTarget.attributes[i];
+            elementDetails.attributes[attr.name] = attr.value;
+        }
 
         const payload = {
             filenames,
             x,
             y,
-            elementId,
-            classList,
+            elementDetails,
         };
 
-        this[callerSym](WindowDropZoneDropped,payload)
+        this[callerSym](WindowDropZoneDropped, payload);
     }
 }
 

v3/internal/assetserver/bundledassets/runtime.js

@@ -227,10 +227,11 @@ var windowMessageBuffer = make(chan *windowMessage, 5)
 // DropZoneDetails contains information about the HTML element
 // at the location of a file drop.
 type DropZoneDetails struct {
-	X         int      `json:"x"`
-	Y         int      `json:"y"`
-	ElementID string   `json:"id"`
-	ClassList []string `json:"classList"`
+	X          int               `json:"x"`
+	Y          int               `json:"y"`
+	ElementID  string            `json:"id"`
+	ClassList  []string          `json:"classList"`
+	Attributes map[string]string `json:"attributes,omitempty"`
 }
 
 type dragAndDropMessage struct {

v3/internal/runtime/desktop/@wailsio/runtime/src/window.ts

@@ -446,10 +446,11 @@ func (m *MessageProcessor) processWindowMethod(
 		)
 
 		dropDetails := &DropZoneDetails{
-			X:         payload.X,
-			Y:         payload.Y,
-			ElementID: payload.ElementID,
-			ClassList: payload.ClassList,
+			X:          payload.X,
+			Y:          payload.Y,
+			ElementID:  payload.ElementDetails.ID,
+			ClassList:  payload.ElementDetails.ClassList,
+			Attributes: payload.ElementDetails.Attributes, // Assumes DropZoneDetails struct is updated to include this field
 		}
 
 		wvWindow, ok := window.(*WebviewWindow)
@@ -483,11 +484,17 @@ func (m *MessageProcessor) processWindowMethod(
 	m.Info("Runtime call:", "method", "Window."+windowMethodNames[method])
 }
 
+// ElementDetailsPayload holds detailed information about the drop target element.
+type ElementDetailsPayload struct {
+	ID         string            `json:"id"`
+	ClassList  []string          `json:"classList"`
+	Attributes map[string]string `json:"attributes"`
+}
+
 // Define a struct for the JSON payload from HandlePlatformFileDrop
 type fileDropPayload struct {
-	Filenames []string `json:"filenames"`
-	X         int      `json:"x"`
-	Y         int      `json:"y"`
-	ElementID string   `json:"elementId"`
-	ClassList []string `json:"classList"`
+	Filenames      []string              `json:"filenames"`
+	X              int                   `json:"x"`
+	Y              int                   `json:"y"`
+	ElementDetails ElementDetailsPayload `json:"elementDetails"`
 }