claude code agent 227
f13105333a
The suggestion block (#315) struck the whole `selection` red and showed the whole `suggestedText` green, so a one-letter edit (заведем→заведём) highlighted the entire line. Now only the CHANGED fragments are emphasized intraline, git-style. Pure, render-only — nothing changes in the DB/backend/MCP/IComment/mutations/ Apply/Badge. New pure `computeSuggestionDiff(old, new) => { old: Segment[], new: Segment[] }` (Segment = {text, changed}) in suggestion.ts: hybrid word+char — `diffWordsWithSpace` for the word skeleton, then `diffChars` inside an adjacent removed+added pair so only the differing letters (not the whole word) are flagged; a lone insertion/deletion is wholly changed; equal parts are common on both sides. Concatenating each side reproduces the input (lossless). Wrapped in `useMemo` on [selection, suggestedText]. comment-list-item.tsx renders per-segment spans instead of two whole <Text>; changed segments get `.suggestionChanged` (a stronger currentColor tint + bold, NO text-decoration so the old block's inherited line-through survives on the changed letters — the whole old line still reads removed, new as added). `diff@8.0.3` (jsdiff, already in the root package.json) added to apps/client/package.json (+ lockfile, additive) so the workspace resolves it; it bundles its own types. Tests: new suggestion.test.ts (one-letter ё/е; word replacement keeping the shared word common with no per-letter noise; word insertion/deletion; identical) — asserts segment text + changed flags, non-vacuous. Two pre-existing comment-list-item.test assertions switched from getByText (a single text node) to container.textContent (the new line is now multiple spans) — adapts to the intended DOM change, not a weakening. Verified: tsc --noEmit clean; client vitest 892 passed | 1 expected-fail. Visual/pixel check of the tint at the 390px comment panel needs a human (no screenshot tooling in-repo). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
102 lines
3.1 KiB
JSON
102 lines
3.1 KiB
JSON
{
|
|
"name": "client",
|
|
"private": true,
|
|
"version": "0.94.1",
|
|
"scripts": {
|
|
"dev": "node scripts/copy-vad-assets.mjs && vite",
|
|
"build": "node scripts/copy-vad-assets.mjs && tsc && vite build",
|
|
"lint": "eslint .",
|
|
"preview": "vite preview",
|
|
"format": "prettier --write \"src/**/*.tsx\" \"src/**/*.ts\"",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest"
|
|
},
|
|
"dependencies": {
|
|
"@ai-sdk/react": "^3.0.208",
|
|
"@atlaskit/pragmatic-drag-and-drop": "1.8.1",
|
|
"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "2.1.5",
|
|
"@atlaskit/pragmatic-drag-and-drop-flourish": "2.0.15",
|
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
|
|
"@atlaskit/pragmatic-drag-and-drop-live-region": "1.3.4",
|
|
"@casl/react": "5.0.1",
|
|
"@docmost/editor-ext": "workspace:*",
|
|
"@excalidraw/excalidraw": "0.18.0-3a5ef40",
|
|
"@mantine/core": "8.3.18",
|
|
"@mantine/dates": "8.3.18",
|
|
"@mantine/form": "8.3.18",
|
|
"@mantine/hooks": "8.3.18",
|
|
"@mantine/modals": "8.3.18",
|
|
"@mantine/notifications": "8.3.18",
|
|
"@mantine/spotlight": "8.3.18",
|
|
"@ricky0123/vad-web": "^0.0.30",
|
|
"@slidoapp/emoji-mart": "5.8.7",
|
|
"@slidoapp/emoji-mart-data": "1.2.4",
|
|
"@slidoapp/emoji-mart-react": "1.1.5",
|
|
"@tabler/icons-react": "3.40.0",
|
|
"@tanstack/react-query": "5.90.17",
|
|
"@tanstack/react-virtual": "3.13.24",
|
|
"ai": "6.0.207",
|
|
"alfaaz": "1.1.0",
|
|
"axios": "1.16.0",
|
|
"blueimp-load-image": "5.16.0",
|
|
"clsx": "2.1.1",
|
|
"diff": "8.0.3",
|
|
"dompurify": "3.4.1",
|
|
"file-saver": "2.0.5",
|
|
"highlightjs-sap-abap": "0.3.0",
|
|
"i18next": "25.10.1",
|
|
"i18next-http-backend": "3.0.6",
|
|
"jotai": "2.18.1",
|
|
"jotai-optics": "0.4.0",
|
|
"js-cookie": "3.0.7",
|
|
"jwt-decode": "4.0.0",
|
|
"katex": "0.16.40",
|
|
"lowlight": "3.3.0",
|
|
"mantine-form-zod-resolver": "1.3.0",
|
|
"mermaid": "11.15.0",
|
|
"mitt": "3.0.1",
|
|
"onnxruntime-web": "^1.27.0",
|
|
"posthog-js": "1.372.2",
|
|
"react": "18.3.1",
|
|
"react-clear-modal": "^2.0.18",
|
|
"react-dom": "^18.3.1",
|
|
"react-drawio": "1.0.7",
|
|
"react-error-boundary": "6.1.1",
|
|
"react-helmet-async": "3.0.0",
|
|
"react-i18next": "16.5.8",
|
|
"react-router-dom": "7.13.1",
|
|
"semver": "7.7.4",
|
|
"socket.io-client": "4.8.3",
|
|
"zod": "4.3.6"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "9.28.0",
|
|
"@tanstack/eslint-plugin-query": "5.94.4",
|
|
"@testing-library/jest-dom": "6.6.0",
|
|
"@testing-library/react": "16.1.0",
|
|
"@types/blueimp-load-image": "5.16.6",
|
|
"@types/file-saver": "2.0.7",
|
|
"@types/js-cookie": "3.0.6",
|
|
"@types/katex": "0.16.8",
|
|
"@types/node": "22.19.1",
|
|
"@types/react": "18.3.12",
|
|
"@types/react-dom": "18.3.1",
|
|
"@vitejs/plugin-react": "6.0.1",
|
|
"eslint": "9.28.0",
|
|
"eslint-plugin-react": "7.37.5",
|
|
"eslint-plugin-react-hooks": "7.0.1",
|
|
"eslint-plugin-react-refresh": "0.5.2",
|
|
"globals": "15.13.0",
|
|
"jsdom": "25.0.0",
|
|
"optics-ts": "2.4.1",
|
|
"postcss": "8.5.14",
|
|
"postcss-preset-mantine": "1.18.0",
|
|
"postcss-simple-vars": "7.0.1",
|
|
"prettier": "3.8.1",
|
|
"typescript": "5.9.3",
|
|
"typescript-eslint": "8.57.1",
|
|
"vite": "8.0.5",
|
|
"vitest": "4.1.6"
|
|
}
|
|
}
|