dsh-material-file-icons:为 DSH Web 文件树换上 Material 风格图标

前言

在 DeepSeek Harness(DSH)里通过 Web 界面浏览项目文件时,默认文件树往往只有朴素的目录与扩展名提示,不利于快速扫一眼区分语言、框架配置和常见目录结构。VS Code 用户习惯 Material Icon Theme 那套语义化图标,但在 DSH 的 dsh-better-sidebar 探索器里并不会自动出现。

下面介绍社区插件 dsh-material-file-icons:在不改 sidebar 源码的前提下,为 Web 端文件树注入 Material Icon Theme 风格的 SVG 图标,并支持按文件夹名称匹配开/合状态。插件在 SkillHub 目录中归类为「趣味换装」,维护者标注为 modersetech;技术说明与安装命令以项目 README 为准。

这是什么

dsh-material-file-icons 面向 DSH Web GUI 的文件探索器(dsh-better-sidebar),提供与 Material Icon Theme 同源的图标视觉。宿主侧按固定路由提供 SVG,客户端注入样式并用轻量 DOM 观测为目录行打上属性,再由 CSS 映射图标——README 明确说明无需对 dsh-better-sidebar 打补丁。当前 package 版本为 1.1.0,许可证 MIT,运行要求 Node >= 20。

核心功能

依据 README 与 package 描述,已核实能力如下。

图标资源

  • 约 350 枚 authentic SVG,主要来自 PKief/vscode-material-icon-theme(MIT),并包含来自 vscode-icons/vscode-icons 的 shadcn glyph。
  • 覆盖 90+ 种文件类型:语言、框架、配置、媒体、压缩包等。
  • 按文件名匹配:例如 component.json / components.json 使用随主题变化的 shadcn 标识,tsconfig.json、jest.config.*、.editorconfig、nest-cli.json 等有专用图标。

文件夹图标

  • 约 130 个命名文件夹族(如 src、components、__tests__、.github、node_modules 等)。
  • 提供与上游一致的打开 / 关闭变体,通过 data-dir(文件夹名)与 data-open 等属性区分。

工作机制(简述)

  1. 宿主:在内存缓存中通过精确路径 /material-icons/*.svg 提供每个 SVG。
  2. 客户端:注入一份 stylesheet,运行 MutationObserver,为探索器中的目录行设置 data-dir 与 data-open;纯 CSS 完成图标映射。

安装与启用

安装命令须使用 README 原文(--profile web 与 GitHub 坐标以文档为准):

dsh plugin --profile web add github:sarfarazstark/dsh-material-file-icons

完成上述步骤后,重启 DeepSeek Harness Desktop。README 写明无需其他配置步骤。

卸载:

dsh plugin --profile web remove dsh-material-file-icons

典型用法

本插件属于外观增强类扩展,没有单独的 CLI 子命令或业务 API。典型工作流即为:在 web profile 下安装 → 重启桌面端 → 打开带 dsh-better-sidebar 的文件探索器,即可在树形列表中看到按扩展名与文件夹名匹配的 Material 风格图标;展开或收起目录时,文件夹图标应随 data-open 在打开/关闭样式间切换。

若图标未出现,可先确认插件是否安装在 web profile、是否已重启 DSH,并在浏览器开发者工具中检查 /material-icons/*.svg 请求是否成功返回。

适用场景与注意

适合谁:长期在 DSH Web 界面里读代码、辨目录结构的智能体开发者或日常用户;希望文件树视觉与 VS Code Material Icon Theme 接近、又不愿 fork sidebar 的场景。

权限与安全:DSH 插件与当前 DSH 进程权限相同运行。安装前应自行查看仓库源码与 MIT 许可证;图标美术版权归上游 Material Icon Theme 与 vscode-icons 项目,本插件仅在其许可范围内在 DSH 内再分发 SVG 资源。

生态说明:DSH 奉行「一切皆插件」;SkillHub 等社区目录为独立站点,与 DeepSeek / 幻方无官方从属关系,本文所称「目录页」仅作发现入口,不代表官方应用商店。

仓库坐标:SkillHub 条目指向 modersetech/dsh-material-file-icons,而 README 与 package.json 中的安装命令与 repository.url 为 sarfarazstark/dsh-material-file-icons。安装与排障请以 README 中的 dsh plugin 命令为准。

结尾

dsh-material-file-icons 用约 350 枚上游 SVG、命名文件夹开/合变体与纯 CSS 映射,为 DSH Web 文件树提供 Material Icon Theme 风格展示,安装后重启即可使用。

  • 目录页:https://www.skillhub.cn/plugins/modersetech/dsh-material-file-icons
  • GitHub(用户线索):https://github.com/modersetech/dsh-material-file-icons
  • README 安装源:https://github.com/sarfarazstark/dsh-material-file-icons
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye