dsh-codinput 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 本项目遵循 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/) 与 [语义化版本](https://semver.org/lang/zh-CN/)。
 
+## [0.3.1] — 2026-10-11
+
+编辑 + 预览分屏同步滚动；README 展示图与品牌视觉更新；第三方归属补全。
+
+### 新增
+
+- **分屏同步滚动**：编辑 + 预览分屏时两栏按滚动比例互随（两侧内容高度不同，按比例映射）；只保留编辑栏一个滚动条，预览栏藏起滚动条但滚轮仍可反向带动编辑器；进入分屏、草稿更新或切换会话后，预览按编辑器当前比例自动对齐。同时修复分屏内容过高时两栏都出不了滚动条的布局缺陷（grid 隐式行随内容撑高、不受 `max-height` 钳制——两栏改 `minmax(0,1fr)` + `min-height:0`）。
+
+### 变更
+
+- **README 展示图更新为桌面版实拍四图**（普通 / 编辑+预览分屏 / 悬浮 / 侧栏，2×2 布局），并改用**无损 webp**（体积约为原 PNG 的 1/4，像素级无损）；英文 README 与中文共用同一套配图（`assets/en/` 移除）；DSH 兼容徽章更新为 `0.2.0-rc.2+`（展示图摄于桌面版 `0.2.0-rc.2`）。
+- **品牌图标重上色**：描边由紫蓝 `#4632DE` 换为 DeepSeek 鲸鱼蓝 `#3964FE`（README 头图、`icon.svg` / `icon.png` 同步，PNG 重渲染仍为 320×320 透明底）。
+- **第三方归属补全**：内置依赖（CodeMirror 6、marked、DOMPurify）的版权行与许可声明集中进 [NOTICE](./NOTICE)——压缩产物不留许可注释，NOTICE 随 npm 包分发，覆盖源码与包两种安装路径。
+
+### 说明
+
+- 宿主兼容不变：桌面版（Electron，`0.2.0-rc.2`）与 `0.1.7-rc.2`（next）实测通过，`0.1.5-rc.2` / `0.1.6-alpha.2` 沿用既往结论；升级宿主后建议按 [TESTING.md](./TESTING.md) 冒烟。
+
+[0.3.1]: https://github.com/Witherwithwinter/DSH-Codinput/compare/v0.3.0...v0.3.1
+
 ## [0.3.0] — 2026-10-02
 
 官方桌面版语音输入同步：原生输入框有语音按钮时，Codinput 在一模一样的位置渲染一模一样的按钮。

package/NOTICE

@@ -16,3 +16,22 @@ Portions of this project replicate DeepSeek Harness (`@deepseek-ai/dsh`, MIT
 License, Copyright (c) 2026 DeepSeek), as detailed above. They are used under
 the MIT license, and the original copyright and permission notice are retained
 alongside this repository's LICENSE file.
+
+内置第三方依赖的版权与许可声明 / Bundled third-party dependencies
+=====================================================================
+
+发布产物 `lib/client.js` 内置以下第三方库（压缩构建剥离了许可注释，故在此
+集中保留其版权行；许可全文见各上游仓库 / npm 包）：
+
+  - CodeMirror 6（@codemirror/state / view / language / commands）
+    MIT License
+    Copyright (C) 2018-2021 by Marijn Haverbeke <marijn@haverbeke.berlin> and others
+
+  - marked
+    MIT License
+    Copyright (c) 2018+, MarkedJS (https://github.com/markedjs/)
+    Copyright (c) 2011-2018, Christopher Jeffrey (https://github.com/chjj/)
+
+  - DOMPurify
+    (MPL-2.0 OR Apache-2.0) 双许可，本项目按 Apache-2.0 条款使用
+    Copyright (c) Cure53 and contributors (https://cure53.de/)

package/README.en.md

@@ -6,7 +6,7 @@
 
 <p align="center">
   <a href="https://www.npmjs.com/package/dsh-codinput"><img src="https://img.shields.io/npm/v/dsh-codinput" alt="npm Version" /></a>
-  <a href="https://github.com/deepseek-ai/deepseek-harness"><img src="https://img.shields.io/badge/DSH-0.1.5--rc.2%2B-blue" alt="DSH Version" /></a>
+  <a href="https://github.com/deepseek-ai/deepseek-harness"><img src="https://img.shields.io/badge/DSH-0.2.0--rc.2%2B-blue" alt="DSH Version" /></a>
   <a href="https://www.npmjs.com/package/dsh-codinput"><img src="https://img.shields.io/npm/dm/dsh-codinput" alt="Downloads" /></a>
   <a href="https://github.com/Witherwithwinter/DSH-Codinput/stargazers"><img src="https://img.shields.io/github/stars/Witherwithwinter/DSH-Codinput" alt="GitHub Stars" /></a>
   <a href="./LICENSE"><img src="https://img.shields.io/github/license/Witherwithwinter/DSH-Codinput" alt="License" /></a>
@@ -16,23 +16,17 @@
 
 <p align="center">An editor-style input panel, right where the DeepSeek Harness chat composer used to be.</p>
 
-![Default mode](./assets/en/preview-normal.png)
-
 <table>
   <tr>
-    <td width="50%"><img src="./assets/en/preview-split.png" alt="Edit + preview split" /><br /><sub>Edit + preview split (exactly half and half)</sub></td>
-    <td width="50%"><img src="./assets/en/preview-float.png" alt="Floating mode" /><br /><sub>Floating mode (draggable, resizable from all 8 edges/corners)</sub></td>
+    <td width="50%"><img src="./assets/preview-normal.webp" alt="Default mode" /><br /><sub>Default mode (takes over the original composer slot)</sub></td>
+    <td width="50%"><img src="./assets/preview-split.webp" alt="Edit + preview split" /><br /><sub>Edit + preview split (exactly half and half)</sub></td>
   </tr>
   <tr>
-    <td width="50%"><img src="./assets/en/preview-side.png" alt="Sidebar tab mode" /><br /><sub>Sidebar tab mode (full-height, VS Code panel style)</sub></td>
-    <td width="50%"><img src="./assets/en/preview-ball-detail.png" alt="Recall ball" /><br /><sub>The recall ball shown when the sidebar is collapsed (close-up)</sub></td>
+    <td width="50%"><img src="./assets/preview-float.webp" alt="Floating mode" /><br /><sub>Floating mode (draggable, resizable from all 8 edges/corners)</sub></td>
+    <td width="50%"><img src="./assets/preview-side.webp" alt="Sidebar tab mode" /><br /><sub>Sidebar tab mode (full-height, VS Code panel style)</sub></td>
   </tr>
 </table>
 
-<p align="center">
-  <sub>Every string goes through the host locale service, so the UI follows the host language setting (中文 / English) — the screenshots above are the English UI, the Chinese ones live in the <a href="./README.md">中文 README</a></sub>
-</p>
-
 ## Features
 
 **Three modes, one instance** — the input surface exists in exactly one of three states at any moment, and never coexists with the official composer:
@@ -167,7 +161,7 @@ npm run typecheck
 
 Parts of this project **replicate DeepSeek Harness** (`@deepseek-ai/dsh`, MIT License, Copyright (c) 2026 DeepSeek): several SVG icon paths (the permission shield set, plus, paperclip, close, arrow-up, the generic file glyph, …) and CSS values for the composer card, the attachment rail and the original-image lightbox. They are used under the MIT license; the original copyright and permission notice are retained in [NOTICE](./NOTICE) alongside [LICENSE](./LICENSE).
 
-Bundled third-party dependencies: CodeMirror 6 (MIT), marked (MIT), DOMPurify (Apache-2.0 / MPL-2.0 dual licensed).
+Bundled third-party dependencies: CodeMirror 6 (MIT), marked (MIT), DOMPurify (Apache-2.0 / MPL-2.0 dual licensed, used under Apache-2.0) — the minified bundle strips license comments, so their copyright and license notices are retained in [NOTICE](./NOTICE).
 
 ## License
 

package/README.md

@@ -6,7 +6,7 @@
 
 <p align="center">
   <a href="https://www.npmjs.com/package/dsh-codinput"><img src="https://img.shields.io/npm/v/dsh-codinput" alt="npm Version" /></a>
-  <a href="https://github.com/deepseek-ai/deepseek-harness"><img src="https://img.shields.io/badge/DSH-0.1.5--rc.2%2B-blue" alt="DSH Version" /></a>
+  <a href="https://github.com/deepseek-ai/deepseek-harness"><img src="https://img.shields.io/badge/DSH-0.2.0--rc.2%2B-blue" alt="DSH Version" /></a>
   <a href="https://www.npmjs.com/package/dsh-codinput"><img src="https://img.shields.io/npm/dm/dsh-codinput" alt="Downloads" /></a>
   <a href="https://github.com/Witherwithwinter/DSH-Codinput/stargazers"><img src="https://img.shields.io/github/stars/Witherwithwinter/DSH-Codinput" alt="GitHub Stars" /></a>
   <a href="./LICENSE"><img src="https://img.shields.io/github/license/Witherwithwinter/DSH-Codinput" alt="License" /></a>
@@ -16,23 +16,17 @@
 
 <p align="center">把 DeepSeek Harness 的聊天输入框，换成编辑器式的输入面板。</p>
 
-![普通模式](./assets/preview-normal.png)
-
 <table>
   <tr>
-    <td width="50%"><img src="./assets/preview-split.png" alt="编辑 + 预览分屏" /><br /><sub>编辑 + 预览分屏（严格对半）</sub></td>
-    <td width="50%"><img src="./assets/preview-float.png" alt="悬浮模式" /><br /><sub>悬浮模式（可拖动位置、八向缩放）</sub></td>
+    <td width="50%"><img src="./assets/preview-normal.webp" alt="普通模式" /><br /><sub>普通模式（接管原输入位）</sub></td>
+    <td width="50%"><img src="./assets/preview-split.webp" alt="编辑 + 预览分屏" /><br /><sub>编辑 + 预览分屏（严格对半）</sub></td>
   </tr>
   <tr>
-    <td width="50%"><img src="./assets/preview-side.png" alt="侧栏标签模式" /><br /><sub>侧栏标签模式（VS Code 面板式全高）</sub></td>
-    <td width="50%"><img src="./assets/preview-ball-detail.png" alt="右上角小球" /><br /><sub>侧栏收起时的唤出小球（特写）</sub></td>
+    <td width="50%"><img src="./assets/preview-float.webp" alt="悬浮模式" /><br /><sub>悬浮模式（可拖动位置、八向缩放）</sub></td>
+    <td width="50%"><img src="./assets/preview-side.webp" alt="侧栏标签模式" /><br /><sub>侧栏标签模式（VS Code 面板式全高）</sub></td>
   </tr>
 </table>
 
-<p align="center">
-  <sub>界面语言跟随宿主设置（中文 / English）—— 文案全部走宿主 locale 服务，上图为中文界面；英文界面见 <a href="./README.en.md">English README</a></sub>
-</p>
-
 ## 特性
 
 **三态单实例**——输入入口只有三种形态，任一时刻恰好一个，绝不与官方输入框共存：
@@ -165,7 +159,7 @@ npm run typecheck
 
 本项目的部分视觉素材与样式取值**复刻自 DeepSeek Harness**（`@deepseek-ai/dsh`，MIT License，Copyright (c) 2026 DeepSeek），包括若干 SVG 图标路径（权限盾牌系列、plus / paperclip / close / arrow-up 等）与输入框卡片、原图预览层的 CSS 取值。依 MIT 许可使用，原始版权与许可声明见仓库根目录 [NOTICE](./NOTICE) 与 [LICENSE](./LICENSE)。
 
-内置第三方依赖：CodeMirror 6（MIT）、marked（MIT）、DOMPurify（Apache-2.0 / MPL-2.0 双许可）。
+内置第三方依赖：CodeMirror 6（MIT）、marked（MIT）、DOMPurify（Apache-2.0 / MPL-2.0 双许可，按 Apache-2.0 使用）——压缩产物不保留许可注释，其版权与许可声明集中保留在 [NOTICE](./NOTICE)。
 
 ## 许可
 

package/assets/icon.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" viewBox="0 0 320 320" fill="none" stroke="#4632de" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" viewBox="0 0 320 320" fill="none" stroke="#3964FE" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round">
   <!-- 左尖括号：发卡弯 + 内腿悬停收笔 + 底部小钩 -->
   <path d="M 99 204 Q 93 215 86 205 L 35 148 L 88 87 Q 96 79 104 86 L 52 147 L 84 181" />
   <!-- 右尖括号：闭合环带 -->