mirror of
https://github.com/tiennm99/goclaw.git
synced 2026-07-26 10:19:11 +00:00
viettranx
7096a8e02c
User report: hook detail page ugly, script not syntax-highlighted, edit
dialog crashes silently with no toast.
- Replace react-simple-code-editor (React 19 compat issues — likely cause
of the silent edit-dialog crash) with a native textarea + <pre> overlay.
Same UX: caret over highlighted source, scroll-synced. Drops the dep
entirely and removes a render-path black box. Bundle size went DOWN
(62 KB → was 65 KB before Phase 06; net ~+1 KB for Prism core).
- Import prismjs/themes/prism-tomorrow.css so token colors actually show.
Editor surface uses #2d2d2d to match the Tomorrow theme palette.
- Harden HookFormDialog reset against null `initial.config` — previous
cast threw when the row was inserted with no config payload.
- Redesign HookOverviewTab:
- Header card with event/handler/scope chips + status pill
- Metadata grid (timeout/on_timeout/priority/source/version/timestamps)
- Handler-specific cards: script source rendered via the read-only
ScriptEditor (full Prism highlight), HTTP shows url/method/body,
prompt shows template + model. No more raw JSON dump.
- Extract HttpConfigCard / PromptConfigCard subcomponents to keep
types narrow at the unknown→string boundary.
- ErrorBoundary now toast.error()s when it catches — user sees the
failure visually instead of just the generic fallback card. Full stack
still logs to console for devs.
89 lines
2.5 KiB
JSON
89 lines
2.5 KiB
JSON
{
|
|
"name": "goclaw-web",
|
|
"private": true,
|
|
"version": "0.1.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "tsc -b && vite build",
|
|
"preview": "vite preview",
|
|
"lint": "eslint .",
|
|
"lint:fix": "eslint . --fix",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest",
|
|
"test:ui": "vitest --ui"
|
|
},
|
|
"dependencies": {
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@hookform/resolvers": "^5.2.2",
|
|
"@sigma/edge-curve": "^3.1.0",
|
|
"@tailwindcss/typography": "^0.5.19",
|
|
"@tanstack/react-query": "^5.95.2",
|
|
"@tanstack/react-table": "^8.21.3",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"date-fns": "^4.1.0",
|
|
"framer-motion": "^12.38.0",
|
|
"graphology": "^0.26.0",
|
|
"graphology-communities-louvain": "^2.0.2",
|
|
"graphology-layout": "^0.6.1",
|
|
"graphology-layout-forceatlas2": "^0.10.1",
|
|
"graphology-layout-noverlap": "^0.4.2",
|
|
"graphology-types": "^0.24.8",
|
|
"highlight.js": "^11.11.1",
|
|
"i18next": "^26.0.1",
|
|
"jszip": "^3.10.1",
|
|
"lucide-react": "^1.7.0",
|
|
"mermaid": "^11.14.0",
|
|
"prismjs": "^1.30.0",
|
|
"radix-ui": "^1.4.3",
|
|
"react": "^19.2.4",
|
|
"react-dom": "^19.2.4",
|
|
"react-hook-form": "^7.72.1",
|
|
"react-i18next": "^17.0.1",
|
|
"react-markdown": "^10.1.0",
|
|
"react-router": "^7.13.2",
|
|
"recharts": "^3.8.1",
|
|
"rehype-highlight": "^7.0.2",
|
|
"rehype-katex": "^7.0.1",
|
|
"remark-gfm": "^4.0.1",
|
|
"remark-math": "^6.0.0",
|
|
"sigma": "^3.0.2",
|
|
"tailwind-merge": "^3.5.0",
|
|
"unist-util-visit": "^5.1.0",
|
|
"zod": "^4.3.6",
|
|
"zustand": "^5.0.12"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^10.0.1",
|
|
"@tailwindcss/vite": "^4.2.2",
|
|
"@types/mdast": "^4.0.4",
|
|
"@types/prismjs": "^1.26.6",
|
|
"@types/react": "^19.2.14",
|
|
"@types/react-dom": "^19.2.3",
|
|
"@types/ws": "^8.18.1",
|
|
"@vitejs/plugin-react": "^6.0.1",
|
|
"@vitest/ui": "^4.1.4",
|
|
"eslint": "^10.2.0",
|
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
"eslint-plugin-react-refresh": "^0.5.2",
|
|
"globals": "^17.5.0",
|
|
"jsdom": "^29.0.2",
|
|
"tailwindcss": "^4.2.2",
|
|
"typescript": "^6.0.2",
|
|
"typescript-eslint": "^8.58.1",
|
|
"unified": "^11.0.5",
|
|
"vite": "^8.0.8",
|
|
"vitest": "^4.1.4",
|
|
"ws": "^8.20.0"
|
|
},
|
|
"packageManager": "pnpm@10.30.1+sha512.3590e550d5384caa39bd5c7c739f72270234b2f6059e13018f975c313b1eb9fefcc09714048765d4d9efe961382c312e624572c0420762bdc5d5940cdf9be73a",
|
|
"pnpm": {
|
|
"overrides": {
|
|
"prismjs": "^1.30.0"
|
|
}
|
|
}
|
|
}
|