dsh-custom-theme 0.1.1 → 0.1.2

package/README.md

@@ -392,10 +392,13 @@ button: no code is swapped until you click it.
 **Where it shows up.** Both surfaces read the same cached answer:
 
 - A row on **设置 → 主题与背景**, next to the theme and background pickers.
-- Two contributions to the plugin manager's own page for this bundle — a badge beside
-  the title and a section under the page's content, both drawn only when a newer
-  release exists. Every other plugin's page is untouched: an entry renders nothing for
-  a subject it has nothing to say about.
+- Three contributions to the plugin manager's own page for this bundle, each with one
+  job: **升级** in the page's actions area beside the enable switch and uninstall, an
+  *Update available* badge beside the title, and a section under the page's content
+  carrying the version detail and **检查更新**. All three are drawn only when a newer
+  release exists, and every other plugin's page is untouched — an entry renders nothing
+  for a subject it has nothing to say about. The upgrade button lives in one place, so
+  the section does not repeat it.
 
 **Upgrading.** **升级** installs the exact version the check resolved, through the
 plugin manager's own `installBundle`, so the profile's lockfile and bundle list stay

package/lib/client.js

@@ -1362,15 +1362,17 @@ window.__ModuleLoader__.load({
     }
 
     /**
-     * The update controls, rendered both as a row on this card and as a section on
-     * the plugin manager's page for this bundle.
-     * @param props - `t` plus `as`, the element and class the controls sit in.
+     * The update controls, rendered as a row on this card and as a section on the
+     * plugin manager's page for this bundle.
+     * @param props - `t`; `as`, the element and class the controls sit in; and
+     *   `primary`, which drops the upgrade button where the page's own actions area
+     *   already carries it, so the same button is never drawn twice on one page.
      */
-    function UpdateRow({ t, as = 'row' }) {
+    function UpdateRow({ t, as = 'row', primary = true }) {
       const snapshot = useUpdate()
       const busy = snapshot.phase === 'loading' || snapshot.phase === 'applying'
       const controls = [
-        canUpgrade(snapshot) ? h('button', {
+        primary && canUpgrade(snapshot) ? h('button', {
           key: 'upgrade',
           type: 'button',
           className: 'dct-button dct-upgrade',
@@ -1415,10 +1417,28 @@ window.__ModuleLoader__.load({
       return h('span', { className: 'dct-update-badge' }, `${t('updateBadge')} ${snapshot.state.latest}`)
     }
 
+    /**
+     * The upgrade button in the plugin page's own actions area, beside its enable
+     * switch and uninstall. Drawn only for this bundle and only when a newer release
+     * exists, so every other plugin's page is left exactly as the shell built it.
+     */
+    function PluginUpdateAction({ subject, t }) {
+      const snapshot = useUpdate()
+      if (!isOwnBundle(subject)) return null
+      if (!canUpgrade(snapshot)) return null
+      const busy = snapshot.phase === 'loading' || snapshot.phase === 'applying'
+      return h('button', {
+        type: 'button',
+        className: 'dct-button dct-upgrade',
+        disabled: busy,
+        onClick: () => { applyUpdateNow() },
+      }, snapshot.phase === 'applying' ? t('updateUpgrading') : `${t('updateUpgrade')} ${snapshot.state.latest}`)
+    }
+
     /** The update section under the plugin page's own content. */
     function PluginUpdateSection({ subject, t }) {
       if (!isOwnBundle(subject)) return null
-      return h(UpdateRow, { t, as: 'section' })
+      return h(UpdateRow, { t, as: 'section', primary: false })
     }
 
     function ThemeRow({ t }) {
@@ -1695,6 +1715,14 @@ window.__ModuleLoader__.load({
          * newer release is worth mentioning. Both entries render null for any other
          * subject; the page's own version and switch stay untouched.
          */
+        ctx.slots.inject('plugins.detail.actions', () => ctx.slots.register({
+          name: 'plugins.detail.actions',
+          id: 'dsh-custom-theme-update',
+          order: 40,
+          label: () => ctx.locale.bind(LOCALE_NS)('updateTitle'),
+          locale: LOCALE_NS,
+        }, PluginUpdateAction))
+
         ctx.slots.inject('plugins.detail.badge', () => ctx.slots.register({
           name: 'plugins.detail.badge',
           id: 'dsh-custom-theme-update',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-custom-theme",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "User-editable CSS themes and background images for the DSH Web GUI and Desktop app, with pickers in Settings",
   "license": "MIT",
   "author": "Sparrived",