dsh-snap-line 1.3.0 → 1.3.1

package/README.en.md

@@ -17,6 +17,7 @@ SnapLine is a UI bundle for [DeepSeek Harness](https://github.com/deepseek-ai).
 ## Table of contents
 
 - [Features](#features)
+- [Screenshots](#screenshots)
 - [Install](#install)
 - [Use your own photos](#use-your-own-photos)
 - [How it works](#how-it-works)
@@ -33,18 +34,39 @@ SnapLine is a UI bundle for [DeepSeek Harness](https://github.com/deepseek-ai).
 - **Five built-in illustrations**: the line is never empty when `photos/` has no images;
 - **Your own photos**: `.jpg` `.jpeg` `.png` `.webp` `.gif` `.avif`, natural filename order, live refresh within five seconds after adding, removing or replacing files;
 - **Adaptive layout**: up to six photos, evenly sampled when there are more; the more photos, the tighter they sit, each with its own tilt and sway rhythm;
-- **Restrained interaction**: hovering gives a photo a small nudge that settles back; clicking opens a lightbox. Only CSS `:hover`, `transform` and a `react-dom` portal — no JS listeners, no extra re-renders;
+- **Restrained interaction**: hovering only uses CSS `:hover` and `transform` to give a photo a small nudge that settles back; clicking opens a lightbox — no mouse listeners, no extra re-renders;
+- **Keyboard friendly**: photos are focusable with Tab and open the lightbox with Enter or Space; while the lightbox is open Tab stays on its close button, Escape / backdrop / close button all dismiss it, and focus returns to the photo that opened it;
+- **Named for screen readers**: the clothesline, every photo, the lightbox and its close button carry bilingual Chinese/English accessible names;
 - **Respects system preferences**: `prefers-reduced-motion` disables the sway animation;
 - **Zero runtime dependencies**: plain ESM, no build step; `react` / `react-dom` come from the Harness module table;
 - **Photos never leave your machine**: the Host half serves them over the Harness web server's same-origin route; the plugin makes no external requests.
 
+## Screenshots
+
+| New Session hero | Lightbox |
+| --- | --- |
+| ![New Session hero with the enlarged clothesline](docs/images/hero.png) | ![Lightbox with an enlarged photo](docs/images/lightbox.png) |
+
 ## Install
 
-SnapLine is a Harness bundle, so installation is done by an agent inside Harness through `plugin_manager`.
+SnapLine is a Harness bundle, so it can be installed from npm, GitHub or a local directory — an agent inside Harness does it through `plugin_manager`.
+
+### Option 1: npm (recommended)
+
+Published on npm as [`dsh-snap-line`](https://www.npmjs.com/package/dsh-snap-line).
+
+- Ask the Harness agent to install `dsh-snap-line` with `plugin_manager`'s `install_bundle`; or
+- run this in a terminal:
+
+```bash
+dsh plugin --profile <profile> add dsh-snap-line
+```
 
-### Option 1: let the Harness agent install it (recommended)
+DSH installs it from npm, composes the Host half from `dsh.bundle.patch` and loads the Client half from `dsh.client`. Once the plugin is listed in the community plugin market (awesome-dsh-plugin), it can also be installed by searching for it there.
 
-Send the repository URL to the Harness agent and ask it to install the bundle with `plugin_manager`'s `install_bundle`:
+### Option 2: install from GitHub
+
+Send the repository URL to the Harness agent and ask it to install the bundle with `install_bundle`:
 
 ```text
 https://github.com/LMhuo/dsh-snap-line.git
@@ -54,7 +76,7 @@ The `github:LMhuo/dsh-snap-line` shorthand works too. DSH installs it into the c
 
 When it finishes, the plugin appears in Harness's plugin list (the bundle list in `~/.dsh/profiles/<profile>/package.json`) and starts rendering under the composer.
 
-### Option 2: clone locally, then install (best for development)
+### Option 3: clone locally, then install (best for development)
 
 ```bash
 git clone https://github.com/LMhuo/dsh-snap-line.git
@@ -62,14 +84,6 @@ git clone https://github.com/LMhuo/dsh-snap-line.git
 
 Then ask the Harness agent to install that directory's **absolute path** with `install_bundle`. It writes a `link:` dependency into the current profile's `package.json` and adds it to the bundle list — no manual profile editing.
 
-### Option 3: npm
-
-Published on npm as [`dsh-snap-line`](https://www.npmjs.com/package/dsh-snap-line). Ask the Harness agent to install `dsh-snap-line` with `plugin_manager`'s `install_bundle` — DSH installs it from npm and loads both the Host and Client halves automatically. Or from a terminal:
-
-```bash
-dsh plugin --profile <profile> add dsh-snap-line
-```
-
 ### Disable and remove
 
 - Toggle the plugin off in Harness's plugin settings; or
@@ -82,7 +96,9 @@ The photo folder is **`photos/` inside the plugin package**:
 | Install style | Photo folder |
 | --- | --- |
 | Local directory / `link:` | `photos/` in this repository |
-| GitHub / npm install | `~/.dsh/profiles/<profile>/node_modules/dsh-snap-line/photos/` |
+| npm / GitHub install | `~/.dsh/profiles/<profile>/node_modules/dsh-snap-line/photos/` |
+
+> npm and GitHub installs ship without a `photos/` folder (private photos are never packed), so create that folder yourself.
 
 Drop images in and that's it:
 
@@ -103,6 +119,7 @@ photos/<name> ── GET /dsh-snap-line/photos/<name> ────────
 
 - **Host half** (`index.js`): registers a `kind: 'prefix'` route at `/dsh-snap-line` for the photo manifest and the images. `lib/photos.js` is plain Node and rejects path traversal, hidden filenames and unknown media types, so it is unit-testable on its own;
 - **Client half** (`client.js`): registers in the `conversation.composer.dock` slot (`order: 2`) and polls the manifest every five seconds, rendering user photos or the built-in illustrations;
+- **Lightbox**: open it by clicking a photo, or by focusing one with Tab and pressing Enter / Space; Escape, the backdrop or the close button dismiss it, focus returns to the photo, and the page behind it does not scroll while it is open.
 - **New Session hero**: the Host renders `conversation.composer.dock` only for an active Session, so the blank hero has just an empty `[data-composer-dock]` container. The Client half also registers `HeroClothesline` on `shell.overlay`, checks every 250 ms for `[data-content-phase="hero"] [data-composer-dock]`, and portals the same clothesline into it via `react-dom`'s `createPortal`, scaled to 2× the measured composer width (capped at 600px). Once a real conversation mounts its dock entry, the hero copy steps aside; if `react-dom` or `shell.overlay` is unavailable it silently skips, leaving the normal dock rendering intact;
 - the dock slot is a fit-content flex row, so an SVG with `width: 100%` collapses to its intrinsic 300px — the conversation clothesline stays ~300px wide. The hero copy therefore uses an explicit pixel width instead of `max-width`.
 
@@ -115,7 +132,7 @@ npm run check  # syntax check + full test suite
 
 No build step and no runtime dependencies. Editing `client.js` hot-reloads the browser half via HMR; editing `index.js` needs the plugin entry to be disabled and re-enabled once.
 
-For local debugging, install this repository as a `link:` bundle (option 2) so edits take effect immediately.
+For local debugging, install this repository as a `link:` bundle (option 3) so edits take effect immediately.
 
 ### Repository layout
 
@@ -126,9 +143,10 @@ dsh-snap-line/
 ├── client.js           # Client half: clothesline SVG, slot registration, lightbox
 ├── cordis.patch.yml    # Host plugin row inserted by the bundle
 ├── locale/             # English and Chinese display metadata for the plugin manager
-├── icon.svg            # Plugin icon
+├── icon.svg            # Vector icon shown in the plugin list
+├── screenshots.json    # Market screenshot list (points at docs/images)
 ├── photos/             # Your photos (not committed by default)
-├── docs/images/        # Static assets such as the README preview
+├── docs/               # README previews, market screenshots and the PNG icon
 ├── test/               # node:test suites
 └── .github/workflows/  # GitHub Actions CI
 ```
@@ -161,7 +179,10 @@ Yes — edit `MAX_PHOTOS` (count), `HERO_SVG_WIDTH` (hero width) and `TILTS` / `
 Currently it uses a fixed warm paper palette and does not follow the Harness theme. PRs welcome.
 
 **How do I upgrade?**
-Git installs have no version list: ask the agent to `install_bundle` the latest commit again, or `remove_bundle` first and reinstall. Every release is documented in [CHANGELOG.md](CHANGELOG.md).
+npm installs: check for updates in the plugin market, or ask the agent to `install_bundle` again. Git installs: ask the agent to install the latest commit again, or `remove_bundle` first and reinstall. Every release is documented in [CHANGELOG.md](CHANGELOG.md).
+
+**Can I use it with a keyboard?**
+Yes. Photos are focusable with Tab and Enter / Space opens the lightbox; Tab stays on the close button while it is open, Escape closes it, and focus returns to the photo. 
 
 **Is commercial use allowed?**
 Yes, under the MIT license.

package/README.md

@@ -17,6 +17,7 @@ SnapLine 是 [DeepSeek Harness](https://github.com/deepseek-ai) 的界面插件
 ## 目录
 
 - [特性](#特性)
+- [截图](#截图)
 - [安装](#安装)
 - [使用自己的照片](#使用自己的照片)
 - [工作原理](#工作原理)
@@ -33,18 +34,39 @@ SnapLine 是 [DeepSeek Harness](https://github.com/deepseek-ai) 的界面插件
 - **自带五张手绘插画**：`photos/` 为空时使用内置插画，不会出现空荡荡的绳子；
 - **换成自己的照片**：支持 `.jpg` `.jpeg` `.png` `.webp` `.gif` `.avif`，按文件名自然排序，增删后 5 秒内自动刷新；
 - **排版自适应**：最多显示 6 张，超过时均匀抽样；照片越多排得越密，每张有自己的倾斜角度与摆动节奏；
-- **交互克制**：悬停时轻轻晃一下再回正，点击打开灯箱预览；只用 CSS `:hover`、`transform` 与 `react-dom` portal，没有 JS 监听、没有多余重渲染；
+- **交互克制**：悬停只靠 CSS `:hover` 与 `transform` 让照片轻轻晃一下再回正，点击打开灯箱预览，没有鼠标监听、没有多余重渲染；
+- **键盘友好**：照片可以用 Tab 聚焦，Enter / 空格打开灯箱；灯箱打开后 Tab 被约束在关闭按钮上，Esc、点击背景或关闭按钮都能退出，关闭后焦点回到打开它的照片；
+- **读屏器可读**：晾衣绳、每张照片、灯箱与关闭按钮都有中英双语的无障碍名称；
 - **尊重系统偏好**：`prefers-reduced-motion` 开启时不做摆动动画；
 - **零运行时依赖**：纯 ESM、无构建步骤，`react` / `react-dom` 复用 Harness 内置模块；
 - **照片不出本机**：Host 半通过 Harness web server 的同源路由提供图片，插件不发起任何外部请求。
 
+## 截图
+
+| 新会话首页 | 灯箱预览 |
+| --- | --- |
+| ![新会话首页：晾衣绳会自动放大](docs/images/hero.png) | ![灯箱预览：点击照片放大](docs/images/lightbox.png) |
+
 ## 安装
 
-SnapLine 是 Harness 的 bundle 插件，安装由 Harness 里的 Agent 通过 `plugin_manager` 完成。
+SnapLine 是 Harness 的 bundle 插件，可以走 npm、GitHub 或本地目录；安装由 Harness 里的 Agent 通过 `plugin_manager` 完成。
+
+### 方式一：npm（推荐）
+
+已发布到 npm：[`dsh-snap-line`](https://www.npmjs.com/package/dsh-snap-line)。
+
+- 让 Harness Agent 用 `plugin_manager` 的 `install_bundle` 安装 `dsh-snap-line`；
+- 或在终端运行：
+
+```bash
+dsh plugin --profile <profile> add dsh-snap-line
+```
 
-### 方式一：交给 Harness Agent 安装（推荐）
+DSH 会从 npm 装好，并按 `dsh.bundle.patch` 组合 Host 半、按 `dsh.client` 加载 Client 半。收录到社区插件市场（awesome-dsh-plugin）后，也可以直接在 Harness 的插件市场里搜索安装。
 
-把仓库地址发给 Harness Agent，并让它用 `plugin_manager` 的 `install_bundle` 安装：
+### 方式二：从 GitHub 安装
+
+把仓库地址发给 Harness Agent，并让它用 `install_bundle` 安装：
 
 ```text
 https://github.com/LMhuo/dsh-snap-line.git
@@ -54,7 +76,7 @@ https://github.com/LMhuo/dsh-snap-line.git
 
 安装成功后，插件会出现在 Harness 的插件列表（`~/.dsh/profiles/<profile>/package.json` 的 bundle 列表）里，并自动在输入框下方生效。
 
-### 方式二：本地克隆后安装（开发 / 调试推荐）
+### 方式三：本地克隆后安装（开发 / 调试推荐）
 
 ```bash
 git clone https://github.com/LMhuo/dsh-snap-line.git
@@ -62,14 +84,6 @@ git clone https://github.com/LMhuo/dsh-snap-line.git
 
 然后让 Harness Agent 用 `plugin_manager` 的 `install_bundle` 安装这个目录的**绝对路径**。`install_bundle` 会在当前 profile 的 `package.json` 中写入 `link:` 依赖并加入 bundle 列表，无需手动改 profile 文件。
 
-### 方式三：npm
-
-已发布到 npm：[`dsh-snap-line`](https://www.npmjs.com/package/dsh-snap-line)。让 Harness Agent 用 `plugin_manager` 的 `install_bundle` 安装 `dsh-snap-line` 即可，DSH 会从 npm 装好并自动加载 Host 半与 Client 半；也可以直接在终端运行：
-
-```bash
-dsh plugin --profile <profile> add dsh-snap-line
-```
-
 ### 停用与卸载
 
 - 在 Harness 的插件设置里停用；
@@ -82,7 +96,9 @@ dsh plugin --profile <profile> add dsh-snap-line
 | 安装方式 | 照片目录 |
 | --- | --- |
 | 本地目录 / `link:` 安装 | 本仓库的 `photos/` |
-| GitHub / npm 安装 | `~/.dsh/profiles/<profile>/node_modules/dsh-snap-line/photos/` |
+| npm / GitHub 安装 | `~/.dsh/profiles/<profile>/node_modules/dsh-snap-line/photos/` |
+
+> npm 与 GitHub 安装的包默认不带 `photos/` 目录（私人照片不会被打进包），需要自己新建这个文件夹。
 
 把图片放进去即可：
 
@@ -103,6 +119,7 @@ photos/<name> ── GET /dsh-snap-line/photos/<name> ────────
 
 - **Host 半**（`index.js`）：用 `webServer.register({ kind: 'prefix', path: '/dsh-snap-line' })` 提供照片清单与图片。`lib/photos.js` 是纯 Node 实现，拒绝目录穿越、隐藏文件名和未知媒体类型，可独立测试；
 - **Client 半**（`client.js`）：注册到 `conversation.composer.dock` 插槽（`order: 2`），每 5 秒轮询一次清单，按清单渲染照片或内置插画；
+- **灯箱**：点击照片（或 Tab 聚焦后按 Enter / 空格）打开；Esc、点击背景或关闭按钮退出，关闭后焦点回到打开它的照片，灯箱打开期间背景不滚动。
 - **新会话首页**：Host 只在有 Session 时渲染 `conversation.composer.dock`，空白 Hero 里只有一个空的 `[data-composer-dock]` 容器。Client 半额外向 `shell.overlay` 注册 `HeroClothesline`，每 250ms 检查页面里是否存在 `[data-content-phase="hero"] [data-composer-dock]`，若有则通过 `react-dom` 的 `createPortal` 把同一条晾衣绳画进该容器，并按量到的输入框宽度放大到 2 倍（600px 封顶）。进入正常会话、dock 版出现后自动让位，不会重复显示；拿不到 `react-dom` 或 `shell.overlay` 时静默跳过，不影响 dock 渲染；
 - dock 插槽本身是 fit-content 的 flex 行，SVG 的 `width: 100%` 会退回固有 300px，所以会话页晾衣绳一直是 300px 左右；Hero 版因此使用显式像素宽度，而不是改 `max-width`。
 
@@ -115,7 +132,7 @@ npm run check  # 语法检查 + 全部测试
 
 没有构建步骤，也没有运行时依赖。修改 `client.js` 会通过 HMR 自动刷新浏览器半；修改 `index.js` 后需要在插件设置里停用再启用一次。
 
-本地调试时推荐用上面的「方式二」以 `link:` 方式安装本仓库，这样改代码即时生效。
+本地调试时推荐用上面的「方式三」以 `link:` 方式安装本仓库，这样改代码即时生效。
 
 ### 目录结构
 
@@ -126,9 +143,10 @@ dsh-snap-line/
 ├── client.js           # Client 半：晾衣绳 SVG、插槽注册、灯箱
 ├── cordis.patch.yml    # bundle 插入的 Host 插件行
 ├── locale/             # 插件管理器中显示的中英文标题与描述
-├── icon.svg            # 插件图标
+├── icon.svg            # 插件列表里显示的矢量图标
+├── screenshots.json    # 插件市场卡片用的截图清单（指向 docs/images）
 ├── photos/             # 你自己的照片（默认不提交）
-├── docs/images/        # README 预览图等静态资源
+├── docs/               # README 预览图、市场截图与 PNG 图标
 ├── test/               # node:test 测试
 └── .github/workflows/  # GitHub Actions CI
 ```
@@ -161,7 +179,10 @@ dsh-snap-line/
 目前使用固定的暖色纸张配色，不随 Harness 主题切换；欢迎提交 PR。
 
 **怎么升级到新版本？**
-Git 方式安装没有版本列表：让 Agent 重新用 `install_bundle` 安装最新提交，或先 `remove_bundle` 再安装。每个版本的变更见 [CHANGELOG.md](CHANGELOG.md)。
+npm 安装：在插件市场里检查更新，或让 Agent 重新用 `install_bundle` 安装；Git 安装：让 Agent 重新安装最新提交，或先 `remove_bundle` 再安装。每个版本的变更见 [CHANGELOG.md](CHANGELOG.md)。
+
+**可以用键盘操作吗？**
+可以。照片可以用 Tab 聚焦，Enter / 空格打开灯箱；灯箱打开后 Tab 被约束在关闭按钮上，Esc 关闭，关闭后焦点回到照片。
 
 **可以商用吗？**
 可以，MIT 协议。

package/client.js

@@ -48,6 +48,15 @@ window.__ModuleLoader__.load({
       .sl-photo {
         pointer-events: auto;
         touch-action: manipulation;
+        cursor: pointer;
+      }
+      .sl-photo:focus {
+        outline: none;
+      }
+      .sl-photo:focus-visible {
+        outline: 2px solid #a98d63;
+        outline-offset: 2px;
+        border-radius: 4px;
       }
       @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
         .sl-photo:hover .sl-wobble {
@@ -111,6 +120,13 @@ window.__ModuleLoader__.load({
       .sl-lightbox-close:hover {
         background: #ffffff;
       }
+      .sl-lightbox-close:focus {
+        outline: none;
+      }
+      .sl-lightbox-close:focus-visible {
+        outline: 2px solid #f0e2c4;
+        outline-offset: 2px;
+      }
       @keyframes sl-lightbox-fade {
         from { opacity: 0; }
         to { opacity: 1; }
@@ -333,11 +349,20 @@ window.__ModuleLoader__.load({
     }
 
     function Photo(props) {
-      const { x, tilt, delay, duration, content, onOpen } = props;
+      const { x, tilt, delay, duration, content, onOpen, label } = props;
+      const onKeyDown = (event) => {
+        if (event.key !== 'Enter' && event.key !== ' ' && event.key !== 'Spacebar') return;
+        event.preventDefault();
+        onOpen();
+      };
       return h('g', {
         className: 'sl-photo',
         transform: 'translate(' + x + ' ' + ropeY(x).toFixed(2) + ')',
+        role: 'button',
+        tabIndex: 0,
+        'aria-label': label,
         onClick: onOpen,
+        onKeyDown,
       },
         h('g', { transform: 'rotate(' + tilt + ')' },
           h('g', { transform: 'scale(' + PHOTO_SCALE + ')' },
@@ -358,19 +383,34 @@ window.__ModuleLoader__.load({
     /** Full-screen viewer opened by clicking a photo; closes on Esc, backdrop or the close button. */
     function Lightbox(props) {
       const { preview, onClose } = props;
+      const closeRef = React.useRef(null);
+      React.useEffect(() => {
+        if (preview === null) return;
+        const previous = document.activeElement;
+        const previousOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+        if (closeRef.current !== null) closeRef.current.focus();
+        return () => {
+          document.body.style.overflow = previousOverflow;
+          if (previous !== null && typeof previous.focus === 'function') previous.focus();
+        };
+      }, [preview]);
       if (preview === null) return null;
+      const label = preview.kind === 'photo'
+        ? preview.name || '照片 / Photo'
+        : '照片插画 / Photo illustration';
       const card = preview.kind === 'photo'
         ? h('div', { className: 'sl-lightbox-photo' },
             h('img', {
               src: preview.url,
-              alt: preview.name || '照片',
+              alt: label,
               draggable: 'false',
             }))
         : h('div', { className: 'sl-lightbox-polaroid' },
             h('svg', {
               viewBox: '-31 6 62 80',
               role: 'img',
-              'aria-label': '照片插画',
+              'aria-label': label,
               focusable: 'false',
             },
               frame(preview.content)));
@@ -378,7 +418,12 @@ window.__ModuleLoader__.load({
         className: 'sl-lightbox',
         role: 'dialog',
         'aria-modal': 'true',
-        'aria-label': '照片预览',
+        'aria-label': '照片预览 / Photo preview',
+        onKeyDown: (event) => {
+          if (event.key !== 'Tab') return;
+          event.preventDefault();
+          if (closeRef.current !== null) closeRef.current.focus();
+        },
         onClick: (event) => {
           if (event.target === event.currentTarget) onClose();
         },
@@ -387,8 +432,8 @@ window.__ModuleLoader__.load({
         h('button', {
           type: 'button',
           className: 'sl-lightbox-close',
-          'aria-label': '关闭预览',
-          autoFocus: true,
+          'aria-label': '关闭预览 / Close preview',
+          ref: closeRef,
           onClick: onClose,
         }, '×'),
       );
@@ -428,7 +473,8 @@ window.__ModuleLoader__.load({
         : ILLUSTRATIONS.map((scene) => ({ kind: 'illustration', scene }));
       const xs = photoPositions(items.length);
       return h('div', {
-        'aria-hidden': 'true',
+        role: 'group',
+        'aria-label': '照片晾衣绳 / Photo clothesline',
         'data-dsh-snap-line': source,
         style: {
           display: 'flex',
@@ -443,7 +489,8 @@ window.__ModuleLoader__.load({
         h('svg', {
           key: 'art',
           viewBox: '0 0 700 108',
-          role: 'presentation',
+          role: 'group',
+          'aria-label': '照片 / Photos',
           focusable: 'false',
           width: '100%',
           style: {
@@ -468,6 +515,9 @@ window.__ModuleLoader__.load({
               delay: DELAYS[index % DELAYS.length],
               duration: DURATIONS[index % DURATIONS.length],
               content,
+              label: item.kind === 'photo'
+                ? '照片 ' + (index + 1) + (item.name === '' ? '' : '：' + item.name) + ' / Photo ' + (index + 1)
+                : '内置插画 ' + (index + 1) + ' / Built-in illustration ' + (index + 1),
               onOpen: () => setPreview(
                 item.kind === 'photo'
                   ? { kind: 'photo', url: item.url, name: item.name }

package/lib/photos.js

@@ -87,6 +87,7 @@ export async function servePhoto(dir, encodedName) {
     return new Response(body, {
       headers: {
         'content-type': mediaType,
+        'content-length': String(body.byteLength),
         'cache-control': 'private, max-age=60',
         'x-content-type-options': 'nosniff',
       },

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "dsh-snap-line",
-  "version": "1.3.0",
+  "version": "1.3.1",
+  "icon": "icon.svg",
   "description": "Hangs a clothesline of polaroid photos under the message composer in DeepSeek Harness.",
   "type": "module",
   "license": "MIT",
@@ -40,11 +41,13 @@
     "cordis.patch.yml",
     "locale/*.json",
     "icon.svg",
-    "docs/images"
+    "docs/images",
+    "docs/icon.png"
   ],
   "scripts": {
     "check": "node --check index.js && node --check client.js && node --check lib/photos.js && node --test",
-    "test": "node --test"
+    "test": "node --test",
+    "prepublishOnly": "npm run check"
   },
   "dsh": {
     "manifestVersion": 1,