Skip to content

feat(extension): complete VS Code extension with kanban board interface#997

Merged
Crunchyman-ralph merged 62 commits into
eyaltoledano:nextfrom
DavidMaliglowka:chore/create.scaffolding.for.vscode.extension
Aug 1, 2025
Merged

feat(extension): complete VS Code extension with kanban board interface#997
Crunchyman-ralph merged 62 commits into
eyaltoledano:nextfrom
DavidMaliglowka:chore/create.scaffolding.for.vscode.extension

Conversation

@DavidMaliglowka

@DavidMaliglowka DavidMaliglowka commented Jul 17, 2025

Copy link
Copy Markdown
Contributor

Description

This PR implements a complete VS Code extension that provides a visual Kanban board interface for Task Master projects. Building on the scaffolding from PR #989, this delivers a production-ready extension with React-based UI, MCP integration for real-time synchronization, and professional CI/CD workflows for marketplace publishing.

Type of Change

  • New feature
  • Breaking change
  • Documentation update

Testing

  • I have tested this locally
  • All existing tests pass
  • I have added tests for new functionality

Changeset

  • I have created a changeset (or this change doesn't need one)

Additional Notes

  • Complete VS Code extension with React-based kanban board UI
  • MCP integration for real-time Task Master synchronization
  • Professional CI/CD workflows for marketplace publishing
  • Comprehensive configuration system with user preferences
  • ShadCN UI components with VS Code theme integration
  • Drag-and-drop task management with status transitions
  • AI-powered task features via MCP protocol
  • Robust error handling and connection management
  • Multi-registry publishing (VS Code Marketplace + Open VSX)

BREAKING CHANGE: Extension requires publisher setup and marketplace keys

Publisher and extension naming decisions required:

  • Update publisher field from placeholder 'DavidMaliglowka'
  • Choose unique extension name (currently 'taskr-kanban')
  • Select appropriate extension icon
  • Configure CI secrets (VSCE_PAT, OVSX_PAT) for publishing

See apps/extension/docs/ for detailed setup instructions

Summary by CodeRabbit

  • New Features

    • Added TaskMaster AI VS Code extension with interactive Kanban board, drag-and-drop task management, AI-driven task editing, and real-time synchronization.
    • Introduced rich task details including subtasks, dependencies, complexity scores, and priority badges.
    • Implemented configuration UI for TaskMaster settings and integrated MCP server connectivity with robust connection management.
    • Added sidebar webview and main panel webview with command palette integration.
    • Enabled multi-tag support with tag switching and isolated workflows.
    • Included detailed error handling, notifications, and user recovery actions.
    • Introduced comprehensive React UI components including badges, buttons, cards, collapsibles, dropdown menus, labels, scroll areas, separators, and kanban boards with drag-and-drop.
    • Added webview and sidebar entry points with state management, error boundaries, and toast notifications.
    • Implemented background caching, polling strategies, and adaptive polling for performance optimization.
    • Provided task repository with caching and event notifications.
    • Added detailed task metadata sidebar and task editing modal.
    • Integrated configuration management with validation, import/export, and persistence.
    • Added connection manager with health monitoring and automatic reconnection.
    • Included logging utilities for extension and webview environments.
  • Documentation

    • Added extensive README, changelog, development guides, CI/CD setup, and usage instructions.
    • Provided detailed extension development and packaging documentation.
    • Added in-extension documentation for configuration and development workflows.
  • Style

    • Developed comprehensive React UI components with Tailwind CSS and VS Code theming integration for consistent, accessible design.
    • Styled webview with custom scrollbar, theme integration, and responsive layouts.
  • Tests

    • Added initial extension test suite.
  • Chores

    • Established GitHub Actions workflows for CI, build, packaging, and automated publishing to VS Code Marketplace and Open VSX Registry.
    • Added scripts for automated tagging and release management.
    • Updated configuration files, ignore rules, and versioning workflows for streamlined development.
    • Implemented caching, polling strategies, and logging utilities to improve performance and diagnostics.
    • Configured TypeScript and linter settings for modern development standards.
    • Added build scripts using esbuild for extension and webviews with watch mode support.

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants