mirror of
https://github.com/DayuanJiang/next-ai-draw-io.git
synced 2026-10-13 04:59:51 +08:00
## Problem
Two audits of the repository (a workflow of finder, dedup and per-file verifier agents, run on 2026-10-11 against 1f4141e and again against 07f3e3c after a first round of refactoring) found dead code and features that were more machinery than the app needs: an Electron configuration-preset system with its own settings window, three copies of the about page, a hand-written `.env` parser, an "extended" system prompt nobody selected, two data migrations for formats from 2025-12 and 2026-01, a server-side example cache, type-to-confirm provider deletion, 81 unused dictionary keys, wrapper components around single call sites, and a long tail of unused exports, props, options and tests.
## Change
Every item below was either approved one by one or covered by "fix all of the others".
- **Electron:** the configuration-preset system is gone (settings window, preload, IPC, menu entry, dev watcher); `config-manager.ts` keeps only `userLocale`; `.env` files are parsed with `dotenv`. Entitlements file and a duplicate CI workflow removed; `test.yml` gets a type check and concurrency.
- **Server:** no extended prompt, no example cache, no `ENABLE_HISTORY_XML_REPLACE`, no message metadata or `hasConfig`; the connection test is one shared helper; EdgeOne loses its mock branch and model aliases; `DEBUG_LLM_PAYLOAD` logs message structure instead of payloads; Langfuse scoring helper; `apiKeyEnv` arrays kept and documented in `env.example` and the provider docs.
- **Pages:** one about page per language from a single component (old `/cn` and `/ja` URLs redirect with 308); layout uses `hasLocale`; the GitHub icon is a local component instead of `react-icons`; Cloudflare deploys without an R2 cache by default.
- **Chat and canvas:** the legacy `diagramHistory` conversion, the localStorage chat migration and the templates storage are gone; `chat-engine` reads the diagram through the context's refs; the diagram context has one tagged export path (`requestTaggedExport` / `fetchDiagramXml`); the screenshot check uses fetch + JSON and `generateText` with `Output.object`; `load-diagram` accepts `<svg:svg>` and strips the XML prolog.
- **Settings UI:** `model-selector` inlines its Dialog, Command and Tooltip; `ai-elements/model-selector`, `button-with-tooltip`, `error-toast` removed; no type-to-confirm, no footer, no `bedrockApiKey`; `use-model-config` loses the old-format migration; one reasoning component; the shimmer is CSS (no `motion`, no `@radix-ui/react-use-controllable-state`); 81 dictionary keys removed in all four languages.
- **MCP server:** `registerTool` / `ok` / `fail` replace per-tool try/catch; `syncFromBrowser`, `commitDocument`, `describePages`; the hand-written XML syntax check, unused result fields, `pickPageSelector`, `expandStyles` and the `host` attribute handling are gone; tests get a shared `setup.ts` and drive the server through the SDK client.
- **Prompt:** the web app's style rules come from the MCP drawing guide (`styleRules`), byte-identical to before.
- **Tests:** shared e2e helpers (`openApp`, `sse`, `toolCallEvents`, `chunkedReplies`); placeholder specs dropped; `settings-review-fixes` split by topic; unit tests use `vi.stubEnv`.
- **Dependencies removed:** `@xmldom/xmldom`, `remark-gfm`, `@anthropic-ai/tokenizer`, `@testing-library/user-event`, `concurrently`, `wait-on`, `eslint`, `eslint-config-next`, `@vitest/coverage-v8`, `shx`, `motion`, `@radix-ui/react-use-controllable-state`, `react-icons`.
Source lines: 74,983 before, 67,418 after (excluding lockfiles).
The last commit merges #984 (the canvas shell). Where the shell, the classic page or their tests depend on a wire format or signature this branch had changed, main's version wins (export fields of the poll response, `addHistory` signature); where main only extended code this branch restructured, main's change is carried into the new structure (`start_session`, `get_selection`, `prepareNewDiagram`, the diagram context's `requestExport`).
## Testing
- `tsc --noEmit` for the web app, `packages/mcp-server`, its shell and `electron`: clean
- `biome ci`: 0 errors (37 pre-existing warnings)
- Root `vitest run`: 719 passed; `packages/mcp-server` `vitest run`: 372 passed
- `next build`: clean
- Playwright, whole web suite on the dev server (4 workers): 280 tests, 279 passed; `language.spec.ts` "a stale offer to switch without saving does nothing once a message is being sent" failed under parallel load and passed alone, as it does on main
302 lines
12 KiB
TypeScript
302 lines
12 KiB
TypeScript
/**
|
|
* Unit tests for the edit_diagram workflow gate (edit-gate.ts).
|
|
*
|
|
* The gate replaced the old 30-second wall-clock rule (#885): an edit is
|
|
* allowed when the model has seen the current browser state, no matter how
|
|
* long ago — and rejected when the browser state moved since. "Seen" is
|
|
* judged structurally, so draw.io's re-serialisation of the same content
|
|
* (attribute order, whitespace, viewport attributes, wrapper shape) never
|
|
* reads as a user edit.
|
|
*/
|
|
|
|
import { describe, expect, it } from "vitest"
|
|
import {
|
|
checkEditGate,
|
|
contentFingerprint,
|
|
describeChanges,
|
|
markPageSeen,
|
|
} from "../src/edit-gate.ts"
|
|
|
|
const XML_A = `<mxfile host="app.diagrams.net"><diagram id="p1" name="Page-1"><mxGraphModel><root><mxCell id="0"/><mxCell id="1" parent="0"/><mxCell id="box1" value="Hello" style="rounded=0;" vertex="1" parent="1"><mxGeometry x="40" y="40" width="120" height="60" as="geometry"/></mxCell></root></mxGraphModel></diagram></mxfile>`
|
|
|
|
// The same document as draw.io re-serialises it on autosave: different host,
|
|
// regenerated diagram id, viewport attributes on mxGraphModel, re-ordered
|
|
// cell attributes, pretty-printed whitespace.
|
|
const XML_A_RESERIALIZED = `<mxfile host="embed.diagrams.net">
|
|
<diagram id="regenerated-id" name="Page-1">
|
|
<mxGraphModel dx="1596" dy="743" grid="1" pageWidth="827" pageHeight="1169">
|
|
<root>
|
|
<mxCell id="0" />
|
|
<mxCell id="1" parent="0" />
|
|
<mxCell id="box1" parent="1" style="rounded=0;" value="Hello" vertex="1">
|
|
<mxGeometry height="60" width="120" x="40" y="40" as="geometry" />
|
|
</mxCell>
|
|
</root>
|
|
</mxGraphModel>
|
|
</diagram>
|
|
</mxfile>`
|
|
|
|
// A real user edit: box1 moved to a different position.
|
|
const XML_B = XML_A.replace('x="40" y="40"', 'x="300" y="200"')
|
|
|
|
// Bare mxGraphModel with identical page content to XML_A.
|
|
const XML_A_BARE = `<mxGraphModel><root><mxCell id="0"/><mxCell id="1" parent="0"/><mxCell id="box1" value="Hello" style="rounded=0;" vertex="1" parent="1"><mxGeometry x="40" y="40" width="120" height="60" as="geometry"/></mxCell></root></mxGraphModel>`
|
|
|
|
describe("checkEditGate", () => {
|
|
it("rejects when no diagram context was ever established", () => {
|
|
expect(checkEditGate("", XML_A)).toEqual({
|
|
ok: false,
|
|
reason: "no-context",
|
|
})
|
|
})
|
|
|
|
it("allows when the browser state is exactly what the model saw", () => {
|
|
expect(checkEditGate(XML_A, XML_A)).toEqual({ ok: true })
|
|
})
|
|
|
|
it("allows when the browser state is a re-serialisation of the same content", () => {
|
|
expect(checkEditGate(XML_A, XML_A_RESERIALIZED)).toEqual({ ok: true })
|
|
})
|
|
|
|
it("rejects when a cell actually changed", () => {
|
|
expect(checkEditGate(XML_A, XML_B)).toEqual({
|
|
ok: false,
|
|
reason: "stale",
|
|
})
|
|
})
|
|
|
|
it("rejects a real edit even when wrapped in re-serialisation noise", () => {
|
|
const movedAndReserialized = XML_A_RESERIALIZED.replace(
|
|
'x="40" y="40"',
|
|
'x="300" y="200"',
|
|
)
|
|
expect(checkEditGate(XML_A, movedAndReserialized)).toEqual({
|
|
ok: false,
|
|
reason: "stale",
|
|
})
|
|
})
|
|
|
|
it("allows when the store has no live entry to compare against", () => {
|
|
expect(checkEditGate(XML_A, "")).toEqual({ ok: true })
|
|
})
|
|
|
|
// A bare <mxGraphModel> push carries no page name, so the gate must not
|
|
// compare the invented "Page-1" wrapper name against the real one.
|
|
it("allows a bare mxGraphModel push when the page has a custom name", () => {
|
|
const seenRenamed = XML_A.replace('name="Page-1"', 'name="Arch"')
|
|
expect(checkEditGate(seenRenamed, XML_A_BARE)).toEqual({ ok: true })
|
|
})
|
|
|
|
it("still rejects a bare mxGraphModel push whose cells changed", () => {
|
|
const seenRenamed = XML_A.replace('name="Page-1"', 'name="Arch"')
|
|
const bareMoved = XML_A_BARE.replace('x="40" y="40"', 'x="300" y="200"')
|
|
expect(checkEditGate(seenRenamed, bareMoved)).toEqual({
|
|
ok: false,
|
|
reason: "stale",
|
|
})
|
|
})
|
|
})
|
|
|
|
describe("contentFingerprint", () => {
|
|
it("is invariant under draw.io re-serialisation", () => {
|
|
expect(contentFingerprint(XML_A)).toBe(
|
|
contentFingerprint(XML_A_RESERIALIZED),
|
|
)
|
|
})
|
|
|
|
it("treats a bare mxGraphModel like its one-page mxfile wrapping", () => {
|
|
expect(contentFingerprint(XML_A_BARE)).toBe(contentFingerprint(XML_A))
|
|
})
|
|
|
|
it("changes when a cell attribute changes", () => {
|
|
expect(contentFingerprint(XML_A)).not.toBe(contentFingerprint(XML_B))
|
|
})
|
|
|
|
it("changes when a page is renamed", () => {
|
|
const renamed = XML_A.replace('name="Page-1"', 'name="Renamed"')
|
|
expect(contentFingerprint(XML_A)).not.toBe(contentFingerprint(renamed))
|
|
})
|
|
|
|
it("changes when a page is added", () => {
|
|
const twoPages = XML_A.replace(
|
|
"</mxfile>",
|
|
`<diagram id="p2" name="Page-2"><mxGraphModel><root><mxCell id="0"/><mxCell id="1" parent="0"/></root></mxGraphModel></diagram></mxfile>`,
|
|
)
|
|
expect(contentFingerprint(XML_A)).not.toBe(contentFingerprint(twoPages))
|
|
})
|
|
|
|
it("falls back to the raw string for unparseable input", () => {
|
|
expect(contentFingerprint("not xml at all")).toBe("not xml at all")
|
|
})
|
|
})
|
|
|
|
describe("markPageSeen", () => {
|
|
const page = (id: string, label: string) =>
|
|
`<diagram id="${id}" name="${id}"><mxGraphModel><root><mxCell id="0"/><mxCell id="1" parent="0"/><mxCell id="c" value="${label}" vertex="1" parent="1"/></root></mxGraphModel></diagram>`
|
|
const doc = (a: string, b: string) =>
|
|
`<mxfile>${page("A", a)}${page("B", b)}</mxfile>`
|
|
|
|
it("counts the whole document as seen when the other pages are unchanged", () => {
|
|
const seen = doc("a1", "b1")
|
|
const live = doc("a2", "b1")
|
|
expect(markPageSeen(seen, live, { page_id: "A" })).toBe(live)
|
|
})
|
|
|
|
it("does not count a changed page the model was not shown", () => {
|
|
// The user edited page B; the model looked at page A only
|
|
const seen = doc("a1", "b1")
|
|
const live = doc("a1", "b2")
|
|
const marked = markPageSeen(seen, live, { page_id: "A" })
|
|
expect(marked).toBe(seen)
|
|
expect(checkEditGate(marked, live).ok).toBe(false)
|
|
})
|
|
|
|
it("does not count other pages when the record of what was seen is empty", () => {
|
|
// Empty also after load_diagram or a page tool on unseen changes,
|
|
// when the model may still remember an older copy of the pages
|
|
const live = doc("a1", "b1")
|
|
expect(markPageSeen("", live, { page_id: "A" })).toBe("")
|
|
})
|
|
|
|
it("counts a one-page document as seen from its only page", () => {
|
|
const live = `<mxfile>${page("A", "a1")}</mxfile>`
|
|
expect(markPageSeen("", live, { page_id: "A" })).toBe(live)
|
|
})
|
|
})
|
|
|
|
describe("describeChanges", () => {
|
|
const BOX2 = `<mxCell id="box2" value="World" vertex="1" parent="1"><mxGeometry x="200" y="40" width="120" height="60" as="geometry"/></mxCell>`
|
|
const XML_A_PLUS_BOX2 = XML_A.replace("</root>", `${BOX2}</root>`)
|
|
const PAGE_2 = `<diagram id="p2" name="Page-2"><mxGraphModel><root><mxCell id="0"/><mxCell id="1" parent="0"/></root></mxGraphModel></diagram>`
|
|
const XML_A_TWO_PAGES = XML_A.replace("</mxfile>", `${PAGE_2}</mxfile>`)
|
|
|
|
it("names a moved cell with its label", () => {
|
|
const summary = describeChanges(XML_A, XML_B)
|
|
expect(summary).toBe(
|
|
'Since you last saw it, the user changed the diagram: modified box1 ("Hello").',
|
|
)
|
|
expect(summary).toContain("modified box1")
|
|
})
|
|
|
|
it("names a deleted cell", () => {
|
|
expect(describeChanges(XML_A_PLUS_BOX2, XML_A)).toContain(
|
|
'removed box2 ("World")',
|
|
)
|
|
})
|
|
|
|
it("names an added cell", () => {
|
|
expect(describeChanges(XML_A, XML_A_PLUS_BOX2)).toContain(
|
|
'added box2 ("World")',
|
|
)
|
|
})
|
|
|
|
it("is empty for draw.io's re-serialisation of the same content", () => {
|
|
expect(describeChanges(XML_A, XML_A_RESERIALIZED)).toBe("")
|
|
})
|
|
|
|
it("is empty when the model has seen nothing yet", () => {
|
|
expect(describeChanges("", XML_B)).toBe("")
|
|
})
|
|
|
|
it("is empty when one side does not parse", () => {
|
|
expect(describeChanges(XML_A, "not xml at all")).toBe("")
|
|
})
|
|
|
|
it("reports a renamed page", () => {
|
|
const renamed = XML_A.replace('name="Page-1"', 'name="Renamed"')
|
|
expect(describeChanges(XML_A, renamed)).toBe(
|
|
'Since you last saw it, the user changed the diagram. Page 1 renamed to "Renamed".',
|
|
)
|
|
})
|
|
|
|
// A bare <mxGraphModel> push carries no page name, so the invented
|
|
// "Page-1" must not read as a rename
|
|
it("never reports a rename against a bare mxGraphModel", () => {
|
|
const seenRenamed = XML_A.replace('name="Page-1"', 'name="Arch"')
|
|
expect(describeChanges(seenRenamed, XML_A_BARE)).toBe("")
|
|
const bareMoved = XML_A_BARE.replace('x="40" y="40"', 'x="300" y="200"')
|
|
const summary = describeChanges(seenRenamed, bareMoved)
|
|
expect(summary).toContain("modified box1")
|
|
expect(summary).not.toContain("renamed")
|
|
})
|
|
|
|
it("strips HTML from labels and reads UserObject labels", () => {
|
|
const html = XML_A.replace(
|
|
'value="Hello"',
|
|
'value="<b>Hello</b>"',
|
|
)
|
|
expect(describeChanges(XML_A, html)).toContain(
|
|
'modified box1 ("Hello")',
|
|
)
|
|
const userObject = XML_A.replace(
|
|
"</root>",
|
|
`<UserObject id="u1" label="<i>Link</i>" link="https://x.y"><mxCell style="rounded=1;" vertex="1" parent="1"><mxGeometry x="0" y="0" width="80" height="40" as="geometry"/></mxCell></UserObject></root>`,
|
|
)
|
|
expect(describeChanges(XML_A, userObject)).toContain(
|
|
'added u1 ("Link")',
|
|
)
|
|
})
|
|
|
|
it("keeps the words of an HTML label apart and decodes its spaces", () => {
|
|
const lines = XML_A.replace(
|
|
'value="Hello"',
|
|
'value="Line1<br>Line2&nbsp;end &amp; more"',
|
|
)
|
|
expect(describeChanges(XML_A, lines)).toContain(
|
|
'modified box1 ("Line1 Line2 end & more")',
|
|
)
|
|
})
|
|
|
|
it("cuts long labels at 30 characters", () => {
|
|
const long = "a".repeat(40)
|
|
const summary = describeChanges(
|
|
XML_A,
|
|
XML_A.replace('value="Hello"', `value="${long}"`),
|
|
)
|
|
expect(summary).toContain(`("${"a".repeat(30)}...")`)
|
|
})
|
|
|
|
it("lists at most 20 cells and counts the rest", () => {
|
|
const many = Array.from(
|
|
{ length: 25 },
|
|
(_, i) => `<mxCell id="n${i}" vertex="1" parent="1"/>`,
|
|
).join("")
|
|
const summary = describeChanges(
|
|
XML_A,
|
|
XML_A.replace("</root>", `${many}</root>`),
|
|
)
|
|
expect(summary).toContain("added n0, n1,")
|
|
expect(summary).toContain("n19 and 5 more.")
|
|
expect(summary).not.toContain("n20")
|
|
})
|
|
|
|
it("reports added and removed pages", () => {
|
|
expect(describeChanges(XML_A, XML_A_TWO_PAGES)).toBe(
|
|
"Since you last saw it, the user changed the diagram: page 2 added.",
|
|
)
|
|
expect(describeChanges(XML_A_TWO_PAGES, XML_A)).toBe(
|
|
"Since you last saw it, the user changed the diagram: page 2 removed.",
|
|
)
|
|
})
|
|
|
|
it("names the page of a cell change in a multi-page document", () => {
|
|
const movedOnPage1 = XML_A_TWO_PAGES.replace(
|
|
'x="40" y="40"',
|
|
'x="300" y="200"',
|
|
)
|
|
expect(describeChanges(XML_A_TWO_PAGES, movedOnPage1)).toContain(
|
|
'page 1 modified box1 ("Hello")',
|
|
)
|
|
})
|
|
|
|
it("falls back to a generic clause when only the cell order changed", () => {
|
|
const reordered = XML_A_PLUS_BOX2.replace(BOX2, "").replace(
|
|
'<mxCell id="box1"',
|
|
`${BOX2}<mxCell id="box1"`,
|
|
)
|
|
expect(describeChanges(XML_A_PLUS_BOX2, reordered)).toBe(
|
|
"Since you last saw it, the user changed the diagram: the order of the cells changed.",
|
|
)
|
|
})
|
|
})
|