Extension - Frontend

Extension

🎯 Core Framework

• TypeScript – Ensures a type-safe and scalable codebase.

• VS Code Extension API – Enables seamless integration with VS Code.

📦 Testing & Debugging

• @vscode/test-cli – CLI tool for testing VS Code extensions.

• @vscode/test-electron – Runs tests in a VS Code Electron environment.

Frontend (Webview)

🎯 Core Framework

• React 18 – A modern UI library for building interactive web components.

• React DOM – Manages the rendering of React components in the browser.

• React Router DOM – Provides client-side navigation for seamless user experience.

• TypeScript – Ensures type safety and maintainability in the codebase.

⚡ Build & Development

• Vite – A fast and efficient build tool optimized for modern frontend development.

🎨 Styling

• Tailwind CSS – A utility-first CSS framework for rapid UI development.

• PostCSS – Enables CSS transformations and optimizations.

• Autoprefixer – Automatically adds vendor prefixes for better browser support.

🔌 VS Code-Specific Dependencies

• @estruyf/vscode – Utility library for working with VS Code extensions