@zhang-guo-wen/dsh-drawio
独立的 DeepSeek Harness 插件：在 Web 侧边栏中预览 .drawio（mxGraph XML）图表
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:zhang-guo-wen/dsh-drawio#e5d8b820a0172747928d40a800bb3ba73e0e42dfDrawio 以 @zhang-guo-wen/dsh-drawio 发布，当前版本为 0.1.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
English | 中文
A standalone plugin for DeepSeek Harness (DSH) that previews
.drawio files as diagrams in the Web Sidebar.
Open a .drawio file from the Sidebar's file tree and it renders as the diagram you drew, instead of opening as
mxGraph XML source.
A .drawio file rendered as a diagram
data: URL and never
an engine instance or a live DOM. The markup never enters the application DOM, so a diagram's content cannot script
the page.<mxfile> renders its first page.The built lib/ is committed, so the repository installs and runs directly — no build step on your machine.
# over HTTPS
npx @deepseek-ai/dsh plugin --profile web add git+https://github.com/zhang-guo-wen/dsh-drawio.git
# or over SSH
npx @deepseek-ai/dsh plugin --profile web add git+ssh://git@github.com/zhang-guo-wen/dsh-drawio.git
To develop against a local checkout, install the directory. pnpm creates a symlink, so a rebuilt lib/ reaches
the host on the next start with no reinstall:
npx @deepseek-ai/dsh plugin --profile web add /absolute/path/to/dsh-drawio
Then restart the host:
npx @deepseek-ai/dsh web
You do not edit the profile manifest by hand: dsh plugin add adds both the dependency and the bundle entry.
Remove it, dependency and layer together, with dsh plugin --profile web remove @zhang-guo-wen/dsh-drawio.
The profile must already compose @deepseek-ai/dsh-client-ui-sidebar-documentpreview, which owns the registry this
plugin contributes to. Every shipped web profile does.
Edge routing and edge-label placement do not match draw.io. A .drawio file stores an edge's endpoints and its
edgeStyle name, but not the path between them:
<mxCell id="e4" style="edgeStyle=orthogonalEdgeStyle;…" edge="1" source="n4" target="n5">
<mxGeometry relative="1" as="geometry" /> <!-- no points, no label offset -->
</mxCell>
Both viewers therefore compute the bend points and the label position at render time, from the same inputs, using different code. draw.io's editor adds its own routing and label-avoidance behaviour on top of the shared engine, and this plugin's engine does not carry that code, so the two can differ: an edge may take a different route, and a label may land on a node label when the gap between two nodes is narrower than the label.
The second is geometric, not cosmetic: when two nodes are 50px apart and the label is 66px wide, it cannot be placed outside both boxes without moving a node. Giving the label an opaque background only paints a box over the text it covers, which reads worse, so the renderer does not do it.
Workaround. In draw.io, drag the edge label where you want it: the editor then writes an explicit
<mxPoint as="offset"> into the file, and every viewer — including this one — honours it. Widening the gap between
the two nodes works equally well. Both fix the diagram at its source rather than in one viewer.
Shapes outside the engine's set are drawn as rectangles. draw.io ships several hundred stencil shapes; the bundled engine carries its own smaller set, so a shape it does not know is rendered as a plain rectangle rather than omitted.
The repository root is the plugin package: its root package.json is @zhang-guo-wen/dsh-drawio. npm install <git-url> and dsh plugin add both package the repository root, so a plugin under packages/* would install as the
wrong thing.
npm install
npm run build # host half via tsdown; browser half via build-client.mjs
npm run typecheck # tsc against the PUBLISHED @deepseek-ai/* packages
npm test # loads the built bundle the way the browser does
lib/ is committed — that is what lets someone install this repository with no build on their side. Re-run
npm run build and commit lib/ whenever you change src/.
The harness monorepo builds its client bundles with a script it does not publish, so this repository bundles the browser half itself. Two details are load-bearing:
platform: 'browser' is set explicitly. Under the bundler's node platform every dependency resolves through
its node export condition, so a library whose exports lists a platform condition before import gets its
server entry inlined — and those entries can call createRequire('module') at module scope, producing a
require("module") the browser module table cannot answer.npm test verifies both: it loads the built bundle with a module table containing nothing but those externals, and
fails if the bundle asks for anything else.
Apache License 2.0 — see LICENSE. Bundled third-party code is attributed in NOTICE. "draw.io" is a trademark of its owner; this package is not affiliated with or endorsed by draw.io.