Merge branch 'changelog'

2026-08-15 18:43:59 +00:00 · 2025-11-20 11:54:33 +01:00
parent 1ceb97c08f 226213457f
commit c735eef75d
17 changed files with 967 additions and 11 deletions
@@ -90,6 +90,13 @@ Item {
        backgroundColor: panelBackgroundColor
      }

+      // Changelog
+      PanelBackground {
+        panel: root.windowRoot.changelogPanelPlaceholder
+        shapeContainer: backgroundsShape
+        backgroundColor: panelBackgroundColor
+      }
+
      // Launcher
      PanelBackground {
        panel: root.windowRoot.launcherPanelPlaceholder
@@ -12,6 +12,7 @@ import qs.Modules.Bar.Extras
 import qs.Modules.Panels.Audio
 import qs.Modules.Panels.Bluetooth
 import qs.Modules.Panels.Calendar
+import qs.Modules.Panels.Changelog
 import qs.Modules.Panels.ControlCenter
 import qs.Modules.Panels.Launcher
 import qs.Modules.Panels.NotificationHistory
@@ -33,6 +34,7 @@ PanelWindow {
  readonly property alias audioPanel: audioPanel
  readonly property alias bluetoothPanel: bluetoothPanel
  readonly property alias calendarPanel: calendarPanel
+  readonly property alias changelogPanel: changelogPanel
  readonly property alias controlCenterPanel: controlCenterPanel
  readonly property alias launcherPanel: launcherPanel
  readonly property alias notificationHistoryPanel: notificationHistoryPanel
@@ -47,6 +49,7 @@ PanelWindow {
  readonly property var audioPanelPlaceholder: audioPanel.panelPlaceholder
  readonly property var bluetoothPanelPlaceholder: bluetoothPanel.panelPlaceholder
  readonly property var calendarPanelPlaceholder: calendarPanel.panelPlaceholder
+  readonly property var changelogPanelPlaceholder: changelogPanel.panelPlaceholder
  readonly property var controlCenterPanelPlaceholder: controlCenterPanel.panelPlaceholder
  readonly property var launcherPanelPlaceholder: launcherPanel.panelPlaceholder
  readonly property var notificationHistoryPanelPlaceholder: notificationHistoryPanel.panelPlaceholder
@@ -174,6 +177,12 @@ PanelWindow {
      screen: root.screen
    }

+    ChangelogPanel {
+      id: changelogPanel
+      objectName: "changelogPanel-" + (root.screen?.name || "unknown")
+      screen: root.screen
+    }
+
    CalendarPanel {
      id: calendarPanel
      objectName: "calendarPanel-" + (root.screen?.name || "unknown")
@@ -0,0 +1,265 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell
+import qs.Commons
+import qs.Modules.MainScreen
+import qs.Services.Noctalia
+import qs.Services.UI
+import qs.Widgets
+
+SmartPanel {
+  id: root
+
+  preferredWidth: Math.round(540 * Style.uiScaleRatio)
+  preferredHeight: Math.round(620 * Style.uiScaleRatio)
+  panelAnchorHorizontalCenter: true
+  panelAnchorVerticalCenter: true
+
+  readonly property string currentVersion: UpdateService.changelogCurrentVersion || UpdateService.currentVersion
+  readonly property string previousVersion: UpdateService.previousVersion
+  readonly property bool hasPreviousVersion: previousVersion && previousVersion.length > 0
+  readonly property var releaseHighlights: UpdateService.releaseHighlights || []
+  readonly property string subtitleText: hasPreviousVersion ? I18n.tr("changelog.panel.subtitle.updated", {
+                                                                     "previousVersion": previousVersion
+                                                                   }) : I18n.tr("changelog.panel.subtitle.fresh")
+
+  panelContent: Rectangle {
+    color: Color.mSurfaceVariant
+    radius: Style.radiusM
+    border.color: Color.mOutline
+    border.width: Style.borderS
+
+    ColumnLayout {
+      anchors.fill: parent
+      anchors.margins: Style.marginL
+      spacing: Style.marginM
+
+      RowLayout {
+        Layout.fillWidth: true
+        spacing: Style.marginM
+
+        NIcon {
+          icon: "sparkles"
+          color: Color.mPrimary
+          pointSize: Style.fontSizeXXL
+        }
+
+        ColumnLayout {
+          Layout.fillWidth: true
+          spacing: Style.marginXS
+
+          NText {
+            text: I18n.tr("changelog.panel.title", {
+                           "version": currentVersion || UpdateService.currentVersion
+                         })
+            pointSize: Style.fontSizeXL
+            font.weight: Style.fontWeightBold
+            color: Color.mPrimary
+            wrapMode: Text.WordWrap
+          }
+
+          NText {
+            text: subtitleText
+            color: Color.mOnSurface
+            opacity: Style.opacityMedium
+            wrapMode: Text.WordWrap
+          }
+        }
+
+        Item {
+          Layout.fillWidth: true
+        }
+
+        NIconButton {
+          icon: "close"
+          tooltipText: I18n.tr("tooltips.close")
+          onClicked: root.close()
+          Layout.alignment: Qt.AlignTop | Qt.AlignRight
+          Layout.preferredHeight: Style.baseWidgetSize
+          Layout.preferredWidth: Style.baseWidgetSize
+        }
+      }
+
+      Rectangle {
+        clip: true
+        Layout.fillWidth: true
+        color: Qt.alpha(Color.mPrimary, 0.08)
+        radius: Style.radiusS
+        border.color: Color.mPrimary
+        border.width: Style.borderS
+
+        RowLayout {
+          anchors.fill: parent
+          anchors.margins: Style.marginM
+          spacing: Style.marginS
+
+          NText {
+            text: hasPreviousVersion ? previousVersion : I18n.tr("changelog.panel.version.new-user")
+            font.weight: Style.fontWeightSemiBold
+            color: Color.mPrimary
+          }
+
+          NIcon {
+            icon: "arrow-right"
+            color: Color.mPrimary
+          }
+
+          NText {
+            text: currentVersion || UpdateService.currentVersion
+            font.weight: Style.fontWeightSemiBold
+            color: Color.mPrimary
+          }
+        }
+      }
+
+      NDivider {
+        Layout.fillWidth: true
+      }
+
+      NScrollView {
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        horizontalPolicy: ScrollBar.AlwaysOff
+        verticalPolicy: ScrollBar.AsNeeded
+        padding: 0
+
+        ColumnLayout {
+          width: parent.width
+          spacing: Style.marginM
+
+          NText {
+            text: I18n.tr("changelog.panel.highlight-title")
+            font.weight: Style.fontWeightBold
+            color: Color.mOnSurface
+          }
+
+          NText {
+            visible: UpdateService.fetchError !== ""
+            text: UpdateService.fetchError
+            color: Color.mError
+            wrapMode: Text.WordWrap
+          }
+
+          Repeater {
+            model: releaseHighlights
+            delegate: ColumnLayout {
+              width: parent.width
+              spacing: Style.marginS
+
+              NText {
+                text: I18n.tr("changelog.panel.section.version", {
+                               "version": modelData.version || I18n.tr("system.unknown-version")
+                             })
+                font.weight: Style.fontWeightBold
+                color: Color.mOnSurface
+              }
+
+              NText {
+                visible: modelData.date && modelData.date.length > 0
+                text: I18n.tr("changelog.panel.section.released", {
+                               "date": root.formatReleaseDate(modelData.date)
+                             })
+                color: Color.mOnSurfaceVariant
+                pointSize: Style.fontSizeXS
+              }
+
+              Repeater {
+                model: modelData.entries
+                delegate: RowLayout {
+                  width: parent.width
+                  spacing: Style.marginS
+
+                  Rectangle {
+                    width: Style.marginXL
+                    height: Style.marginXL
+                    radius: Style.radiusS
+                    color: Qt.alpha(Color.mPrimary, 0.12)
+
+                    NIcon {
+                      anchors.centerIn: parent
+                      icon: "check"
+                      color: Color.mPrimary
+                      pointSize: Style.fontSizeM
+                    }
+                  }
+
+                  NText {
+                    text: modelData
+                    color: Color.mOnSurface
+                    wrapMode: Text.WordWrap
+                    Layout.fillWidth: true
+                  }
+                }
+              }
+
+              NDivider {
+                Layout.fillWidth: true
+                visible: index < releaseHighlights.length - 1
+              }
+            }
+          }
+
+          NText {
+            visible: releaseHighlights.length === 0
+            text: I18n.tr("changelog.panel.empty")
+            color: Color.mOnSurfaceVariant
+            wrapMode: Text.WordWrap
+          }
+        }
+      }
+
+      RowLayout {
+        Layout.fillWidth: true
+        spacing: Style.marginS
+
+        NButton {
+          Layout.fillWidth: true
+          icon: "brand-discord"
+          text: I18n.tr("changelog.panel.buttons.discord")
+          outlined: true
+          onClicked: UpdateService.openDiscord()
+        }
+
+        NButton {
+          Layout.fillWidth: true
+          visible: UpdateService.feedbackUrl !== ""
+          icon: "forms"
+          text: I18n.tr("changelog.panel.buttons.feedback")
+          outlined: true
+          onClicked: UpdateService.openFeedbackForm()
+        }
+
+        NButton {
+          Layout.fillWidth: true
+          icon: "check"
+          text: I18n.tr("changelog.panel.buttons.dismiss")
+          onClicked: root.close()
+        }
+      }
+    }
+  }
+
+  onClosed: {
+    if (GitHubService && GitHubService.clearReleaseCache) {
+      GitHubService.clearReleaseCache();
+    }
+    if (UpdateService && UpdateService.changelogCurrentVersion) {
+      Settings.data.changelog.lastSeenVersion = UpdateService.changelogCurrentVersion;
+    }
+  }
+
+  function formatReleaseDate(dateString) {
+    if (!dateString || dateString.length === 0)
+      return "";
+    try {
+      const date = new Date(dateString);
+      if (isNaN(date.getTime()))
+        return dateString;
+      return Qt.formatDate(date, Qt.DefaultLocaleLongDate);
+    } catch (error) {
+      return dateString;
+    }
+  }
+}
+