DankMaterialShell/Modules/Dock/DockAppButton.qml

import QtQuick
import QtQuick.Controls
import Quickshell
import Quickshell.Widgets
import qs.Common
import qs.Services
import qs.Widgets

Item {
    id: root
    
    property var appData
    property var contextMenu: null
    property var windowsMenu: null
    property var dockApps: null
    property int index: -1
    property bool longPressing: false
    property bool dragging: false
    property point dragStartPos: Qt.point(0, 0)
    property point dragOffset: Qt.point(0, 0)
    property int targetIndex: -1
    property int originalIndex: -1
    
    width: 40
    height: 40
    
    property bool isHovered: mouseArea.containsMouse && !dragging
    
    transform: Translate {
        id: translateY
        y: 0
    }
    
    SequentialAnimation {
        id: bounceAnimation
        running: false
        
        NumberAnimation {
            target: translateY
            property: "y"
            to: -10
            duration: Anims.durShort
            easing.type: Easing.BezierSpline
            easing.bezierCurve: Anims.emphasizedAccel
        }
        
        NumberAnimation {
            target: translateY
            property: "y"
            to: -8
            duration: Anims.durShort
            easing.type: Easing.BezierSpline
            easing.bezierCurve: Anims.emphasizedDecel
        }
    }
    
    NumberAnimation {
        id: exitAnimation
        running: false
        target: translateY
        property: "y"
        to: 0
        duration: Anims.durShort
        easing.type: Easing.BezierSpline
        easing.bezierCurve: Anims.emphasizedDecel
    }
    
    onIsHoveredChanged: {
        if (isHovered) {
            exitAnimation.stop()
            if (!bounceAnimation.running) {
                bounceAnimation.restart()
            }
        } else {
            bounceAnimation.stop()
            exitAnimation.restart()
        }
    }
    
    Rectangle {
        anchors.fill: parent
        radius: Theme.cornerRadius
        color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.3)
        border.width: 2
        border.color: Theme.primary
        visible: dragging
        z: -1
    }
    
    Timer {
        id: longPressTimer
        interval: 500
        repeat: false
        onTriggered: {
            if (appData && appData.isPinned) {
                longPressing = true
            }
        }
    }

    MouseArea {
        id: mouseArea
        anchors.fill: parent
        anchors.bottomMargin: -20
        hoverEnabled: true
        cursorShape: longPressing ? Qt.DragMoveCursor : Qt.PointingHandCursor
        acceptedButtons: Qt.LeftButton | Qt.RightButton | Qt.MiddleButton
        
        
        onPressed: (mouse) => {
            if (mouse.button === Qt.LeftButton && appData && appData.isPinned) {
                dragStartPos = Qt.point(mouse.x, mouse.y)
                longPressTimer.start()
            }
        }
        
        onReleased: (mouse) => {
            longPressTimer.stop()
            if (longPressing) {
                if (dragging && targetIndex >= 0 && targetIndex !== originalIndex && dockApps) {
                    dockApps.movePinnedApp(originalIndex, targetIndex)
                }
                
                longPressing = false
                dragging = false
                dragOffset = Qt.point(0, 0)
                targetIndex = -1
                originalIndex = -1
            }
        }
        
        onPositionChanged: (mouse) => {
            if (longPressing && !dragging) {
                var distance = Math.sqrt(Math.pow(mouse.x - dragStartPos.x, 2) + Math.pow(mouse.y - dragStartPos.y, 2))
                if (distance > 5) {
                    dragging = true
                    targetIndex = index
                    originalIndex = index
                }
            }
            
            if (dragging) {
                dragOffset = Qt.point(mouse.x - dragStartPos.x, mouse.y - dragStartPos.y)
                
                if (dockApps) {
                    var threshold = 40
                    var newTargetIndex = targetIndex
                    
                    if (dragOffset.x > threshold && targetIndex < dockApps.pinnedAppCount - 1) {
                        newTargetIndex = targetIndex + 1
                    } else if (dragOffset.x < -threshold && targetIndex > 0) {
                        newTargetIndex = targetIndex - 1
                    }
                    
                    if (newTargetIndex !== targetIndex) {
                        targetIndex = newTargetIndex
                        dragStartPos = Qt.point(mouse.x, mouse.y)
                    }
                }
            }
        }
        
        onClicked: (mouse) => {
            if (!appData || longPressing) return
            
            if (mouse.button === Qt.LeftButton) {
                var windowCount = appData.windows ? appData.windows.count : 0
                
                if (windowCount === 0) {
                    if (appData && appData.appId) {
                        var desktopEntry = DesktopEntries.byId(appData.appId)
                        if (desktopEntry) {
                            Prefs.addAppUsage({
                                id: appData.appId,
                                name: desktopEntry.name || appData.appId,
                                icon: desktopEntry.icon || "",
                                exec: desktopEntry.exec || "",
                                comment: desktopEntry.comment || ""
                            })
                        }
                        Quickshell.execDetached(["gtk-launch", appData.appId])
                    }
                } else if (windowCount === 1) {
                    var window = appData.windows.get(0)
                    NiriService.focusWindow(window.id)
                } else {
                    windowsMenu.showForButton(root, appData, 40)
                }
            } else if (mouse.button === Qt.MiddleButton) {
                if (appData && appData.appId) {
                    var desktopEntry = DesktopEntries.byId(appData.appId)
                    if (desktopEntry) {
                        Prefs.addAppUsage({
                            id: appData.appId,
                            name: desktopEntry.name || appData.appId,
                            icon: desktopEntry.icon || "",
                            exec: desktopEntry.exec || "",
                            comment: desktopEntry.comment || ""
                        })
                    }
                    Quickshell.execDetached(["gtk-launch", appData.appId])
                }
            } else if (mouse.button === Qt.RightButton) {
                if (contextMenu) {
                    contextMenu.showForButton(root, appData, 40)
                }
            }
        }
    }
    
    property bool showTooltip: mouseArea.containsMouse && !dragging
    property string tooltipText: {
        if (!appData || !appData.appId) return ""
        var desktopEntry = DesktopEntries.byId(appData.appId)
        return desktopEntry && desktopEntry.name ? desktopEntry.name : appData.appId
    }
    
    
    IconImage {
        id: iconImg
        width: 40
        height: 40
        anchors.centerIn: parent
        source: {
            if (!appData || !appData.appId) return ""
            var desktopEntry = DesktopEntries.byId(appData.appId)
            if (desktopEntry && desktopEntry.icon) {
                var iconPath = Quickshell.iconPath(desktopEntry.icon, Prefs.iconTheme === "System Default" ? "" : Prefs.iconTheme)
                return iconPath
            }
            return ""
        }
        smooth: true
        mipmap: true
        asynchronous: true
        visible: status === Image.Ready
        implicitSize: 40
    }
    
    Rectangle {
        width: 40
        height: 40
        anchors.centerIn: parent
        visible: !iconImg.visible
        color: Theme.surfaceLight
        radius: Theme.cornerRadiusLarge
        border.width: 1
        border.color: Theme.primarySelected
        
        Text {
            anchors.centerIn: parent
            text: {
                if (!appData || !appData.appId) return "?"
                var desktopEntry = DesktopEntries.byId(appData.appId)
                if (desktopEntry && desktopEntry.name) {
                    return desktopEntry.name.charAt(0).toUpperCase()
                }
                return appData.appId.charAt(0).toUpperCase()
            }
            font.pixelSize: 14
            color: Theme.primary
            font.weight: Font.Bold
        }
    }
    
    
    Row {
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        anchors.bottomMargin: -2
        spacing: 2
        
        Repeater {
            model: appData && appData.windows ? Math.min(appData.windows.count, 4) : 0
            
            Rectangle {
                width: appData && appData.windows && appData.windows.count <= 3 ? 5 : 3
                height: 2
                radius: 1
                color: {
                    if (!appData || !appData.windows || appData.windows.count === 0) return "transparent"
                    var window = appData.windows.get(index)
                    return window && window.id == NiriService.focusedWindowId ? Theme.primary : 
                           Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.6)
                }
            }
        }
    }
}