@weibaohui/dsh-code-poem 0.3.0

package/client/index.js

@@ -0,0 +1,336 @@
+'use strict'
+
+/**
+ * dsh-code-poem — Client half
+ *
+ * 代码如诗：右下角一枚"诗笺"卷轴按钮，点开宣纸卡片，随机展示一条
+ * 古诗词 / 成语 / 龙文鞭影典故。
+ *  - ❤ 收藏（localStorage 持久化，⭐ 打开收藏夹）
+ *  - 🎲 换一条（可按 诗/词/文/成语/典故 过滤，近期不重复）
+ *  - 「释义 · 故事」展开区：白话释义 / 古注 / 出处 / 故事 / 注释 / 赏析
+ */
+
+const STYLE = `
+@keyframes cp-pop{0%{transform:scale(.92) translateY(8px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}
+@keyframes cp-flip{0%{transform:rotateY(90deg);opacity:0}100%{transform:rotateY(0);opacity:1}}
+.cp-root{position:fixed;right:26px;bottom:20px;z-index:1200;display:flex;flex-direction:column;align-items:flex-end;gap:10px;
+  font:13px/1.75 "Kaiti SC","STKaiti","KaiTi","FangSong","Songti SC","SimSun",serif;user-select:none}
+/* 卷轴按钮 */
+.cp-toggle{width:46px;height:46px;border-radius:50%;border:1.5px solid #b5543b;cursor:pointer;
+  background:linear-gradient(145deg,#f8f2e2,#efe6cf);color:#8c3226;font-size:22px;line-height:1;
+  box-shadow:0 6px 18px rgba(0,0,0,.45),inset 0 0 0 3px rgba(140,50,38,.12);display:flex;align-items:center;justify-content:center}
+.cp-toggle:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.5),inset 0 0 0 3px rgba(140,50,38,.22)}
+/* 诗笺卡片：宣纸 */
+.cp-card{position:relative;width:352px;max-height:min(76vh,640px);display:flex;flex-direction:column;overflow:hidden;
+  background:linear-gradient(160deg,#faf5e8 0%,#f4ecd8 55%,#efe4cb 100%);color:#33291f;border-radius:6px;
+  border:1px solid #c9b98f;box-shadow:0 14px 44px rgba(0,0,0,.5),inset 0 0 0 4px rgba(181,84,59,.07),inset 0 0 0 5px rgba(120,98,60,.18);
+  animation:cp-pop .22s ease}
+.cp-card::before{content:"";position:absolute;inset:6px;border:1px solid rgba(140,50,38,.18);border-radius:4px;pointer-events:none}
+/* 顶部：印章 + 标题 */
+.cp-head{display:flex;align-items:center;gap:10px;padding:12px 14px 6px 16px}
+.cp-seal{flex-shrink:0;width:34px;height:34px;background:linear-gradient(150deg,#a4342a,#8c2a22);color:#f6ead2;border-radius:5px;
+  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;letter-spacing:0;
+  box-shadow:0 2px 6px rgba(140,42,34,.45);transform:rotate(-3deg);writing-mode:vertical-rl;line-height:1.1}
+.cp-htext{flex:1;min-width:0}
+.cp-title{font-size:19px;font-weight:700;color:#2f2418;letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.cp-sub{font-size:11px;color:#8a7455;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.cp-close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:#a08c66;font-size:15px;cursor:pointer;border-radius:6px}
+.cp-close:hover{background:rgba(140,50,38,.1);color:#8c3226}
+/* 正文 */
+.cp-body{flex:1;overflow-y:auto;padding:8px 20px 10px;scrollbar-width:thin;scrollbar-color:#c9b98f transparent}
+.cp-front{white-space:pre-wrap;text-align:center;font-size:15.5px;line-height:2.05;color:#33291f;letter-spacing:1.5px;
+  padding:6px 0 10px;animation:cp-flip .3s ease}
+.cp-front.cp-left{text-align:left;font-size:14px;line-height:1.95;letter-spacing:.5px}
+.cp-digest{position:relative;font-size:12.5px;color:#6f5c3f;line-height:1.8;border-top:1px dashed #cbbb92;padding-top:8px;margin-top:2px;
+  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+.cp-digest.cp-open{-webkit-line-clamp:unset}
+/* 展开区 */
+.cp-more{margin-top:10px;border-top:1px solid #cbbb92;padding-top:8px;animation:cp-pop .2s ease}
+.cp-sec{margin-bottom:10px}
+.cp-sec h4{margin:0 0 4px;font-size:12px;color:#8c3226;letter-spacing:2px;font-weight:700}
+.cp-sec h4::before{content:"◆ ";font-size:9px;vertical-align:2px}
+.cp-sec p{margin:0;font-size:12.5px;line-height:1.85;color:#4a3d2c;white-space:pre-wrap}
+/* 展开按钮 */
+.cp-toggle-more{width:100%;border:none;background:transparent;color:#8c3226;font-size:12px;letter-spacing:2px;cursor:pointer;
+  padding:7px 0 2px;font-family:inherit}
+.cp-toggle-more:hover{color:#5e1f16}
+/* 底部工具栏 */
+.cp-foot{display:flex;align-items:center;gap:4px;padding:8px 12px;border-top:1px solid #d5c69d;background:rgba(233,221,192,.55)}
+.cp-btn{border:1px solid transparent;background:transparent;color:#5f4d33;font-size:14px;cursor:pointer;border-radius:8px;
+  padding:4px 8px;line-height:1;font-family:inherit}
+.cp-btn:hover{background:rgba(140,50,38,.09)}
+.cp-btn.cp-loved{color:#b5362a}
+.cp-chips{flex:1;display:flex;gap:2px;justify-content:flex-end;flex-wrap:wrap}
+.cp-chip{border:1px solid #c9b98f;background:transparent;color:#7a6748;font-size:10.5px;border-radius:9px;padding:2px 7px;
+  cursor:pointer;font-family:inherit;letter-spacing:1px}
+.cp-chip.cp-on{background:#8c3226;border-color:#8c3226;color:#f6ead2}
+/* 收藏夹面板 */
+.cp-favs{flex:1;overflow-y:auto;padding:4px 12px 10px;scrollbar-width:thin;scrollbar-color:#c9b98f transparent}
+.cp-favrow{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px dashed #d5c69d;cursor:pointer}
+.cp-favrow:hover{background:rgba(140,50,38,.06)}
+.cp-favrow .cp-fk{flex-shrink:0;font-size:10px;color:#a4342a;border:1px solid rgba(164,52,42,.5);border-radius:4px;padding:1px 5px}
+.cp-favrow .cp-ft{flex:1;font-size:13.5px;color:#33291f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.cp-favrow .cp-fd{flex-shrink:0;color:#b0a184;font-size:11px}
+.cp-favempty{text-align:center;color:#a08c66;font-size:12.5px;padding:26px 0}
+.cp-hint{font-size:10.5px;color:#a8946e;text-align:center;padding:0 0 6px;letter-spacing:1px}
+.cp-origin{display:flex;align-items:center;gap:6px;padding:5px 16px 0;font-size:11px;color:#8c3226;letter-spacing:1.5px}
+.cp-origin::before{content:"";width:5px;height:5px;background:#a4342a;border-radius:1px;transform:rotate(45deg);flex-shrink:0}
+.cp-card.cp-auto{animation:cp-pop .3s ease}
+`
+
+const KINDS = ['诗', '词', '文', '成语', '典故']
+const SEAL = { '诗': '诗', '词': '词', '文': '文', '成语': '语', '典故': '典' }
+const LS_FAVS = 'cp-favs'
+const LS_KIND = 'cp-kind'
+const LS_RECENT = 'cp-recent'
+const LS_AUTO = 'cp-auto'
+
+/** 会话事件 → 诗笺缘起语。turn 类必触发；user_msg 按概率。 */
+const ORIGINS = {
+  turn_end: '功行圆满，且读一句——',
+  tool_error: '路遇荆棘，诗以解之——',
+  turn_abort: '收势小憩，翻页片刻——',
+  user_msg: '道友起意，赠笺一张——',
+}
+
+const favStore = {
+  list() { try { return JSON.parse(localStorage.getItem(LS_FAVS) || '[]') } catch { return [] } },
+  save(list) { try { localStorage.setItem(LS_FAVS, JSON.stringify(list)) } catch {} },
+}
+
+const recentStore = {
+  list() { try { return JSON.parse(localStorage.getItem(LS_RECENT) || '[]') } catch { return [] } },
+  push(id) {
+    const list = this.list().filter((x) => x !== id)
+    list.unshift(id)
+    try { localStorage.setItem(LS_RECENT, JSON.stringify(list.slice(0, 10))) } catch {}
+  },
+}
+
+module.exports = {
+  inject: ['slots'],
+
+  apply(ctx) {
+    const slots = ctx.get('slots')
+    if (slots === undefined) return
+    const React = require('react')
+    const { useState, useEffect, useCallback } = React
+
+    const api = (p) => fetch(`/dsh-code-poem/api/${p}`).then((r) => r.json())
+
+    function App() {
+      const [open, setOpen] = useState(false)
+      const [entry, setEntry] = useState(null)
+      const [kind, setKind] = useState(() => localStorage.getItem(LS_KIND) || 'all')
+      const [loved, setLoved] = useState(false)
+      const [favs, setFavs] = useState(() => favStore.list())
+      const [showFavs, setShowFavs] = useState(false)
+      const [expanded, setExpanded] = useState(false)
+      const [auto, setAuto] = useState(() => localStorage.getItem(LS_AUTO) !== 'off')
+      const [origin, setOrigin] = useState(null)   // 本次弹出的缘起（null=手动）
+      const lastFeedId = React.useRef(0)
+      const lastAutoAt = React.useRef(0)
+      const autoRef = React.useRef(auto)
+      autoRef.current = auto
+      const kindRef = React.useRef(kind)
+      kindRef.current = kind
+
+      // 本地诗笺池：每 5 分钟或收到回合开始事件时批量拉 30 条，
+      // 事件触发/手动换一条都从池里取，几乎不再打 API
+      const poolRef = React.useRef([])
+      const refreshBundle = useCallback(async (k) => {
+        try {
+          const exclude = recentStore.list().join(',')
+          const r = await api(`bundle?kind=${encodeURIComponent(k || 'all')}&n=30&exclude=${encodeURIComponent(exclude)}`)
+          if (r && r.entries && r.entries.length) {
+            poolRef.current = r.entries
+            return true
+          }
+        } catch {}
+        return false
+      }, [])
+
+      const draw = useCallback(async (k) => {
+        if (!poolRef.current.length) await refreshBundle(k || kindRef.current)
+        const e = poolRef.current.shift()
+        if (e) {
+          setEntry(e)
+          setExpanded(false)
+          recentStore.push(e.id)
+          return
+        }
+        try {   // 池子空且批量拉取失败时的兜底单抽
+          const exclude = recentStore.list().join(',')
+          const r = await api(`draw?kind=${encodeURIComponent(k || 'all')}&exclude=${encodeURIComponent(exclude)}`)
+          if (r && r.entry) {
+            setEntry(r.entry)
+            setExpanded(false)
+            recentStore.push(r.entry.id)
+          }
+        } catch {}
+      }, [refreshBundle])
+
+      useEffect(() => { if (open && !entry) draw(kind) }, [open])
+
+      // ── 事件联动：轮询会话事件流，随机自动浮现诗笺 ──
+      React.useEffect(() => {
+        const react = (ev) => {
+          if (!autoRef.current) return
+          let why = null
+          if (ev.kind === 'turn_end' || ev.kind === 'tool_error' || ev.kind === 'turn_abort') why = ev.kind
+          else if (ev.kind === 'user_msg' && Math.random() < 0.25) why = ev.kind
+          if (!why) return
+          const now = Date.now()
+          if (now - lastAutoAt.current < 90000) return   // 90 秒内不重复打扰
+          lastAutoAt.current = now
+          setOrigin(ORIGINS[why])
+          setExpanded(false)
+          setOpen(true)
+          draw(kindRef.current)
+        }
+        const tick = () => {
+          api(`feed?after=${lastFeedId.current}`).then((r) => {
+            for (const ev of r.events || []) {
+              lastFeedId.current = Math.max(lastFeedId.current, ev.id)
+              if (ev.kind === 'turn_start') refreshBundle(kindRef.current)   // 回合开始 → 顺手换一批
+              react(ev)
+            }
+          }).catch(() => {})
+        }
+        refreshBundle(kindRef.current)          // 启动先取一批
+        const iv = setInterval(tick, 15000)     // 事件流 15 秒一轮（响应很小）
+        const bv = setInterval(() => refreshBundle(kindRef.current), 300000)  // 5 分钟换一批
+        return () => { clearInterval(iv); clearInterval(bv) }
+      }, [draw, refreshBundle])
+
+      // 自动浮现的卡片：14 秒无操作自动收起（展开或手动交互后不收）
+      React.useEffect(() => {
+        if (!open || !origin) return
+        const t = setTimeout(() => { if (!expanded) setOpen(false) }, 14000)
+        return () => clearTimeout(t)
+      }, [open, origin, expanded, entry])
+
+      const autoOff = () => { setOrigin(null) }   // 用户触摸卡片 → 视为手动模式，不再自动收
+
+      useEffect(() => {
+        setLoved(!!entry && favs.some((f) => f.id === entry.id))
+      }, [entry, favs])
+
+      const toggleFav = () => {
+        if (!entry) return
+        setFavs((prev) => {
+          const has = prev.some((f) => f.id === entry.id)
+          const next = has
+            ? prev.filter((f) => f.id !== entry.id)
+            : [{ id: entry.id, title: entry.title, kind: entry.kind, front: entry.front, digest: entry.digest }, ...prev]
+          favStore.save(next)
+          return next
+        })
+      }
+
+      const openFav = async (f) => {
+        try {
+          const r = await api(`entry?id=${encodeURIComponent(f.id)}`)
+          if (r && r.entry) { setEntry(r.entry); setExpanded(true); setShowFavs(false) }
+          else { setEntry({ id: f.id, kind: f.kind, title: f.title, sub: '（收藏快照）', author: '', front: f.front, digest: f.digest, sections: [] }) ; setExpanded(false); setShowFavs(false) }
+        } catch {}
+      }
+
+      const pickKind = (k) => {
+        setKind(k)
+        try { localStorage.setItem(LS_KIND, k) } catch {}
+        poolRef.current = []   // 类别变了，旧池子作废
+        draw(k)
+      }
+
+      const frontCls = entry && (entry.kind === '文' || entry.kind === '成语') ? 'cp-front cp-left' : 'cp-front'
+      const sections = (entry && entry.sections) || []
+
+      return React.createElement('div', { className: 'cp-root' },
+        open && React.createElement('div', {
+          className: 'cp-card' + (origin ? ' cp-auto' : ''),
+          onMouseDown: autoOff,
+        },
+          React.createElement('div', { className: 'cp-head' },
+            React.createElement('div', { className: 'cp-seal' }, entry ? (SEAL[entry.kind] || '诗') : '诗'),
+            React.createElement('div', { className: 'cp-htext' },
+              React.createElement('div', { className: 'cp-title' }, entry ? entry.title : '诗笺'),
+              React.createElement('div', { className: 'cp-sub' },
+                entry ? [entry.sub, entry.author].filter(Boolean).join(' · ') : '代码如诗')),
+            React.createElement('button', { className: 'cp-close', title: '收起', onClick: () => setOpen(false) }, '✕')),
+          origin && React.createElement('div', { className: 'cp-origin' }, ORIGINS[origin] || '缘起'),
+          showFavs
+            ? React.createElement('div', { className: 'cp-favs' },
+                favs.length === 0 && React.createElement('div', { className: 'cp-favempty' }, '还没有收藏，遇到喜欢的句子点个 ❤ 吧'),
+                favs.map((f) => React.createElement('div', {
+                  key: f.id, className: 'cp-favrow',
+                  onClick: () => openFav(f), title: f.digest || '',
+                },
+                  React.createElement('span', { className: 'cp-fk' }, SEAL[f.kind] || f.kind),
+                  React.createElement('span', { className: 'cp-ft' }, f.title),
+                  React.createElement('span', {
+                    className: 'cp-fd', title: '取消收藏',
+                    onClick: (ev) => {
+                      ev.stopPropagation()
+                      const next = favs.filter((x) => x.id !== f.id)
+                      favStore.save(next); setFavs(next)
+                    },
+                  }, '✖'))))
+            : React.createElement('div', { className: 'cp-body' },
+                entry && React.createElement('div', { key: entry.id, className: 'cp-front ' + frontCls.split(' ').slice(1).join(' ') || 'cp-front' },
+                  entry.front),
+                entry && entry.digest && React.createElement('div', {
+                  className: 'cp-digest' + (expanded ? ' cp-open' : ''),
+                  onClick: () => setExpanded(true), title: '点击展开',
+                }, entry.digest),
+                expanded && React.createElement('div', { className: 'cp-more', key: 'more' },
+                  ...(sections.length
+                    ? sections.map((s, i) => React.createElement('div', { className: 'cp-sec', key: i },
+                        React.createElement('h4', null, s.h),
+                        React.createElement('p', null, s.t)))
+                    : [React.createElement('div', { className: 'cp-favempty', key: 'empty' }, '这条没有更多释义了')])),
+                !expanded && React.createElement('button', {
+                  className: 'cp-toggle-more',
+                  onClick: () => setExpanded(true),
+                }, sections.length ? '—— 展开 释义 · 故事 ▾ ——' : '—— 展开 全文 ▾ ——')),
+          React.createElement('div', { className: 'cp-foot' },
+            React.createElement('button', {
+              className: 'cp-btn' + (loved ? ' cp-loved' : ''),
+              title: loved ? '取消收藏' : '收藏', onClick: toggleFav,
+            }, loved ? '❤️' : '🤍'),
+            React.createElement('button', { className: 'cp-btn', title: '换一条', onClick: () => draw(kind) }, '🎲'),
+            React.createElement('button', {
+              className: 'cp-btn', title: '收藏夹',
+              onClick: () => setShowFavs((v) => !v),
+            }, showFavs ? '📖' : `⭐${favs.length || ''}`),
+            React.createElement('button', {
+              className: 'cp-btn', title: auto ? '事件联动：开（回合结束/报错时自动浮现）' : '事件联动：关',
+              onClick: () => {
+                const next = !auto
+                setAuto(next)
+                try { localStorage.setItem(LS_AUTO, next ? 'on' : 'off') } catch {}
+              },
+            }, auto ? '🔔' : '🔕'),
+            React.createElement('div', { className: 'cp-chips' },
+              React.createElement('button', {
+                className: 'cp-chip' + (kind === 'all' ? ' cp-on' : ''),
+                onClick: () => pickKind('all'),
+              }, '随机'),
+              KINDS.map((k) => React.createElement('button', {
+                key: k, className: 'cp-chip' + (kind === k ? ' cp-on' : ''),
+                onClick: () => pickKind(k),
+              }, k))))),
+        React.createElement('button', {
+          className: 'cp-toggle', title: '代码如诗：随机一条诗词/成语/典故',
+          onClick: () => setOpen((v) => !v),
+        }, '📜'),
+        open && !origin && React.createElement('div', { className: 'cp-hint' }, '诗词 · 成语 · 典故'),
+      )
+    }
+
+    slots.inject('sidebar.footer.action', () => slots.register(
+      { name: 'sidebar.footer.action', id: '@weibaohui/dsh-code-poem', order: 98 },
+      () => React.createElement(App, null)
+    ))
+  },
+}

package/cordis.patch.yml

@@ -0,0 +1,11 @@
+# dsh-code-poem bundle patch: contributes the plugin row into the
+# host composition when this package is installed via `dsh plugin add`.
+#
+# HOST-PLANE: reads the 诗笺 dataset (古诗词/成语/龙文鞭影典故) bundled in
+# data/entries.json and serves its HTTP API over a webServer route; the
+# client half registers a sidebar footer action rendering the floating
+# 诗笺 card overlay with favorite (❤) support.
+
+- insert:
+    - id: dsh-code-poem
+      name: '@weibaohui/dsh-code-poem'