@idoall/dsh-session-colors 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -8,6 +8,44 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.1.2] - 2026-09-22
+
+### Fixed
+
+- Chips no longer stay at their old coordinates for up to 20 seconds when a
+  workspace is collapsed or expanded. Each mutation option set now gets its own
+  `MutationObserver`: a second `observe()` call on the same target **replaces**
+  the first one's options rather than merging them, so sharing one observer for
+  `childList` and for the `body` class had silently stopped row additions and
+  removals from being watched at all. The chips only moved when the 20-second peer
+  poll happened to re-render the layer.
+
+### Added
+
+- A regression test that fails if two option sets ever share one observer again.
+
+## [0.1.1] - 2026-09-22
+
+Documentation only — no code change.
+
+### Fixed
+
+- The npm package no longer tells visitors it is unpublished. The `0.1.0` tarball
+  was packed before the README was updated, so the package page carried a grey
+  "not published" badge and an install section that said the package was not on
+  npm yet. npm packages are immutable, so this needed a new version.
+
+### Added
+
+- `screenshots.json` declares the three screenshots the plugin-market detail view
+  shows. It lives in this repository, so replacing one later is a push here rather
+  than a pull request to the list.
+
+### Notes
+
+- First tag-driven release: pushing `v0.1.1` publishes through npm Trusted
+  Publishing (OIDC), with no npm token and no manual second factor.
+
 ## [0.1.0] - 2026-09-22
 
 First release.

package/README.md

@@ -3,7 +3,7 @@
 <p align="center">Give any Session a colour and spot it at a glance in the sidebar.</p>
 
 <p align="center">
-  <a href="https://www.npmjs.com/package/@idoall/dsh-session-colors"><img alt="npm" src="https://img.shields.io/badge/npm-not%20published-lightgrey"></a>
+  <a href="https://www.npmjs.com/package/@idoall/dsh-session-colors"><img alt="npm" src="https://img.shields.io/npm/v/@idoall/dsh-session-colors?label=npm&color=CB3837"></a>
   <a href="LICENSE"><img alt="license" src="https://img.shields.io/badge/license-MIT-0F172A"></a>
 </p>
 
@@ -71,9 +71,11 @@ Requirements:
 - Node.js 20 or newer
 - **Verified DSH version: `0.1.6-alpha.2`** (see [Compatibility](#compatibility))
 
-`@idoall/dsh-session-colors` is **not published on npm yet**, so install the
-repository directory for now (once published, the same plugin command installs
-the npm version):
+```sh
+dsh plugin --profile <profile> add @idoall/dsh-session-colors@0.1.0
+```
+
+Working on the plugin itself? Install the directory instead:
 
 ```sh
 dsh plugin --profile <profile> add link:/path/to/dsh-session-colors
@@ -112,12 +114,14 @@ stored as HSVA, so alpha round-trips exactly.
 
 ## Compatibility
 
-Current release: plugin **`0.1.0`**, verified against DeepSeek Harness
+Current release: plugin **`0.1.2`**, verified against DeepSeek Harness
 **`0.1.6-alpha.2`**.
 
 | Plugin version | Verified DeepSeek Harness | npm status | What it is |
 | --- | --- | --- | --- |
-| **`0.1.0`** | `0.1.6-alpha.2` | **Not published** (repository only) | First release: Session colour marks, Host-side storage, visible inside a phone's sidebar drawer |
+| **`0.1.2`** | `0.1.6-alpha.2` | `latest` | Fixes chips staying at their old coordinates for ~20s when a workspace is collapsed or expanded: a second `MutationObserver.observe()` on the same target had silently replaced the `childList` watch. |
+| `0.1.1` | `0.1.6-alpha.2` | published | Documentation only: the packaged README no longer says "not published", and the market screenshots are declared. |
+| `0.1.0` | `0.1.6-alpha.2` | published | First release: Session colour marks, Host-side storage, visible inside a phone's sidebar drawer |
 
 - **Verified DeepSeek Harness** is the exact DSH version this plugin was actually
   run against. That list has one home — `dsh.compatibility.dshReleases` in

package/README.zh.md

@@ -3,7 +3,7 @@
 <p align="center">给任意会话上一个颜色，在侧栏一眼认出它。</p>
 
 <p align="center">
-  <a href="https://www.npmjs.com/package/@idoall/dsh-session-colors"><img alt="npm" src="https://img.shields.io/badge/npm-%E6%9C%AA%E5%8F%91%E5%B8%83-lightgrey"></a>
+  <a href="https://www.npmjs.com/package/@idoall/dsh-session-colors"><img alt="npm" src="https://img.shields.io/npm/v/@idoall/dsh-session-colors?label=npm&color=CB3837"></a>
   <a href="LICENSE"><img alt="license" src="https://img.shields.io/badge/license-MIT-0F172A"></a>
 </p>
 
@@ -53,7 +53,11 @@
 - Node.js 20 或更新版本
 - **已验证的 DSH 版本：`0.1.6-alpha.2`**（见[兼容性](#兼容性)）
 
-npm 上的 `@idoall/dsh-session-colors` **尚未发布**，所以现在装的是本仓库目录（发布后可用同样的插件命令装 npm 版本）：
+```sh
+dsh plugin --profile <profile> add @idoall/dsh-session-colors@0.1.0
+```
+
+要改插件本身就用目录安装：
 
 ```sh
 dsh plugin --profile <profile> add link:/path/to/dsh-session-colors
@@ -84,11 +88,13 @@ dsh plugin --profile <profile> add link:/path/to/dsh-session-colors
 
 ## 兼容性
 
-当前版本：插件 **`0.1.0`** 已针对 DeepSeek Harness **`0.1.6-alpha.2`** 验证。
+当前版本：插件 **`0.1.2`** 已针对 DeepSeek Harness **`0.1.6-alpha.2`** 验证。
 
 | 插件版本 | 已验证的 DeepSeek Harness | npm 发布状态 | 该版本是什么 |
 | --- | --- | --- | --- |
-| **`0.1.0`** | `0.1.6-alpha.2` | **未发布**（仅本仓库） | 首个版本：会话颜色标记、宿主侧存储、手机抽屉内可见 |
+| **`0.1.2`** | `0.1.6-alpha.2` | `latest` | 修掉折叠/展开工作区后色块停在旧位置约 20 秒：同一个 target 上第二次 `MutationObserver.observe()` 把 `childList` 监听顶掉了。 |
+| `0.1.1` | `0.1.6-alpha.2` | 已发布 | 仅文档：打包进 npm 的 README 不再写"尚未发布"，并声明了市场截图。 |
+| `0.1.0` | `0.1.6-alpha.2` | 已发布 | 首个版本：会话颜色标记、宿主侧存储、手机抽屉内可见 |
 
 - **已验证的 DeepSeek Harness** 是这个插件**实际跑过**的确切 DSH 版本。这份清单只有一个存放处——[`package.json`](package.json) 的 `dsh.compatibility.dshReleases`——并且有测试保证两个 README 的兼容性段落与它逐字一致、且落在 `peerDependencies` 声明的范围内。未列出的 DSH 版本**不会被宣称为兼容**。
 - `peerDependencies` 声明的范围是 `>=0.1.6-0 <0.2.0`（`dsh-client-ui-layout` 与 `dsh-client-ui-conversation`）：这是**允许加载**的范围，不等于已验证。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idoall/dsh-session-colors",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "description": "DSH web plugin: give any Session a colour mark, shown as a chip in the sidebar and picked from the conversation header. Marks are stored on the Host, so a colour chosen on one device is visible on every other one — including over LAN and tunnels.",
   "main": "./src/index.js",

package/src/client.js

@@ -621,16 +621,31 @@ window.__ModuleLoader__.load({
         }
         document.addEventListener('transitionrun', onTransition, true)
         document.addEventListener('transitionend', onTransition, true)
-        let observer
+        // Each option set needs its OWN observer. A second `observe()` call on
+        // the same target REPLACES the first one's options rather than merging
+        // them (DOM spec), so sharing one observer silently stopped childList
+        // from being watched at all: collapsing a workspace removed its rows
+        // without any re-sync, and the chips sat at their old coordinates until
+        // the peer poll happened to re-render the layer ~20s later.
+        const observers = []
         try {
-          observer = new MutationObserver(sync)
-          observer.observe(document.body, { childList: true, subtree: true })
+          const rowsObserver = new MutationObserver(sync)
+          rowsObserver.observe(document.body, { childList: true, subtree: true })
+          observers.push(rowsObserver)
           // The phone adapter opens its drawer by toggling a class on `body`.
           // With transitions disabled the geometry still changes, just without a
           // transition event to follow.
-          observer.observe(document.body, { attributes: true, attributeFilter: ['class'] })
+          const drawerObserver = new MutationObserver(sync)
+          drawerObserver.observe(document.body, { attributes: true, attributeFilter: ['class'] })
+          observers.push(drawerObserver)
+          // A workspace collapse that hides rows instead of removing them
+          // produces no childList mutation, so follow the ARIA state and
+          // `hidden` as well.
+          const stateObserver = new MutationObserver(sync)
+          stateObserver.observe(document.body, { attributes: true, attributeFilter: ['aria-expanded', 'hidden'], subtree: true })
+          observers.push(stateObserver)
         } catch {
-          observer = undefined
+          // Without observers the layer still follows scroll, resize and transitions.
         }
         return () => {
           cancelFrame(frame)
@@ -638,7 +653,7 @@ window.__ModuleLoader__.load({
           window.removeEventListener('resize', sync)
           document.removeEventListener('transitionrun', onTransition, true)
           document.removeEventListener('transitionend', onTransition, true)
-          if (observer !== undefined) observer.disconnect()
+          for (const watcher of observers) watcher.disconnect()
         }
       }, [snapshot])