plugins: support control center plugins

2026-01-25 05:52:50 -05:00 · 2025-10-05 21:09:29 -04:00
parent 2b14ef76c9
commit c092cd2921
11 changed files with 593 additions and 34 deletions
--- a/PLUGINS/ControlCenterExample/ControlCenterExampleWidget.qml
+++ b/PLUGINS/ControlCenterExample/ControlCenterExampleWidget.qml
@@ -0,0 +1,68 @@
+import QtQuick
+import Quickshell
+import qs.Common
+import qs.Services
+import qs.Widgets
+import qs.Modules.Plugins
+
+PluginComponent {
+    id: root
+
+    property bool isEnabled: pluginData.isEnabled || false
+    property int clickCount: pluginData.clickCount || 0
+
+    ccWidgetIcon: isEnabled ? "toggle_on" : "toggle_off"
+    ccWidgetPrimaryText: "Example Toggle"
+    ccWidgetSecondaryText: isEnabled ? `Active • ${clickCount} clicks` : "Inactive"
+    ccWidgetIsActive: isEnabled
+
+    onCcWidgetToggled: {
+        isEnabled = !isEnabled
+        clickCount += 1
+        if (pluginService) {
+            pluginService.savePluginData("controlCenterExample", "isEnabled", isEnabled)
+            pluginService.savePluginData("controlCenterExample", "clickCount", clickCount)
+        }
+        ToastService.showInfo("Example Toggle", isEnabled ? "Activated!" : "Deactivated!")
+    }
+
+    horizontalBarPill: Component {
+        Row {
+            spacing: Theme.spacingXS
+
+            DankIcon {
+                name: root.isEnabled ? "toggle_on" : "toggle_off"
+                color: root.isEnabled ? Theme.primary : Theme.surfaceVariantText
+                font.pixelSize: Theme.iconSize - 4
+                anchors.verticalCenter: parent.verticalCenter
+            }
+
+            StyledText {
+                text: `${root.clickCount}`
+                color: root.isEnabled ? Theme.primary : Theme.surfaceVariantText
+                font.pixelSize: Theme.fontSizeMedium
+                anchors.verticalCenter: parent.verticalCenter
+            }
+        }
+    }
+
+    verticalBarPill: Component {
+        Column {
+            spacing: Theme.spacingXS
+
+            DankIcon {
+                name: root.isEnabled ? "toggle_on" : "toggle_off"
+                color: root.isEnabled ? Theme.primary : Theme.surfaceVariantText
+                font.pixelSize: Theme.iconSize - 4
+                anchors.horizontalCenter: parent.horizontalCenter
+            }
+
+            StyledText {
+                text: `${root.clickCount}`
+                color: root.isEnabled ? Theme.primary : Theme.surfaceVariantText
+                font.pixelSize: Theme.fontSizeSmall
+                anchors.horizontalCenter: parent.horizontalCenter
+            }
+        }
+    }
+}
--- a/PLUGINS/ControlCenterExample/plugin.json
+++ b/PLUGINS/ControlCenterExample/plugin.json
@@ -0,0 +1,11 @@
+{
+    "id": "controlCenterExample",
+    "name": "CC Toggle Example",
+    "description": "Example plugin with Control Center toggle widget",
+    "version": "1.0.0",
+    "author": "DankMaterialShell",
+    "icon": "toggle_on",
+    "type": "widget",
+    "component": "./ControlCenterExampleWidget.qml",
+    "permissions": ["settings_read", "settings_write"]
+}