@mzzsfy/dsh-settings-nav-icons 0.4.0 → 0.4.2

package/README.md

@@ -124,3 +124,7 @@ node --test packages/dsh-settings-nav-icons/test/*.test.mjs
 ## License
 
 MIT
+
+## dsh 版本兼容
+
+三版本全部通过:导航图标接管。0.1.6 设置导航 5→6 标签(新增会话归档)属宿主演进,不构成不兼容。

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mzzsfy/dsh-settings-nav-icons",
   "description": "设置弹窗导航分区与插件市场卡片图标替换:按分区显示文本把回退齿轮换成专属图形,市场卡片头像槽换成插件图标,DOM 观察实现,卸载后重载页面恢复官方图标",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "type": "module",
   "main": "src/index.js",
   "exports": {

package/src/client.js

@@ -16,6 +16,8 @@ window.__ModuleLoader__.load({
   factory(require) {
     // ---- 官方 DOM 字面量标识(设置弹窗导航,CSS Modules 哈希前缀稳定) ----
 
+    // 注册 id 单点定义:样式 data-plugin 标记与装载归属同源,防字面量双写漂移
+    const PLUGIN_ID = '@mzzsfy/dsh-settings-nav-icons'
     const SELECTOR_CELL = 'button.VOzbGW_navCell'
     const SELECTOR_LABEL = '.VOzbGW_navLabel'
     const ATTR_MARK = 'data-navic'
@@ -268,6 +270,8 @@ window.__ModuleLoader__.load({
 
     function installOverlayStyle() {
       overlayStyle = document.createElement('style')
+      // 自带 data-plugin:缺失时宿主 claimStyles 会把它归属给后续材质化插件,其 HMR 重建即误删
+      overlayStyle.setAttribute('data-plugin', PLUGIN_ID)
       overlayStyle.textContent = OVERLAY_CSS
       document.head.appendChild(overlayStyle)
       if (slot !== null) slot.overlayStyle = overlayStyle
@@ -825,6 +829,8 @@ window.__ModuleLoader__.load({
 
     function installScrollStyle() {
       scrollStyle = document.createElement('style')
+      // 自带 data-plugin:缺失时宿主 claimStyles 会把它归属给后续材质化插件,其 HMR 重建即误删
+      scrollStyle.setAttribute('data-plugin', PLUGIN_ID)
       scrollStyle.textContent = NAVLIST_SCROLL_CSS
       document.head.appendChild(scrollStyle)
       if (slot !== null) slot.scrollStyle = scrollStyle

package/test/orchestration.test.mjs

@@ -143,6 +143,8 @@ function fakeDocument() {
         value: '',
         placeholder: '',
         innerHTML: '',
+        attrs: {},
+        setAttribute(name, value) { el.attrs[name] = value },
         appendChild(child) { el.children.push(child) },
         focus() { el.focused = true },
         addEventListener(type, fn) { el.handlers[type] = fn },
@@ -250,6 +252,7 @@ test('启动样式:覆盖浮层样式与滚动样式注入 head,卸载移除,重
     assert.equal(doc.createdStyles.length, 2, '恰两次注入(浮层+滚动)')
     assert.ok(doc.createdStyles.some((el) => el.textContent.includes('sni-ov')), '浮层样式随启动注入')
     assert.ok(doc.createdStyles.some((el) => el.textContent === NAVLIST_SCROLL_CSS), '滚动规则与实现同源')
+    assert.ok(doc.createdStyles.every((el) => el.attrs['data-plugin'] === '@mzzsfy/dsh-settings-nav-icons'), '样式自带 data-plugin,防宿主 claimStyles 误归属后随他插件 HMR 整批误删')
     assert.equal(doc.head.children.length, 2, '样式挂载在 head')
     assert.deepEqual(doc.events, ['style', 'style', 'observe'], '样式注入先于观察器挂载')
     unload()