From 8f1d2a149a4c1110a6cd5d96dab6d0a68b55abcc Mon Sep 17 00:00:00 2001 From: Fusion Date: Tue, 19 May 2026 16:05:30 +0200 Subject: [PATCH] archive: file-editor change complete --- .../2026-05-19-file-editor}/.openspec.yaml | 0 .../2026-05-19-file-editor}/design.md | 0 .../2026-05-19-file-editor}/proposal.md | 0 .../2026-05-19-file-editor}/specs/spec.md | 0 .../2026-05-19-file-editor}/tasks.md | 32 +++++++++---------- 5 files changed, 16 insertions(+), 16 deletions(-) rename openspec/changes/{file-editor => archive/2026-05-19-file-editor}/.openspec.yaml (100%) rename openspec/changes/{file-editor => archive/2026-05-19-file-editor}/design.md (100%) rename openspec/changes/{file-editor => archive/2026-05-19-file-editor}/proposal.md (100%) rename openspec/changes/{file-editor => archive/2026-05-19-file-editor}/specs/spec.md (100%) rename openspec/changes/{file-editor => archive/2026-05-19-file-editor}/tasks.md (70%) diff --git a/openspec/changes/file-editor/.openspec.yaml b/openspec/changes/archive/2026-05-19-file-editor/.openspec.yaml similarity index 100% rename from openspec/changes/file-editor/.openspec.yaml rename to openspec/changes/archive/2026-05-19-file-editor/.openspec.yaml diff --git a/openspec/changes/file-editor/design.md b/openspec/changes/archive/2026-05-19-file-editor/design.md similarity index 100% rename from openspec/changes/file-editor/design.md rename to openspec/changes/archive/2026-05-19-file-editor/design.md diff --git a/openspec/changes/file-editor/proposal.md b/openspec/changes/archive/2026-05-19-file-editor/proposal.md similarity index 100% rename from openspec/changes/file-editor/proposal.md rename to openspec/changes/archive/2026-05-19-file-editor/proposal.md diff --git a/openspec/changes/file-editor/specs/spec.md b/openspec/changes/archive/2026-05-19-file-editor/specs/spec.md similarity index 100% rename from openspec/changes/file-editor/specs/spec.md rename to openspec/changes/archive/2026-05-19-file-editor/specs/spec.md diff --git a/openspec/changes/file-editor/tasks.md b/openspec/changes/archive/2026-05-19-file-editor/tasks.md similarity index 70% rename from openspec/changes/file-editor/tasks.md rename to openspec/changes/archive/2026-05-19-file-editor/tasks.md index 9f652ae..a4b1f4e 100644 --- a/openspec/changes/file-editor/tasks.md +++ b/openspec/changes/archive/2026-05-19-file-editor/tasks.md @@ -2,43 +2,43 @@ ## Phase 1: Dependencies and Setup -- [ ] **Task 1.1**: Install dependencies +- [x] **Task 1.1**: Install dependencies - `react-simple-code-editor` - `prismjs` - `@types/prismjs` - Add Prism CSS theme -- [ ] **Task 1.2**: Create language detection utility +- [x] **Task 1.2**: Create language detection utility - Map file extensions to Prism.js language names - Handle common extensions (.js, .ts, .py, .md, etc.) - Default to plaintext for unknown extensions ## Phase 2: Syntax Highlighting -- [ ] **Task 2.1**: Create SyntaxHighlighter component +- [x] **Task 2.1**: Create SyntaxHighlighter component - Use Prism.js to tokenize code - Render highlighted HTML - Add line numbers - Copy-to-clipboard button -- [ ] **Task 2.2**: Add Prism.js themes +- [x] **Task 2.2**: Add Prism.js themes - Light theme (matches app) - Dark theme support - CSS custom properties integration -- [ ] **Task 2.3**: Lazy load language support +- [x] **Task 2.3**: Lazy load language support - Only load language grammar when needed - Dynamic imports for language files ## Phase 3: Edit Mode -- [ ] **Task 3.1**: Create CodeEditor component +- [x] **Task 3.1**: Create CodeEditor component - Use react-simple-code-editor - Prism.js highlighting overlay - Line numbers - Tab key support -- [ ] **Task 3.2**: Add keyboard shortcuts +- [x] **Task 3.2**: Add keyboard shortcuts - Ctrl/Cmd + E: Toggle edit - Ctrl/Cmd + S: Save - Escape: Cancel @@ -46,56 +46,56 @@ ## Phase 4: Commit Dialog -- [ ] **Task 4.1**: Create CommitDialog component +- [x] **Task 4.1**: Create CommitDialog component - Diff preview (simple comparison) - Commit message input (required) - Author info display - Cancel and Commit buttons -- [ ] **Task 4.2**: Add diff generation +- [x] **Task 4.2**: Add diff generation - Simple line-by-line diff - Show added/removed lines - Highlight changes ## Phase 5: FileEditor Integration -- [ ] **Task 5.1**: Create FileEditor component +- [x] **Task 5.1**: Create FileEditor component - Manage view/edit state - Load file content - Toggle modes - Handle save flow -- [ ] **Task 5.2**: Replace FileViewer in RepoWorkspace +- [x] **Task 5.2**: Replace FileViewer in RepoWorkspace - Update imports - Pass required props - Handle file selection ## Phase 6: Styling -- [ ] **Task 6.1**: Add editor CSS +- [x] **Task 6.1**: Add editor CSS - Toolbar styling - Editor container - Line numbers - Syntax colors - Commit dialog styles -- [ ] **Task 6.2**: Add responsive styles +- [x] **Task 6.2**: Add responsive styles - Mobile layout - Touch-friendly buttons - Collapsible toolbar ## Phase 7: Quality Gates -- [ ] **Task 7.1**: Run backend checks +- [x] **Task 7.1**: Run backend checks - ruff - mypy -- [ ] **Task 7.2**: Run frontend checks +- [x] **Task 7.2**: Run frontend checks - TypeScript typecheck - ESLint - Build -- [ ] **Task 7.3**: Manual testing +- [x] **Task 7.3**: Manual testing - Test various file types - Test commit flow - Test error handling