dsh-mini 0.0.0-stage → 0.1.1

package/app/hud-page.g.cs

@@ -0,0 +1,164 @@
+namespace DshHud
+{
+    internal static class HudPage
+    {
+        internal const string Script = @"/* DSH HUD page script — injected by DSH小窗.exe after every navigation.
+ * Compacts the app for a small always-on-top window and bridges it to the native shell. */
+(function () {
+  'use strict';
+  if (window.__dshHudReady) return;
+  window.__dshHudReady = true;
+
+  var doc = document;
+  var root = doc.documentElement;
+  root.setAttribute('data-dsh-hud', '1');
+
+  /* ---------- compact styling ----------
+   * The app switches to its own narrow (""mobile"") layout at this width: drawer
+   * sidebar + slim header. We only need to trim the chrome. The overall 0.9 scale
+   * is applied by the shell as a WebView2 zoom factor, NOT as a CSS `zoom` here:
+   * CSS zoom shrinks the used height but not the viewport, which left a blank band
+   * along the bottom (and a sliver on the right). */
+  var CSS = [
+    ':root[data-dsh-hud] .dsh-mobile-app-header{height:42px!important;min-height:42px!important;padding:0 4px!important}',
+    ':root[data-dsh-hud] .dsh-mobile-app-header *{font-size:13px}',
+    ':root[data-dsh-hud] button[title=""CDP 浏览器实时视图""]{display:none!important}',
+    ':root[data-dsh-hud] [class*=""_composerSeat""]{padding-top:0!important;padding-bottom:6px!important}',
+    ':root[data-dsh-hud] [class*=""_headline""]{min-height:0!important}',
+    ':root[data-dsh-hud] [class*=""_scrollBody""]{scrollbar-width:thin}',
+    ':root[data-dsh-hud] ::-webkit-scrollbar{width:6px;height:6px}',
+    ':root[data-dsh-hud] ::-webkit-scrollbar-thumb{background:rgba(128,128,128,.35);border-radius:3px}',
+    ':root[data-dsh-hud] ::-webkit-scrollbar-track{background:transparent}'
+  ].join('\n');
+
+  var style = doc.getElementById('dsh-hud-style');
+  if (!style) {
+    style = doc.createElement('style');
+    style.id = 'dsh-hud-style';
+    (doc.head || root).appendChild(style);
+  }
+  style.textContent = CSS;
+
+  /* ---------- probe (debug aid; results land in hud.log) ---------- */
+  function probe() {
+    function describe(el) {
+      var r = el.getBoundingClientRect();
+      return {
+        tag: el.tagName.toLowerCase(),
+        cls: (el.getAttribute('class') || '').slice(0, 70),
+        w: Math.round(r.width), h: Math.round(r.height),
+        x: Math.round(r.x), y: Math.round(r.y)
+      };
+    }
+    var out = { vw: innerWidth, vh: innerHeight, dpr: devicePixelRatio, els: [] };
+    var els = doc.querySelectorAll('#root > div > *, .dsh-mobile-app-header');
+    for (var i = 0; i < els.length && i < 24; i++) out.els.push(describe(els[i]));
+    var seat = doc.querySelector('[class*=""_composerSeat""]');
+    if (seat) out.composer = describe(seat);
+    return out;
+  }
+
+  /* ---------- sidebar: drive the app's own drawer button ---------- */
+  function sidebar() {
+    var labels = ['打开侧边栏', '关闭侧边栏', '收起侧边栏', '打开侧边栏'];
+    for (var i = 0; i < labels.length; i++) {
+      var b = doc.querySelector('button[aria-label=""' + labels[i] + '""]');
+      if (b) { b.click(); return true; }
+    }
+    return false;
+  }
+
+  /* ---------- screenshot -> composer ---------- */
+  function editor() {
+    var all = doc.querySelectorAll('[data-lexical-editor=""true""]');
+    for (var i = 0; i < all.length; i++) {
+      var r = all[i].getBoundingClientRect();
+      if (r.width > 0 && r.height > 0) return all[i];
+    }
+    return all[0] || null;
+  }
+
+  function insertImage(dataUrl) {
+    var ed = editor();
+    if (!ed) return false;
+    try {
+      var bin = atob(dataUrl.slice(dataUrl.indexOf(',') + 1));
+      var bytes = new Uint8Array(bin.length);
+      for (var i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
+      var file = new File([bytes], 'screenshot-' + Date.now() + '.png', { type: 'image/png' });
+      var dt = new DataTransfer();
+      dt.items.add(file);
+      ed.focus();
+      var ev;
+      try {
+        ev = new ClipboardEvent('paste', {
+          dataTransfer: dt, clipboardData: dt, bubbles: true, cancelable: true, composed: true
+        });
+      } catch (e) {
+        ev = new ClipboardEvent('paste', { bubbles: true, cancelable: true, composed: true });
+        Object.defineProperty(ev, 'clipboardData', { value: dt });
+      }
+      ed.dispatchEvent(ev);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  /* ---------- quoted text -> composer ---------- */
+  function insertText(text) {
+    var ed = editor();
+    if (!ed) return false;
+    try {
+      ed.focus();
+      var dt = new DataTransfer();
+      dt.setData('text/plain', text);
+      var ev;
+      try {
+        ev = new ClipboardEvent('paste', {
+          dataTransfer: dt, clipboardData: dt, bubbles: true, cancelable: true, composed: true
+        });
+      } catch (e) {
+        ev = new ClipboardEvent('paste', { bubbles: true, cancelable: true, composed: true });
+        Object.defineProperty(ev, 'clipboardData', { value: dt });
+      }
+      ed.dispatchEvent(ev);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  /* A quote from elsewhere on the desktop: every line becomes a markdown quote. */
+  function quote(text) {
+    var t = String(text == null ? '' : text).replace(/\r\n/g, '\n').replace(/\r/g, '\n').replace(/\s+$/, '');
+    if (!t) return false;
+    var lines = t.split('\n');
+    for (var i = 0; i < lines.length; i++) lines[i] = '> ' + lines[i];
+    return insertText(lines.join('\n') + '\n\n');
+  }
+
+  /* ---------- native bridge ---------- */
+  function post(obj) {
+    try { window.chrome.webview.postMessage(obj); } catch (e) { }
+  }
+
+  if (window.chrome && window.chrome.webview) {
+    window.chrome.webview.addEventListener('message', function (ev) {
+      var msg = ev.data;
+      if (typeof msg === 'string') { try { msg = JSON.parse(msg); } catch (e) { return; } }
+      if (!msg || !msg.type) return;
+      if (msg.type === 'cmd') {
+        if (msg.cmd === 'toggle-sidebar') sidebar();
+        else if (msg.cmd === 'screenshot') post({ type: 'shot' });
+      } else if (msg.type === 'shot-result') {
+        insertImage(msg.dataUrl);
+      }
+    });
+  }
+
+  window.__dshHud = { probe: probe, sidebar: sidebar, insertImage: insertImage, insertText: insertText, quote: quote, post: post, compact: function () { style.textContent = CSS; } };
+})();
+";
+    }
+}

package/app/hud-page.js

@@ -0,0 +1,157 @@
+/* DSH HUD page script — injected by DSH小窗.exe after every navigation.
+ * Compacts the app for a small always-on-top window and bridges it to the native shell. */
+(function () {
+  'use strict';
+  if (window.__dshHudReady) return;
+  window.__dshHudReady = true;
+
+  var doc = document;
+  var root = doc.documentElement;
+  root.setAttribute('data-dsh-hud', '1');
+
+  /* ---------- compact styling ----------
+   * The app switches to its own narrow ("mobile") layout at this width: drawer
+   * sidebar + slim header. We only need to trim the chrome. The overall 0.9 scale
+   * is applied by the shell as a WebView2 zoom factor, NOT as a CSS `zoom` here:
+   * CSS zoom shrinks the used height but not the viewport, which left a blank band
+   * along the bottom (and a sliver on the right). */
+  var CSS = [
+    ':root[data-dsh-hud] .dsh-mobile-app-header{height:42px!important;min-height:42px!important;padding:0 4px!important}',
+    ':root[data-dsh-hud] .dsh-mobile-app-header *{font-size:13px}',
+    ':root[data-dsh-hud] button[title="CDP 浏览器实时视图"]{display:none!important}',
+    ':root[data-dsh-hud] [class*="_composerSeat"]{padding-top:0!important;padding-bottom:6px!important}',
+    ':root[data-dsh-hud] [class*="_headline"]{min-height:0!important}',
+    ':root[data-dsh-hud] [class*="_scrollBody"]{scrollbar-width:thin}',
+    ':root[data-dsh-hud] ::-webkit-scrollbar{width:6px;height:6px}',
+    ':root[data-dsh-hud] ::-webkit-scrollbar-thumb{background:rgba(128,128,128,.35);border-radius:3px}',
+    ':root[data-dsh-hud] ::-webkit-scrollbar-track{background:transparent}'
+  ].join('\n');
+
+  var style = doc.getElementById('dsh-hud-style');
+  if (!style) {
+    style = doc.createElement('style');
+    style.id = 'dsh-hud-style';
+    (doc.head || root).appendChild(style);
+  }
+  style.textContent = CSS;
+
+  /* ---------- probe (debug aid; results land in hud.log) ---------- */
+  function probe() {
+    function describe(el) {
+      var r = el.getBoundingClientRect();
+      return {
+        tag: el.tagName.toLowerCase(),
+        cls: (el.getAttribute('class') || '').slice(0, 70),
+        w: Math.round(r.width), h: Math.round(r.height),
+        x: Math.round(r.x), y: Math.round(r.y)
+      };
+    }
+    var out = { vw: innerWidth, vh: innerHeight, dpr: devicePixelRatio, els: [] };
+    var els = doc.querySelectorAll('#root > div > *, .dsh-mobile-app-header');
+    for (var i = 0; i < els.length && i < 24; i++) out.els.push(describe(els[i]));
+    var seat = doc.querySelector('[class*="_composerSeat"]');
+    if (seat) out.composer = describe(seat);
+    return out;
+  }
+
+  /* ---------- sidebar: drive the app's own drawer button ---------- */
+  function sidebar() {
+    var labels = ['打开侧边栏', '关闭侧边栏', '收起侧边栏', '打开侧边栏'];
+    for (var i = 0; i < labels.length; i++) {
+      var b = doc.querySelector('button[aria-label="' + labels[i] + '"]');
+      if (b) { b.click(); return true; }
+    }
+    return false;
+  }
+
+  /* ---------- screenshot -> composer ---------- */
+  function editor() {
+    var all = doc.querySelectorAll('[data-lexical-editor="true"]');
+    for (var i = 0; i < all.length; i++) {
+      var r = all[i].getBoundingClientRect();
+      if (r.width > 0 && r.height > 0) return all[i];
+    }
+    return all[0] || null;
+  }
+
+  function insertImage(dataUrl) {
+    var ed = editor();
+    if (!ed) return false;
+    try {
+      var bin = atob(dataUrl.slice(dataUrl.indexOf(',') + 1));
+      var bytes = new Uint8Array(bin.length);
+      for (var i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
+      var file = new File([bytes], 'screenshot-' + Date.now() + '.png', { type: 'image/png' });
+      var dt = new DataTransfer();
+      dt.items.add(file);
+      ed.focus();
+      var ev;
+      try {
+        ev = new ClipboardEvent('paste', {
+          dataTransfer: dt, clipboardData: dt, bubbles: true, cancelable: true, composed: true
+        });
+      } catch (e) {
+        ev = new ClipboardEvent('paste', { bubbles: true, cancelable: true, composed: true });
+        Object.defineProperty(ev, 'clipboardData', { value: dt });
+      }
+      ed.dispatchEvent(ev);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  /* ---------- quoted text -> composer ---------- */
+  function insertText(text) {
+    var ed = editor();
+    if (!ed) return false;
+    try {
+      ed.focus();
+      var dt = new DataTransfer();
+      dt.setData('text/plain', text);
+      var ev;
+      try {
+        ev = new ClipboardEvent('paste', {
+          dataTransfer: dt, clipboardData: dt, bubbles: true, cancelable: true, composed: true
+        });
+      } catch (e) {
+        ev = new ClipboardEvent('paste', { bubbles: true, cancelable: true, composed: true });
+        Object.defineProperty(ev, 'clipboardData', { value: dt });
+      }
+      ed.dispatchEvent(ev);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+
+  /* A quote from elsewhere on the desktop: every line becomes a markdown quote. */
+  function quote(text) {
+    var t = String(text == null ? '' : text).replace(/\r\n/g, '\n').replace(/\r/g, '\n').replace(/\s+$/, '');
+    if (!t) return false;
+    var lines = t.split('\n');
+    for (var i = 0; i < lines.length; i++) lines[i] = '> ' + lines[i];
+    return insertText(lines.join('\n') + '\n\n');
+  }
+
+  /* ---------- native bridge ---------- */
+  function post(obj) {
+    try { window.chrome.webview.postMessage(obj); } catch (e) { }
+  }
+
+  if (window.chrome && window.chrome.webview) {
+    window.chrome.webview.addEventListener('message', function (ev) {
+      var msg = ev.data;
+      if (typeof msg === 'string') { try { msg = JSON.parse(msg); } catch (e) { return; } }
+      if (!msg || !msg.type) return;
+      if (msg.type === 'cmd') {
+        if (msg.cmd === 'toggle-sidebar') sidebar();
+        else if (msg.cmd === 'screenshot') post({ type: 'shot' });
+      } else if (msg.type === 'shot-result') {
+        insertImage(msg.dataUrl);
+      }
+    });
+  }
+
+  window.__dshHud = { probe: probe, sidebar: sidebar, insertImage: insertImage, insertText: insertText, quote: quote, post: post, compact: function () { style.textContent = CSS; } };
+})();

package/app/probe/clear-composer.js

@@ -0,0 +1,8 @@
+(function () {
+  var ed = document.querySelector('[data-lexical-editor="true"]');
+  if (!ed) return 'no-editor';
+  ed.focus();
+  document.execCommand('selectAll');
+  document.execCommand('delete');
+  return JSON.stringify(ed.innerText);
+})()

package/app/probe/dom-probe.js

@@ -0,0 +1,40 @@
+(function () {
+  function desc(el) {
+    var r = el.getBoundingClientRect();
+    var cs = getComputedStyle(el);
+    return {
+      t: el.tagName.toLowerCase(),
+      c: (el.getAttribute && el.getAttribute('class') || '').slice(0, 90),
+      i: el.id || '',
+      r: el.getAttribute('role') || '',
+      d: el.getAttribute('data-testid') || el.getAttribute('data-slot') || el.getAttribute('data-name') || '',
+      w: Math.round(r.width), h: Math.round(r.height),
+      x: Math.round(r.x), y: Math.round(r.y),
+      pos: cs.position, disp: cs.display
+    };
+  }
+  var out = { vw: innerWidth, vh: innerHeight, dpr: devicePixelRatio, n: 0, els: [], text: [] };
+  var all = document.querySelectorAll('body *');
+  out.n = all.length;
+  for (var i = 0; i < all.length; i++) {
+    var el = all[i];
+    var r = el.getBoundingClientRect();
+    if (r.width < 40 || r.height < 24) continue;
+    out.els.push(desc(el));
+    if (out.els.length >= 90) break;
+  }
+  // interactive bits: buttons / inputs / textareas
+  var ints = document.querySelectorAll('button,[role="button"],input,textarea,[contenteditable="true"]');
+  for (var j = 0; j < ints.length && j < 40; j++) {
+    var e2 = ints[j];
+    var r2 = e2.getBoundingClientRect();
+    out.text.push({
+      t: e2.tagName.toLowerCase(),
+      aria: e2.getAttribute('aria-label') || '',
+      title: e2.getAttribute('title') || '',
+      ph: e2.getAttribute('placeholder') || (e2.getAttribute('data-placeholder') || ''),
+      w: Math.round(r2.width), h: Math.round(r2.height)
+    });
+  }
+  return out;
+})()

package/app/probe/drag.ps1

@@ -0,0 +1,35 @@
+param(
+    [int]$X1 = 0, [int]$Y1 = 0, [int]$X2 = 0, [int]$Y2 = 0, [int]$Left = -1, [int]$Top = -1,
+    [int]$Width = 0, [int]$Height = 0
+)
+
+$ErrorActionPreference = 'Stop'
+
+Add-Type -Namespace Drag -Name U -MemberDefinition @'
+[DllImport("user32.dll")] public static extern bool SetCursorPos(int x, int y);
+[DllImport("user32.dll")] public static extern void mouse_event(uint f, uint dx, uint dy, uint d, System.UIntPtr e);
+[DllImport("user32.dll")] public static extern bool SetWindowPos(System.IntPtr h, System.IntPtr a, int x, int y, int cx, int cy, uint f);
+public const uint DOWN = 0x0002;
+public const uint UP = 0x0004;
+'@
+
+if ($Left -ge 0 -and $Width -gt 0) {
+    [void][Drag.U]::SetWindowPos([IntPtr]$env:DRAG_HWND, [IntPtr]::Zero, $Left, $Top, $Width, $Height, 0x0014)
+    Start-Sleep -Milliseconds 600
+}
+
+[void][Drag.U]::SetCursorPos($X1, $Y1)
+Start-Sleep -Milliseconds 200
+[Drag.U]::mouse_event([Drag.U]::DOWN, 0, 0, 0, [System.UIntPtr]::Zero)
+Start-Sleep -Milliseconds 160
+$steps = 12
+for ($i = 1; $i -le $steps; $i++) {
+    $x = [int]($X1 + ($X2 - $X1) * $i / $steps)
+    $y = [int]($Y1 + ($Y2 - $Y1) * $i / $steps)
+    [void][Drag.U]::SetCursorPos($x, $y)
+    Start-Sleep -Milliseconds 25
+}
+Start-Sleep -Milliseconds 120
+[Drag.U]::mouse_event([Drag.U]::UP, 0, 0, 0, [System.UIntPtr]::Zero)
+Start-Sleep -Milliseconds 500
+'cursor=' + [System.Windows.Forms.Cursor]::Position

package/app/probe/dump-composer.js

@@ -0,0 +1,5 @@
+(function () {
+  var ed = document.querySelector('[data-lexical-editor="true"]');
+  if (!ed) return 'no-editor';
+  return JSON.stringify(ed.innerText).slice(0, 200);
+})()

package/app/probe/frame-probe.js

@@ -0,0 +1,21 @@
+(function () {
+  var out = [];
+  var els = document.querySelectorAll('[class*="mP3x-q_"]');
+  for (var i = 0; i < els.length; i++) {
+    var el = els[i];
+    var r = el.getBoundingClientRect();
+    out.push({
+      c: el.getAttribute('class'),
+      t: el.tagName.toLowerCase(),
+      w: Math.round(r.width), h: Math.round(r.height),
+      x: Math.round(r.x), y: Math.round(r.y)
+    });
+  }
+  var body = [];
+  var kids = document.body.children;
+  for (var j = 0; j < kids.length; j++) {
+    var k = kids[j], rk = k.getBoundingClientRect();
+    body.push({ t: k.tagName.toLowerCase(), c: (k.getAttribute('class') || '').slice(0, 60), w: Math.round(rk.width), h: Math.round(rk.height) });
+  }
+  return { frame: out, bodyKids: body };
+})()

package/app/probe/selection-sample.txt

@@ -0,0 +1,4 @@
+大肥鱼划词测试：这是一段用来验证「问大肥鱼」按钮的示例文字。
+第二行：选中它应该弹出小蓝按钮，点一下就能把这段话引用进小窗输入框。
+
+当前这段话有中文也有 English words，测试混合文本的复制效果。

package/app/probe/top-probe.js

@@ -0,0 +1,39 @@
+(function () {
+  var out = { vw: innerWidth, vh: innerHeight, top: [], tabs: [], composer: {} };
+
+  function d(el) {
+    var r = el.getBoundingClientRect();
+    return {
+      t: el.tagName.toLowerCase(),
+      c: (el.getAttribute('class') || '').slice(0, 80),
+      a: el.getAttribute('aria-label') || '',
+      w: Math.round(r.width), h: Math.round(r.height),
+      x: Math.round(r.x), y: Math.round(r.y)
+    };
+  }
+
+  var all = document.querySelectorAll('#root *');
+  for (var i = 0; i < all.length; i++) {
+    var el = all[i];
+    var r = el.getBoundingClientRect();
+    if (r.height >= 10 && r.width >= 100 && r.y < 60 && r.y > -40) {
+      out.top.push(d(el));
+      if (out.top.length >= 22) break;
+    }
+  }
+
+  // composer geometry: the seat that holds the input
+  var tb = document.querySelector('[data-lexical-editor="true"]');
+  if (tb) {
+    var seat = tb.parentElement;
+    for (var up = 0; up < 6 && seat; up++) {
+      var rr = seat.getBoundingClientRect();
+      if (rr.height > 100) {
+        out.composer = { c: seat.getAttribute('class') || '', w: Math.round(rr.width), h: Math.round(rr.height), y: Math.round(rr.y) };
+        break;
+      }
+      seat = seat.parentElement;
+    }
+  }
+  return out;
+})()

package/cordis.patch.yml

@@ -0,0 +1,16 @@
+# dsh-mini bundle patch
+#
+# 一行 insert 挂载宿主半身（HTTP 路由 + 开窗）。
+# 浏览器半身由 package.json 的 dsh.client 声明，绑定在 name 为裸包名的这一行上。
+# name 必须与 package.json 的包名完全一致。
+- insert:
+    - id: dsh-mini
+      name: 'dsh-mini'
+      config:
+        # 小窗页面标题前缀：PowerShell 靠它定位/置顶/隐藏这扇窗
+        titlePrefix: 'DSH 小窗'
+        # 小窗初始尺寸（逻辑像素）
+        width: 460
+        height: 560
+        # 留空则自动探测 Edge / Chrome
+        browserPath: ''