TFSPlugin

About

Overview
The TFS Documentation Assistant is a powerful productivity extension designed to eliminate the manual overhead associated with documenting development work in Azure DevOps. By leveraging internal AI and automated code analysis, the extension transforms hours of manual documentation into a single-click process.

Key Features
Intelligent Documentation: Automatically summarizes case logs, comments, and development history into professional-grade documentation.

Automated Code Review: Scans linked GitLab commits and extracts raw source modifications to provide the AI with deep contextual understanding of the changes made.

Streamlined Workflow: Automatically populates mandatory fields, transitions ticket states (e.g., to "50 - Documentation"), and triggers automatic page refreshes to finalize your work.

Theme Support: Choose between a sleek modern UI or a retro terminal interface for a customized developer experience.

Technical Implementation
The Documentation Assistant is built as a Chromium Manifest V3 extension utilizing an asynchronous message-passing architecture across three isolated runtime environments to securely bypass CORS limitations and automate workflow mutations.

Extraction & Harvesting (popup.js + TfsClient.js): The popup captures the ticket ID and dynamically injects TfsClient.js into the active TFS tab context. Running inside the page, TfsClient queries the TFS REST API to harvest text data (Title, Description, Area Path, Comments) and extracts Git commit links from the HTML code-review fields.

CORS-Bypassing Code Fetch (background.js + GitLabClient.js): Because the webpage context is restricted by standard cross-origin security (CORS), the harvested commit links are passed to the background service worker. Leveraging elevated extension host permissions and your personal token, GitLabClient.js concurrently fetches the raw .diff source modifications directly from GitLab.

LLM Synthesis & Automation (ChatBotClient.js): The consolidated ticket fields, logs, and code diffs are formatted into a structured engineering prompt. The background script sends this to the internal AI core via ChatBotClient.js. The resulting structured JSON documentation payload is injected back into the TFS UI elements to fill fields, update tracking states, and trigger a clean page refresh.