Cost-effieciency-web

KO | EN

gitlite — search

#javascript #ai #typescript #llm #machine-learning #nodejs #macos #java #windows #kubernetes #awesome-list #vue #ios #open-source

Cost-effieciency-web

(★ 11)

No description available.

Cost-effieciency-web Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Cost Efficiency Web & VS Code Extension

A comprehensive cost analysis solution for comparing code versions to identify efficiency improvements. Includes both a web application and a VS Code extension.

## 📁 Project Structure

```
.
├── Code_Cost_Analyzer/          # Next.js Web Application
│   ├── app/
│   ├── components/
│   ├── public/
│   ├── package.json
│   └── README.md
│
└── vscode-extension/            # VS Code Extension
    ├── src/
    ├── package.json
    ├── tsconfig.json
    └── README.md
```

## 🌐 Web Application

A modern Next.js application for analyzing code efficiency through side-by-side comparison.

### Features
- 📊 **Side-by-side Code Comparison**
- 🤖 **AI-Powered Analysis** using Claude 3.5 Sonnet
- 💰 **Cost Efficiency Detection**
- 📈 **Detailed Insights** with optimization suggestions
- 🎨 **Beautiful Dark UI**

### Quick Start

```bash
cd Code_Cost_Analyzer
npm install
npm run dev
```

Visit `http://localhost:3000` to access the web app.

### Configuration

Create a `.env.local` file:
```
ANTHROPIC_API_KEY=your_api_key_here
```

## 🔧 VS Code Extension

A lightweight extension that brings code analysis directly into your editor.

### Features
- 📊 **Right-click Analysis** - Analyze selected code
- 🔄 **Code Comparison Panel** - Compare two versions side-by-side
- 🚀 **Keyboard Shortcuts** - Quick analysis with `Ctrl+Shift+A` (or `Cmd+Shift+A`)
- ⚡ **Real-time Results** - Instant cost efficiency metrics
- 🎯 **Context Menu Integration** - Seamless editor integration

### Installation & Setup

```bash
cd vscode-extension
npm install
npm run esbuild
```

#### To Test Locally:
1. Press `F5` in VS Code to launch the extension host
2. Configure your API key in VS Code settings:
   - Settings → Extensions → Code Cost Analyzer
   - Enter your Anthropic API key

#### To Package for Marketplace:
```bash
npm install -g vsce
vsce package
```

This creates a `.vsix` file ready for publishing to the VS Code Marketplace.

## 🔑 API Key Setup

Both applications require an Anthropic API key.

1. Get your free API key: https://console.anthropic.com
2. **For Web App**: Add to `.env.local`
3. **For Extension**: Add to VS Code settings

## 📊 What Gets Analyzed

- ⏱️ Computational complexity (time complexity)
- 💾 Memory usage optimization
- 🌐 API calls and network requests reduction
- 🗄️ Database query optimization
- 🔋 Resource utilization efficiency
- ☁️ Cloud computing costs
- 💾 Caching strategies
- 🎯 Algorithm efficiency
- 🔄 Redundant operations removal
- ♻️ Code reusability improvements

## 🛠️ Tech Stack

### Web Application
- **Frontend**: Next.js 14, React, TypeScript
- **Styling**: CSS Modules
- **Backend**: Next.js API Routes
- **AI**: Anthropic Claude 3.5 Sonnet API

### VS Code Extension
- **Language**: TypeScript
- **Framework**: VS Code API
- **Bundler**: esbuild
- **AI**: Anthropic Claude 3.5 Sonnet API

## 🚀 Deployment

### Web Application
Deploy to Vercel, Netlify, or any Node.js hosting:

```bash
cd Code_Cost_Analyzer
npm run build
npm start
```

### VS Code Extension
Publish to VS Code Marketplace:

1. Update `package.json` version and publisher name
2. Run: `vsce publish`

## 📝 Usage Examples

### Web Application
1. Paste old code in the left editor
2. Paste new code in the right editor
3. Click "Analyze"
4. View detailed cost efficiency metrics

### VS Code Extension
1. **Quick Analysis**: Right-click code → "Analyze Code Cost Efficiency"
2. **Comparison**: Use "Compare & Analyze Two Code Versions" from title bar
3. **Shortcut**: Press `Ctrl+Shift+A` to analyze selected code

## 🔒 Privacy & Security

- API keys are stored securely (in `.env` for web, VS Code secret storage for extension)
- Code is sent directly to Anthropic's API
- No code is stored or logged locally
- All data is processed in accordance with Anthropic's terms

## 🐛 Troubleshooting

### "API key not configured" error
- **Web**: Create `.env.local` with `ANTHROPIC_API_KEY`
- **Extension**: Set API key in VS Code settings

### Analysis fails or times out
- Check internet connection
- Verify API key validity
- Try with smaller code snippets
- Check Anthropic API status

## 📄 License

MIT

## 🤝 Contributing

Contributions are welcome! Feel free to submit issues and enhancement requests.

## 📧 Support

For issues and feedback:
- Web App: Open an issue on GitHub
- Extension: VS Code Marketplace review or GitHub issue

---

**Built with ❤️ using Anthropic's Claude AI**

Cost-effieciency-web

Cost-effieciency-web Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Cost-effieciency-web

Cost-effieciency-web Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README