DankMaterialShell/Widgets/DankLocationSearch.qml

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

Item {
  id: root

  property string currentLocation: ""
  property string placeholderText: "Search for a location..."
  property bool _internalChange: false
  property bool isLoading: false
  property string helperTextState: "default" // "default", "prompt", "searching", "found", "not_found"
  property string currentSearchText: ""

  signal locationSelected(string displayName, string coordinates)

  function resetSearchState() {
    locationSearchTimer.stop()
    dropdownHideTimer.stop()
    if (locationSearcher.running)
      locationSearcher.running = false

    isLoading = false
    searchResultsModel.clear()
    helperTextState = "default"
  }

  width: parent.width
  height: searchInputField.height + (searchDropdown.visible ? searchDropdown.height : 0)

  ListModel {
    id: searchResultsModel
  }

  Timer {
    id: locationSearchTimer

    interval: 500
    running: false
    repeat: false
    onTriggered: {
      if (locationInput.text.length > 2) {
        if (locationSearcher.running)
          locationSearcher.running = false

        searchResultsModel.clear()
        root.isLoading = true
        root.helperTextState = "searching"
        const searchLocation = locationInput.text
        root.currentSearchText = searchLocation
        const encodedLocation = encodeURIComponent(searchLocation)
        const curlCommand = `curl -4 -s --connect-timeout 5 --max-time 10 'https://nominatim.openstreetmap.org/search?q=${encodedLocation}&format=json&limit=5&addressdetails=1'`
        locationSearcher.command = ["bash", "-c", curlCommand]
        locationSearcher.running = true
      }
    }
  }

  Timer {
    id: dropdownHideTimer

    interval: 200
    running: false
    repeat: false
    onTriggered: {
      if (!locationInput.getActiveFocus() && !searchDropdown.hovered)
        root.resetSearchState()
    }
  }

  Process {
    id: locationSearcher

    command: ["bash", "-c", "echo"]
    running: false
    onExited: exitCode => {
                root.isLoading = false
                if (exitCode !== 0) {
                  searchResultsModel.clear()
                  root.helperTextState = "not_found"
                }
              }

    stdout: StdioCollector {
      onStreamFinished: {
        if (root.currentSearchText !== locationInput.text)
          return

        const raw = text.trim()
        root.isLoading = false
        searchResultsModel.clear()
        if (!raw || raw[0] !== "[") {
          root.helperTextState = "not_found"
          return
        }
        try {
          const data = JSON.parse(raw)
          if (data.length === 0) {
            root.helperTextState = "not_found"
            return
          }
          for (var i = 0; i < Math.min(data.length, 5); i++) {
            const location = data[i]
            if (location.display_name && location.lat && location.lon) {
              const parts = location.display_name.split(', ')
              let cleanName = parts[0]
              if (parts.length > 1) {
                const state = parts[parts.length - 2]
                if (state && state !== cleanName)
                  cleanName += `, ${state}`
              }
              const query = `${location.lat},${location.lon}`
              searchResultsModel.append({
                                          "name": cleanName,
                                          "query": query
                                        })
            }
          }
          root.helperTextState = "found"
        } catch (e) {
          root.helperTextState = "not_found"
        }
      }
    }
  }

  Item {
    id: searchInputField

    width: parent.width
    height: 48

    DankTextField {
      id: locationInput

      width: parent.width
      height: parent.height
      leftIconName: "search"
      placeholderText: root.placeholderText
      text: root.currentLocation
      backgroundColor: Theme.surfaceVariant
      normalBorderColor: Theme.primarySelected
      focusedBorderColor: Theme.primary
      onTextEdited: {
        if (root._internalChange)
          return

        if (getActiveFocus()) {
          if (text.length > 2) {
            root.isLoading = true
            root.helperTextState = "searching"
            locationSearchTimer.restart()
          } else {
            root.resetSearchState()
            root.helperTextState = "prompt"
          }
        }
      }
      onFocusStateChanged: hasFocus => {
                             if (hasFocus) {
                               dropdownHideTimer.stop()
                               if (text.length <= 2)
                               root.helperTextState = "prompt"
                             } else {
                               dropdownHideTimer.start()
                             }
                           }
    }

    DankIcon {
      name: {
        if (root.isLoading)
          return "hourglass_empty"

        if (searchResultsModel.count > 0)
          return "check_circle"

        if (locationInput.getActiveFocus() && locationInput.text.length > 2
            && !root.isLoading)
          return "error"

        return ""
      }
      size: Theme.iconSize - 4
      color: {
        if (root.isLoading)
          return Theme.surfaceVariantText

        if (searchResultsModel.count > 0)
          return Theme.success || Theme.primary

        if (locationInput.getActiveFocus() && locationInput.text.length > 2)
          return Theme.error

        return "transparent"
      }
      anchors.right: parent.right
      anchors.rightMargin: Theme.spacingM
      anchors.verticalCenter: parent.verticalCenter
      opacity: (locationInput.getActiveFocus()
                && locationInput.text.length > 2) ? 1 : 0

      Behavior on opacity {
        NumberAnimation {
          duration: Theme.shortDuration
          easing.type: Theme.standardEasing
        }
      }
    }
  }

  StyledRect {
    id: searchDropdown

    property bool hovered: false

    width: parent.width
    height: Math.min(Math.max(
                       searchResultsModel.count * 38 + Theme.spacingS * 2, 50),
                     200)
    y: searchInputField.height
    radius: Theme.cornerRadius
    color: Theme.popupBackground()
    border.color: Theme.primarySelected
    border.width: 1
    visible: locationInput.getActiveFocus() && locationInput.text.length > 2
             && (searchResultsModel.count > 0 || root.isLoading)

    MouseArea {
      anchors.fill: parent
      hoverEnabled: true
      onEntered: {
        parent.hovered = true
        dropdownHideTimer.stop()
      }
      onExited: {
        parent.hovered = false
        if (!locationInput.getActiveFocus())
          dropdownHideTimer.start()
      }
      acceptedButtons: Qt.NoButton
    }

    Item {
      anchors.fill: parent
      anchors.margins: Theme.spacingS

      DankListView {
        id: searchResultsList

        anchors.fill: parent
        clip: true
        model: searchResultsModel
        spacing: 2

        // Qt 6.9+ scrolling: flickDeceleration/maximumFlickVelocity only affect touch now
        interactive: true
        flickDeceleration: 1500
        maximumFlickVelocity: 2000
        boundsBehavior: Flickable.DragAndOvershootBounds
        boundsMovement: Flickable.FollowBoundsBehavior
        pressDelay: 0
        flickableDirection: Flickable.VerticalFlick

        // Custom wheel handler for Qt 6.9+ responsive mouse wheel scrolling
        WheelHandler {
          acceptedDevices: PointerDevice.Mouse | PointerDevice.TouchPad
          property real momentum: 0
          onWheel: event => {
                     if (event.pixelDelta.y !== 0) {
                       // Touchpad with pixel delta
                       momentum = event.pixelDelta.y * 1.8
                     } else {
                       // Mouse wheel with angle delta
                       momentum = (event.angleDelta.y / 120)
                       * ((36 + parent.spacing) * 2.5) // ~2.5 items per wheel step
                     }

                     let newY = parent.contentY - momentum
                     newY = Math.max(
                       0, Math.min(parent.contentHeight - parent.height, newY))
                     parent.contentY = newY
                     momentum *= 0.92 // Decay for smooth momentum
                     event.accepted = true
                   }
        }

        delegate: StyledRect {
          width: searchResultsList.width
          height: 36
          radius: Theme.cornerRadius
          color: resultMouseArea.containsMouse ? Theme.surfaceLight : "transparent"

          Row {
            anchors.fill: parent
            anchors.margins: Theme.spacingM
            spacing: Theme.spacingS

            DankIcon {
              name: "place"
              size: Theme.iconSize - 6
              color: Theme.surfaceVariantText
              anchors.verticalCenter: parent.verticalCenter
            }

            StyledText {
              text: model.name || "Unknown"
              font.pixelSize: Theme.fontSizeMedium
              color: Theme.surfaceText
              anchors.verticalCenter: parent.verticalCenter
              elide: Text.ElideRight
              width: parent.width - 30
            }
          }

          MouseArea {
            id: resultMouseArea

            anchors.fill: parent
            hoverEnabled: true
            cursorShape: Qt.PointingHandCursor
            onClicked: {
              root._internalChange = true
              const selectedName = model.name
              const selectedQuery = model.query
              locationInput.text = selectedName
              root.locationSelected(selectedName, selectedQuery)
              root.resetSearchState()
              locationInput.setFocus(false)
              root._internalChange = false
            }
          }
        }
      }

      StyledText {
        anchors.centerIn: parent
        text: root.isLoading ? "Searching..." : "No locations found"
        font.pixelSize: Theme.fontSizeMedium
        color: Theme.surfaceVariantText
        visible: searchResultsList.count === 0 && locationInput.text.length > 2
      }
    }
  }
}