dsh-rss 0.6.3 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # 更新记录
 
+## 0.7.0（2026-10-17）
+
+- 设置面板顶部新增「首次使用」分步引导：一次只讲一步，支持上一步/下一步/跳过，看完记在本机不再出现。
+- 引导内容与该插件的实际用法一致；可在开发者工具里清掉 `dsh-first-run:dsh-rss:v1` 重新查看。
 ## 0.6.3 (2026-10-17)
 
 - 修复英文窄窗口中 RSS 标题截断；设置导航改为顶部换行排列，给订阅列表保留可读宽度。样式仅在 RSS 面板打开时生效。

package/lib/client.js

@@ -1,6 +1,77 @@
 // This is the browser source. tsc does not rebuild it; check with node --check.
 window.__ModuleLoader__.load({ id: 'dsh-rss', factory: require => {
   const React = require('react');
+var __FR_KEY = "dsh-first-run:dsh-rss:v1";
+var __FR_TITLE = "RSS 订阅 · 首次使用（3 步）";
+var __FR_STEPS = [{"title":"先加一个源","body":"粘贴 RSS/Atom 地址，插件会先抓一次验证可用，再存进列表。"},{"title":"增量比全量好用","body":"抓取时选「增量」，只返回上次之后的新条目，适合定时巡检。"},{"title":"跨源搜索","body":"在对话里直接问关键词最近有没有更新，比逐个源翻快得多。","tryIt":"搜一下最近一周提到 DeepSeek 的订阅条目"}];
+
+// ---- first-run guide (shared snippet; keep in sync across plugins) ----
+var __FR_STYLE_ID = 'dsh-first-run-css';
+var __FR_CSS = [
+  '.fr-card{border:1px solid var(--dsw-border,rgba(0,0,0,.10));border-radius:12px;padding:14px 16px;margin:0 0 14px;background:linear-gradient(180deg,rgba(59,130,246,.06),rgba(59,130,246,.02))}',
+  '.fr-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}',
+  '.fr-dot{width:6px;height:6px;border-radius:50%;background:var(--dsw-accent,#3b82f6)}',
+  '.fr-title{font-weight:650;font-size:13.5px}',
+  '.fr-count{margin-left:auto;font-size:11px;color:var(--dsw-text-weak,#6b7280);font-variant-numeric:tabular-nums}',
+  '.fr-step{font-weight:600;font-size:13px;margin:2px 0 4px}',
+  '.fr-body{color:var(--dsw-text-weak,#4b5563);font-size:12.5px;line-height:1.65}',
+  '.fr-try{margin-top:8px;padding:7px 9px;border-radius:8px;background:rgba(59,130,246,.09);font-size:12px;display:flex;gap:8px}',
+  '.fr-try code{font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}',
+  '.fr-bar{display:flex;gap:8px;align-items:center;margin-top:12px}',
+  '.fr-progress{display:flex;gap:4px;margin-right:auto}',
+  '.fr-seg{width:16px;height:3px;border-radius:2px;background:var(--dsw-border,rgba(0,0,0,.12))}',
+  '.fr-seg.on{background:var(--dsw-accent,#3b82f6)}',
+  '.fr-btn{border:1px solid var(--dsw-border,rgba(0,0,0,.14));background:transparent;color:inherit;border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}',
+  '.fr-btn:hover{background:rgba(0,0,0,.04)}',
+  '.fr-btn.primary{background:var(--dsw-accent,#3b82f6);border-color:transparent;color:#fff}',
+  '.fr-btn.ghost{border-color:transparent;color:var(--dsw-text-weak,#6b7280)}',
+].join('\n');
+function __frEnsureCss() {
+  if (typeof document === 'undefined' || document.getElementById(__FR_STYLE_ID)) return;
+  var el = document.createElement('style');
+  el.id = __FR_STYLE_ID;
+  el.textContent = __FR_CSS;
+  document.head.appendChild(el);
+}
+function __frRead() { try { return localStorage.getItem(__FR_KEY) === 'done'; } catch (e) { return false; } }
+function __frWrite() { try { localStorage.setItem(__FR_KEY, 'done'); } catch (e) {} }
+function __FirstRunCard() {
+  var doneState = React.useState(__frRead);
+  var done = doneState[0], setDone = doneState[1];
+  var idxState = React.useState(0);
+  var index = idxState[0], setIndex = idxState[1];
+  React.useEffect(function () { __frEnsureCss(); }, []);
+  if (done) return null;
+  var step = __FR_STEPS[index];
+  var last = index >= __FR_STEPS.length - 1;
+  var close = function () { __frWrite(); setDone(true); };
+  var kids = [
+    React.createElement('div', { className: 'fr-head', key: 'h' },
+      React.createElement('span', { className: 'fr-dot' }),
+      React.createElement('span', { className: 'fr-title' }, __FR_TITLE),
+      React.createElement('span', { className: 'fr-count' }, (index + 1) + ' / ' + __FR_STEPS.length)),
+    React.createElement('div', { className: 'fr-step', key: 't' }, step.title),
+    React.createElement('div', { className: 'fr-body', key: 'b' }, step.body),
+  ];
+  if (step.tryIt) kids.push(React.createElement('div', { className: 'fr-try', key: 'y' },
+    React.createElement('span', null, '可以直接说'),
+    React.createElement('code', null, '「' + step.tryIt + '」')));
+  var buttons = [React.createElement('div', { className: 'fr-progress', key: 'p' }, __FR_STEPS.map(function (_, i) {
+    return React.createElement('span', { key: i, className: 'fr-seg' + (i <= index ? ' on' : '') });
+  }))];
+  buttons.push(React.createElement('button', { className: 'fr-btn ghost', type: 'button', onClick: close, key: 's' }, '跳过'));
+  if (index > 0) buttons.push(React.createElement('button', { className: 'fr-btn', type: 'button', key: 'prev', onClick: function () { setIndex(index - 1); } }, '上一步'));
+  buttons.push(React.createElement('button', { className: 'fr-btn primary', type: 'button', key: 'next', onClick: function () { if (last) close(); else setIndex(index + 1); } }, last ? '开始使用' : '下一步'));
+  kids.push(React.createElement('div', { className: 'fr-bar', key: 'bar' }, buttons));
+  return React.createElement('div', { className: 'fr-card' }, kids);
+}
+function __withFirstRun(Component) {
+  return function FirstRunWrapped(props) {
+    return React.createElement(React.Fragment, null, React.createElement(__FirstRunCard, null), React.createElement(Component, props));
+  };
+}
+// ---- end first-run guide ----
+
   const { useState, useEffect, useRef, useId } = React;
   const h = React.createElement;
   const ROUTE = '_dsh/dsh-rss/subscriptions';
@@ -271,7 +342,7 @@ window.__ModuleLoader__.load({ id: 'dsh-rss', factory: require => {
       let lang = language;
       try { const service = ctx.get ? ctx.get('locale') : ctx.locale; if (service?.getSnapshot) lang = String(service.getSnapshot().active || '').startsWith('en') ? 'en' : 'zh'; } catch {}
       return words.title[lang === 'en' ? 1 : 0];
-    }, inject: () => ({}) }, Panel));
+    }, inject: () => ({}) }, __withFirstRun(Panel)));
   }
   return { apply, inject: ['slots', 'locale'] };
 } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-rss",
-  "version": "0.6.3",
+  "version": "0.7.0",
   "description": "订阅和阅读 RSS / Atom，在 DSH 中查看与管理更新。",
   "type": "module",
   "main": "lib/index.js",