dsh-visualization 0.1.4 → 0.1.5

package/wallpaper/lively/index.html

@@ -0,0 +1,65 @@
+<!doctype html>
+<html lang="zh">
+<head>
+<meta charset="utf-8">
+<title>DSH Visualization</title>
+<meta name="description" content="A live session instrument for DeepSeek Harness">
+<style>
+  html, body { margin: 0; height: 100%; background: #0b0d11; overflow: hidden }
+  iframe { width: 100vw; height: 100vh; border: 0; display: block }
+  #msg {
+    position: fixed; inset: 0; display: none; flex-direction: column;
+    align-items: center; justify-content: center; gap: 12px;
+    color: #8d97ab; font: 15px/1.8 "Segoe UI", "Microsoft YaHei", sans-serif;
+    background: radial-gradient(circle at 50% 45%, #141a24, #0b0d11 70%);
+    text-align: center;
+  }
+  #msg b { color: #e6edfa; font-size: 19px; letter-spacing: .04em }
+  #msg code { color: #ffc46b; background: #1a1f29; padding: 2px 7px; border-radius: 4px; font-size: 13px }
+</style>
+</head>
+<body>
+<iframe id="frame" src="about:blank"></iframe>
+<div id="msg">
+  <b>DSH Visualization</b>
+  <div id="why">正在连接 DeepSeek Harness…</div>
+  <div>需要：装了 <code>dsh-visualization</code> 插件，并且 DSH 正在运行</div>
+  <div style="opacity:.6">每 5 秒自动重试</div>
+</div>
+<script>
+/* 插件在固定端口 8799 开了入口（被占用时往下退） */
+var PORTS = [8799, 8798, 8797, 8796, 8795];
+var frame = document.getElementById('frame');
+var msg = document.getElementById('msg');
+var why = document.getElementById('why');
+var ok = false, i = 0;
+
+function probe() {
+  if (ok) return;
+  if (i >= PORTS.length) {
+    i = 0;
+    msg.style.display = 'flex';
+    why.textContent = '连不上插件端口（8799–8795）';
+    setTimeout(probe, 5000);
+    return;
+  }
+  var p = PORTS[i++];
+  var ctl = new AbortController();
+  var tm = setTimeout(function () { ctl.abort() }, 1500);
+  why.textContent = '正在尝试 ' + p + ' …';
+  fetch('http://127.0.0.1:' + p + '/state', { signal: ctl.signal, cache: 'no-store' })
+    .then(function (r) { return r.ok ? r.json() : null })
+    .then(function (j) {
+      clearTimeout(tm);
+      if (!j) return probe();
+      ok = true;
+      msg.style.display = 'none';
+      frame.src = 'http://127.0.0.1:' + p + '/';
+    })
+    .catch(function () { clearTimeout(tm); setTimeout(probe, 120); });
+}
+probe();
+setInterval(function () { if (!ok) probe() }, 8000);
+</script>
+</body>
+</html>

package/wallpaper/howto.html

@@ -1,97 +0,0 @@
-<!doctype html>
-<html lang="zh">
-<head>
-<meta charset="utf-8">
-<style>
-  :root{
-    --bg:#0b0d11; --panel:#141922; --line:#232b38; --txt:#e6edfa; --dim:#8d97ab;
-    --amber:#ffc46b; --mint:#8fe0c8; --coral:#ff7a5c; --violet:#b28cff; --sky:#7fb2ff;
-  }
-  *{box-sizing:border-box}
-  html,body{margin:0;background:var(--bg);font:13px/1.6 "Segoe UI","Microsoft YaHei",sans-serif;color:var(--txt)}
-  .wrap{width:1400px;padding:28px 30px 30px}
-  h1{margin:0 0 4px;font-size:19px;letter-spacing:.04em}
-  .sub{color:var(--dim);font-size:12.5px;margin-bottom:22px}
-  .row{display:flex;gap:18px}
-  .card{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 16px 18px;position:relative}
-  .n{position:absolute;top:-11px;left:16px;background:var(--bg);border:1px solid var(--line);color:var(--amber);
-     font-size:11px;letter-spacing:.14em;padding:2px 9px;border-radius:20px}
-  .t{font-size:13.5px;margin:6px 0 12px;font-weight:600}
-  .muted{color:var(--dim)}
-  .kbd{border:1px solid var(--line);background:#0f141c;border-radius:4px;padding:1px 6px;font-size:11.5px;color:var(--txt)}
-  .mock{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#0f141c}
-  .mock .bar{height:22px;background:#111721;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 8px;gap:5px}
-  .dot{width:7px;height:7px;border-radius:50%;background:#2b3444}
-  .mock .body{padding:10px}
-  .opt{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;border:1px solid transparent}
-  .opt.sel{background:#1a2433;border-color:#2f4straight}
-  .opt.sel{border-color:#3a4a63}
-  .opt .ico{width:16px;height:16px;border-radius:3px;background:#2a3342}
-  .opt.sel .ico{background:var(--sky)}
-  .foot{margin-top:14px;display:flex;justify-content:space-between;align-items:center}
-  .btn{background:#1d2634;border:1px solid var(--line);border-radius:5px;padding:5px 12px;font-size:12px;color:var(--dim)}
-  .btn.on{background:var(--amber);border-color:var(--amber);color:#1a1206;font-weight:600}
-  .path{font-family:Consolas,monospace;font-size:11.5px;color:var(--mint);background:#0f141c;border:1px solid var(--line);
-        border-radius:4px;padding:5px 8px;display:block;margin-top:8px;word-break:break-all}
-  .flow{margin-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px}
-  .node{border:1px solid var(--line);border-radius:5px;padding:4px 8px;background:#0f141c;color:var(--dim)}
-  .node.hot{border-color:var(--amber);color:var(--amber)}
-  .arw{color:#3d4757}
-  .note{margin-top:12px;font-size:11.5px;color:var(--dim);border-left:2px solid var(--violet);padding-left:8px}
-</style>
-</head>
-<body>
-<div class="wrap">
-  <h1>把 DSH Visualization 设成桌面壁纸</h1>
-  <div class="sub">前提：已安装 dsh-visualization 插件，并且 DSH 正在运行 · Wallpaper Engine（Steam）</div>
-
-  <div class="row">
-    <div class="card">
-      <div class="n">STEP 1</div>
-      <div class="t">在 Wallpaper Engine 里新建壁纸</div>
-      <div class="mock">
-        <div class="bar"><span class="dot"></span><span class="dot"></span><span class="dot"></span></div>
-        <div class="body">
-          <div class="opt"><span class="ico"></span>场景 Scene</div>
-          <div class="opt"><span class="ico"></span>视频 Video</div>
-          <div class="opt sel"><span class="ico"></span><b>网页 Web</b></div>
-          <div class="opt"><span class="ico"></span>应用程序 Application</div>
-        </div>
-      </div>
-      <div class="note">点左下角 <span class="kbd">创建壁纸</span>，类型选 <b>网页</b>。</div>
-    </div>
-
-    <div class="card">
-      <div class="n">STEP 2</div>
-      <div class="t">选中仓库里的壁纸入口</div>
-      <div class="mock" style="padding:12px 12px 14px">
-        <div class="muted" style="font-size:11.5px">选择文件</div>
-        <span class="path">wallpaper&#92;index.html</span>
-        <div class="muted" style="font-size:11.5px;margin-top:10px">同目录还有（不用选）</div>
-        <span class="path" style="color:var(--dim)">project.json · preview.jpg</span>
-      </div>
-      <div class="note">路径来自你安装插件的目录，通常在<br><span style="color:var(--dim)">…/profiles/desktop/node_modules/dsh-visualization/wallpaper/</span></div>
-    </div>
-
-    <div class="card">
-      <div class="n">STEP 3</div>
-      <div class="t">直接应用，不用配置</div>
-      <div class="flow">
-        <span class="node">DSH 随机端口<br><span style="opacity:.6">:1233 :7632 …</span></span>
-        <span class="arw">→</span>
-        <span class="node hot">插件固定端口<br>127.0.0.1:8799</span>
-        <span class="arw">→</span>
-        <span class="node">壁纸</span>
-      </div>
-      <div class="note">壁纸只会访问 <b>8799</b>；插件在内部转发到这次 DSH 的真实端口。
-        连不上时壁纸显示提示，每 5 秒重试一次，DSH 换端口后会自动找到。</div>
-    </div>
-  </div>
-
-  <div class="sub" style="margin-top:20px;margin-bottom:0">
-    端口 8799 被占用时插件会依次退到 8798 / 8797 / 8796 / 8795；要固定成别的，在插件配置里写
-    <span class="kbd">wallpaperPort</span>，同时改 <span class="kbd">wallpaper/index.html</span> 里的 PORTS 数组。
-  </div>
-</div>
-</body>
-</html>

package/wallpaper/index.html

@@ -1,62 +0,0 @@
-<!doctype html>
-<html lang="zh">
-<head>
-<meta charset="utf-8">
-<title>DSH Visualization</title>
-<style>
-  html, body { margin: 0; height: 100%; background: #0b0d11; overflow: hidden; }
-  iframe { width: 100vw; height: 100vh; border: 0; display: block; }
-  #off {
-    position: fixed; inset: 0; display: none; flex-direction: column;
-    align-items: center; justify-content: center; gap: 14px;
-    color: #8d97ab; font: 15px/1.7 "Segoe UI", "Microsoft YaHei", sans-serif;
-    background: radial-gradient(circle at 50% 45%, #141a24, #0b0d11 70%);
-    text-align: center;
-  }
-  #off b { color: #e6edfa; font-size: 19px; font-weight: 600; letter-spacing: .04em; }
-  #off code { color: #ffc46b; background: #1a1f29; padding: 2px 7px; border-radius: 4px; font-size: 13px; }
-</style>
-</head>
-<body>
-<iframe id="frame" allow="cross-origin-isolated"></iframe>
-<div id="off">
-  <b>DSH Visualization</b>
-  <div>没有连上 DeepSeek Harness。</div>
-  <div>请确认：装了 <code>dsh-visualization</code> 插件，并且 DSH 正在运行。</div>
-  <div style="opacity:.65">每 5 秒自动重试</div>
-</div>
-<script>
-/* 插件的壁纸入口固定在这个区间（8799 起，被占用依次往下） */
-var PORTS = [8799, 8798, 8797, 8796, 8795];
-var frame = document.getElementById('frame');
-var off = document.getElementById('off');
-var chosen = 0;
-
-function probe() {
-  var i = 0;
-  function next() {
-    if (i >= PORTS.length) { frame.style.display = 'none'; off.style.display = 'flex'; chosen = 0; return; }
-    var p = PORTS[i++];
-    var ctl = new AbortController();
-    var timer = setTimeout(function () { ctl.abort() }, 1200);
-    fetch('http://127.0.0.1:' + p + '/state', { signal: ctl.signal, cache: 'no-store' })
-      .then(function (r) { return r.ok ? r.json() : null })
-      .then(function (j) {
-        clearTimeout(timer);
-        if (!j) return next();
-        chosen = p;
-        off.style.display = 'none';
-        frame.style.display = 'block';
-        if (frame.src.indexOf(':' + p + '/') < 0) frame.src = 'http://127.0.0.1:' + p + '/';
-      })
-      .catch(function () { clearTimeout(timer); next(); });
-  }
-  next();
-}
-
-probe();
-/* 断线后自动重连：DSH 重启会换端口，所以每次都重新探测 */
-setInterval(function () { if (!chosen) probe(); }, 5000);
-</script>
-</body>
-</html>