omarchy-ui 0.0.1-x86_64-linux

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: d11e68e81c3b65cc3b41b2dae80f301e7ffb3e29f44cfdde1495a92a6a562e8d
+  data.tar.gz: c7baff4c2f09d68dad37f3b0742c00d3abca2a661fa71f425443db9ae1850b85
+SHA512:
+  metadata.gz: 3f256ebcdcc59f1c4bf984900e8f0f1f51896c719f5b956677bb734be45139349d56ee6a05ee6d117c7d79fa325ca13348f0e9088317a49d8ac03829d9d3d3c6
+  data.tar.gz: dc8c3e1df89667cc9204218cb39b9c80ef50599cb78858041650202135a80a98424b08cdfe7932a6854f2e39de3e40a76e0e7466e8d0e8f35a73e7012830a994

data/App.qml

@@ -0,0 +1,112 @@
+import QtQuick
+import Quickshell
+import qs.Commons
+import qs.Ui as OmarchyUi
+
+ShellRoot {
+  id: root
+
+  readonly property string configuredProjectDir: String(Quickshell.env("OMARCHY_UI_PROJECT_DIR") || "")
+  readonly property string projectDir: configuredProjectDir !== "" ? configuredProjectDir : Quickshell.shellDir
+  readonly property string requestedProgram: Quickshell.env("OMARCHY_UI_RUBY_PROGRAM")
+  readonly property var appManifest: ({
+    id: "omarchy-ui-application",
+    name: "Omarchy UI",
+    __sourceDir: projectDir
+  })
+  property bool wasMapped: false
+  readonly property string activeSurface: applicationSurface()
+  readonly property var windowOptions: service.optionsFor(activeSurface)
+
+  function option(name, fallback) {
+    var value = windowOptions ? windowOptions[name] : undefined
+    return value === undefined || value === null ? fallback : value
+  }
+
+  function applicationSurface() {
+    if (!service || !service.surfaces) return ""
+    if (service.rootId("main") !== "") return "main"
+    var names = Object.keys(service.surfaces)
+    for (var i = 0; i < names.length; i++)
+      if (names[i] !== "bar") return names[i]
+    return names.length > 0 ? names[0] : ""
+  }
+
+  Service {
+    id: service
+    manifest: root.appManifest
+    program: root.requestedProgram
+  }
+
+  FloatingWindow {
+    id: window
+    visible: root.option("visible", true) !== false
+    title: String(root.option("title", root.appManifest.name))
+    implicitWidth: Number(root.option("width", 760))
+    implicitHeight: Number(root.option("height", 520))
+    minimumSize: Qt.size(Number(root.option("min_width", 320)), Number(root.option("min_height", 220)))
+    maximumSize: Qt.size(Number(root.option("max_width", 16777215)), Number(root.option("max_height", 16777215)))
+    maximized: root.option("maximized", false) === true
+    fullscreen: root.option("fullscreen", false) === true
+    color: root.option("color", Color.popups.background)
+
+    onBackingWindowVisibleChanged: {
+      if (backingWindowVisible) root.wasMapped = true
+      else if (root.wasMapped) Qt.quit()
+    }
+
+    Rectangle {
+      anchors.fill: parent
+      color: window.color
+
+      Rectangle {
+        id: titleBar
+        anchors { left: parent.left; right: parent.right; top: parent.top }
+        height: Style.space(44)
+        color: Color.popups.background
+
+        Text {
+          anchors { left: parent.left; leftMargin: Style.space(16); verticalCenter: parent.verticalCenter }
+          text: window.title
+          color: Color.foreground
+          font.family: Style.font.family
+          font.pixelSize: Style.font.body
+          font.bold: true
+        }
+
+        MouseArea {
+          anchors.fill: parent
+          acceptedButtons: Qt.LeftButton
+          onPressed: window.startSystemMove()
+          onDoubleClicked: window.maximized = !window.maximized
+        }
+      }
+
+      ControlNode {
+        id: renderer
+        anchors {
+          left: parent.left
+          right: parent.right
+          top: titleBar.bottom
+          bottom: parent.bottom
+          margins: Style.space(24)
+        }
+        visible: root.activeSurface !== "" && service.rootId(root.activeSurface) !== ""
+        bridge: service
+        surfaceName: root.activeSurface
+        controlId: service.rootId(surfaceName)
+        foreground: Color.foreground
+        fontFamily: Style.font.family
+      }
+
+      Text {
+        anchors.centerIn: parent
+        visible: !renderer.visible
+        text: service.lastError !== "" ? service.lastError : "Starting Ruby UI…"
+        color: Color.foreground
+        font.family: Style.font.family
+        font.pixelSize: Style.font.body
+      }
+    }
+  }
+}

data/BarWidget.qml

@@ -0,0 +1,47 @@
+import QtQuick
+import qs.Commons
+import qs.Ui
+
+BarWidget {
+  id: root
+  property var manifest: null
+  moduleName: manifest ? String(manifest.id) : ""
+
+  readonly property var rubyService: bar && bar.shell
+    ? bar.shell.serviceFor(moduleName)
+    : null
+  readonly property string surfaceName: "bar"
+  readonly property string rootControlId: rubyService ? rubyService.rootId(surfaceName) : ""
+
+  implicitWidth: Math.max(Style.bar.iconSlot, renderer.implicitWidth + Style.space(12))
+  implicitHeight: barSize
+
+  ControlNode {
+    id: renderer
+    anchors.centerIn: parent
+    visible: root.rubyService && root.rootControlId !== ""
+    bridge: root.rubyService
+    surfaceName: root.surfaceName
+    controlId: root.rootControlId
+    foreground: root.bar ? root.bar.barForeground : Color.foreground
+    fontFamily: root.bar ? root.bar.fontFamily : Style.font.family
+  }
+
+  Text {
+    anchors.centerIn: parent
+    visible: !renderer.visible
+    text: root.rubyService && root.rubyService.lastError !== "" ? "!rb" : "rb"
+    color: root.bar ? root.bar.barForeground : Color.foreground
+    font.family: root.bar ? root.bar.fontFamily : Style.font.family
+    font.pixelSize: Style.font.bodySmall
+  }
+
+  MouseArea {
+    anchors.fill: parent
+    cursorShape: Qt.PointingHandCursor
+    onClicked: {
+      if (root.rubyService && root.rootControlId !== "")
+        root.rubyService.sendEvent(root.surfaceName, root.rootControlId, "click", {})
+    }
+  }
+}

data/Components/README.md

@@ -0,0 +1,40 @@
+# QML component adapters
+
+Applications can extend the framework without modifying `ControlNode.qml` or `Service.qml`.
+Register an adapter before declaring surfaces:
+
+```ruby
+register_component :sparkline,
+  qml: "Sparkline.qml",
+  properties: %i[values color],
+  events: %i[click]
+```
+
+Then place `Sparkline.qml` in this directory and render it with:
+
+```ruby
+component :sparkline, values: [2, 8, 5, 12], color: "#f44"
+```
+
+An adapter is a QML `Item` with any of these framework-injected properties it needs:
+`bridge`, `surfaceName`, `controlId`, and `node`. Events are sent with
+`bridge.sendEvent(surfaceName, controlId, "click", payload)`.
+
+The registry only accepts local adapter basenames and declares every allowed property and
+event. QML source is never accepted from the runtime JSON stream as executable text.
+
+## Animation
+
+Reactive patches can carry native QML transitions:
+
+```ruby
+bind(chart, :opacity, animation: animation(duration: 240, easing: :out_cubic)) do
+  state.visible ? 1.0 : 0.0
+end
+```
+
+The bridge validates the transition, preserves the previous value, and runs a QML
+`PropertyAnimation` against the adapter property. For an animatable custom property, expose
+a QML property with the same name as the registered Ruby property. Adapters remain free to
+use QML `Behavior`, `Transition`, `SequentialAnimation`, `ParallelAnimation`, states,
+shaders, particles, and any other native QML animation internally.

data/Components/Sparkline.qml

@@ -0,0 +1,36 @@
+import QtQuick
+
+Canvas {
+  property var values: []
+  property color strokeColor: "white"
+  property real lineWidth: 2
+  signal click(var payload)
+  implicitWidth: 160
+  implicitHeight: 48
+
+  onValuesChanged: requestPaint()
+  onStrokeColorChanged: requestPaint()
+  onPaint: {
+    var context = getContext("2d")
+    context.reset()
+    if (values.length < 2) return
+    var minimum = Math.min.apply(Math, values)
+    var maximum = Math.max.apply(Math, values)
+    var span = Math.max(0.000001, maximum - minimum)
+    context.strokeStyle = strokeColor
+    context.lineWidth = lineWidth
+    context.beginPath()
+    for (var i = 0; i < values.length; i++) {
+      var x = i * width / (values.length - 1)
+      var y = height - ((Number(values[i]) - minimum) / span) * height
+      if (i === 0) context.moveTo(x, y)
+      else context.lineTo(x, y)
+    }
+    context.stroke()
+  }
+
+  MouseArea {
+    anchors.fill: parent
+    onClicked: parent.click({ button: button })
+  }
+}