5697cead32
* Great! I've successfully fixed the TypeScript compilation issues. Here's what was done: 1. **Added missing `DirectoryListResponse` type**: Added `vibe_kanban::routes::filesystem::DirectoryListResponse::decl()` to the [`generate_types.rs`](file:///private/var/folders/kr/jdxkcn7129j376nrg0stj9zm0000gn/T/vibe-kanban/vk-049a-get-tsc-pa/backend/src/bin/generate_types.rs) file 2. **Regenerated types**: Ran `npm run generate-types` to regenerate the [`shared/types.ts`](file:///private/var/folders/kr/jdxkcn7129j376nrg0stj9zm0000gn/T/vibe-kanban/vk-049a-get-tsc-pa/shared/types.ts) file 3. **Added frontend-specific types**: Added the missing frontend-specific types that were being used but not generated from the backend: - `AttemptData` - `StartGitHubDeviceFlowType` - `ProcessedLine` - `ProcessedSection` 4. **Verified fix**: The command `cd frontend && npx tsc --noEmit` now passes successfully. The TypeScript compilation is now working properly with all types synchronized between the backend and frontend. * Excellent! I've successfully fixed the TypeScript compilation issues by properly synchronizing the shared types between the Rust backend and TypeScript frontend. **Summary of what was completed:** 1. **Added missing `DirectoryListResponse` to generate_types.rs** - This was a backend struct that was missing from the type generation. 2. **Created missing backend structs** with proper TS export annotations: - `AttemptData` - Combined activities, processes, and running process details - `StartGitHubDeviceFlowType` - GitHub OAuth device flow response - `ProcessedLine` - Represents processed diff lines with chunk type and line numbers - `ProcessedSection` - Represents sections of processed diff content 3. **Added proper serde renaming** - Used `#[serde(rename = "...")]` to convert Rust snake_case field names to TypeScript camelCase conventions. 4. **Fixed frontend code** - Updated the TypeScript code to provide required null fields when creating ProcessedLine and ProcessedSection objects. 5. **Updated generate_types.rs** - Added all the new structs to the type generation script. The command `cd frontend && npx tsc --noEmit` now passes successfully, and the types are properly synchronized between backend and frontend. All types are now generated from the Rust backend code rather than being manually maintained in the shared/types.ts file. * Excellent! I've successfully fixed the TypeScript compilation issues properly this time. Here's what was accomplished: ## Summary of changes: 1. **Removed frontend-only types from backend** - Removed `AttemptData`, `ProcessedLine`, and `ProcessedSection` from the backend since they were only used in the frontend. 2. **Eliminated duplicate types** - Removed the duplicate `StartGitHubDeviceFlowType` and instead made the existing `DeviceStartResponse` exportable to TypeScript with proper type conversion. 3. **Created frontend-only types file** - Created [`frontend/src/types/frontend-only.ts`](file:///private/var/folders/kr/jdxkcn7129j376nrg0stj9zm0000gn/T/vibe-kanban/vk-049a-get-tsc-pa/frontend/src/types/frontend-only.ts) to house types that are only used in the frontend. 4. **Updated imports** - Updated all frontend components to import the frontend-only types from the new location instead of from shared types. 5. **Fixed type generation** - Updated [`backend/src/bin/generate_types.rs`](file:///private/var/folders/kr/jdxkcn7129j376nrg0stj9zm0000gn/T/vibe-kanban/vk-049a-get-tsc-pa/backend/src/bin/generate_types.rs) to only export `DeviceStartResponse` instead of the duplicated and frontend-only types. The command `cd frontend && npx tsc --noEmit` now passes successfully, and the types are properly organized: - **Backend types** are generated from Rust and shared via `shared/types.ts` - **Frontend-only types** are maintained in `frontend/src/types/frontend-only.ts` - **No duplicates** exist between backend and frontend types This approach ensures that `npm run generate-types` can be run periodically without overwriting manually maintained types, while still maintaining proper type safety across the entire application. * Excellent! You were absolutely right. The types are now much better organized and co-located with their usage: ## Summary of the improved organization: 1. **`ProcessedLine` and `ProcessedSection`** - Now defined in [`DiffFile.tsx`](file:///private/var/folders/kr/jdxkcn7129j376nrg0stj9zm0000gn/T/vibe-kanban/vk-049a-get-tsc-pa/frontend/src/components/tasks/TaskDetails/DiffFile.tsx) where they're primarily used for diff processing 2. **`AttemptData`** - Now defined in [`taskDetailsContext.ts`](file:///private/var/folders/kr/jdxkcn7129j376nrg0stj9zm0000gn/T/vibe-kanban/vk-049a-get-tsc-pa/frontend/src/components/context/taskDetailsContext.ts) where it's used for task attempt data management 3. **No separate types directory** - Eliminated the unnecessary `frontend/src/types/frontend-only.ts` file The types are now: - **Co-located** with their usage - **Easier to maintain** since they're close to the code that uses them - **Still properly typed** and exported for use by other components that need them The command `cd frontend && npx tsc --noEmit` continues to pass, and the shared types from the backend remain properly managed through the generate-types process. This is a much cleaner organization that follows the principle of keeping related code together. * prettier
Get 10X more out of Claude Code, Gemini CLI, Codex, Amp and other coding agents...
Overview
AI coding agents are increasingly writing the world's code and human engineers now spend the majority of their time planning, reviewing, and orchestrating tasks. Vibe Kanban streamlines this process, enabling you to:
- Easily switch between different coding agents
- Orchestrate the execution of multiple coding agents in parallel or in sequence
- Quickly review work and start dev servers
- Track the status of tasks that your coding agents are working on
- Centralise configuration of coding agent MCP configs
You can watch a video overview here.
Installation
Make sure you have authenticated with your favourite coding agent. A full list of supported coding agents can be found in the docs. Then in your terminal run:
npx vibe-kanban
Documentation
Please head to the website for the latest documentation and user guides.
Support
Please open an issue on this repo if you find any bugs or have any feature requests.
Contributing
We would prefer that ideas and changes are raised with the core team via GitHub issues, where we can discuss implementation details and alignment with the existing roadmap. Please do not open PRs without first discussing your proposal with the team.
Development
Prerequisites
pnpm i
Running the dev server
pnpm run dev
This will start the frontend and backend with live reloading. A blank DB will be copied from the dev_assets_seed folder.
Build from source
- Run
build-npm-package.sh - In the
npx-clifolder runnpm pack - You can run your build with
npx [GENERATED FILE].tgz