@weibaohui/dsh-code-poem 0.3.0

package/README.md

@@ -0,0 +1,81 @@
+# @weibaohui/dsh-code-poem
+
+[![DSH plugin](https://img.shields.io/badge/dsh-plugin-green)](https://github.com/topics/dsh-plugin)
+
+**代码如诗**：写代码的间隙，右下角翻开一张宣纸诗笺——随机一条古诗词、成语或《龙文鞭影》典故，共 **4598 条**。
+
+## 数据集
+
+| 类别 | 条数 | 来源 |
+|---|---|---|
+| 典故 | 2064 | 《龙文鞭影》初集+二集（萧良有辑·杨臣诤增订），逐四字句，含白话释义/古注/简注 |
+| 成语 | 1930 | 《中华成语故事大全集》（巴城）+《中华成语典故大全》（图说天下），两书合并 |
+| 诗/词/文 | 604 | 陈引驰《你应该熟读的中国古诗/古词/古文》，含注释与赏析 |
+
+数据统一为一条目一记录的 JSON schema（`data/entries.json`，约 6.8MB，随包自带）：
+
+```json
+{
+  "id": "lw-00012",
+  "kind": "典故",            // 典故 | 成语 | 诗 | 词 | 文
+  "title": "太宗怀鹞",
+  "sub": "《龙文鞭影》·01 一东",
+  "author": "明·萧良有 辑",
+  "front": "太宗怀鹞，桓典乘骢。",   // 卡片正面
+  "digest": "《隋唐嘉话》记载：一次，唐太宗……",  // 一句话释义
+  "sections": [ { "h": "白话释义", "t": "……" }, { "h": "古注", "t": "……" } ]  // 展开区
+}
+```
+
+## 功能
+
+- **事件联动自动浮现（v0.3.0）**：订阅会话事件流——回合结束【功行圆满，且读一句】、工具报错【路遇荆棘，诗以解之】、中止【收势小憩】、用户提问（25% 概率）时自动弹出一张诗笺，带"缘起"引子，14 秒无操作自动收起；90 秒内不重复打扰；🔔 可随时关闭联动
+- **低频批量拉取**：客户端每 5 分钟（或收到回合开始事件时）一次 `GET /bundle` 拉 30 条存本地池，事件触发与手动换笺都从池里取，几乎不产生请求压力；事件流轮询 15 秒一次，响应仅几百字节
+- **随机诗笺**：点右下角 📜 卷轴按钮手动翻开卡片；内容随机，近期 10 条不重复
+- **类别过滤**：随机 / 诗 / 词 / 文 / 成语 / 典故，选择持久化
+- **❤ 收藏**：喜欢的句子点爱心，收藏进 localStorage；⭐ 打开收藏夹，点击回看（可取消）
+- **展开看更多**：卡片正面只给一句话释义，"展开 释义 · 故事"后看全部分节——白话释义、古注、出处、故事、注释、赏析
+- **宣纸美学**：米色宣纸卡片、墨字楷体、朱砂印章类别戳（诗/词/文/语/典），与暗色调 Web UI 形成对比
+
+## 安装
+
+```bash
+dsh plugin --profile web add @weibaohui/dsh-code-poem -w
+```
+
+装完重启 `dsh web` 即生效，数据集已内置。
+
+## HTTP API（/dsh-code-poem/api/*）
+
+| 接口 | 说明 |
+|---|---|
+| `GET /draw?kind=all\|诗\|词\|文\|成语\|典故&exclude=id1,id2` | 随机抽一条（exclude 优先避开） |
+| `GET /bundle?kind=&n=30&exclude=` | 一次随机取 n 条，客户端低频批量拉取 |
+| `GET /entry?id=` | 按 id 取整条 |
+| `GET /feed?after=N` | 会话事件流（user_msg/tool_call/tool_error/turn_end…），供客户端联动 |
+| `GET /status` | 数据集概况 |
+| `GET /reload` | 数据文件更新后重建索引 |
+
+## 数据更新
+
+三个知识库（`~/Desktop/不要了/` 下的 文学/龙文鞭影工作区、成语/成语工作区、古诗/古诗工作区）随逐本解析持续完善，重新导出即可：
+
+```bash
+npm run export:data   # 跑 scripts/export_data.py 重新生成 data/entries.json
+curl "http://127.0.0.1:19080/dsh-code-poem/api/reload"   # 热刷新
+```
+
+也可用插件配置 `dataDir` 指向外部数据目录（目录下放 `entries.json`）。
+
+## 开发
+
+```bash
+npm run export:data   # 从三个知识库导出数据集
+npm run build:client  # 重建 client/bundle-mc.js
+npm run check         # 语法检查
+npm test              # smoke 测试
+```
+
+## 设计说明
+
+条目 schema 与三个上游知识库（"一条目一 md + 变更记录"）解耦：`scripts/export_data.py` 负责把三种 md 版式解析成统一 schema，上游任何修订重跑导出即可，插件侧不感知来源差异。

package/client/bundle-mc.js

@@ -0,0 +1,350 @@
+/* Generated from client/index.js by scripts/build-client.mjs — do not edit by hand.
+ * Regenerate with: npm run build:client
+ */
+window.__ModuleLoader__.load({
+  id: "@weibaohui/dsh-code-poem",
+  factory: (require) => {
+    var module = { exports: {} }
+    var exports = module.exports
+    Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" })
+    var React = require("react")
+    '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)
+        ))
+      },
+    }
+
+    return module.exports
+  }
+})