dsh-bili-watch 0.2.6 → 0.2.8

package/client.js

@@ -41,6 +41,11 @@ window.__ModuleLoader__.load({
 [data-bl-name]{min-width:150px;flex:none;}
 [data-bl-detail]{flex:1;min-width:0;color:var(--dsw-alias-label-tertiary,#8a9099);font-size:12px;word-break:break-all;}
 [data-bl-size]{flex:none;color:var(--dsw-alias-label-tertiary,#8a9099);font-size:12px;min-width:64px;text-align:right;}
+[data-bl-overlay-icon]{font-size:14px;line-height:1;color:#d97706}
+[data-bl-overlay-text]{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;overflow:hidden}[data-bl-overlay-line]{display:flex;align-items:baseline;gap:8px;overflow:hidden}[data-bl-overlay-hint]{font-size:11.5px;color:#a16207;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+[data-bl-overlay-text b]{font-weight:600;white-space:nowrap}
+[data-bl-overlay-sub]{color:#9a6a1e;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+[data-bl-overlay-actions]{display:flex;gap:8px;align-items:center;flex-shrink:0}
 [data-bl-btn]{font-size:12px;min-height:26px;padding:2px 10px;border-radius:6px;cursor:pointer;border:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.16));background:transparent;color:inherit;flex:none;}
 [data-bl-btn:disabled]{opacity:.45;cursor:default;}
 [data-bl-input]{width:64px;font-size:12px;padding:2px 6px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.16));background:transparent;color:inherit;}
@@ -91,6 +96,21 @@ window.__ModuleLoader__.load({
       )
     }
 
+    // 设置页入口：先在插件详情页关掉「在设置页显示」时，这里自动隐身
+    function SettingsPanel() {
+      const [show, setShow] = React.useState(null)
+      React.useEffect(() => {
+        jget('/status')
+          .then((j) => setShow(j.ok && j.data.ui?.showInSettings !== false))
+          .catch(() => setShow(false))
+        const onUi = (e) => setShow(!!e?.detail?.showInSettings)
+        window.addEventListener('bili-watch-ui', onUi)
+        return () => window.removeEventListener('bili-watch-ui', onUi)
+      }, [])
+      if (!show) return null
+      return h(Panel, null)
+    }
+
     function Panel() {
       const [st, setSt] = React.useState(null)
       const [err, setErr] = React.useState('')
@@ -278,6 +298,27 @@ window.__ModuleLoader__.load({
       const lastRun = st.lastRun || {}
 
       return h('div', { 'data-bl-page': '' },
+        h('div', { 'data-bl-sec': '' },
+          h('div', { 'data-bl-sechead': '' },
+            h('span', { 'data-bl-sec-title': '' }, '显示'),
+            h('label', { 'data-bl-dlgrow': '' },
+              h('input', {
+                type: 'checkbox',
+                checked: st.ui?.showInSettings !== false,
+                onChange: async (e) => {
+                  const v = e.target.checked
+                  try {
+                    await jpost('/config', { showInSettings: v })
+                    try { window.__biliWatchSyncSettings && window.__biliWatchSyncSettings(v) } catch {}
+                    await load()
+                  } catch {}
+                },
+              }),
+              h('span', { 'data-bl-name': '' }, '在设置页也显示'),
+            ),
+          ),
+          h('div', { 'data-bl-note': '' }, '关掉只隐藏设置页入口；插件详情页这块面板一直保留。'),
+        ),
         h('div', { 'data-bl-head': '' },
           h('span', { 'data-bl-title': '' }, '依赖与状态'),
           h('span', { 'data-bl-sub': '' }, '缺什么点下载，装好后这里会变绿。')),
@@ -364,22 +405,120 @@ window.__ModuleLoader__.load({
       )
     }
 
+    // 缺依赖横幅（shell.overlay）
+    function OverlayBanner() {
+      const [st, setSt] = React.useState(null)
+      const [visible, setVisible] = React.useState(false)
+      const [dismissed, setDismissed] = React.useState(false)
+
+      React.useEffect(() => {
+        jget('/status').then((j) => {
+          if (!j.ok) return
+          setSt(j.data)
+          const missing = (j.data.deps || []).filter((d) => !d.ok)
+          if (missing.length > 0 && j.data.ui?.hintDismissed !== true) {
+            setVisible(true)
+          }
+        }).catch(() => {})
+      }, [])
+
+      if (!visible || dismissed) return null
+      const missing = (st?.deps || []).filter((d) => !d.ok)
+      const names = missing.map((d) => d.name).join('、')
+
+      return h('div', { 'data-bl-overlay': '' },
+        h('span', { 'data-bl-overlay-icon': '' }, '⚠'),
+        h('span', { 'data-bl-overlay-text': '' },
+          h('span', { 'data-bl-overlay-line': '' },
+            h('b', {}, 'bili-watch 缺 ' + missing.length + ' 个依赖'),
+            h('span', { 'data-bl-overlay-sub': '' }, names + '　—　元数据、评论、弹幕、搜索照常可用')),
+          h('span', { 'data-bl-overlay-hint': '' }, '也可以到「设置 → bili-watch」的依赖面板里逐个安装，能看到进度和体积')),
+        h('span', { 'data-bl-overlay-actions': '' },
+          h('button', { 'data-bl-btn': 'primary', onClick: async () => { await jpost('/download', { target: 'all' }) } }, '去安装'),
+          h('button', { 'data-bl-btn': 'ghost', onClick: () => setDismissed(true) }, '关闭'),
+          h('button', { 'data-bl-btn': 'ghost', onClick: async () => {
+            await jpost('/config', { hintDismissed: true })
+            setDismissed(true)
+          } }, '不再提示')),
+      )
+    }
+
+    // 启用指引（plugins.bundle.activation）
+    function ActivationGuide() {
+      const [seen, setSeen] = React.useState(false)
+      React.useEffect(() => {
+        jget('/status').then((j) => {
+          if (j.ok && j.data.ui?.activationSeen === true) setSeen(true)
+        }).catch(() => {})
+      }, [])
+      if (seen) return null
+      return h('div', { 'data-bl-activation': '' },
+        h('div', { 'data-bl-title': '' }, 'B站看视频插件已启用'),
+        h('div', { 'data-bl-note': '' }, '用它之前建议先装依赖：ffmpeg（抽帧/取音轨）、转写模型（本地转写）。没装也能用：元数据、评论、弹幕、搜索、热榜。'),
+        h('div', { 'data-bl-row': '' },
+          h('button', { 'data-bl-btn': 'primary', onClick: async () => { await jpost('/download', { target: 'all' }) } }, '去安装'),
+          h('button', { 'data-bl-btn': '', onClick: async () => {
+            await jpost('/config', { activationSeen: true })
+            setSeen(true)
+          } }, '先不装')),
+      )
+    }
+
     return {
       inject: ['slots'],
       apply(ctx) {
         const style = document.createElement('style')
         style.setAttribute('data-plugin-css', 'dsh-bili-watch')
-        style.textContent = CSS
+        style.textContent = CSS + `
+[data-bl-overlay]{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;gap:10px;padding:9px 16px;background:#fffbeb;color:#7c2d12;border-bottom:1px solid #fcd34d;border-left:4px solid #f59e0b;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.06);}[data-bl-btn='primary']{background:#f59e0b;border-color:#f59e0b;color:#fff;font-weight:600;}[data-bl-btn='primary']:hover{background:#d97706;}[data-bl-btn='ghost']{border-color:transparent;color:#92400e;}[data-bl-btn='ghost']:hover{background:rgba(146,64,14,.08);}
+[data-bl-overlay-text]{flex:1;}
+[data-bl-activation]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--dsw-alias-border-l2,rgba(128,128,128,.18));border-radius:8px;background:var(--dsw-alias-bg2,rgba(255,255,255,.04));}
+`
         document.head.appendChild(style)
         if (typeof ctx.effect === 'function') ctx.effect(() => () => style.remove(), 'dsh-bili-watch: 面板样式')
 
         const slots = (typeof ctx.get === 'function' ? ctx.get('slots') : undefined) || ctx.slots
         if (!slots) return
-        // 插件详情页的配置区：key 用包名，按包页面 dispatch（见 Slot 清单 plugins.bundle.config）
+
+        // ① 插件详情页配置区（原有）
         slots.inject('plugins.bundle.config', () => slots.register(
           { name: 'plugins.bundle.config', key: PKG },
           Panel,
         ))
+
+        // ② 启用指引（用户从插件列表点「启用」后渲染）
+        slots.inject('plugins.bundle.activation', () => slots.register(
+          { name: 'plugins.bundle.activation', key: PKG },
+          ActivationGuide,
+        ))
+
+        // ③ 缺依赖横幅（全页浮层）
+        slots.inject('shell.overlay', () => slots.register(
+          { name: 'shell.overlay', id: 'bili-watch.overlay' },
+          OverlayBanner,
+        ))
+
+        // ④ 设置页双面板：注册/注销跟着 showInSettings 走（组件返回 null 删不掉左侧 tab）
+        let settingsReg = null
+        const syncSettings = (on) => {
+          if (on) {
+            if (settingsReg) return
+            slots.inject('settings.section', () => {
+              settingsReg = slots.register(
+                { name: 'settings.section', id: 'bili-watch', order: 32, label: 'bili-watch' },
+                Panel,
+              )
+              return settingsReg
+            })
+          } else if (settingsReg) {
+            try { settingsReg() } catch {}
+            settingsReg = null
+          }
+        }
+        try { window.__biliWatchSyncSettings = syncSettings } catch {}
+        jget('/status')
+          .then((j) => syncSettings(!!(j.ok && j.data.ui?.showInSettings !== false)))
+          .catch(() => {})
       },
     }
   },

package/index.js

@@ -45,6 +45,21 @@ const FFMPEG_CANDS = [
 const HF_HOME = [join(DEPS, '.hf-home'), join(PROJ, '.hf-home')]
 const SCRIPTS = join(HERE, 'scripts')
 const CACHE_CFG = join(DEPS, 'cache-config.json')
+const UI_CFG = join(DEPS, 'ui-config.json')
+const DEFAULT_UI_CFG = { hintDismissed: false, activationSeen: false, showInSettings: true }
+
+function uiCfg() {
+  try {
+    const raw = JSON.parse(readFileSync(UI_CFG, 'utf8'))
+    return { ...DEFAULT_UI_CFG, ...raw }
+  } catch { return { ...DEFAULT_UI_CFG } }
+}
+function writeUiCfg(patch) {
+  const cur = uiCfg()
+  const next = { ...cur, ...patch }
+  writeFileSync(UI_CFG, JSON.stringify(next, null, 2), 'utf8')
+  return next
+}
 const DEFAULT_CACHE_DAYS = 7
 const DEFAULT_CACHE_MAX_MB = 2048
 const DOWNLOAD_LOG = join(DEPS, 'download.log')
@@ -674,6 +689,7 @@ function apply(ctx) {
                     deps: depRows(),
                     cache: { ...dirStat(CACHE), ...cacheCfg(), lastAutoClean: cleaned },
                     lastRun: readLastRun(),
+                    ui: uiCfg(),
                   },
                 })
               }
@@ -714,6 +730,15 @@ function apply(ctx) {
                 if (r.state === 'ok') writeLastRun('login', 0)
                 return sendJson(res, 200, r)
               }
+              if (req.method === 'POST' && url.pathname === '/api/bili-watch/config') {
+                const body = await readJsonBody(req)
+                const patch = {}
+                if (typeof body?.hintDismissed === 'boolean') patch.hintDismissed = body.hintDismissed
+                if (typeof body?.activationSeen === 'boolean') patch.activationSeen = body.activationSeen
+                if (typeof body?.showInSettings === 'boolean') patch.showInSettings = body.showInSettings
+                const next = writeUiCfg(patch)
+                return sendJson(res, 200, { ok: true, data: next })
+              }
               sendJson(res, 404, { ok: false, why: 'not found' })
             } catch (e) {
               sendJson(res, 500, { ok: false, why: String(e?.message || e) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-bili-watch",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "private": false,
   "description": "Reads Bilibili (and generic URLs via yt-dlp) into text for DSH agents: search, hot, metadata, comments, danmaku, AI subtitles, local ASR, frame OCR.",
   "type": "module",