@goodandready/dsh-clinebot 0.3.10 → 0.3.11

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to `@goodandready/dsh-clinebot` will be documented in this f
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.3.11] - 2026-09-16
+
+### Added
+- **One-Click In-App Update UI & Live Status Banner** (Gitea Issue #39): Rendered interactive update status bar in `PluginCard` / `SettingsPage`. Displays current installed version, live npm registry check indicator, and up-to-date status badge. Automatically reveals warning badge and 'Update Now' button (`update.btn`) when a newer version is released, triggering safe POST `/dsh-clinebot/update` with `x-dsh-plugin-update: 1` header and completion guidance.
+- **Client Test Coverage Expansion**: Added component render assertions for one-click update UI elements and updated test state table to 41 passing unit tests.
+
 ## [0.3.10] - 2026-09-16
 
 ### Changed

package/lib/client.js

@@ -94,6 +94,8 @@ const en = {
       'update.updating': 'Updating…',
       'update.done': 'Successfully updated to v{version}! Please restart DSH.',
       'update.failed': 'Update failed: {error}',
+      'update.checking': 'Checking for updates…',
+      'update.up_to_date': 'Up to date',
     }
 
     const zh = {
@@ -181,6 +183,8 @@ const en = {
       'update.updating': '正在更新…',
       'update.done': '更新成功至 v{version}！请重启 DSH 服务生效。',
       'update.failed': '更新失败：{error}',
+      'update.checking': '正在检查更新…',
+      'update.up_to_date': '已是最新版本',
     }
 
     function makeT(dict, fallback) {
@@ -418,6 +422,18 @@ const en = {
       const [msg, setMsg] = React.useState('')
       const [smokeResult, setSmokeResult] = React.useState(null)
 
+      // Plugin in-app updater state
+      const [updateState, setUpdateState] = React.useState({
+        checking: false,
+        updating: false,
+        currentVersion: '0.3.10',
+        latestVersion: '',
+        updateAvailable: false,
+        canAutoUpdate: true,
+        error: '',
+        notice: '',
+      })
+
       // Key input state
       const [apiKeyInput, setApiKeyInput] = React.useState('')
       const [showKey, setShowKey] = React.useState(false)
@@ -439,6 +455,58 @@ const en = {
         load().catch((e) => setErr(String(e.message || e)))
       }, [load])
 
+      const checkUpdate = React.useCallback(async () => {
+        setUpdateState((s) => ({ ...s, checking: true, error: '' }))
+        try {
+          const res = await fetch(`${ROUTE_PREFIX}/update`)
+          if (!res.ok) throw new Error(`HTTP ${res.status}`)
+          const data = await res.json().catch(() => ({}))
+          setUpdateState((s) => ({
+            ...s,
+            checking: false,
+            currentVersion: data.currentVersion || s.currentVersion,
+            latestVersion: data.latestVersion || '',
+            updateAvailable: !!data.updateAvailable,
+            canAutoUpdate: data.canAutoUpdate !== false,
+          }))
+        } catch (_) {
+          setUpdateState((s) => ({ ...s, checking: false }))
+        }
+      }, [])
+
+      React.useEffect(() => {
+        checkUpdate()
+      }, [checkUpdate])
+
+      async function handleTriggerUpdate() {
+        if (updateState.updating) return
+        setUpdateState((s) => ({ ...s, updating: true, error: '', notice: '' }))
+        try {
+          const res = await fetch(`${ROUTE_PREFIX}/update`, {
+            method: 'POST',
+            headers: { 'x-dsh-plugin-update': '1' },
+          })
+          const data = await res.json().catch(() => ({}))
+          if (!res.ok || data.ok === false || data.error) {
+            throw new Error(data.error || `HTTP ${res.status}`)
+          }
+          const newVer = data.updatedVersion || updateState.latestVersion || updateState.currentVersion
+          setUpdateState((s) => ({
+            ...s,
+            updating: false,
+            updateAvailable: false,
+            currentVersion: newVer,
+            notice: t('update.done', { version: newVer }),
+          }))
+        } catch (e) {
+          setUpdateState((s) => ({
+            ...s,
+            updating: false,
+            error: t('update.failed', { error: e.message || String(e) }),
+          }))
+        }
+      }
+
       React.useEffect(() => {
         if (snapshotStatus === 'ready' && snapshot?.value && typeof snapshot.value === 'object') {
           setDraft((prev) => (prev ? { ...prev, ...snapshot.value } : snapshot.value))
@@ -772,6 +840,60 @@ const en = {
           )
         ),
 
+        // In-app Update Bar
+        React.createElement(
+          'div',
+          {
+            className: 'cb-row',
+            style: {
+              padding: '10px 14px',
+              borderRadius: '8px',
+              border: '1px solid var(--dsw-alias-border-l2)',
+              background: 'var(--dsw-alias-bg-layer-2)',
+              justifyContent: 'space-between',
+            }
+          },
+          React.createElement(
+            'div',
+            { style: { display: 'flex', alignItems: 'center', gap: '8px', fontSize: '13px' } },
+            React.createElement('span', { style: { color: 'var(--dsw-alias-label-secondary)', fontWeight: 500 } },
+              `v${updateState.currentVersion}`
+            ),
+            updateState.checking
+              ? React.createElement('span', { style: { color: 'var(--dsw-alias-label-tertiary)', fontSize: '12px' } },
+                  t('update.checking')
+                )
+              : updateState.updateAvailable
+                ? React.createElement('span', { className: 'cb-badge cb-badge-warn' },
+                    t('update.available', { latestVersion: updateState.latestVersion, currentVersion: updateState.currentVersion })
+                  )
+                : React.createElement('span', { className: 'cb-badge cb-badge-ok' },
+                    '✓ ' + t('update.up_to_date')
+                  )
+          ),
+          updateState.updateAvailable
+            ? React.createElement(
+                'button',
+                {
+                  type: 'button',
+                  className: 'cb-btn cb-btn-primary',
+                  disabled: updateState.updating,
+                  onClick: handleTriggerUpdate,
+                  style: { padding: '5px 12px', fontSize: '12px' }
+                },
+                updateState.updating ? t('update.updating') : t('update.btn')
+              )
+            : null
+        ),
+
+        // Update notice & error banners
+        updateState.notice
+          ? React.createElement('div', { className: 'cb-alert-ok' }, '✓ ' + updateState.notice)
+          : null,
+        updateState.error
+          ? React.createElement('div', { className: 'cb-alert-err' }, updateState.error)
+          : null,
+
         // Notifications
         err ? React.createElement('div', { className: 'cb-alert-bad' }, err) : null,
         msg ? React.createElement('div', { className: 'cb-alert-ok' }, msg) : null,
@@ -814,7 +936,7 @@ const en = {
               {
                 type: 'button',
                 className: 'cb-btn cb-btn-primary',
-                disabled: !!busy || !apiKeyInput.trim(),
+                disabled: !!busy || !String(apiKeyInput || '').trim(),
                 onClick: handleSaveKey,
               },
               busy === 'save-key' ? t('key.saving') : t('key.save')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-clinebot",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "description": "DeepSeek Harness companion for ClineBot / ClinePass: dynamic subscription models sync, quota exhaustion warnings, session metrics, dedicated settings page, live usage limits, and /cline slash-command.",
   "license": "MIT",
   "type": "module",