dorfteich/apps/web/package.json
Claude Opus 4.8 63fe6af6b0
All checks were successful
CD / Build and push images (push) Successful in 2m54s
CI / Lint, typecheck, test (push) Successful in 1m58s
CI / Auth e2e pack (push) Successful in 2m10s
CI / Build container images (push) Has been skipped
CD / Deploy to Test (push) Successful in 9s
CD / Smoke tests against Test (push) Successful in 1m15s
CD / Promote to Int (push) Successful in 11s
Add remote cursors and a presence strip (#37)
Seeing other participants live (ADR 0003/0004, realtime-collaboration.md
§Awareness):

- The collaboration-caret extension renders remote carets and selections
  with a name flag and a per-user colour. Colours come from a small,
  hand-picked palette hashed by user id (FNV-1a), so they are stable across
  sessions; a unit test asserts each palette colour clears WCAG AA contrast
  (4.5:1) against the white label text.
- A presence strip at the top of the page shows an avatar (initials) per
  connected participant, deduplicated by user id, with an overflow count.
  Read-only participants appear in the strip (with a marker) but broadcast
  no caret — the caret render suppresses read-only users — so the same
  awareness feed drives both cursors and presence. Own identity (id +
  display name) comes from the auth context into the awareness `user` field.
- Presence updates on every awareness change, so a disconnect drops the
  participant within seconds.

The collab e2e pack gains a test: two browsers see each other in the
presence strip, one participant's named caret appears in the other's editor,
and disconnecting removes them. Validated locally against the full stack.
de + en strings and cursor/presence styles added.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PGdhRiwU1WRL4XxJfZYipY
2026-07-08 18:22:41 +02:00

52 lines
1.4 KiB
JSON

{
"name": "@dorfteich/web",
"version": "0.0.0",
"private": true,
"description": "Dorfteich single-page application",
"license": "MIT",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview",
"typecheck": "tsc --noEmit",
"test": "vitest run --passWithNoTests",
"e2e": "playwright test"
},
"dependencies": {
"@dorfteich/shared": "workspace:*",
"@hocuspocus/provider": "^4.3.0",
"@hookform/resolvers": "^5.4.0",
"@tanstack/react-query": "^5.66.0",
"@tiptap/core": "^3.27.1",
"@tiptap/extension-bubble-menu": "^3.27.1",
"@tiptap/extension-collaboration": "^3.27.1",
"@tiptap/extension-collaboration-caret": "^3.27.1",
"@tiptap/pm": "^3.27.1",
"@tiptap/react": "^3.27.1",
"i18next": "^26.3.4",
"i18next-browser-languagedetector": "^8.2.1",
"prosemirror-model": "^1.25.9",
"prosemirror-schema-list": "^1.5.0",
"prosemirror-tables": "^1.8.5",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-hook-form": "^7.80.0",
"react-i18next": "^17.0.8",
"react-router-dom": "^7.1.0",
"yjs": "^13.6.31",
"zod": "^4.4.3"
},
"devDependencies": {
"@playwright/test": "^1.61.1",
"@types/react": "^19.0.0",
"@types/react-dom": "^19.0.0",
"@vitejs/plugin-react": "^4.3.0",
"jsdom": "^26.0.0",
"typescript": "^5.7.0",
"vite": "^6.1.0",
"vitest": "^3.0.0",
"y-prosemirror": "^1.3.7"
}
}