catlog22/Claude-Code-Workflow
1
0
Fork 0
mirror of https://github.com/catlog22/Claude-Code-Workflow.git synced 2026-02-15 02:42:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: remove old vanilla JS/CSS frontend, make React SPA the sole entry for ccw view

Browse Source 
Remove the entire old template-based frontend (~106K lines) and make the React
SPA the only way to access the ccw dashboard via `ccw view`.

Key changes:
- Delete all old frontend files: dashboard-css/ (37 CSS), dashboard-js/ (59 JS),
  assets/, dashboard.html, and legacy HTML templates
- Delete dashboard-generator.ts and dashboard-generator-patch.ts
- Simplify server.ts: remove ~234 lines of old frontend code (template constants,
  MODULE_CSS_FILES/MODULE_FILES arrays, generateServerDashboard(), /assets/* serving)
- Rebase React frontend from /react/ to root / (vite.config.ts, react-frontend.ts)
- Add /react/* -> /* 301 redirect for backward compatibility
- Remove --frontend and --new CLI flags from view and serve commands
- Remove generateDashboard export from public API (index.ts)
- Simplify serve.ts and view.ts to always use React without conditional branching
- Update all affected tests (unit, e2e) for React-only architecture

BREAKING CHANGE: --frontend and --new CLI flags removed; generateDashboard export
removed from ccw package; /react/ base path changed to /
This commit is contained in:
catlog22
2026-02-13 17:26:03 +08:00
parent 31f37751fc
commit bcb736709f
136 changed files with 204 additions and 115952 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ccw/frontend/tests/e2e/sessions-crud.spec.ts
View File

@@ -15,7 +15,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to sessions page
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Look for sessions list container
const sessionsList = page.getByTestId('sessions-list').or(
@@ -49,7 +49,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to sessions page
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Look for create session button
const createButton = page.getByRole('button', { name: /create|new|add session/i }).or(
@@ -103,7 +103,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to sessions page
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Look for existing session
const sessionItems = page.getByTestId(/session-item|session-card/).or(
@@ -145,7 +145,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to sessions page
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Look for existing session
const sessionItems = page.getByTestId(/session-item|session-card/).or(
@@ -208,7 +208,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to sessions page
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Look for existing session
const sessionItems = page.getByTestId(/session-item|session-card/).or(
@@ -255,7 +255,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to sessions page
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Look for existing session
const sessionItems = page.getByTestId(/session-item|session-card/).or(
@@ -302,7 +302,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to sessions page
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Get initial session count
const sessionItems = page.getByTestId(/session-item|session-card/).or(
@@ -353,7 +353,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
});
// Navigate to sessions page to trigger API call
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Look for error indicator - SessionsPage shows "Failed to load data"
const errorIndicator = page.getByText(/Failed to load data|failed|加载失败/i).or(
@@ -379,7 +379,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to sessions page
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Get language switcher
const languageSwitcher = page.getByRole('combobox', { name: /select language|language/i }).first();
@@ -411,7 +411,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to sessions page
await page.goto('/react/sessions', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions', { waitUntil: 'domcontentloaded' as const });
// Look for existing session
const sessionItems = page.getByTestId(/session-item|session-card/).or(
@@ -566,7 +566,7 @@ test.describe('[Sessions CRUD] - Session Management Tests', () => {
});
// Navigate to a non-existent session
await page.goto('/react/sessions/nonexistent-session-id', { waitUntil: 'domcontentloaded' as const });
await page.goto('/sessions/nonexistent-session-id', { waitUntil: 'domcontentloaded' as const });
// Wait for error to appear
await page.waitForTimeout(1000);