Fetch Coder

AI Coding Assistant for VS Code & Cursor · v0.1.5

Build faster with AI directly inside your editor.
Generate code, explain bugs, create files, and ship without leaving VS Code.

Overview

Fetch Coder is an AI-powered coding assistant built for VS Code and Cursor using the ASI1 API.

It gives you a fast, clean sidebar chat so you can:

• Generate code
• Fix errors
• Explain functions
• Create project files
• Understand selected code
• Stream AI responses in real time
• Optionally use tool calling (workspace files) and web search (ASI1 API)

Instead of switching between tabs, websites, and separate tools, you can stay in the IDE.

Why this exists

Building with ASI1 should not mean juggling browser tabs and copy-pasted snippets. This extension keeps chat, tools, and web search in one place.

Who is this for?

• Developers who want ASI1 inside the editor.
• Developers building with LLM APIs who want prompt + code + files in one sidebar flow.

Features (at a glance)

AI chat inside VS Code

Ask anything from the sidebar chat panel.

Create a React login page
Fix this TypeScript error
Explain this API response
Generate a Tailwind navbar

Streaming responses

Replies stream in as the model generates them (when streaming is enabled and tools are not resolving a multi-step tool loop).

Code highlighting

Markdown and syntax-highlighted code blocks for easier reading.

Ask about selected code

Highlight code and run ASI: Ask About Selection to explain, debug, or improve it.

File generation

Generated files can be written into your workspace (manual Create files or optional auto apply).

Auto apply files

Optional: automatically create files detected from the assistant reply (requires an open folder).

Chat UI & optional branding

The sidebar uses a minimal black theme with a Fetch Coder label, session id, and turn count. Optional asiAssistant.banner* and link settings remain in configuration (compatibility / future use).

Tools & web search (ASI1)

When enabled in settings, requests can include workspace tools and/or web_search per ASI:One / OpenAI-compatible behavior.

Preview

Installation

From VS Code Marketplace

Install from the Marketplace:

https://marketplace.visualstudio.com/items?itemName=gautammanak2.fetch-coder

Or open: Fetch Coder — Visual Studio Marketplace

From a .vsix file

npm install
npm run compile
npm run package

Then install:

code --install-extension ./fetch-coder-0.1.5.vsix

Or:

• Open Extensions in VS Code
• Click the … menu
• Choose Install from VSIX…
• Select the generated .vsix file

Getting started

1. Set your API key

You can configure your ASI1 API key in several ways:

Command Palette

ASI: Set API Key

VS Code settings

"asiAssistant.apiKey": "your_api_key"

Environment variable

export ASI_ONE_API_KEY=your_api_key

Local dev (optional)

A file named .api-key next to the extension folder (development only).

2. Open the chat panel

• Use the Activity Bar → Fetch Coder → Chat, or
• Command Palette: ASI: Open Assistant Chat

Shortcut:

Ctrl + Shift + ;
Cmd + Shift + ;   (Mac)

Commands

Extension settings

All settings use the asiAssistant.* prefix.

Example use cases

Frontend development

• Create React components
• Generate Tailwind UI
• Debug CSS issues
• Build forms and pages

Backend development

• Generate Express routes
• Create APIs
• Build database schemas
• Write authentication logic

Debugging

• Fix TypeScript errors
• Explain stack traces
• Understand console errors
• Improve code quality

Learning

• Explain code line by line
• Learn frameworks faster
• Understand new libraries
• Get examples instantly

Project structure (this repository)

asi1-vs-code/
├── src/
│   ├── extension.ts           # activation, commands
│   ├── chatViewProvider.ts    # webview chat UI
│   ├── asiClient.ts           # ASI1 API, tools, web_search
│   └── workspaceFiles.ts      # extract/write files from replies
├── media/                     # chat.css, chatPanel.js, markdown + highlight
├── resources/
│   ├── icon.png, logo.png, readme-banner.png
├── package.json
├── README.md
├── README.vsix.md             # Marketplace readme (VSIX packaging)
├── CHANGELOG.md
├── CONTRIBUTING.md
├── SECURITY.md
└── LICENSE

Documentation links

Development

Clone the repository:

git clone https://github.com/gautammanak1/asi1-vs-code.git
cd asi1-vs-code

Install dependencies:

npm install

Compile:

npm run compile

Run the extension locally:

Press F5 inside VS Code (Extension Development Host)

Optional watch mode:

npm run watch

Package Extension:

npm run package

This README.vsix.md file is what ships as the Marketplace long description when you run npm run package (vsce package --readme-path README.vsix.md) — v0.1.3 includes the icon + banner above. The same content is kept in README.md on GitHub.

Roadmap

• Richer workspace context (symbols, diagnostics)
• Workspace-aware AI suggestions
• Multi-file generation and review flow
• Improved file previews
• Optional chat history persistence
• More model options where the API supports them
• UI polish and animations

Contributing

Contributions are welcome.

1. Fork the repository
2. Create a new branch
3. Make your changes
4. Commit your work
5. Open a pull request

Please read CONTRIBUTING.md for setup, checks, and PR expectations.
See CHANGELOG.md for release notes.

Security

Found a security issue? Please read SECURITY.md instead of opening a public issue.

License

This project is licensed under the MIT License.
See LICENSE for full text.